/*
Theme Name: mazette
Description: theme enfant de divi
Author:   Philippe DESHONS [com1concept]
Template: Divi
*/

@import url("../Divi/style.css");



/*Code couleurs

- jaune : #FFFF04
- rose : #FE2485
- vert : #6AFC03
- or: #E3C35E
- noir : #000000
- rouge : #ff0000;

*/

.entry-content .et_pb_text_inner a { text-decoration :underline; font-weight:500;}
.entry-content .et_pb_text_inner a:hover {color:#6AFC03; font-weight:500;}

.et-l--footer a:hover {color:#6AFC03 !important;}
.et_pb_widget_area a {text-decoration :none !important;}
.et_pb_widget_area a:hover {color:#6AFC03 !important;}
.et_pb_sidebar_0_tb_footer.et_pb_widget_area a:hover, .et_pb_sidebar_1_tb_footer.et_pb_widget_area a:hover, .et_pb_sidebar_2_tb_footer.et_pb_widget_area a:hover, .et_pb_sidebar_3_tb_footer.et_pb_widget_area a:hover, .et_pb_sidebar_4_tb_footer.et_pb_widget_area a:hover {color:#6AFC03 !important;}


.et_pb_bg_layout_dark a {color:#fff !important; text-decoration :underline; font-weight:500;}

.et_pb_toggle_content a {color:#E3C35E;}

.video-popup a { text-decoration:none !important;}




/*CTO Titres*/
@media only screen and (min-width: 981px) {
	
.hero h1 {font-size : 3.2rem; letter-spacing:0px; font-weight:900; text-transform:uppercase; line-height:1.1em;}
.hero h2 {font-size : 1.5rem; font-weight:400; line-height:1.85rem;  }
.hero h3 {font-size : 1.5rem; font-weight:700;line-height:1.7rem; }

h1 {font-size : 3rem; font-weight:900;}
h2 {font-size : 1.6rem; font-weight:700; line-height:2rem;}
h3 {font-size : 1.6rem; font-weight:700;line-height:2rem;}
h4 {font-size : 1.6rem; font-weight:700;line-height:2rem;}
h5 {font-size : 1.6rem; font-weight:700;line-height:2rem;}
h6 {font-size : 1.6rem; font-weight:700;line-height:2rem;}

p {font-size:1.1rem; line-height:1.5rem; font-weight:400; }

.entry-content .et_pb_text_inner ul li { font-weight:400; font-size : 1.1rem;}


.footer-bottom p {font-size:0.8rem;}


/*passage à la ligne desktop*/

.sld::after {  
content: "\A";
white-space: pre;
}


/*Bacule mobile*/
.bascule h3 {font-size : 1rem !important; font-weight:700;line-height:1.5rem;}
.bascule ul li {font-size : 1rem; line-height: 1.5rem; } 
.bascule ul { line-height: 0.85em;}
.bascule li { margin-bottom: 1em;}
.et_pb_toggle_close .et_pb_toggle_title::before, .et_pb_toggle_open .et_pb_toggle_title::before {right:0px !important;}



/*réalisation */
.video-popup h3 {font-size:1.3rem !important; font-weight:400 !important;}
.video-popup h4 {font-size:1.5rem !important;}
.video-popup h5 {font-size:1.2rem !important;}
}




@media only screen and (max-width: 980px) {
	
.hero  h1 {font-size : 1.7rem; letter-spacing:1px; font-weight:900; text-transform:uppercase;  line-height:1.2em; }
.hero  h2 {font-size : 1rem !important; font-weight:400; line-height:1.5rem;  }
.hero h3 {font-size : 1.2rem; font-weight:700;line-height:1.5rem; }

h1 {font-size : 3rem; font-weight:900; }
h2 {font-size : 1.3rem !important; font-weight:700;line-height:1.7rem;}
h3 {font-size : 1.3rem !important; font-weight:700;line-height:1.7rem;}
h4 {font-size : 1.3rem !important; font-weight:700;line-height:1.7rem;}
h5 {font-size : 1.3rem; font-weight:700;line-height:1.7rem;}
h6 {font-size : 1.3rem; font-weight:700;line-height:1.7rem;}

p {font-size:1rem; line-height:1.5rem; font-weight:400; }

.entry-content .et_pb_text_inner ul li { font-weight:400; font-size : 1rem;}

.et_pb_text_inner ol{font-size:1rem; line-height:1.5rem; font-weight:400; }

/*passage à la ligne mobile*/

.slm::after {  
content: "\A";
white-space: pre;
}

/*double bouton colonne 2 lignes mobile*/
.dipi_button_grid .dipi-button-grid-container .dipi_button_grid_child, .et-db #et-boc .et-l .et_pb_column .et_pb_module.dipi_button_grid_child {
  margin: 0.4em 0;
}

/*titres faq mobile*/
.dipi-faq-title h5 {font-size : 1rem !important; font-weight:600;line-height:1.2rem;}

/*bouton lotties mobile*/
.dipi-lottie-desc {
  padding-bottom: 15px;
}



/*obtenir devis mobile*/
.et_pb_menu_1_tb_header.et_pb_menu .et_mobile_menu .devismobile a { color:#000 !important;}

/*ajustement texte*/
.developper-txt h4 {font-size : 1.2rem !important;}


/*Bacule mobile*/
.bascule h3 {font-size : 1rem !important; font-weight:700;line-height:1.5rem;}
.bascule ul li {font-size : 1rem; } 
.bascule ul { line-height: 0.85em;}
.bascule li { margin-bottom: 1em;}
.et_pb_toggle_close .et_pb_toggle_title::before, .et_pb_toggle_open .et_pb_toggle_title::before {right:-20px !important;}


/*réalisation */
.video-popup h3 {font-size:1.3rem !important; font-weight:400 !important;}
.video-popup h4 {font-size:1.5rem !important;}
.video-popup h5 {font-size:1.2rem !important;}

}



/*Divi pixel lotties*/

.dipi-lottie-title {margin-top:-25px;}





/*cartouche benefices*/
.benefices {background-color:#fff; padding: 0 10px; width: fit-content; margin: 0 auto;}


.footer-titre p {font-weight:700; }

.et_pb_column_0_tb_body, .et_pb_column_0 {
  background-color: transparent !important;
}

/*V2 NOUVEAUTES*/
@media (min-width: 981px) {
/*largeur blog avec constructeur divi*/
.blog-ligne .et_section_regular .et_pb_row  {width:100% !important;}
}

/*Lien en blanc ou noir souligné sur module texte*/
.contenu-lien-fond-clair a {color:#000; text-decoration: underline;}
.contenu-lien-fond-fonce a {color:#fff; text-decoration: underline;}


/*Fil d'ariane breadcrumb*/
.ariane {color:#000;}
.ariane a{color:#000;}
.ariane-sombre { color:#FFF;}
.ariane-sombre a {color:#fff;}

@media (max-width: 980px) {
	
.ariane span, .ariane-sombre span {
    font-size: 1rem;
  }
}


/*Lotties files */

.lottie-vid-ent00 {height:550px;}
@media (max-width: 980px) {
.lottie-vid-ent00 {height:320px;}
}
.lottie-vid-ent01 {height:320px;}
.lottie-vid-ent02 {height:320px;}
.lottie-vid-ent03 {height:320px;}
.lottie-vid-ent04 {height:320px;}



.lottie-motion01 {height:320px;}
@media (max-width: 980px) {
.lottie-motion01 {float:left; }
}

.lottie-motion02 {height:320px;}
.lottie-motion03 {height:320px;}
.lottie-motion04 {height:320px;}
.lottie-motion05 {height:320px;}
.lottie-motion06 {height:320px;}

.lottie-mood01 {height:320px;}
.lottie-mood02 {height:320px;}
.lottie-mood03 {height:320px;}
.lottie-mood04 {height:320px;}



.servicesprod h4 {margin-top: 90px; padding: 20px;}


.servicesprod h4 span{text-shadow: 1px 0 0 #000, 0 1px 0 #000, 0 -1px 0 #000, -1px 0 0 #000; margin-top:100px; font-size:30px!important;  
font-weight:550!important; line-height:1em; color:#fff; }

.servicesprod h3{padding: 25px;}


#filterBtns ul li {
  display: inline;
  text-align: left;
  padding-right: 15px;

}

#filterBtns h2 {
  display: inline !important;
  text-align: left;
  padding-right: 15px;
  color :#fff;
}

#filterBtns h2:hover {

  color:#6AFC03
}



#filterBtns .df-activebutton h2{color:#6AFC03 !important;}

#filterBtns ul  {
list-style: none;
padding: 0 0 0 0;
}




.mfp-iframe-holder .mfp-close, .mfp-image-holder .mfp-close {
  top: -55px !important;
}

.video-popup h3{margin-top:35px;}





@media (max-width: 479px) {
	
.et_pb_gutters1 .df-animation  {margin-top:15px !important;}
	
}


/* 2 Columns Mobile */
@media all and (max-width: 767px) {
    .two-col-mob .et_pb_column {
        width:47.25% !important;
    }
    
.two-col-mob .et_pb_column:nth-last-child(-n+2) {
        margin-bottom:0;
    }
    .two-col-mob .et_pb_column:not(:nth-child(2n)) {
            margin-right:5.5% !important;
    }
}






/*move and position the Text module over the center of the Image module*/

.pa-text-over-image > .et_pb_text {
	position: absolute;
	top: 45%;
	left: 50%;
	transform: translate(-50%, -45%);
	z-index: 10;
	width: 100%;
	transition: opacity 0.3s ease-in-out;
	opacity: 0; 
}

.pa-text-over-image > .et_pb_text {

text-align : center;

}


.pa-text-over-image > .et_pb_text a{
color: #000;
text-align : center;
width:100%;
display: inline-block;

}


/*add an optional overlay over the image*/

.pa-text-over-image > .et_pb_image .et_pb_image_wrap:before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: #6AFC03;
	z-index: 9;
	transition: opacity 0.3s ease-in-out;
	opacity: 0; 
}


/*show overlay on image hover*/

.pa-text-over-image:hover > .et_pb_text {
opacity: 1; 
}


/*show text on image hover*/

.pa-text-over-image:hover > .et_pb_image .et_pb_image_wrap:before {
opacity: 1;
}




  @media (min-width: 981px){
.et_pb_gutters2 .et_pb_column_1_4, .et_pb_gutters2.et_pb_row .et_pb_column_1_4 {
  width: 24.17%;
}


  
.et_pb_gutters2 .et_pb_column_1_4 .et_pb_module, .et_pb_gutters2.et_pb_row .et_pb_column_1_4 .et_pb_module {
  margin-bottom: 4.75%;
}

  }




  @media (min-width: 981px){
.et_pb_post_content_0_tb_body h2 {
  font-size:2.1rem!important;
}

.et_pb_post_content_0_tb_body h3 {
  font-size:1.6rem !important;
}
  }

/*BLOG*/
.blog-texte a{text-decoration:underline; }
.blog-texte h3, .mentions-texte h3 {
    margin-bottom: 0.5rem;
    margin-top: 1.5rem;
}
/* .vignette-blog {border:5px solid #6AFC03;} */

.n2-ss-slider img.n2-ss-item-image-area {
    
    width: 90% !important;
  
}
.vignette-blog img{border:0px solid #6AFC03 !important;}


@media only screen and (max-width: 479px){

.vignette-blog img.n2-ss-item-image-area {
    width:97%!important;

  
}
.vignette-blog img {border:0px solid #6AFC03 !important;}



}

/*HEADER */

.et_pb_fullwidth_header .et_pb_fullwidth_header_container.center .header-content {
    margin: 20px auto;
    width: 100%;
    max-width: 100% !important ;
}
  

 
 
.hide-header {
opacity: 0;
margin-top: -200px !important;
}
 
.show-header {
opacity: 1;
margin-top: 0px !important;
}
 
#global-header-section {
-webkit-transition: all 0.5s ease !important;
-moz-transition: all 0.5s ease !important;
-o-transition: all 0.5s ease !important;
-ms-transition: all 0.5s ease !important;
transition: all 0.5s ease !important;
}





/*MENUS*/

/*MENU ENTREPRISE - SOULIGNEMENT - vert : #6AFC03*/
@media only screen and (MIN-width: 981px) {
#menu-entreprise .current-menu-item a::before,
#menu-entreprise .current_page_item a::before {
 content: "";
 position: absolute;
 z-index: 2;
 left: 0;
 right: 0;
 color:#6AFC03;
}


#menu-entreprise .current_page_item a{

 color:#6AFC03 !important;
}

#menu-entreprise .current-menu-ancestor>a {

 color:#6AFC03 !important;
}

#menu-entreprise .et-menu li:not(.mega-menu) ul {
  width: 180px !important;
}



.only-mobile a {display:none;}

.et_pb_menu .et-menu-nav > ul ul {
  padding: 7px 0;
  text-align: left;
}


.et_pb_menu--without-logo .et_pb_menu__menu > nav > ul > li > a {
  padding-bottom: 20px !important;
}


/* .et_pb_menu .et_pb_menu__menu > nav > ul > li > ul { */
  /* top: 8px; */

/* } */

.et_pb_menu_0_tb_header.et_pb_menu li li:hover > a
{
  background: #6AFC03 !important;
  color : #fff !important;
  
}

.nav li ul {
   width: 190px !important;
}


#menu-entreprise li a:before {
 content: "";
 position: absolute;
 z-index: -2;
 left: 0;
 right: 100%;
 bottom: 2px;
 background: #6AFC03; /*** COLOR OF THE LINE ***/
 height: 4px; /*** THICKNESS OF THE LINE ***/
 -webkit-transition-property: right;
 transition-property: right;
 -webkit-transition-duration: 0.3s;
 transition-duration: 0.3s;
 -webkit-transition-timing-function: ease-out;
 transition-timing-function: ease-out;
}
#menu-entreprise li a:hover {
 opacity: 1 !important;
}
#menu-entreprise li a:hover:before {
 right: 0;
}
#menu-entreprise li li a:before {
 bottom: 10%;
}

/*ENCADREMENT PACK*/



.packs-border a { 
 border: 4px solid #000; /*** COLOR AND THICKNESS OF THE BOX ***/
 padding: 10px 30px 10px 10px !important;
 margin-bottom: -10px;
 margin-top: -10px;
 top: -4px;	
 }

.packs-border a:hover { 
 border: 4px solid #6AFC03; /*** COLOR AND THICKNESS OF THE BOX ***/
 padding: 10px 30px 10px 10px !important;
 margin-bottom: -10px;
 margin-top: -10px;
 top: -4px;	
 }
 
 
 .packs-border.current-menu-ancestor>a { 
 border: 4px solid #6AFC03 !important; }
 
 
 .sub-menu  a  { 
 border: 0px solid #eee!important;/*** COLOR AND THICKNESS OF THE BOX ***/
 padding: 0px 0px 0px 5px !important;
 margin-bottom: 0px;
 margin-top: 0px;
 top: 0px;	
 }

 .sub-menu  a:hover { 
 border: 0px solid #eee!important;/*** COLOR AND THICKNESS OF THE BOX ***/
 padding: 0px 0px 0px 5px !important;
 margin-bottom: 0px;
 margin-top: 0px;
 top: 0px;	
 }
 
 
#menu-entreprise .packs-border a:before  {
 content: "";
 position: absolute;
 z-index: -2;
 left: 0;
 right: 100%;
 bottom: -8px;
 background: transparent; /*** COLOR OF THE LINE ***/
 height: 0px; /*** THICKNESS OF THE LINE ***/
 -webkit-transition-property: right;
 transition-property: right;
 -webkit-transition-duration: 0.3s;
 transition-duration: 0.3s;
 -webkit-transition-timing-function: ease-out;
 transition-timing-function: ease-out;
}
 

.et_pb_menu_0_tb_header.et_pb_menu ul li.packs-border.current-menu-item a { 
 border: 4px solid #6AFC03; /*** COLOR AND THICKNESS OF THE BOX ***/
 padding: 10px;
 margin-bottom: -10px;
 margin-top: -10px;
 top: -4px;	
 }



/*Menu avis et contact*/

.et_pb_menu_0_tb_header.et_pb_menu ul li.avis_contact.current-menu-item a, .et_pb_menu_0_tb_header.et_pb_menu ul li.avis_contact.current_page_item a {
	color:#000 !important;
	
	}
	
	
	
.et_pb_menu_0_tb_header.et_pb_menu ul li.avis_contact.current-menu-item a:hover, .et_pb_menu_0_tb_header.et_pb_menu ul li.avis_contact.current_page_item a:hover {
	color:#6AFC03 !important;
	
	}	

#menu-entreprise .avis_contact a::before	{
	background: transparent; /*** COLOR OF THE LINE ***/
}
	
#menu-agence .avis_contact a::before	{
	background: transparent; /*** COLOR OF THE LINE ***/
}
	


/*MENU AGENCE - SOULIGNEMENT - or: #E3C35E*/

#menu-agence .current-menu-item a::before,
#menu-agence .current_page_item a::before {
 content: "";
 position: absolute;
 z-index: 2;
 left: 0;
 right: 0;
}
#menu-agence li a:before {
 content: "";
 position: absolute;
 z-index: -2;
 left: 0;
 right: 100%;
 bottom: -8px;
 background: #E3C35E; /*** COLOR OF THE LINE ***/
 height: 4px; /*** THICKNESS OF THE LINE ***/
 -webkit-transition-property: right;
 transition-property: right;
 -webkit-transition-duration: 0.3s;
 transition-duration: 0.3s;
 -webkit-transition-timing-function: ease-out;
 transition-timing-function: ease-out;
}
#menu-agence li a:hover {
 opacity: 1 !important;
}
#menu-agence li a:hover:before {
 right: 0;
}
#menu-agence li li a:before {
 bottom: 10%;
  height: 0px; /*** THICKNESS OF THE LINE ***/
}



/* Remove the dropdown shadow */
.dl-menu.et_pb_menu .et-menu-nav ul.sub-menu {
    box-shadow: none;
}

.dl-menu li li a {
 
  width: 172px;
}

.et-menu .packs-border > a:first-child::after {
  font-family: ETmodules;
  content: "3";
  font-size: 16px;
  position: absolute;
  right: 6px;
  top: 10px;
  font-weight: 800;
}


.nav li li {
  padding: 0 10px !important;
  

}

.dl-menu li li a:before {
 bottom: 10%;
  height: 0px; /*** THICKNESS OF THE LINE ***/
  background: transparent !important;
}



}





/*MENU MOBILE*/
@media (max-width: 980px) {

.servicesprod h4 span{text-shadow: 1px 0 0 #000, 0 1px 0 #000, 0 -1px 0 #000, -1px 0 0 #000; margin-top:100px; font-size:30px!important;  
font-weight:550!important; line-height:1em; }

	
#filterBtns ul li {
    display: block;
  text-align: center;
  padding-right: 0px;
  padding-top :25px;

}

#filterBtns h2 {
  display: block;
  text-align: center;
  padding-right: 0px;
  color :#fff;
}	
	
.devismobile a { background-color: #6AFC03;  margin-top: 15px; margin-bottom: 30px; width: 158px; border-radius: 8px; }	

.et_pb_menu .et_mobile_menu {
 
padding-top: 40px;
padding-bottom: 10px;
padding-left: 20px;
}

	
.et_mobile_nav_menu {
    margin-top: -65px !important;
}

.et_pb_menu_0_tb_header.et_pb_menu ul li li a {
 
  font-weight: 400;
  font-size: 18px;

}





}





@media only screen and (min-width: 768px) and (max-width:980px){

.et_pb_menu .et_mobile_menu {
    top: 3px !important;
  }

.et_mobile_nav_menu {
    margin-top: 0px !important;
}


.mobile_menu_bar {
    top: -53px;
}


#mobile_menu1 {
    top: 32px;
    padding: 10%;
    left: 0!important;
    width: 116%!important;
}


.devismobile a { background-color: #6AFC03;  margin-top: 15px; margin-bottom: 30px; width: 250px; border-radius: 8px; }	

}



/*VIDEOS OVERLAY*/

.divi-life-custom-close-video {
opacity: 1;  
    cursor: pointer;
        -webkit-transition: opacity 0.3s ease-in-out;
    -moz-transition: opacity 0.3s ease-in-out;
    -ms-transition: opacity 0.3s ease-in-out;
    -o-transition: opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out;
  position: absolute;
    right: 15px;
    top: 10px;
	color: rgb(255,255,255); font-weight:300;font-size: 35px;
	
	
  }
.divi-life-custom-close-video:hover {
opacity: .6; }



.et-gallery-section--main .et-gallery-video { 
background: #414b56; 
box-shadow: 0 10px 10px rgba(0,0,0,0.1); 
} 

.et-gallery-video--block { 
display: block;
 }
 
.et-gallery-video__button, .et-gallery-video__button:before {
 -webkit-transition: all .4s ease;
 transition: all .4s ease;
} 

.et-gallery-video__button {
 z-index: 2; 
position: absolute;
 top: 50%; 
left: 50%;
background: rgba(255,255,255,0.8);
width: 60px; 
height: 60px; 
border-radius: 100%;
-webkit-transform: translate(-50%, -50%); 
transform: translate(-50%, -50%); 
box-shadow: 0 10px 30px rgba(0,0,0,0.3); 
}

 .et-gallery-video__button:before {
content: ''; 
position: absolute; 
top: 50%; 
left: 50%; 
display: block; 
width: 0; 
height: 0;
 border-top: 10px solid transparent; 
border-right: 10px solid transparent; 
border-bottom: 10px solid transparent;
border-left: 10px solid #4C5867; 
-webkit-transform: translate(-15%, -50%); 
transform: translate(-15%, -50%); 
}

 .et-gallery-video:hover .et-gallery-video__button { 
background: #ba4cff; 
width: 80px; 
height: 80px; 
box-shadow: 0 15px 40px rgba(0,0,0,.5); 
}

 .et-gallery-video:hover .et-gallery-video__button:before { 
border-left: 10px solid #fff; 
}

 #overlay-26826 .overlay-close {
background-color: black; 
z-index: 100; 
border: 8px solid black; border-radius: 30px; 
}

 #overlay26826 .et_pb_code { 
max-width: 2048px; 
margin-left: auto; 
margin-right: auto; 
margin-top: 5%; 
}
 
.divi-join-button { 
padding: 0 10%; 
z-index: 9999999; 
bottom: 5%;
left: 0; 
right: 0; 
position: fixed; 
text-align: center; 
}

.divi-join-button a { 
display: inline-block; 
background: #7e3bd0; 
text-decoration: none!important; 
color: #fff; 
font-size: 1.5rem; 
padding: 20px 40px;
box-shadow: 0 10px 30px rgba(0,0,0,.1); 
border-radius: 60px; 
}

.et-gallery-button--animated {
-webkit-animation: divi-button 6s ease infinite;
animation: divi-button 6s ease infinite;
}

.divi-join-button a:hover {
background: #964df1;
}

@-webkit-keyframes divi-button{ 
0% { 
background: #7E3BD0;
}
33% { 
background: #c73bd0; 
}
 40% { 
}
47% { 
}
 66% {
 background: #3bd0c9; 
}
100% { 
background: #7E3BD0; 
}
}


/*FIN VIDEOS OVERLAY*/



/*CAROUSEL AVIS */


.avis-clients .dica-item-content .content p {
  text-align: left !important;
  color:#fff !important;
  letter-spacing: 0px !important;
}

.avis-clients .dica_divi_carouselitem .dica-item-content .item-subtitle {
  font-size: 16px !important;
  letter-spacing: 0px !important;
  padding: 10px 5%;
}




@media only screen and (min-width: 981px) {
	
.avis-clients {
  margin-top: -50px !important;
}	
	

.avis-clients h4 {background-color:#fff !important; margin:80px auto 0 auto; padding:0 10px;}


.avis-clients .dica_divi_carouselitem .dica-image-container {
      top: 70px !important;
}


.avis-clients h5 {
  margin-top: 25px;
  color: #E3CE5E  ;
  font-size: 1rem;
  font-weight: 500;
  text-align: center;
  padding: 10px;
}
 

sup {
  /* Move the superscripted text up */
  top: -0.5em;
font-size: 3rem;
}

}


@media only screen and (max-width: 980px) {

.avis-clients {
  margin-top: -100px !important;
}	

	
.avis-clients {
 padding: 0px 5%;
}	
		
	
.avis-clients h4 {background-color:#fff !important; margin:100px auto 0 auto; padding:0 10px; }


.avis-clients .dica_divi_carouselitem .dica-image-container {
      top: 90px !important;
}


sup {
  /* Move the superscripted text up */
  top: -0.5em;
font-size: 1rem;
}


.avis-clients h5 {
  margin-top: 25px;
  color: #E3CE5E ;
 font-size: 1rem !important;
  line-height: 1rem !important;
  font-weight: 500;
  text-align: center;
  padding: 10px;
}


}






/*PLANCHE LOGO 2 COLONNES MOBILE*/
@media only screen and (max-width: 980px) {
 
.two-columns .et_pb_column {
width: 50%!important;
}
 
 
}




/*TITRE DE SECTION PAGE*/


}



/*TITRE DE SECTION PAGE V2*/









/*MARQUEUR*/

@media only screen and (max-width: 767px) {

.marqueur-vert::before {
content: "";
width: 112px;
margin: 10px 0 0 0px;
position: absolute;
z-index: -2;
background: #6AFC03;
height: 15px;
 -webkit-transition-property: right;
 transition-property: right;
 -webkit-transition-duration: 0.3s;
 transition-duration: 0.3s;
 -webkit-transition-timing-function: ease-out;
 transition-timing-function: ease-out;
}
}



@media only screen and (min-width: 768px) and (max-width: 980px){

.marqueur-vert::before {
content: "";
width: 112px;
margin: 15px 0 0 0px;
position: absolute;
z-index: -2;
background: #6AFC03;
height: 15px;
 -webkit-transition-property: right;
 transition-property: right;
 -webkit-transition-duration: 0.3s;
 transition-duration: 0.3s;
 -webkit-transition-timing-function: ease-out;
 transition-timing-function: ease-out;
}
}





@media only screen and (min-width: 981px) {
.marqueur-vert::before {
 content: "";
 width: 220px;
 margin: 27px 0 0 22px;
 position: absolute;
 z-index: -2;
 background: #6AFC03; /*** COLOR OF THE LINE ***/
 height: 22px; /*** THICKNESS OF THE LINE ***/
 -webkit-transition-property: right;
 transition-property: right;
 -webkit-transition-duration: 0.3s;
 transition-duration: 0.3s;
 -webkit-transition-timing-function: ease-out;
 transition-timing-function: ease-out;
}	
	
}


/*espace entre colonnes sur mobile*/
@media only screen and (max-width: 980px) {
 .et_pb_gutters1 .col-milieu{ margin:30px 0 30px 0 !important;}
}


/*footer */

.et-l--footer ul {padding: 0px 0px 0px 0px;}





/*LITHBOX SMARTSLIDER*/

@media only screen and (max-width: 479px){
    div.litebox-overlay .litebox-close {
        display: block;
    }
	.litebox-overlay .litebox-container {
    display: flex;
    position: absolute;
    top: 0%!important;
    right: 0%!important;
    bottom: 0%!important;
    left: 0%!important;
    overflow: hidden;
    align-items: center;
    justify-content: center;
}
	.litebox-overlay{
    background-color: rgba(0, 0, 0, 1) !important;
}

	
}


/*change Divi hamburger menu to X*/
.mobile_nav.opened .mobile_menu_bar:before {
    content: '\4d';
}

/*rotate the Divi Menu icon on click*/

.mobile_menu_bar:before {
	transition: all .4s ease;
	transform: rotate(0deg);
	display: block;
}


/*rotate the Divi Menu icon on click*/

.mobile_nav.opened .mobile_menu_bar::before {
	transition: all .4s ease;
	transform: rotate(90deg);
	display: block;
}




/*DEGRADE IMAGE BLOG*/
.et_pb_fullwidth_header_0_tb_body.et_pb_fullwidth_header .et_pb_fullwidth_header_overlay {
    background-color: transparent !important;
    background-image: linear-gradient(
180deg, #000000 0%, rgba(0,0,0,0.7) 100%);
    opacity: 0.7;
    transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
}

/*PARTAGE SOCIAL*/



.et_monarch .et_pb_section .et_social_inline_bottom {
    margin-top: 100px;
    margin-bottom: 30px;
}

.et_monarch .et_social_autowidth li {
    width: auto;
    margin: 0 2% 2% 0 !important;
	float: left;
}

.et_monarch .et_social_networks li a {float:right;}



.et_monarch .et_social_networks .et_social_icon {width: 60px;
height: 60px;
line-height: 60px;}

.et_monarch .et_social_networks .et_social_icons_container {
    padding: 0 !important;
    margin: 0 !important;
    line-height: 1em !important;
	display: flex;
    width: auto;
    position: absolute;
    right: 0px;
    top: -70px;
}

@media only screen and (max-width: 767px) {
	
	.blog-texte p, .mentions-texte p, .mentions-texte ul li {line-height: 1.9rem;}
	
	
	.et_monarch .et_social_networks .et_social_icons_container {
    padding: 0 !important;
    margin: 0 !important;
    line-height: 1em !important;
    display: inline-block;
    width: 100%;
    position: relative;
	right: 0px;
	top: 10px;
   
}

.et_monarch .et_social_autowidth li {
    width: auto;
    margin: 0 5% 5% 0 !important;
	float: left;
}


.nav-previous {
    float: left;
    width: 45%;
}

.nav-next {
    float: right;
    width: 45%;
    text-align: right;
}

.et_pb_posts_nav.et_pb_post_nav_0_tb_body span a {
    
    line-height: 1.2rem;
}



	
}



/*ARTICLE PRECEDENT*/

.et_social_inline::before {content :"PARTAGER"; font-size:48px; font-weight:800;}


.nav-previous .nav-label::before {content :"< Précédent"; font-size:22px; font-weight:700; display:block; color:#000;}


/*ARTICLE SUIVANT*/

.nav-next .nav-label::before {content :"Suivant >"; font-size:22px; font-weight:700; display:block; text-align: right; color:#000;}

/*fleche navigation*/

.et_pb_posts_nav .meta-nav { display: none; }



/*BLOOM*/

.et_bloom .et_bloom_inline_form {
 
    margin: 0px 0 !important

}


.et_bloom_button_text.et_bloom_button_text_color_dark {
    color: rgba( 0, 0, 0, 1 ) !important;
}


.et_bloom .et_bloom_optin_2 .et_bloom_form_container form input
{font-family: "Roboto", Helvetica, Arial, Lucida, sans-serif !important;}

.et_bloom .et_bloom_form_container .et_bloom_form_content .et_bloom_popup_input input {
    padding: 10px 10px!important;
}

.gecko .et_bloom_with_custom_fields .et_bloom_fields p {
    margin-bottom: 0.4vw!important;
}

.et_bloom .et_bloom_form_content input {
    
    font-size: 1rem !important;
    font-weight: 500 !important;
	color: rgba(0, 0, 0, 0.8)!important;
}

.et_bloom .et_bloom_form_container {
    background-color: transparent !important;
}

.et_bloom .et_bloom_form_container .et_bloom_form_header {
        padding: 0px !important;
    }


.et_bloom .et_bloom_form_container .et_bloom_form_content {
    padding: 0px 0px !important;
    color: rgba(153, 153, 153, 1)!important;
    width: 100%;
    background-color: transparent !important;
  
}

.et_bloom .et_bloom_form_header p {
    color: #000 !important;
    line-height: 1.6em;
    font-size: 16px!important;
    margin-top: 0.5em;
}

.et_bloom .et_bloom_form_container strong { font-weight:600!important;}




.et_bloom_form_container .et_bloom_with_custom_fields button {
      max-height: none !important;
}



.et_bloom .et_bloom_form_container a {color:#000;}





@media only screen and (max-width: 767px) {

.et_bloom_form_container .et_bloom_form_content .et_bloom_custom_field input[type="checkbox"] + label{
      color: #000 !important;
    font-weight: 400!important;
    font-size: 13px!important;
}

.et_bloom_button_text_color_light {
    font-size:1rem !important;
	color: #000 !important;
	
}


.telephone {line-height: 2em; font-size: 26px !important;}

.ressources h1 {display:block; font-size:30px!important;}
.ressources h1 span {display:block; line-height: 1.5em;}




}


@media only screen and (min-width: 768px) and (max-width: 980px){
	
.ressources h1 {display:block; font-size:40px!important;}
.ressources h1 span {display:block; line-height: 1.5em;}

.dica-container .swiper-pagination {
 
    margin-top: 20px;
}

	
}



/*BOUTON TELECHARGEMENT*/

.bouton-telechargement {
    padding: 20px 30px;
    background-color: #6AFC03;
    font-size: 16px !important;
    text-align: center;
    color: #000;
    display: inline-block;
    line-height: 1em;
	font-weight: 700;
	border-radius: 5px;
	font-family:"Poppins";
	
}

@media only screen and (min-width: 768px) {


.et_bloom_form_container .et_bloom_form_content .et_bloom_custom_field input[type="checkbox"] + label{
      color: #000 !important;
    font-weight: 400!important;
    font-size: 0.8em!important;
}

.et_bloom_button_text_color_light {
    font-size:32px !important;
	letter-spacing : -1px !important;
	
}

.telephone {line-height: 1.7em; font-size: 40px !important;}




}




@media only screen and (max-width: 980px) {
.et_social_inline::before {content :"PARTAGER"; font-size:30px; font-weight:800;}

.et_pb_gutters1 .colonne-milieu-mobile { margin-top: 70px !important; margin-bottom : 70px!important;}

/*BOUTON TELECHARGEMENT*/

.bouton-telechargement {

font-size: 16px !important;
margin: auto auto;
width: 100%;

}


.swiper-pagination-bullet {
    width: 10px!important;
    height: 10px!important;
}

.dica_divi_carousel .swiper-pagination-bullet {margin-right: 8px !important;}


.swiper-button-prev, .swiper-button-next {display:none !important;}



}


@media only screen and (min-width: 1024px) {
.swiper-pagination-bullets { display:none !important;}

}

@media only screen and (max-width: 1023px)  {
.swiper-button-prev, .swiper-button-next {display:none !important;}

.dica-container .swiper-pagination {
       margin-top: 15px !important;
}

.dica_divi_carousel .swiper-pagination-bullet {
    margin-right: 12px!important;
}

.swiper-pagination-bullet {
width: 12px;
height: 12px;}

}





/*Custom row mobile*/


.custom_row_mobile {

    display: flex;     
	flex-wrap: wrap;

}

/*slider video*/

@media only screen and (max-width: 479px) {
div#n2-ss-17 .n2-ss-slide, div#n2-ss-24 .n2-ss-slide, div#n2-ss-26 .n2-ss-slide  {
     border-width: 5px!important;
}

.et_pb_nextend_smart_slider_3_0, .et_pb_nextend_smart_slider_3_1, .et_pb_nextend_smart_slider_3_2 {
    border-width: 5px!important;
}

}



.et_pb_scroll_top:before {
    content: "\21";/*select icon*/
	font-size: 1.4em;
} 
.et_pb_scroll_top.et-pb-icon {
    right: 0px; /*right space*/
    bottom: 130px; /*bottom space*/
    border-radius: 0px;/*border radius*/
    background: #6AFC03;/*button background color*/
    padding: 15px;/*space around the icon*/
    font-size: 20px;/*icon size*/
    transition: all .1s ease-in-out; /*add transition*/
	color:#000;
}
.et_pb_scroll_top.et-pb-icon:hover {
    background: #6AFC03;/*background color on hover*/
    transition: all .1s ease-in-out; /*add transition*/
	color:#000;
}




	/*compteur uniquement sur id page confidentialité*/
	
	body:not(.page-id-7979) #cmplz-manage-consent  {
      display: none !important;
    }
	
	@media screen and (max-width: 768px){
	.page-id-7979 #cmplz-manage-consent {display: block !important;}
}


.et_mobile_menu li a:hover, .nav ul li a:hover {
  background-color: rgba(0,0,0,0);
  opacity: 1;
}

@media only screen and (min-width: 1200px) and (max-width: 1919px){

.smartlider-button { white-space: normal; line-height: 1em !important; }
.smartlider-button a { line-height: 1em !important;}
 }




/*adjust Divi Menu module breakpoint*/


@media only screen and (min-width: 981px) and (max-width: 1279px) {
.obtenir-devis  {display:none !important;}		


}

/*adjust Divi Menu module breakpoint*/
@media only screen and (min-width: 981px) and (max-width: 1259px) {
	
.et_pb_menu_0_tb_header.et_pb_menu ul li a {font-size: 22px !important;}

.et_pb_column_1_tb_header {width:80%!important;}

}


@media only screen and (min-width: 981px) and (max-width: 1450px) {
	
.et_pb_blurb .et_pb_module_header {line-height:1.2em !important; margin-top:0.5em !important;}

}




/* 1 Column Tablet */
@media all and (min-width: 768px) and (max-width: 980px) {
    .one-col-tab .et_pb_column {
        margin-right:0 !important;
        width:100% !important;
    }
    
        .one-col-tab .et_pb_column:not(:last-child) {
        margin-bottom:30px !important;
    }
	
    .three-col-tab .et_pb_column {
        width:29.6667% !important;
    }
.three-col-tab .et_pb_column:nth-last-child(-n+3) {
        margin-bottom:0;
    }
    .three-col-tab .et_pb_column:not(:nth-child(3n)) {
        margin-right:5.5% !important;
    }	
	
	
.nav-previous {
    float: left;
    width: 45%;
}

.nav-next {
    float: right;
    width: 45%;
    text-align: right;
}

.et_pb_posts_nav.et_pb_post_nav_0_tb_body span a {
    
    line-height: 1.2rem;
}
	

}


.et_pb_contact_form_0 .input[type="checkbox"] + label i {border:1px solid #000;}


@media only screen and (min-width: 981px) {
#menu-entreprise .nav li ul.sub-menu li.current-menu-item a {
    color: #000 !important;
}
	
.et_pb_menu .et-menu > li {
  padding-left: 15px;
  padding-right: 15px;
}	
	
}




/*move wrapped title, meta, and text up over the image*/

.pa-blog-text {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	padding: 30px;
	z-index: 1;
}


/*keep the moved items positioned with their parent items*/

.et_pb_blog_grid article {
	position: relative;
}


/*remove spacing around entire blog post*/

.et_pb_blog_grid .et_pb_post {
	padding: 0px;
}


/*remove negative margins on blog featured image*/

.et_pb_image_container {
	margin: 0;
}


/*remove the margin below the featured image frame*/

.et_pb_post .entry-featured-image-url {
	margin: 0;
}



.et_pb_blog_grid .entry-featured-image-url::before {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.8);
}



.et_pb_blog_grid .et_pb_image_container:hover {
    position: relative;
	background-color: rgba(0, 0, 0, 0);
}



/*DP bouton lire plus*/




/*style the Divi blog link text as a button*/
@media only screen and (min-width: 981px) {
.et_pb_post a.more-link {
  color: #fff;
	background: #6AFC03;
	border: 0px solid #6AFC03;
	padding: .3em 1.5em;
	margin-top: 0px;
	border-radius: 0px;
	display: inline-block;
	transition: all 0.3s ease-in-out;
}
}

@media only screen and (max-width: 980px) {
.et_pb_post a.more-link {
  color: #fff;
	background: #6AFC03;
	border: 0px solid #6AFC03;
	padding: 0px 1.5em;
	margin-top: 0px;
	border-radius: 0px;
	display: inline-block;
	transition: all 0.3s ease-in-out;
}
}


/*style the Divi blog link text as a button on hover*/

.et_pb_post a.more-link:hover {
	background: #6AFC03;
	color: #fff !important;
	border: 0px solid #6AFC03;
	transition: all 0.3s ease-in-out;
}

/*add a neceassry position to the blog posts*/

.et_pb_blog_grid .et_pb_post, .et_pb_posts .et_pb_post {
position: relative;
}

/*make the title link spread over the entire post*/

.et_pb_blog_grid .et_pb_post .entry-title a:after, .et_pb_posts .et_pb_post .entry-title a:after {
position: absolute;
display: block;
content: "";
width: 100%;
height: 100%;
left: 0;
top: 0;
background: transparent;
	z-index:50;
}

.post-content {z-index:51; 
	position: relative;
}

/*change the mouse cursor into a pointer*/

.et_pb_blog_grid .et_pb_post:hover, .et_pb_posts .et_pb_post:hover {
cursor: pointer;
}

.et_pb_blog_grid .et_pb_post .entry-title a:after :hover {
	background: #6AFC03;
	color: #000;
	border: 2px solid #6AFC03;
	transition: all 0.3s ease-in-out;
	
}

.et_pb_has_overlay:not(.et_pb_image):hover .et_overlay {z-index:0 !important;}
.grecaptcha-badge {bottom:140px !important;}
.contenu-blog p {padding-bottom: 1em;}
.contenu-blog ul li { line-height:1.6em;}

.tempslecture {font-size:1rem; color:#fff; font-weight:400;}
.tempslecture::before {content:"Lecture : "}
.tempslecture::after {content:" min "}