/*
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;
}
@media(min-width:981px){
	.pa-burger-menu.et_pb_sticky--top{background-color:#000!important}
}
/*** Menu burger - 1024 ***/
@media (max-width: 1300px) {
	.et_pb_menu__wrap{margin:20px 0!important}
	#mobile_menu1 li a{
		font-size: 16px!important;
		text-align: center!important;
	}
    .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/08/fleche-gauche.svg') !important;
  width: 2.5vw !important;
  height: 4.5vw!important;
  background-size:contain;
	left:2vw;
}

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

.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;
}

/***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:#fff!important;
}
.et_pb_contact_field_options_title { 
	color: #fff;/*** couleur picto check RGPD***/
}
.et_pb_contact_field_checkbox a:hover { /*couleur Hover lien RGPD*/
	color: #7c7c7c !important;
}

/******** FOOTER *********/

/*** 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 {
    background: url("") no-repeat !important;
    padding: 30px !important;
    color: transparent;
    bottom: 0px;
    right: 15px;
}*/

/***Menu footer***/

.et_pb_sidebar_0_tb_footer{
	display: flex;
    justify-content: center;	
}

.et_pb_widget_area_left{
	padding-right:0px!important;
}

#nav_menu-2{
	width:25%!important;
	margin-bottom:0%!important;
}

#nav_menu-3{
	width:25%!important;
	margin-bottom:0%!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 (min-width: 768px) and (max-width: 980px){
	#encartA1Hvr:hover{background-size:150%!important}
	#encartA21_column:hover{background-size:150%!important}
	
	.et_pb_column_0_tb_header{background-color: #000!important;}
	.et_pb_column_1_tb_footer{width:50%!important}
}

@media (max-width: 980px){
	
	#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:center!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){
	#encartA1Hvr:hover{background-size:180%!important}
	.et_pb_menu__wrap{
		justify-content:center!important;
	}
	.et_pb_column_0_tb_header, .et_pb_column_2_tb_header, .et_pb_row_1_tb_header{background-color: transparent!important;}
	
	.et_pb_column_1_tb_header{background:#000!important}
	
	
	#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
	}
}*/


/*** CUSTOM EDITO ***/
.edito .et_pb_text_inner ul{
	list-style-image:url('img/reparation-automobile.png');
}

.edito .et_pb_text_inner a {
  color: #fff !important;
	transition:1s all ease;
	text-decoration: underline dotted;
}

.edito .et_pb_text_inner a:hover {
	color:#ffffff !important;
    background-color: #696969;
}

.edito .et_pb_text_inner h2::after{
	margin-top: 10px;
  content: "";
  display: block;
  background-color: #696969;
  height: 5px;
  width: 50px;
}

.edito .centrer .et_pb_text_inner h2::after {
	margin:auto;
  }