/*======================================
Theme Name: Divi-enfant
Description: Graffocean theme
Version: 1.0
Author: Graffocean
Author URI: http://www.graffocean.com/
Template: Divi
======================================*/

/* COLORS 
black : #272522
yellow : #ffd700
white : #FEF7EC */
body,
#main-content{
	background:#FEF7EC ;
}
.flex_row{
	display: flex;
	align-items: center;
	column-gap:50px;
}
.adventures{
	font-family: "adventures-unlimited", sans-serif;
	font-weight: 400;
	font-style: normal
}
.dsm-before-after-image-slider-after-label:before, .dsm-before-after-image-slider-before-label:before {
    color: #272522;
    font-size: 13px;
    letter-spacing: .1em;
    position: absolute;
    background: hsla(0, 0%, 100%, .6);
    line-height: 38px;
    padding: 0 20px;
    border-radius: 2px;
}
#menu-menu-principal.et-menu li>a,
.neworder{
	font-family: "new-order", sans-serif;
	font-weight: 500;
	font-style: normal;
}
.et-pb-contact-message p{
	color:#FEF7EC!important;
}
.entry-title,
.et_pb_button,
.neworderbold{
	font-family: "new-order", sans-serif;
	font-weight: 700;
	font-style: normal;
}
#menu-menu-principal.et-menu li{
	padding-top:10px;
	border-top:1px solid #FEF7EC;
	border-right: 1px solid #B2AA9E
}
#menu-menu-principal.et-menu li.current-menu-item,
#menu-menu-principal.et-menu li:hover{
	/*border-top:1px solid #B2AA9E;*/
}
#menu-menu-principal.et-menu li.current-menu-item:before,
#menu-menu-principal.et-menu li:hover:before{
  content: '';
  width: 100%;
  height: 1px;
  background: #B2AA9E;
  display: block;
  position: absolute;
  top: -10px;
  right: 0px;
}
.et_mobile_menu li a:hover, .nav ul li a:hover{
	background-color:#FFD729;
	opacity:1;
}
.top_reseau{
	position: absolute;
    right: 60px;
}
.underlined:after{
	content:"";
	width:50px;
	height: 1px;
	background: #ffd700;
	display: block;
	margin-top: 20px;
}
.underlined_h2 h2:after{
	content:"";
	width:50px;
	height: 1px;
	background: #ffd700;
	display: inline-block;
    margin-left: 20px;
    margin-bottom: 9px;
}
#menu-menu-footer{
	display: block;
}
header .et_pb_social_media_follow li a.icon:before {
  height: 32px;
  width: 32px;
}
header .et_pb_social_media_follow li.et-social-facebook a.icon:before{
	background: url(img/picto-facebook-header.svg);
  content: '';
  background-size: 100% 100%;
}
header .et_pb_social_media_follow li.et-social-instagram a.icon:before{
	background: url(img/picto-instagram-header.svg);
  content: '';
  background-size: 100% 100%;
}
header .et_pb_social_media_follow li{
	margin-left: 4px;
}
footer .et_pb_social_media_follow li.et-social-facebook a.icon:before{
	content:url('img/picto-facebook-footer.svg');
}
footer .et_pb_social_media_follow li.et-social-instagram a.icon:before{
	content:url('img/picto-instagram-footer.svg');
} 
footer .et_pb_social_media_follow li{
	margin-right: 10px;
	margin-top: 8px;
}
.outline img{
  outline: 1px solid #ffd700;
  outline-offset: -20px;

}
body #page-container .et_pb_section .et_pb_button_module_wrapper .et_button_icon_visible.et_button_left .et_pb_button, 
body #page-container .et_pb_section .et_pb_button_module_wrapper .et_button_left .et_pb_button:hover, 
body #page-container .et_pb_section .et_pb_button_module_wrapper .et_pb_button, 
body #page-container .et_pb_section .et_pb_button_module_wrapper .et_pb_button:hover {
    padding: .5em 1.8em !important;
}
.flex_images .et_pb_column{
	display: flex;
	column-gap: 16px;
}
.flex_images .et_pb_image{
	margin-bottom:0!important;
}
.flex_images .et_pb_image img{
	border:1px solid #fff;
}
.home_blog.et_pb_posts .et_pb_post {
  display: flex;
  column-gap: 50px;
  margin-bottom: 40px;
}
.home_blog .image_content {
  margin-bottom: 0px;
  padding: 15px;
  border: 1px solid #B2AA9E;
  width:30%;
}
.home_blog .text_content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  row-gap: 10px;
  width:70%;
}
.home_blog .text_content .entry-title{
	text-transform: uppercase;
}
.et_pb_bg_layout_light .et_pb_post .post-meta, 
.et_pb_bg_layout_light .et_pb_post .post-meta a, 
.et_pb_bg_layout_light .et_pb_post p {
	color:#272522;
}
.home_blog .et_pb_post .entry-featured-image-url{
	margin-bottom: 0;
}
.home_blog.et_pb_posts a.more-link{
	padding-top: 10px;
}
.et_pb_menu_0_tb_header .mobile_nav .mobile_menu_bar:before, 
.et_pb_menu_0_tb_header .et_pb_menu__icon.et_pb_menu__search-button, 
.et_pb_menu_0_tb_header .et_pb_menu__icon.et_pb_menu__close-search-button, 
.et_pb_menu_0_tb_header .et_pb_menu__icon.et_pb_menu__cart-button{
	color:#272522!important
}
.et_mobile_menu{
	border-color:#272522;
}
.coordonees .et_pb_blurb_container{
 vertical-align: middle;
}
.et_pb_contact_field_options_wrapper .et_pb_contact_field_options_title{
	color:#FEF7EC;
	font-size: 12px;
}
.et_contact_bottom_container{
	float:left;
	margin-top:20px;
}
.et_pb_map{
	left:50%;
}
.gm-control-active,
.gmnoprint{
	display: none;
}
.et_mobile_menu li a:hover, .nav ul li a:hover{

}
.et_right_sidebar #left-area{
	padding: 0;
	float: none;
	margin: 0 auto;
}
#main-content .container:before{
	display: none;
}

@media (max-width: 980px) {
	footer .et_pb_menu--style-left_aligned .et_pb_menu__wrap{
		justify-content:flex-start;
	}
  footer .et_pb_menu .et_pb_menu__menu {
      display: block!important;
  }
  footer .et_mobile_nav_menu {
      display: none!important;
      margin-top: 0px;
  }3
  .flex_mobile{
  	display: flex;
  }
  .deux_tiers_mobile{
  	width:70%;
  }
  .un_tiers_mobile{
  	width:30%;
  }
	header .et_pb_social_media_follow li a.icon:before {
	  height: 28px;
	  width: 28px;
	}
  .top_reseau {
    right: 20px;
	}
	.et_pb_social_media_follow li a{
		margin-right:0;
	}
	.home_blog .image_content,
	.home_blog .text_content {
	  width:50%;
	}

}


@media (max-width: 767px) {
	.flex_row{
		flex-direction: column;
		align-items: center;
		row-gap:30px;
	}
	.et_pb_map {
    left: 0%;
	}
	.home_blog .image_content,
	.home_blog .text_content {
	  width:100%;
	}
	.home_blog .image_content{
		margin-bottom: 40px;
	}
	.home_blog.et_pb_posts .et_pb_post{
		flex-direction: column;
	}
}

@media (min-width: 981px) {
    #left-area {
        width: 740px;
    }
}

@media (max-width: 600px) {
	.home_blog.et_pb_posts .et_pb_post {
	    flex-direction: column;
	}
  .deux_tiers_mobile{
  	width:100%;
  }
  .un_tiers_mobile{
  	width:100%;
  }
  .flex_images .et_pb_column{
  	flex-direction: column;
    row-gap: 30px;
  }
  .et_pb_image_0_tb_header.image_logo{
  	margin-top:60px!important;
  }
  .et_pb_row_0_tb_header{
  	background-size: auto 38%!important;
  }
}