/*
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
*/

/********* HEADER ***********/

/*** Aligner la flèche - sous-rubriques***/
.et-menu .menu-item-has-children>a:first-child:after {
	right: auto !important;
	margin-right: 5px !important;
}

/*** Menu burger - 1024 ***/
/*@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;
    }
}

.menu-image-hover-wrapper{
	padding-right:0px!important;
}*/


/*** Croix à l'ouverture du menu burger ***/
div.mobile_nav.opened .mobile_menu_bar:before {
    font-family: "ETmodules";
    content: "\4d"; 
}

.et_pb_menu .et_mobile_nav_menu li { 
    list-style-type: none; 
}

/*** Metaslider - diapo ***/

.metaslider{
	overflow:hidden!important;
}

.metaslider .flexslider{
	margin:0 0!important;
}
.metaslider .flexslider .flex-direction-nav li a.flex-prev {
  background-image: url('/wp-content/uploads/2022/01/fleche-gauche.png') !important;
  width: 2.5vw !important;
  height: 4.5vw!important;
  background-size:contain;
	left:2vw;
	background-repeat: no-repeat !important;
}

.metaslider .flexslider .flex-direction-nav li a.flex-next {
  background-image: url('/wp-content/uploads/2022/01/fleche-droite.png') !important;
  width: 2.5vw !important;
  height: 4.5vw!important;
  background-size:contain;
	right:2vw;
	background-repeat: no-repeat !important;
}

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

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

.metaslider .flex-control-nav{
	bottom:20px!important;
}

/***** PAGE ******/

.encartA1Hvr:hover p{
	color:#000!important;
}







/********* RESPONSIVE ***********/

/* Responsive 1024px
@media only screen and (max-width: 1250px) and (min-width: 981px){
	.atouts-row-1 img{
		width:70%;
	}
	.atouts-row-2 img{
		width:75%;
	}
	.partenaires-row img{
		width:70%;
	}
	.et_pb_column_0_tb_footer{
		padding-left:5%!important;
	}
	.rs-row img[src*=".svg"]{
		width:60%!important;
	}
}*/

/*Responsive Tablette
@media (max-width: 981px){
	#encartA31_column{
		width:100%!important;
	}
	#encartA32_column{
		width:100%!important;
		display:flex!important;
	}
	 Column Header et Footer Order 
	.custom_row {
	  display: -webkit-box;
	  display: -moz-box;
	  display: -ms-flexbox;
	  display: -webkit-flex;
	  display: flex;
		-webkit-flex-wrap: wrap; Safari 6.1+ 
		flex-wrap: wrap;
	} 	
	.first-on-mobile {
		-webkit-order: 1!important;
		order: 1!important;
	}
	.second-on-mobile {
		-webkit-order: 2!important;
		order: 2!important;
	}
	.third-on-mobile {
		-webkit-order: 3!important;
		order: 3!important;
	}	
		
	.fourth-on-mobile {
		-webkit-order: 4!important;
		order: 4!important;
	}
	.fifth-on-mobile {
		-webkit-order: 5!important;
		order: 5!important;
	}
	.sixth-on-mobile {
		-webkit-order: 6!important;
		order: 6!important;
	}


	.et_pb_menu_0_tb_header.et_pb_menu{
		background-color:transparent!important;
	}	
	.et_pb_menu__wrap{
		justify-content:start!important;
	}	
	header div .et_pb_section{
	background-color:transparent!important;	
	}
	
	 Cela cible le champs email qui est le 6ème champs du formulaire de base. Modifier le chiffre si besoin en fonction du nombre de champs. 
	.et_pb_contact_field_6{
		width:100%!important;
	} 


}*/

/*@media all and (max-width: 767px){
	#encartA32_column{
		width:100%!important;
		display:block!important;
	}
	#encartA21_column{
		margin-bottom:2%!important;
	}
	#encartA32_column{
		width:100%!important;
		display:block!important;
	}
	.rs-row img{
		width:60%!important;
	}
	 menu footer
	#nav_menu-2{
		width:100%!important;
		margin-bottom:0%!important;
	}
	#nav_menu-3{
		width:100%!important;
		margin-bottom:0%!important;
	}
	.et_pb_sidebar_0_tb_footer{
		display: block!important;	
	}
	#menu-menu_footer1 li, #menu-menu_footer2 li{
		text-align:center!important;
	}
	#menu-menu_footer1{
		margin-bottom:0px!important;
	}
}

 Responsive du TITRE du menu footer desktop 

@media only screen and (max-width: 1100px) and (min-width: 981px){
	.titre_nav_footer{
		padding-right:5%!important
	}
}
@media only screen and (max-width: 1600px) and (min-width: 1101px){
	.titre_nav_footer{
		padding-right:10%!important
	}
}

@media only screen and (max-width: 2000px) and (min-width: 1601px){
	.titre_nav_footer{
		padding-right:15%!important
	}
}
@media only screen and (max-width: 2500px) and (min-width: 2001px){
	.titre_nav_footer{
		padding-right:20%!important
	}
}*/



/***************** Modif DEV **************/

.et_pb_scroll_top.et-pb-icon {
    font-size: 55px;
    width: 66px;
    height: 66px;
    border-radius: 100%;
    background: #fe1216;
    padding: 0;
	color:#fff;
	right:10px;
}

a:hover {text-decoration:none !important;}

.gform-field-label a{
	color: #000 !important;
}

.gform-field-label a:hover{
	color: #fe1216 !important;
}
.ginput_container{
	accent-color: #fe1216!important;
}

#cmplz-document {
  max-width: 100% !important;
}
#menu-menu-principal li {
	padding:0 2.5vw;
}