/*
Theme Name: Divi Enfant par Incomm
Description: Theme enfant du theme Divi
Author: Incomm
Author URI: https://www.incomm.fr
Template: Divi
Version: 1.05
*/


#cmplz-document {max-width: 100% !important;}

.metaslider .flexslider .flex-direction-nav li a.flex-prev {
	background-image: url('/wp-content/uploads/2024/06/left.png') !important;
	width: 2.708vw!important;
	height: 2.708vw!important;
	background-size: contain !important;
}

.metaslider .flexslider .flex-direction-nav li a.flex-next {
	background-image: url('/wp-content/uploads/2024/06/right.png') !important;
	width: 2.708vw!important;
	height: 2.708vw!important;
	background-size: contain !important;
}


.flex-control-paging li a{background: #fff!important;}

.flex-control-paging li a.flex-active {background: #757575 !important;}

#menu-menu-principal li {
	padding: 0 2vw!important;
	margin-top: 0!important;
}


/* Menu burger*/
@media (max-width: 1300px) {
    .pa-burger-menu .et_pb_menu__menu {
        display: none !important;
    }
    .pa-burger-menu .et_mobile_nav_menu {
        display: flex !important;
        float: none;
        margin: 0 6px;
        align-items: center;
    }
	/* Correction couleur automatique des pages contenant des sous-menu en version burger*/
	.menu-item-has-children a{
		/*background-color:#fff!important;*/
		
	}
	
	.sub-menu li a {
		font-size:13px!important;
		text-align:center!important;
	}
	.et_mobile_menu li li{
		padding-left:0%!important;
	}
	.et_mobile_menu li ul{
		padding-left:0px!important;
	}
	#mobile_menu1 {
		padding:0 0;
	}

}





a{
	text-decoration:none!important;
}
/*Responsive COLONNES header*/

@media  (min-width:1400px){
	.header-logo-col{
		width: 12%!important;
	}
	.header-menu-col{
		width: 80%!important;
	}
	.header-social-col{
		width: 8%!important;
	}
}
@media  (min-width:1200px) and (max-width:1399px){
	.header-logo-col{
		width:14%!important;
	}
	.header-menu-col{
		width:72%!important;
	}
	.header-social-col{
		width:14%!important;
	}
}
@media  (min-width:981px) and (max-width:1199px){
	.header-logo-col{
		width:16%!important;
	}
	.header-menu-col{
		width:74%!important;
	}
	.header-social-col{
		width:10%!important;
	}
}
@media  (min-width:768px) and (max-width:980px){
	.header-logo-col{
		width:25%!important;
	}
	.header-menu-col{
		width:55%!important;
	}
	.header-social-col{
		width:20%!important;
	}
}



.metaslider .flexslider {
margin: 0!important;
}

.metaslider .flex-control-nav {
position: absolute;
bottom: 12px!important;
}

#menu-menu_footer {
width: 100%;
display: flex;
-ms-flex-pack: center !important;
justify-content: center !important;	
margin-bottom:0!important;
}

#menu-menu_footer li {
margin-bottom: 0!important;
padding-right: 1.0416666666666665vw;
}

.et_pb_menu__menu {
margin-left: 0!important;
margin-right: 0!important;
}

#menu-menu-principal {
flex-wrap: nowrap!important;
}

.et_pb_menu__wrap {
margin: 0!important;
}

.encartop i {
font-size: 35px;
}

@media only screen and (max-width: 767px) {
	
#menu-menu_footer {
display: block;	
}
	
#menu-menu_footer li {
padding-right: 0;
line-height: 35px;
}
	
}
	
/* Hauteur de la google map */
.hcent, .hcent .et_pb_code_inner, .hcent .et_pb_code_inner iframe {
	height:100% !important;
}

/* back to top */

.et_pb_scroll_top.et-pb-icon{
	bottom: 20px !important;
	border-radius: 40px !important;
	padding: 1px !important;
	right: 2px !important;
	background: #000;
}

/***formulaire DIVI***/

.et_pb_contact_form{
margin-left:0%!important;
}

p.et_pb_contact_field{
padding: 0px 0 0 0.5%!important;
margin-bottom: 0.5%!important;
}

.et_contact_bottom_container{
margin-top:1vw!important;
}

.et_pb_contact_form_0 .input[type="checkbox"]+label{ /*couleur texte RGPD*/
color:#000!important;
}

.et_pb_contact p input[type=checkbox]:checked+label i:before, .et_pb_subscribe .et_pb_contact_field input[type=checkbox]:checked+label i:before {
color: #fff;/*** couleur picto check RGPD***/
}
.et_pb_contact_field_checkbox a:hover { /*couleur Hover lien RGPD*/
color: #7c7c7c !important;
}

.et_pb_menu .et_pb_menu__menu > nav > ul#menu-menu-principal > li > a:hover {
    background:#ffea00!important;
    color:#131313!important;
	opacity: 1;
}
.nav li ul{
	width:270px!important;
	text-align:center!important;
}