/*
Theme Name: BenF-Divi
Description: Theme enfant de Divi
Author: Benjamin FRIESS
Author URI: benjaminfriess.com
Template: Divi
Version: 0.1.0
*/

@import url('https://fonts.googleapis.com/css2?family=Exo:wght@100;200&display=swap');

/* TETE */
#main-header {
-webkit-box-shadow: none);
-moz-box-shadow: none;
box-shadow: none;
width:100%!important;
max-width:100%!important}
.logo_container {
	position:fixed !important;
	top:0px !important;
	left:0px !important;
	display:block !important;
	width:480px !important;
	height:auto !important;
	z-index:1;
	padding-right:50px  !important;
	}
	
.logo_helper {display:none !important;}

#top-menu .menu-item-has-children>a:first-child:after {display:none !important;}

#logo {
display:block;
width:100%;
height:auto;
vertical-align:top;
}
#et-top-navigation {padding-top:0px !important; float:left !important; padding-left:440px !important}
#et-top-navigation nav>ul>li>a {padding-bottom:20px !important; padding-top:100px !important; padding-left:100px !important; margin-left:-80px !important; padding-right:20px !important; }
#et-top-navigation nav>ul>li:nth-of-type(0n+1)>a {margin-left:-110px !important;}
#et-top-navigation #top-menu .menu-item {background-color:#FFF; border-right:1px solid #a49174;  text-align:right !important; padding:0; }
#et-top-navigation #top-menu .menu-item:hover {transform: translate(50px, 0); transition-duration: 0.7s;  background-color:#FFF; box-shadow:4px 0px 0px rgb(0 0 0 / 10%);
    -moz-box-shadow: 4px 0px 0px rgba(0,0,0,.1);
    -webkit-box-shadow: 4px 0px 0px rgb(0 0 0 / 10%);
	}
#top-menu a:hover {color:#885b07; !important}
.menu-item:nth-child(0n+1) {z-index:10;}
.menu-item:nth-child(0n+2) {z-index:8}
.menu-item:nth-child(0n+3) {z-index:6}
.menu-item:nth-child(0n+4) {z-index:4}

#top-menu li.current-menu-ancestor>a {color:#885b07; !important}
#top-menu li.current-menu-item>a {color:#885b07; !important}


/* sous-menu */
.nav li ul {right:0px !important; width:200px!important; border-top:0px!important; box-shadow:4px 0px 0px rgb(0 0 0 / 10%);
    -moz-box-shadow: 4px 0px 0px rgba(0,0,0,.1);
    -webkit-box-shadow: 4px 0px 0px rgb(0 0 0 / 10%);}
.sub-menu {padding:0 !important}
.sub-menu .menu-item a{font-size:14px!important; color:#555 !important; -webkit-transition:none !important; transition:none !important;}
.sub-menu .menu-item:hover {transform:none!important; color:#ffffff !important; background: linear-gradient(270deg, rgba(87,55,13,1) 0%, rgba(225,202,127,1) 100%)!important;}
.sub-menu .menu-item a:hover {background:none !important; color:#ffffff !important; opacity:1}
.sub-menu li a:hover {color:#885b07; !important}

#main-header.et-fixed-header {box-shadow:none !important;
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;}
/* FIN TETE */

/* CORPS */
.et_pb_column {position:inherit !important; z-index:inherit !important}
.izarian {font-size:28px; text-transform: uppercase; color:#885b07}
h1 {font-family: 'Exo', sans-serif;
font-weight:200;
	display:block;
	position:fixed;
	top:134px;
	width:200%;
	/*border-bottom:1px solid #885b07;*/
	font-size:38px;
	margin-left:-700px;
	padding-left:700px;
	background-color:#FFF;
	z-index:90;
	padding-top:60px;
	color:#666;
	height:120px!important;}
h1::after {content: ''; position: fixed; top:254px; left:0px; width:100%; height:20px; background: linear-gradient(270deg, rgba(87,55,13,1) 15%, rgba(255,233,152,1) 99%, rgba(255,255,255,1) 100%)!important;}
h2 {font-family: 'Exo', sans-serif;
font-weight:400;font-size:32px; color:#885b07 !important}
#page-container {padding-left:0px !important; max-width:100% !important; width:100% !important; padding-top:195px !important; }
#page-container::before {}
#et-main-area {background-color:#FFF !important;
overflow:hidden !important}

	
body {}
body.et_cover_background  {}

.et_pb_section {margin-left:450px;}
.ancre {padding-top:120px;}
.ancre_entreprise {padding-top:120px;}
.plein_ecran {margin-left:0px !important;}
.plein_ecran_droite {margin-left:0px !important;}
.plein_ecran .et_pb_row { margin-left:450px !important; padding:0 !important; background: linear-gradient(0deg, rgba(87,55,13,1) 0%, rgba(255,233,152,1) 100%)!important; padding-left:20px !important; width:90% !important; }
.plein_ecran_droite .et_pb_row { margin-right:450px !important; padding:0 !important; background: linear-gradient(0deg, rgba(87,55,13,1) 0%, rgba(255,233,152,1) 100%)!important; padding-right:20px !important;  width:90% !important}
.plein_ecran .et_pb_column {background-color:#FFF; padding:2% !important; padding-right:450px !important}
.plein_ecran_droite .et_pb_column {background-color:#FFF; padding:2% !important;  padding-left:550px !important}

.texte_atelier {margin-left:450px !important}


.titre_page {padding:0px !important;
height:60px !important}

.galerie_gauche {padding-left:100px !important; padding-bottom:200px !important}
.gallerie_droite { padding-bottom:200px !important}
.et_pb_grid_item {margin:5px !important}


.et_pb_gallery_title {display:none  !important}
.et_pb_gallery_caption {display:none  !important}

.plein_ecran_titre {margin-left:0px !important; padding-top:60px !important; padding-bottom:0 !important}
.plein_ecran_titre_entreprise {margin-left:0px !important;}
.plein_ecran_titre .et_pb_row {width:100% !important; padding-bottom:60px;}
.titre_degrade {background: linear-gradient(280deg, rgba(87,55,13,1) 0%, rgba(123,92,34,1) 100%)!important; border-left:10px solid #ffffff; padding:40px}
.titre_degrade h2 {color:#fff !important; padding:0 !important}


.barre_degrade {height:20px !important; margin-left:0px !important; background: linear-gradient(280deg, rgba(87,55,13,1) 0%, rgba(255,233,152,1) 100%)!important; padding:0 !important; margin:0 !important }
.barre_degrade:first-child {top:254px !important;}

/* FIn CORPS */

/* PIED */

#main-footer {background-color:#FFF!important;}
#footer-info {display:none}
#footer-bottom {background-color:#59390e!important; color:#c5baab; width:100%; text-align:center; font-size:12px; padding-top:50px; padding-bottom:50px}

/* FIN PIED */


/*** Responsive Styles Large Desktop And Above ***/
@media all and (max-width: 1405px) {
h1 {margin-left:-370px;}
.et_pb_section {margin-left:100px;}  
.texte_atelier {margin-left:100px !important}
.logo_container {height:254px !important; overflow: hidden !important}
#logo {height:540px !important; max-height:540px !important}
}
 
/*** Responsive Styles Standard Desktop Only ***/
@media all and (min-width: 1100px) and (max-width: 1405px) {
 
}
 
/*** Responsive Styles Tablet And Below ***/
@media all and (max-width: 980px) {
h1 {margin-left:-700px;}
.et_pb_column {
    z-index: 1 !important;
}
	
#et-top-navigation {
	padding-left:280px !important;
	z-index: 100;
    position: relative;
}

.logo_container {
height:210px !important;
padding-right:200px  !important;
margin-top:-40px !important
	}
#logo {float:left !important; height:400px !important; max-height:400px !important}
.et_header_style_left #logo {max-width: 100% !important}

#page-container { padding-right:0px !important; max-width:100% !important; width:100% !important; }
#page-container::before {
   left:280px; 	}
#top-menu-nav, #top-menu {display: block;}
#et_top_search {display: block;}



#et_mobile_nav_menu {display: none;}
#et-top-navigation nav>ul>li>a {
    padding-top: 70px !important;
}

.mobile_menu_bar {
    padding-bottom: 16px !important;
}
.mobile_menu_bar:before {color:#5a3b10 !important;}
.et_mobile_menu {border-top:#9b752e 1px solid !important;border-bottom:#9b752e 0px solid !important;}
/* CSS refermer les sous-menus sur mobile */

#main-header .et_mobile_menu .menu-item-has-children > a { 
	background-color: transparent;
	position: relative; 
}
#main-header .et_mobile_menu .menu-item-has-children > a:after { 
	font-family: 'ETmodules';
	text-align: center;
	speak: none;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	-webkit-font-smoothing: antialiased;
	position: absolute; 
}
#main-header .et_mobile_menu .menu-item-has-children > a:after { 
	font-size: 16px;
	content: '\4c';
	top: 13px;
	right: 10px; 
}
#main-header .et_mobile_menu .menu-item-has-children.visible > a:after { 
	content: '\4d'; 
}
#main-header .et_mobile_menu ul.sub-menu { 
	display: none !important;
	visibility: hidden !important;
	transition: all 1.5s ease-in-out;
}
#main-header .et_mobile_menu .visible > ul.sub-menu { 
	display: block !important;
	visibility: visible !important; 
}

.et_mobile_menu ul.sub-menu li a {padding:5px !important}

#main-header {
height:100px!important;
background-color:#FFF;
position:fixed !important;
}	

#page-container {padding-left:0px !important; padding-left:0px !important; max-width:100% !important; width:100% !important; }
#page-container::before {
	display:none
}

.et_pb_section {margin-left:0px;}

h1 {
	top:100px;
	width:300%;
	/*border-bottom:1px solid #885b07;*/
	font-size:30px;
	padding-top:30px;
	padding-left:760px;
	height:70px!important;}
h1::after {top:170px; height:10px !important;}
#page-container {
    padding-top: 110px !important;
}
.et_parallax_bg {
    display:none !important;
}
.et_parallax_bg_wrap {    display:none !important;
}
.plein_ecran_titre {margin:0px !important; padding:0px !important; height:80px}
.plein_ecran_titre .et_pb_row { height:80px}

.barre_degrade {display:none;}

.titre_degrade {margin:0px !important; padding:10px !important; padding-left:0px !important; height:70px; background: linear-gradient(280deg, rgba(87,55,13,1) 0%, rgba(255,233,152,1) 100%) !important; border:none !important}
.titre_degrade h2 {margin:0px !important; padding:0px !important; padding-top:13px !important; height:50px; display:block; background: linear-gradient(280deg, rgba(87,55,13,1) 0%, rgba(123,92,34,1) 100%)!important;
font-size:24px !important}
.ancre {padding-top:170px !important; margin-top:-170px !important}
.ancre_entreprise {padding-top:120px;}
.premiere_rea {margin-top:0px !important; padding-top:0px}
/*.ancre:first-of-type {padding-top:0px !important}*/
.projets {padding-top:180px !important}
#projets_salon {padding-top:0px !important}
}
/*** Responsive Styles Tablet Only ***/
@media all and (min-width: 768px) and (max-width: 980px) {
.titre_degrade h2 { padding-left:100px !important;} 
}
 
/*** Responsive Styles Smartphone Only ***/
@media all and (max-width: 767px) {
	#et-top-navigation {
	float:right !important;
	padding:0;
}
 #top-menu-nav, #top-menu {display: none;}
#et_top_search {display: none;}
#et_mobile_nav_menu {display: block;}
h1 {
	width:110%;
	padding-left:0 !important;
	padding-right:0 !important;
	margin-left:0 !important;
	margin-right:0 !important;
	text-align:center;
	left:0;
	}
h2 {width:110%;
	padding-left:0px !important;
	padding-right:0px !important;
	margin-left:0 !important;
	margin-right:0 !important;}
}
 
/*** Responsive Styles Smartphone Portrait ***/
@media all and (max-width: 479px) {
 
}