@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,500,700");
@font-face {
  font-family: 'AvenirCondensedHand';
  src: url('../font/AvenirCondensedHand.eot');
  src: url('../font/AvenirCondensedHand.eot?#iefix') format('embedded-opentype'), url('../font/AvenirCondensedHand.woff2') format('woff2'), url('../font/AvenirCondensedHand.woff') format('woff'), url('../font/AvenirCondensedHand.ttf') format('truetype'), url('../font/AvenirCondensedHand.svg#AvenirCondensedHand') format('svg');
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'DJB This is My Life';
  src: url('../font/DJBThisisMyLife.eot');
  src: url('../font/DJBThisisMyLife.eot?#iefix') format('embedded-opentype'), url('../font/DJBThisisMyLife.woff2') format('woff2'), url('../font/DJBThisisMyLife.woff') format('woff'), url('../font/DJBThisisMyLife.ttf') format('truetype'), url('../font/DJBThisisMyLife.svg#DJBThisisMyLife') format('svg');
  font-weight: normal;
  font-style: normal;
}


/*********************** == couleurs ************************/


/************************* == fonts **************************/


/************************* == responsive **************************/


/******************* == paramètres projet ********************/

html {
  font-family: 'Roboto', sans-serif;
}

h1 {
  font-family: "DJB This is My Life" !important;
  font-size: 2.4em;
  font-weight: 400;
  margin: 30px 0 20px;
  text-align: center;
  text-transform: uppercase;
  line-height: 1.5em;
}

h2 {
  font-family: "DJB This is My Life" !important;
  font-size: 1.6em;
  font-weight: 300;
  color: white;
  text-transform: uppercase;
  margin-bottom: 30px;
  line-height: 1.6em;
}

p{
  font-size: 1.1em;
}
.et_pb_section#valeurs {
  background: white;
}

.et_pb_section#valeurs h3 {
  color: #bed5bc;
}

.et_pb_section#offre {
  background: #e53250;
}

.et_pb_section#offre h3 {
  color: white;
}

.et_pb_section#offre .et_pb_text_inner {
  text-align: center;
}

.et_pb_section#offre .block {
  background: white;
  padding: 20px;
  height: 270px;
  overflow: hidden;
}

.et_pb_section#offre .block p{
  text-align: justify;
}

.et_pb_section#offre .et_pb_image{
  text-align: center;
}

.et_pb_section#realisations .et_pb_text_inner {
  text-align: center;
}



.et_pb_section#realisations .et_pb_text_inner h2 {
  
  color:#fbc757;
}

.et_pb_filterable_portfolio .et_pb_portfolio_filters ul{
  text-align: center;
}

.et_pb_filterable_portfolio .et_pb_portfolio_filters li{
  display:inline-block;
  float:none;
}

.et_pb_filterable_portfolio .et_pb_portfolio_filters li a{
  border-radius:0 !important;
  margin:0 10px;
  color:#fbc757;
  border-color:#fbc757;
}

.et_pb_portfolio_item h4.et_pb_module_header{
  font-size: 1em;
  text-align: center;
  text-transform: uppercase;
  margin: 10px 0 0;
}

.et_pb_portfolio_item p.post-meta{
  font-size: 0.9em;
  text-align: center;
  color:#fbc757;
}

.et_pb_row.header-project{
  padding:0;
}

.et_pb_filterable_portfolio .et_pb_portfolio_filters li a.active,.et_pb_filterable_portfolio .et_pb_portfolio_filters li a:hover{
  background: #fbc757;
  color:black;
}

.et_pb_section#contact {
  background: #bed8d4;
}

.et_pb_section#contact h2{
  color:black;
  text-align: center;
}

.et_pb_section#contact h3{
  font-family: "DJB This is My Life" !important;
}

#top-menu li {
  font-size: 1.3em;
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
  letter-spacing: 1px;
  padding-left: 16px;
  padding-right: 0;
}

ul#top-menu li a{
  color:white !important;
}

.et_pb_filterable_portfolio .et_pb_portfolio_filters li a{
  font-family: "DJB This is My Life" !important;
}

#services .et_pb_main_blurb_image {
  margin-bottom: 0;
  padding-bottom: 0;
}

#services .et_pb_column_1_3 {
  margin-right:0;
  width:33%;
}

#services .et_pb_column_1_3 .et_pb_main_blurb_image img{
  max-width:70%;
  
}

#services .et_pb_row {
  margin-bottom: 0;
  padding-bottom: 0;
}

.project-template-default h2{
  color:black;
}

.et_pb_section#apropos {
  background: #f49f51 url("../images/bg_apropos.png") no-repeat bottom right;
}

.et_pb_portfolio_filters.clearfix {
  margin-bottom: 130px;
}

.et_pb_filterable_portfolio .et_pb_portfolio_filters li a:before{
  content: "";
  display: block;
  width: 80px;
  height: 120px;
  position: absolute;
  text-align: center;
}


.et_pb_filterable_portfolio .et_pb_portfolio_filters li a[data-category-slug="aventure"]:before{
  background: url("../images/filtre_soleil.png") no-repeat bottom right;
}

.et_pb_filterable_portfolio .et_pb_portfolio_filters li a[data-category-slug="bienetre"]:before{
  background: url("../images/filtre_fleur.png") no-repeat bottom right;
}

.et_pb_filterable_portfolio .et_pb_portfolio_filters li a[data-category-slug="hotels-sejours"]:before{
  background: url("../images/filtre_montgolfiere.png") no-repeat bottom right;
  width: 70px;
}



.et_pb_section#apropos .et_pb_text_inner {
  text-align: center;
}

.et_pb_section#apropos p {
  color: white;
}

.et_pb_section#apropos.mentions p{
  margin-bottom: 20px;
}

.et_pb_section#apropos.mentions h2{
  margin-bottom:10px;
}

#apropos h2 {
  font-weight: 300;
  margin-bottom: 30px;
}

#apropos.et_pb_section {
  padding: 10px 0 20px 0;
  
}

.et_pb_row.deco {
  padding: 0;
}

.et_pb_section#apropos p {
  color: black;
  font-weight: 300;
  font-family: 'Roboto', sans-serif;
  text-align: justify;
}

.et_pb_section#apropos .texte{
  width:80%;
  margin:0 auto;
  
}

.et_pb_section#valeurs h2{
  color:black;
  margin-top:20px;
}

.et_pb_section#valeurs h3{
  font-family: "DJB This is My Life";
  font-size:1.3em;
}

.et_pb_section#valeurs .block_valeur .et_pb_column {
  border: 2px solid #BED5BC;
  width:100%;
  margin:0 auto;
  padding:20px;
}

.et_pb_section#offre .block ul{
  text-align: left;
}

.et_pb_section#offre .block ul li{
  padding-bottom:10px;
}

.et_pb_section#valeurs h2 {
  text-transform: uppercase;
}

.et_pb_section#valeurs h3 {
  font-size: 1.4em;
  margin: 10px;
  font-weight: 600;
}

.et_pb_section#valeurs .et_pb_image {
  margin-bottom: 40px;
}

#valeurs .et_pb_text_inner {
  position: relative;
  max-width: 440px;
  margin: 0 auto;
}

#offre .titre {
  color: white;
}

#offre h2 {
  text-transform: uppercase;
}

#offre h3 {
  font-family: "DJB This is My Life" !important;
}

#et_search_icon:hover,
.mobile_menu_bar::before,
.mobile_menu_bar::after,
.et-social-icon a:hover,
.comment-reply-link,
.form-submit .et_pb_button,
.entry-summary p.price ins,
.woocommerce div.product span.price,
.woocommerce-page div.product span.price,
.woocommerce #content div.product span.price,
.woocommerce-page #content div.product span.price,
.woocommerce div.product p.price,
.woocommerce-page div.product p.price,
.woocommerce #content div.product p.price,
.woocommerce-page #content div.product p.price,
.woocommerce .star-rating span::before,
.woocommerce-page .star-rating span::before,
.woocommerce a.button.alt,
.woocommerce-page a.button.alt,
.woocommerce button.button.alt,
.woocommerce-page button.button.alt,
.woocommerce input.button.alt,
.woocommerce-page input.button.alt,
.woocommerce #respond input#submit.alt,
.woocommerce-page #respond input#submit.alt,
.woocommerce #content input.button.alt,
.woocommerce-page #content input.button.alt,
.woocommerce a.button,
.woocommerce-page a.button,
.woocommerce button.button,
.woocommerce-page button.button,
.woocommerce input.button,
.woocommerce-page input.button,
.woocommerce #respond input#submit,
.woocommerce-page #respond input#submit,
.woocommerce #content input.button,
.woocommerce-page #content input.button,
.woocommerce a.button.alt:hover,
.woocommerce-page a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce-page button.button.alt:hover,
.woocommerce input.button.alt:hover,
.woocommerce-page input.button.alt:hover,
.woocommerce #respond input#submit.alt:hover,
.woocommerce-page #respond input#submit.alt:hover,
.woocommerce #content input.button.alt:hover,
.woocommerce-page #content input.button.alt:hover,
.woocommerce a.button:hover,
.woocommerce-page a.button:hover,
.woocommerce button.button,
.woocommerce-page button.button:hover,
.woocommerce input.button:hover,
.woocommerce-page input.button:hover,
.woocommerce #respond input#submit:hover,
.woocommerce-page #respond input#submit:hover,
.woocommerce #content input.button:hover,
.wp-pagenavi span.current,
.wp-pagenavi a:hover,
.et_password_protected_form .et_submit_button,
.nav-single a,
.posted_in a,
#top-menu li.current-menu-ancestor>a,
#top-menu li.current-menu-item>a,
.bottom-nav li.current-menu-item>a,
.footer-widget h4 {
  color: #f49f51;
}

input[type="text"],
input[type="password"],
input[type="tel"],
input[type="email"],
input.text,
input.title,
textarea,
select {
  padding: 8px;
  border: none;
  color: #4e4e4e;
  background-color: #fff;
  border-radius: 20px;
  width: 100%;
  font-family: "DJB This is My Life" !important;
  padding-left:20px;

}

#contact input[type="submit"] {
  width: 100%;
  border-radius: 14px;
  border: none;
  padding: 6px;
  background: black;
  color: white;
  text-transform: uppercase;
}

#contact span.wpcf7-form-control-wrap {
  display: block;
}


.et_overlay::before, .et_pb_bg_layout_light .et_pb_more_button, .et_pb_bg_layout_light .et_pb_newsletter_button, .et_pb_bg_layout_light .et_pb_promo_button, .et_pb_bg_layout_light.et_pb_module.et_pb_button, .et_pb_contact_submit, .et_pb_filterable_portfolio .et_pb_portfolio_filters li a.active, .et_pb_filterable_portfolio .et_pb_portofolio_pagination ul li a.active, .et_pb_gallery .et_pb_gallery_pagination ul li a.active, .et_pb_member_social_links a:hover, .et_pb_pricing li a, .et_pb_pricing_table_button, .et_pb_sum, .woocommerce-page #content input.button:hover .et_pb_widget li a:hover{
  color:#666;
}

.et_pb_button{
  border-width:1px;
}


@media (max-width:768px){
  h1{
    line-height: 1.6em;
    font-size:2em;
  }

  .et_pb_section#apropos .texte {
      width: 100%;
  }

  .et_pb_section#valeurs h3 {
      line-height: 1.6em;
  }

  .et_pb_section#valeurs .block_valeur .et_pb_column {
    border: 0;
  }

  .et_pb_section {
      padding: 0;
  }

  #valeurs .et_pb_text_inner {
      max-width: 100%;
  }

  .et_pb_section#offre .block {
      height: inherit;
      overflow: inherit;
  }

  h3 {
      font-size: 20px;
      text-align: center;
  }

  .et_pb_section#contact h2{
    margin-bottom:0;
  }

  .et_pb_section#contact .et_pb_row{
    padding-bottom:0;
  }

  .et_pb_section#contact .et_pb_column{
    margin-bottom:0;
  }

  .et_pb_filterable_portfolio .et_pb_portfolio_filters li a:before{
    display: none;
  }

  .et_pb_portfolio_filters.clearfix {
    margin-bottom: 10px;
  }
}
/*# sourceMappingURL=../css/maps/style.css.map */