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

/* WAFKEY_Hd6dBtQ6DUQWhXi56VTEu7Y8esR4kRXxEWI */


/*.et_pb_row.et_pb_row_0_tb_header.row-head-resp.et_pb_gutters3.et_pb_row--with-menu {
    display: flex;
    align-items: center;
}*/
@media only screen and (min-width: 981px) {
header.et-l.et-l--header {
    position: absolute!important;
    width: 100%!important;
}}
.et_pb_contact_field a {
    color: #f58220!important;
    font-weight: 700;
    text-decoration: underline;
}
.et_pb_contact_field a:hover {
    color: #000!important;
    font-weight: 700;
    text-decoration: underline;
}
#menu-menu-principal li.current-menu-item.menu-item-has-children .sub-menu li a:hover,
#menu-menu-principal li.menu-item-has-children .sub-menu li.current-menu-item a {
    border: 1px solid #175e6d;
}

#menu-menu-principal li.menu-item-has-children .sub-menu li a {
    width: 230px!important;
	margin-right:5px!important;
	margin-left:5px!important;
}

#menu-menu-principal li.menu-item-has-children .sub-menu li {
	padding:0px!important;
	margin-left:0px!important;
	margin-right:0px!important;
	margin-bottom:5px!important;
}

#mobile_menu1 li.menu-item-has-children .sub-menu li {
	padding:0px!important;
	margin-left:0px!important;
	margin-right:0px!important;
	margin-top:5px!important;
	margin-bottom:5px!important;
}

.et_mobile_menu li a:hover, .nav ul li a:hover {
  background-color: #fff!important;
  opacity: 1!important;
}

#mobile_menu1 li a, 
#menu-menu-principal li a,
#menu-menu-principal li.current-menu-item.menu-item-has-children .sub-menu li a{
    border: 1px solid transparent;
}

#menu-menu-principal li a {
	padding:0.521vw!important;
}

#menu-menu-principal li a:hover,
#menu-menu-principal li.current-menu-item a {
    border: 1px solid #175e6d;
}

#mobile_menu1 li.current-menu-item.menu-item-has-children .sub-menu li a,
#mobile_menu1 li.menu-item-has-children a:hover .sub-menu li a{
    border: 1px solid transparent;
}

#mobile_menu1 li.current-menu-item a,
#mobile_menu1 li a:hover,
#mobile_menu1 li.current-menu-item.menu-item-has-children .sub-menu li a:hover,
#mobile_menu1 li.menu-item-has-children .sub-menu li.current-menu-item a {
    border: 1px solid #175e6d;
}

.et_mobile_menu .menu-item-has-children > a {
  background-color: rgba(0,0,0,0)!important;
}

.et_mobile_menu li a:hover, .nav ul li a:hover {
  background-color: #fff!important;
  opacity: 1!important;
}

.et_mobile_nav_menu .mobile_nav.opened .mobile_menu_bar::before {
  content: "\4d" !important;
}

.et_mobile_nav_menu .mobile_nav.closed .mobile_menu_bar::before {
  content: "a" !important;
}
#page-container {overflow-x : hidden !important}
.metaslider .flex-control-nav {
  border: 0;
  margin: auto;
  list-style-type: none;
  list-style: none;
  padding: 0;
  bottom: -27px;
  line-height: 11px;
  z-index: 2;
  right: 0;
  width: max-content;
  display: flex;
  flex-direction: column;
  top: 50%;
  height: 100%;
  bottom: auto;
 right:2vw!important;
}
.metaslider .flexslider .flex-direction-nav li a {
    display:none!important;
}
.flex-control-paging li a.flex-active {
    background: #175e6d!important;
}
.flex-control-paging li a {
    background: #dbeff1!important;
}
.metaslider .flex-control-nav li a {
    margin-bottom: 10px!important;
}
/* .et_mobile_menu {
   
	width: 100%!important;} */
@media (max-width: 1024px)
{
.et_pb_menu_0_tb_header {
margin-top: -1.5vw!important;
}}
#page-container {overflow-x : hidden !important}

/* Edito mise en page (NE PAS TOUCHER!) */

.edito p, .edito li{
     color: #000000!important;
 font-family: 'poppins'!important;
    line-height: 1.5em;
}


.edito h2{
   font-family: 'poppins'!important;
    line-height: 1.1em;
    color: #175e6d!important; 
	font-weight: 800!important;
	text-transform: uppercase;
}

.edito h3{
   font-family: 'poppins'!important;
    line-height: 1.1em;
    color: #175e6d!important; 
	font-weight: 600!important;
	
}

   
.edito h2::after {
  content: "";
    display: block;
    width: 60px;
    height: 10px;
    background-color: #f58220 ;
    box-shadow: 75px 0px #175e6d;
    margin: 10px auto;

}


.edito a {
    color: #175e6d!important;
    font-weight: Bold!important;
    text-decoration: none;
    transition: all 0.3s ease-in-out;
	font-family: 'poppins'!important; 
    
}

.edito a:hover {
    color: #f58220 !important;
    text-decoration: none;
   text-decoration: none!important;
	background-color:#ffffff;
	border-bottom: 0px solid;
}
 

.edito li {
	margin-bottom: -10px;
    margin: 10px;
    color: #000000;
 	font-family: 'poppins'!important;
    line-height: 1.2em; 
	list-style-type: disclosure-closed;
	
}

/****************blanc ***********/

.editob p, .editob li{
     color: #ffffff!important;
 font-family: 'poppins'!important;
    line-height: 1.5em;
}

.editob h2{
    font-family: 'poppins'!important;
    line-height: 1.1em;
    color: #175e6d!important; 
	font-weight: Bold!important;
	text-transform: uppercase;
}
   
.editob h2::after {
  content: "";
    display: block;
    width: 60px;
    height: 10px;
    background-color: #f1f9f9;
    box-shadow: 75px 0px #175e6d;
    margin: 10px auto;

}
.editob a {
    color: #175e6d!important;
     font-weight: Bold!important;
    text-decoration: none;
    transition: all 0.3s ease-in-out;
	font-family: 'poppins'!important; 
    
}

.editob a:hover {
    color: #f58220 !important;
    text-decoration: none;
   text-decoration: none!important;
	background-color:#ffffff;
	border-bottom: 0px solid;
}

.editob li {
	margin-bottom: -10px;
    margin: 10px;
    color: #ffffff;
 	font-family: 'poppins'!important;
    line-height: 1.2em; 
	list-style-type: disclosure-closed;
}

/* EDITO gestion des ecrans*/
/*  SMARTPHONES */
@media (max-width: 767px) and (min-width: 320px){	
    .edito h2{font-size:25px; text-align:center;} 
	.edito h3{font-size:18px; text-align:center;} 
.edito p a{
		font-size: 14px;
	}
	.edito p {
		font-size: 14px;
	}
	
	.edito ul li a {
		font-size: 14px;
	}
	.edito ul li {
		font-size: 14px;
	}
	 .editob h2{font-size:25px; text-align:center;} 
.editob p a{
		font-size: 14px;
	}
	.editob p {
		font-size: 14px;
	}
	
	.editob ul li a {
		font-size: 14px;
	}
	.editob ul li {
		font-size: 14px;
	}

	
}

    /*  TABLETTES */
@media (max-width: 980px) and (min-width: 768px){	
    .edito h2{font-size:30px; text-align:center;} 
	 .edito h3{font-size:23px; text-align:center;} 
.edito p a{
		font-size: 16px;
	}
	.edito p {
		font-size: 16px;
	}
	
	.edito ul li a {
		font-size: 16px;
	}
	.edito ul li {
		font-size: 16px;
	}
	.editob h2{font-size:30px; text-align:center;} 
.editob p a{
		font-size: 16px;
	}
	.editob p {
		font-size: 16px;
	}
	
	.editob ul li a {
		font-size: 16px;
	}
	.editob ul li {
		font-size: 16px;
	}


}
 
    /*  BUREAUX */
@media (max-width: 2000px) and (min-width: 1300px){	
    .edito h2{font-size:2vw; text-align:center;} 
	.edito h3{font-size:1.5vw; text-align:center;}
.edito p a{
		font-size: 1vw;
	}
	.edito p {
		font-size: 1vw;
	}
	
	.edito ul li a {
		font-size: 1vw;
	}
	.edito ul li {
		font-size: 1vw;
	}
	.editob h2{font-size:2vw; text-align:center;} 
.editob p a{
		font-size: 1vw;
	}
	.editob p {
		font-size: 1vw;
	}
	
	.editob ul li a {
		font-size: 1vw;
	}
	.editob ul li {
		font-size: 1vw;
	}
	
}

@media (max-width: 1200px) and (min-width: 981px){	
    .edito h2{font-size: 25px !important; text-align:center;} 
	.edito h3{font-size: 18px !important; text-align:center;}
.edito p a{
		font-size: 14px;
	}
	.edito p {
		font-size: 14px;
	}
	
	.edito ul li a {
		font-size: 14px;
	}
	.edito ul li {
		font-size: 14px;
	}
	.editob h2{font-size: 25px !important; text-align:center;} 
.editob p a{
		font-size: 14px;
	}
	.editob p {
		font-size: 14px;
	}
	
	.editob ul li a {
		font-size: 14px;
	}
	.editob ul li {
		font-size: 14px;
	}
}

/* Fin Mise en page bye bye!!!! */