/**
Theme Name: Divi child
Author: Brainstorm Force
Author URI: Procréation
Description: Child theme
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: divi-child
Template: Divi
*/



/*Général*/
:root {
   --white: #ffffff;
   --grey: #e7e7e7;
   --vert: #51c0aa;
   --vert-fonce: #093946;
   --vert-rgb: 81, 192, 170;
   --vert-fonce-rgb: 9, 57, 70;

   --radius: 25px;
   --sm-radius: 15px;

   --big-text: clamp(20px, 18.462px + 0.3846vw, 25px);
   /* --bigger-text: clamp(23px, 19.308px + 0.9231vw, 35px); */
   --bigger-text: clamp(22px, 18px + 1vw, 35px);

   --lh-text: 1.2;
   --fw-title: 700;

   --menu-h: 150px;

   /* --page-margin: min(80px, 2vw); */
   --page-margin: min(80px, 5vw);
   /* --row-w: calc(100% - (var(--page-margin) * 2)); */
   --row-w: calc(100vw - (var(--page-margin) * 2));

   /* --btn-gap: clamp(20px, 12.308px + 1.5385vw, 40px); */
   /* --btn-hover-gap: clamp(2px, -8.769px + 2.1538vw, 30px); */


   --btn-gap: clamp(12px, 1.231px + 2.1538vw, 40px);
   --btn-hover-gap: calc(var(--btn-gap) - (var(--btn-gap) - 10px));

   --btn-normal-w: clamp(280px, ((100vw - (var(--page-margin) * 2)) * 0.35), 632px);
   --btn-hover-w: calc(var(--btn-normal-w) - (var(--btn-gap) - 10px));

   --btn-w: var(--btn-normal-w);



   /* --btn-padding: 19.75px 1em; */
   --btn-padding: 17px 1em;
   /* --btn-w: clamp(280px, 35%, 632px); */

   --fs-h1: clamp(32px, min(6.667px + 7.037cqi, 21.143px + 2.7143vw), 70px);
   --fs-h2: clamp(28px, min(6.667px + 5.9259cqi, 18.857px + 2.2857vw), 60px);
   --fs-h3: clamp(26px, min(10px + 4.4444cqi, 19.143px + 1.7143vw), 50px);
   --fs-h4: clamp(24px, min(13.333px + 2.963cqi, 19.429px + 1.1429vw), 40px);
   --fs-h5: clamp(22px, min(16.667px + 1.4815cqi, 19.714px + 0.5714vw), 30px);
   --fs-h6: clamp(20px, min(16.667px + 0.9259cqi, 18.571px + 0.3571vw), 25px);


   --row-gutter-grid: clamp(30px, 14.194px + 1.6129vw, 40px);

   /* --row-gutter-grid: clamp(30px, 23.103px + 1.7241vw, 40px); */ /*old*/
   --row-gutter-vertical: clamp(25px, 6.772px + 2.3734vw, 40px);
   --row-gutter-grid: clamp(30px, 23.103px + 1.7241vw, 40px);
   --module-gutter: clamp(30px, -6.456px + 4.7468vw, 60px);
   
   /* --pad-section: clamp(50px, 4vw, 88px); */
   /* --pad-section-small: clamp(50px, 4vw, 88px); */
   /* --pad-section: clamp(50px, 8vw, 176px); */

   --pad-section: clamp(75px, 8vw, 176px);
   --pad-section-small: clamp(50px, 6vw, 132px);

}

@media (max-width:980px) {
   :root {
      --row-gutter-vertical: 40px;
   }
}

.big-text {
   font-size: var(--big-text);
   line-height: 1.2;
}

.bold-text {
   font-weight: var(--fw-title);
}

@media (max-width:1100px) {
   :root {
      --menu-h: 80px;
   }
}

/*@media (min-width:768px) and (max-width:1200px) {
   :root {
      --big-text: clamp(20px, 12.915px + 0.9238vw, 24px);
      --bigger-text: clamp(25px, 12.6px + 1.6166vw, 32px);
   }
}*/

@media (min-width:768px) and (max-width:980px) {
    body {
      font-size: 19px !important;
      line-height: 1.3 !important;
   }
}

@media only screen and (max-width: 767px) {
   body {
      font-size: 18px !important;
      line-height: 1.3 !important;
   }

   :root {
      --big-text: 20px;
      /* --bigger-text: 22px; */
   }
}

@media (max-width:767px) {
   :root {
      --fs-h1: clamp(30px, 16px + 4vw, 32px);

   }
}
/* 
#page-container h1 {
   font-size: 70px!important;
}
#page-container h2 {
   font-size: 60px!important;
}
#page-container h3 {
   font-size: 50px!important;
}
#page-container h4 {
   font-size: 40px!important;
}
#page-container h5 {
   font-size: 30px!important;
}
#page-container h6 {
   font-size: 26px!important;
} */
 

#page-container #et-main-area h1, #page-container #et-main-area .title-as-h1 :is(h2, h3, h4, h5, h6) {
    font-size: var(--fs-h1);
}

/* body.home #page-container .et_pb_section:not(.infolettre-section) h2 {
    font-size: var(--fs-h1);
} */

#page-container #et-main-area h2, #page-container #et-main-area .title-as-h2 :is(h3, h4, h5, h6) {
    font-size: var(--fs-h2);
}

#page-container #et-main-area h3, #page-container #et-main-area .title-as-h3 :is(h2,h4,h5,h6) {
    font-size: var(--fs-h3);
}

#page-container #et-main-area h4, #page-container #et-main-area .title-as-h4 :is(h2, h3, h5, h6) {
    font-size: var(--fs-h4);
}

#page-container #et-main-area h5, #page-container #et-main-area .title-as-h5 :is(h2, h3, h4, h6) {
    font-size: var(--fs-h5);
}

#page-container #et-main-area h6, #page-container #et-main-area .title-as-h6 :is(h2, h3, h4, h5) {
    font-size: var(--fs-h6);
}






@media only screen and (max-width: 767px) {
   /* #page-container h1 {
      font-size: 3.375rem !important;
   }
   #page-container h5 {
      font-size: 2.5rem !important;
   } */
}

:is(h1, h2, h3, h4, h5, h6),
#top-menu li a,
.et_pb_button,
.footer-section .et_pb_menu ul.et-menu > li > a,
#et-secondary-nav a,
.et_mobile_menu li a,
.flex-columns .et_pb_module_header {
   font-weight: var(--fw-title) !important;
}

/* .et_pb_text a {
   font-weight: var(--fw-title) !important;
} */


.footer-section .contact-infos-row .et_pb_text:not(.credits) a,
.footer-section .et_pb_menu ul.et-menu > li > a,
.et_mobile_menu li a {
   /* text-transform: uppercase; */
}
.et_pb_text :is(h1, h2, h3, h4, h5, h6):not(:last-child) {
   padding-bottom: 0.4em !important;
}

:is(h1, h2, h3, h4, h5, h6):last-child {
   padding-bottom: 0!important;
}


:is(h1,h2,h3,h4,h5,h6) {
   text-box: trim-start cap alphabetic;
}

@media only screen and (min-width: 981px) {
   body .et_pb_row .et_pb_column .et_pb_module {
      margin-bottom: 4%;
   }
}

sup {
   bottom: 0.3em;
   font-size: 0.7em;
}

:not(h1, h2, h3, h4, h5, h6) > sup {
   font-weight: 700;
}


img {
   user-select: none;
   -moz-user-select: none;
}

/* .et_pb_section > .et_pb_row { */
.et_pb_section > .et_pb_row:not(.et_pb_row_nested) {
    /* width: 90% !important; */
    width: var(--row-w) !important;
    max-width: var(--row-w) !important;
}

.et_pb_section .et_pb_row.et_pb_row_nested {
   max-width: 100%!important;
}

.et_pb_section > .et_pb_row.small-row {
   max-width: 1150px !important;
}

.et_pb_section > .et_pb_row.fw-row {
   width: 100% !important;
   max-width: 100% !important;
}

.et_pb_section {
   padding: var(--pad-section) 0;
}

@media (max-width:980px) {

   /* .et_pb_section {
      padding: 75px 0;
   } */

   :is(.produits-equipements-section, .first-section, .page-categorie-introduction) .et_pb_row.et_pb_row_nested {
      flex-wrap: wrap;
   }
}


/* @media (min-width:981px) {
    :root {
        --row-gutter-grid: 40px;
    }
} */

.text-color-vert {
   color: var(--vert) !important;
}

.et_pb_text p:last-of-type + ul {
   padding-top: 1em;
   padding-bottom: 0px !important;
}
.et_pb_text ul li:not(:last-of-type) {
   padding-bottom: 8px;
}
.et_pb_text ul {
   line-height: 1.2em;
   padding-left: 15px !important;
}
/* ? */
.et_pb_text ul:last-child {
   padding-bottom: 0;
}

.et_pb_text li ul {
   margin-top: 8px !important;
   margin-bottom: 6px;
}

.et_pb_button_module_wrapper {
   /* position: unset; */
   width: var(--btn-w)!important;
   max-width: 100%!important;
}

/* .et_pb_button_module_wrapper:hover {
   --btn-w: var(--btn-hover-w);

} */

.et_pb_button:hover {
   background-color: var(--vert)!important;

   /* width: var(--btn-hover-w)!important; */
   --btn-w: var(--btn-hover-w)!important;
   gap: 0 10px;
}


body #page-container #et-main-area .et_pb_button {
   /* text-align: center !important; */
   /* line-height: 1.3 !important; */
   line-height: 1em !important;
   border-radius: var(--sm-radius) !important;
   border: none !important;
   font-size: var(--big-text) !important;
   display: grid!important;
   gap: 0 var(--btn-gap);
   grid-template-columns: 1fr auto;
   text-align: left!important;
   /* max-width: var(--btn-w)!important; */
   max-width: min(var(--btn-w), 100%)!important;

   /* max-width: 100%!important; */


   width: var(--btn-w)!important;
   align-items: center;

   transition: all 200ms ease-in-out!important;

   padding: var(--btn-padding)!important;

   /* padding-top: 19.75px !important;
   padding-bottom: 19.75px !important; */
   text-wrap: balance;
}

.et_pb_button_module_wrapper:has(.et_pb_button.centered) {
   margin-left: auto;
   margin-right: auto;
}

body #page-container #et-main-area .et_pb_button:hover {
   gap: 0 var(--btn-hover-gap);
}


/* .body #page-container #et-main-area .et_pb_button {
   
} */



.et_pb_button:hover path {
   stroke: var(--vert-fonce);
}
.et_pb_button svg {
   display: block;
}

.et_pb_button svg path {
   transition: stroke 200ms ease-in-out;
}



@media all and (max-width: 550px) {
   /* .et_pb_row {
      min-width: 90% !important;
   } */
   
   .title_hyphens h1,
   .title_hyphens h2,
   .title_hyphens h3,
   .title_hyphens h4,
   .title_hyphens h5,
   .title_hyphens h6 {
      -webkit-hyphens: auto;
      -moz-hyphens: auto;
      -ms-hyphens: auto;
      hyphens: auto;
   }
}
@media all and (min-width: 981px) {
   .v-align-center {
      display: flex;
   }
   .v-align-center .et_pb_column {
      display: flex;
      flex-direction: column;
      justify-content: center !important;
   }
   .menu-item.no-click > a {
      pointer-events: none !important;
   }
}

/*@media only screen and (min-width: 981px) {
   .et_builder_inner_content .et_pb_section_0:before {
      content: "";
      position: absolute;
      width: 100%;
      height: 300px;
      bottom: 100%;
      left: 0;
      background-color: var(--vert-fonce) !important;
   }
}*/


#page-container .bg-dark {
    background-color: var(--vert-fonce) !important;
}

#page-container .bg-grey {
   background-color: var(--grey) !important;
}

/* :is(.bg-dark) *,
:is(.bg-dark) :is(h1, h2, h3, h4, h5, h6) {
    color: var(--beige);
} */

:is(h1, h2, h3, h4, h5, h6), .twb {
   text-wrap: balance;
}


:is(.bg-dark) :is(h1, h2, h3, h4, h5, h6) {
    color: var(--vert)!important;
}

#page-container :is(.bg-dark):not(.footer-section) a {
    color: var(--vert)!important;
}

:is(.bg-dark) *:not(:is(h1, h2, h3, h4, h5, h6)) {
   color: var(--white);
}

.encadre {
   /* padding: clamp(40px, 22.857px + 4.2857vw, 100px) clamp(32px, 25.143px + 1.7143vw, 56px); */
   /* padding: clamp(30px, 10px + 5vw, 100px) clamp(25px, 16.143px + 2.2143vw, 56px); */

   padding: clamp(30px, 10px + 5vw, 100px) clamp(20px, 9.714px + 2.5714vw, 56px);

   border-radius: var(--radius);
   overflow: hidden;
   --row-gutter-vertical: 1em;
}

.small-encadre {
   /* padding: clamp(40px, 22.857px + 4.2857vw, 100px) clamp(32px, 25.143px + 1.7143vw, 56px); */
   /* padding: 36px; */
   padding: clamp(25px, 21.857px + 0.7857vw, 36px) clamp(20px, 15.429px + 1.1429vw, 36px);
   border-radius: var(--radius);
   overflow: hidden;
}

@media (min-width:981px) {
   .encadre.big-pad-r-desk {
      /* padding-right: clamp(40px, 22.857px + 4.2857vw, 100px); */
      padding-right: clamp(30px, 10px + 5vw, 100px);
   }
}


.images-radius .et_pb_image {
   border-radius: var(--radius) !important;
   overflow: hidden;
}

.radius {
   border-radius: var(--radius) !important;
   overflow: hidden;
}

.sm-radius {
   border-radius: var(--sm-radius) !important;
   overflow: hidden;
}

.et_pb_image.full-height {
   height: 100%;
}

.et_pb_image.full-height :is(span.et_pb_image_wrap, img) {
   height: 100%;
   width: 100%!important;
   object-fit: cover;
}

@media (min-width:768px) and (max-width:980px) {
   .et_flex_column_12_24_tablet {
      width: 100% !important;
   }
}



/*Fin général*/

/* #block Entete accueil */


.entete-accueil {

   /* --special-encadre-height: calc((100vh - var(--menu-h)) - 44px); */
   padding-top: 0!important;
   padding-bottom: 0!important;
   /* height: var(--special-encadre-height); */
   /* min-height: max(var(--special-encadre-height), 400px); */
}



.entete-accueil > .et_pb_row.special-encadre:before {
   content: "";
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   /* background-color: var(--vert-fonce); */
   background-image: linear-gradient(90deg, rgba(var(--vert-fonce-rgb), 0.8), rgba(var(--vert-fonce-rgb), 0));
   /* z-index: -1; */
   z-index: 1;
}

.entete-accueil .et-pb-background-video .mejs-video {
   /* top: 50%; */
   /* translate: 0 -50%; */
   min-height: 100%!important;
   min-width: 100%!important;
    width: 100%!important;
    height: 100% !important;
   left: auto;
  transform: translateX(-0%);
  margin: 0!important;
  right: 0;
}

.entete-accueil .et-pb-background-video .mejs-video video {
   margin: 0!important;
   /* width: auto !important; */
    /* height: 100% !important; */
     min-width: 100%;
    min-height: 100%;
    right: 23%;
    top: 50%;
    translate: 23% -50%;
    /* translate: 0% -50%; */
    position: absolute;
}

/* .entete-accueil > .et_pb_row {
   height: 100%;
} */

.entete-accueil *, .special-encadre * {
   color: var(--white);
}

:is(.entete-accueil, .special-encadre) :is(h1,h2,h3,h4,h5,h6) {
   color: var(--white)!important;
}

.special-encadre {
   border-radius: var(--radius) !important;
   overflow: hidden;
   font-size: var(--bigger-text) !important;
   /* --special-encadre-pad-h: clamp(25px, 14.429px + 2.6429vw, 62px); */

   --special-encadre-pad-h: clamp(20px, 8px + 3vw, 62px);
   --special-encadre-pad-v: clamp(25px, 14.429px + 2.6429vw, 62px);

   --special-encadre-height: calc((100vh - var(--menu-h)) - var(--special-encadre-pad-v));


   padding: var(--special-encadre-pad-v) var(--special-encadre-pad-h)!important;

   /* --special-encadre-height: calc((100vh - var(--menu-h)) - 44px); */

   /* height: var(--special-encadre-height); */
   min-height: max(var(--special-encadre-height), 400px);
   
}

.special-encadre:has(.et_pb_button) {
   border-bottom-right-radius: 0!important;
}


.et_pb_section:not(.entete-accueil) .et_pb_row.special-encadre:before {
   content: "";
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background-color: rgba(var(--vert-fonce-rgb), 0.8);
   /* background-image: linear-gradient(90deg, rgba(var(--vert-fonce-rgb), 0.8), rgba(var(--vert-fonce-rgb), 0)); */
}

/* .special-encadre > .et_pb_row {
   height: var(--special-encadre-height);
   min-height: max(var(--special-encadre-height), 400px);
} */

.special-encadre > .et_pb_column > .et_pb_row_nested:not(:last-child):not(:has(+ .et-vb-column-divider)) {
   flex: 1;
   justify-content: space-between;
}

.special-encadre > .et_pb_column > .et_pb_row_nested:not(:last-child):not(:has(+ .et-vb-column-divider)) > .et_flex_column {
   justify-content: center;

}

/* .special-encadre > .et_pb_column > .et_pb_row_nested:not(:last-child):not(:has(+ .et-vb-column-divider)) > .et_flex_column:last-child:not(:first-child) {
   width: calc(var(--btn-w) - 62px);
} */

.special-encadre > .et_pb_column > .et_pb_row_nested:last-child, .special-encadre > .et_pb_column > .et_pb_row_nested:has(+ .et-vb-column-divider)  {
   max-width: calc((100% - var(--special-encadre-pad-h)) - var(--btn-w)) !important;
   position: unset!important;
}

.special-encadre > .et_pb_column > .et_pb_row_nested:last-child .et_pb_text, .special-encadre > .et_pb_column > .et_pb_row_nested:has(+ .et-vb-column-divider) .et_pb_text {
   text-wrap: balance;
}

.special-encadre .et_pb_column {
   position: unset!important;
}

.special-encadre .et_pb_button_module_wrapper:has(.et_pb_button:hover) {
   --btn-w: var(--btn-hover-w);
}

.special-encadre .et_pb_button_module_wrapper {
   /* TODO RESPONSIVE */
   /* --btn-wrap-pad-v: 33px;  */
   /* --btn-wrap-pad-h: 40px; */

   --btn-wrap-pad-v: clamp(20px, 15.667px + 1.0833vw, 33px);
   --btn-wrap-pad-h: clamp(20px, 13.333px + 1.6667vw, 40px);
   
   position: absolute!important;
   bottom: 0;
   right: 0;
   background-color: var(--white);
   border-top-left-radius: var(--radius);
   padding-top: var(--btn-wrap-pad-v);
   padding-left: var(--btn-wrap-pad-h);
   padding-right: 0;
   
   /* width: calc(var(--btn-w) + var(--btn-wrap-pad-h)) !important; */
   /* max-width: calc(min(var(--btn-w), 100%) + var(--btn-wrap-pad-h)) !important; */
   max-width: calc(min((var(--btn-w) + var(--btn-wrap-pad-h, 0px)), min(90vw - var(--btn-wrap-pad-h, 0px), 100%))) !important;

   

   transition: width 200ms ease-in-out;
}


.special-encadre .et_pb_button_module_wrapper:before, .special-encadre .et_pb_button_module_wrapper:after {
	content: '';
	position: absolute;
	/* width: 30px;
	height: 30px; */
   width: var(--radius);
	height: var(--radius);
	background-color: var(--white);
	-webkit-mask-image: radial-gradient(100% 100% at center, transparent calc(50% - 0.25px), black calc(50% + 0.25px));
	mask-image: radial-gradient(100% 100% at center, transparent calc(50% - 0.25px), black calc(50% + 0.25px));
	-webkit-mask-size: 200% 200%;
  mask-size: 200% 200%;
	-webkit-mask-position: 100% 100%;
  mask-position: 100% 100%;
}

.special-encadre .et_pb_button_module_wrapper:before {
	left: 0;
	bottom: 0;
	translate: -100%;
}

.special-encadre .et_pb_button_module_wrapper:after {
	right: 0;
	top: 0;
	translate: 0 -100%;
	
}

.special-encadre .et_pb_button_module_wrapper .et_pb_button {
   width: 100%!important;
   max-width: 100%!important;
}

.special-encadre .et_pb_button_module_wrapper {
   /* width: 100%!important;
   max-width: 100%!important; */
   /* width: fit-content!important; */

   /* width: f */

}


@media (max-width:850px) {
   .special-encadre > .et_pb_column > .et_pb_row_nested:last-child, .special-encadre > .et_pb_column > .et_pb_row_nested:has(+ .et-vb-column-divider) {
      max-width: 100%!important;
   }

   .special-encadre > .et_pb_column > .et_pb_row_nested:last-child:has(.et_pb_button_module_wrapper) .et_pb_column{
      gap: var(--special-encadre-pad-v) var(--special-encadre-pad-h);
   }

   .special-encadre .et_pb_button_module_wrapper {
      position: relative!important;
      margin-bottom: calc(var(--special-encadre-pad-v) * -1)!important;
      margin-right: calc(var(--special-encadre-pad-h) * -1);
      align-self: end;
   }
}

.section-piquetterie .et_pb_row_nested .et_pb_image {
   width: 100%;
   max-width: 508px;
}

.section-piquetterie .et_pb_row_nested .et_flex_column:has(.et_pb_image) {
   /* align-items: flex-end; */
   width: calc(var(--btn-w) - 62px);

}

/* #end Entete accueil */


/* #block Entete page */

.et_pb_section:has(.page-categorie-introduction):first-child {
   padding-top: 0!important;
}


.entete-page {
   /* background-color: var(--vert) !important; */
   padding-top: 0!important;
   padding-bottom: 0!important;
   /* text-align: center; */
   color: var(--white);
}

.entete-page .et_pb_row:has(.et_pb_post_title) {
   background-color: var(--vert-fonce);
   color: var(--white);
   border-radius: var(--radius);
   padding: clamp(40px, 28.571px + 2.8571vw, 80px) clamp(25px, 16.143px + 2.2143vw, 56px);
   
}



.entete-page .et_pb_post_title .entry-title {
   color: var(--white)!important;
   text-align: center!important;
}

.entete-page .et_pb_row:has(.et_pb_post_title) {
   /* display: flex; */
   /* justify-content: center; */
}

.entete-page .et_pb_post_title :is(h1,h2,h3,h4,h5,h6) {
   text-box: trim-both cap alphabetic;
}


.entete-page .et_pb_post_title.cpt-title:not(.has-desc) + div.et_pb_module.et_pb_code.description {
   /* margin-top: 0; */
   /* display: none; */
}
.entete-page .et_pb_post_title.cpt-title.has-desc + div.et_pb_module.et_pb_code.description {
   /* display: block; */
}
.entete-page .et_pb_post_title:not(:last-child) {
   /* margin-bottom: 0px !important; */
}

.entete-page .et_pb_post_title:not(:last-child) + div.et_pb_module {
   /* margin-top: 30px !important; */
}

.et_pb_post_title + .description {
   /* max-width: 950px; */
}

/* #end Entete page */



.galerie-projets-section :is(h1,h2,h3,h4,h5,h6) {
   text-align: center;
}



.galerie-projets-section .filtres, .galerie-projets-section .categories {
   display: flex;
   flex-wrap: wrap;
   align-items: center;
   justify-content: center;
   /* gap: 15px; */
   gap: 5px clamp(8px, -0.366px + 0.8537vw, 15px);
}

.galerie-projets-section .filtre, .galerie-projets-section .categorie {
   color: var(--vert);
   font-weight: var(--fw-title);
   font-size: var(--big-text);
   line-height: var(--lh-text);
}

.galerie-projets-section .filtre {
   cursor: pointer;
}

.galerie-projets-section .separator {
   /* width: 31px; */
   width: clamp(10px, -15.098px + 2.561vw, 31px);
   height: 2px;
   background-color: var(--vert);
   display: block;
}

@media (max-width:600px) {
   .galerie-projets-section .filtres, .galerie-projets-section .categories {
      flex-direction: column;
   }

   .galerie-projets-section .separator {
      width: 2px;
      height: clamp(10px, -5.625px + 3.125vw, 25px);
   }
}


/* #block Cards grid accueil */


.cards-grid-section {
   --module-gutter: clamp(25px, min(-40px + 14.4444cqi, 20px + 1vw), 38px);
}

.cards-grid-section .et_pb_column:not(:has(> .et_pb_text)) {
   container-type: inline-size;
}




.cards-grid-section .card {
   background-color: var(--vert-fonce);
   color: var(--white);
   border-radius: var(--radius);
   /* padding: 35px; */
   padding: clamp(20px, min(-55px + 16.6667cqi, 14.231px + 1.1538vw), 35px);
   height: 100%;
   display: grid;
}


.cards-grid-section .card_icon {
   max-width: clamp(125px, 111px + 3.5vw, 167px);
}

.cards-grid-section .card_icon img {
   width: var(--w-perc)!important;
}

@media (min-width:768px) {
   .cards-grid-section .card {
      grid-auto-rows: 129px 1fr;
      
   }
}

@media (max-width:767px) {
   .cards-grid-section > .et_pb_column > .et_pb_text {
      text-align: center;
   }
}

.cards-grid-section .card .et_pb_image {
   justify-content: center;
}

.cards-grid-section .card :is(h1,h2,h3,h4,h5,h6) {
   color: var(--white)!important;
   font-size: var(--fs-h5)!important;
}

@media (max-width:767px) {
   .cards-grid-section .card img {
      max-height: 100px;
   }
}


/* #end Cards grid accueil */



/* #block Products categories cards */

.products-categories-cards-section {
   background-color: var(--grey);
}

.products-categories-cards-section .et_pb_text {
   text-align: center;
} 

.products-categories-cards {
   display: grid;
   --nb-columns: 2;
   --gap-h: var(--row-gutter-grid);
   --gap-v: var(--row-gutter-grid);
   gap: var(--gap-v) var(--gap-h);
   grid-template-columns: repeat(auto-fill, minmax(min(100%, max(450px, calc((100% - ((var(--nb-columns) - 1) * var(--gap-h))) / var(--nb-columns)))), 1fr));
}

.products-categories-cards .product-category-card {
   /* --product-cat-card-pad-h: 40px; */
   /* --product-cat-card-pad-v: 50px; */


   --product-cat-card-pad-h: clamp(20px, min(0px + 4.4444cqi, 12.308px + 1.5385vw), 40px);
   --product-cat-card-pad-v: clamp(30px, min(10px + 4.4444cqi, 22.308px + 1.5385vw), 50px);
   /* --icon-block-size: clamp(100px, min(38px + 13.7778cqi, 76.154px + 4.7692vw), 162px); */
   --icon-block-size: clamp(85px, min(33.667px + 14.2593cqi, 63px + 5.5vw), 162px);

   
   --arrow-w: 69px;
   border-radius: var(--radius);
   overflow: hidden;
   position: relative;
   aspect-ratio: 858 / 575;
   /* padding: var( --product-cat-card-pad-v) var(--product-cat-card-pad-h); */
   display: flex;
   flex-direction: column;
   justify-content: flex-end;
   container-type: inline-size;
}

.products-categories-cards .product-category-card .product-category-card-image, 
.products-categories-cards .product-category-card .product-category-card-image img {
   position: absolute;
   display: block;
   width: 100%;
   height: 100%;
}

.products-categories-cards .product-category-card .product-category-card-image {
   inset: 0;
   z-index: -1;
}

.products-categories-cards .product-category-card .product-category-card-image:after {
   content: "";
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background-image: linear-gradient(0deg, rgba(var(--vert-fonce-rgb), 1), rgba(var(--vert-fonce-rgb), 0)) ;
}

.products-categories-cards .product-category-card .product-category-card-image img {
   object-fit: cover;
}


.products-categories-cards .product-category-card-icon {
   position: absolute;
   top: 0px;
   right: 0px;
   /* width: 162px;
   height: 162px; */

   /* width: min(162px, 28cqi); */
   /* height: min(162px, 28cqi); */
   
   width: var(--icon-block-size);
   height: var(--icon-block-size);

   background-color: var(--vert);
   display: flex;
   align-items: center;
   justify-content: center;
   border-top-right-radius: var(--radius);
   border-bottom-left-radius: var(--radius);

   
}

.products-categories-cards .product-category-card-icon svg {
   width: 72%;
   height: 72%;
   object-fit: contain;
}



.products-categories-cards .product-category-card-content {
   color: var(--white);
   width: calc(100% - var(--product-cat-card-pad-h) - var(--arrow-w));
   padding: var( --product-cat-card-pad-v) var(--product-cat-card-pad-h);
   
}

.products-categories-cards .product-category-card .product-category-card-content :is(h1,h2,h3,h4,h5,h6) {
   color: var(--white);
}


.products-categories-cards .product-category-card-arrow {
   position: absolute;
   bottom: var(--product-cat-card-pad-v);
   right:  var(--product-cat-card-pad-h);
   /* width: 30px; */
   /* height: 30px; */

   width: min(69px, 12%);
}

.products-categories-cards .product-category-card-arrow svg {
   /* width: 69px; */
   display: block;
   width: 100%;
}


@media (max-width:767px) {
.products-categories-cards .product-category-card {
      aspect-ratio: auto;
   }

.products-categories-cards .product-category-card-content {
      width: 100%;
      margin-top: var(--icon-block-size);
   }

.products-categories-cards .product-category-card-arrow {
      position: relative;
      right: 0;
      bottom: 0;
      margin-right: var(--product-cat-card-pad-h);
      margin-bottom: var(--product-cat-card-pad-v);
      align-self: end;
   }
}


/* #end Products categories cards */



/* #block Products simple categories cards */
.products-simple-categories-cards {
   display: grid;
   --nb-columns: 4;
   --gap-h: var(--row-gutter-grid);
   --gap-v: var(--row-gutter-grid);
   gap: var(--gap-v) var(--gap-h);
   grid-template-columns: repeat(auto-fill, minmax(min(100%, max(250px, calc((100% - ((var(--nb-columns) - 1) * var(--gap-h))) / var(--nb-columns)))), 1fr));
}

@media (min-width:768px) and (max-width:1245px) {
   .products-simple-categories-cards {
      --nb-columns: 2;
   }
}

.products-simple-categories-cards .product-category-card-icon svg [clip-path] {
   clip-path: none;
}

.products-simple-categories-cards .product-category-card {

   background-color: var(--vert-fonce);
   border-radius: var(--radius);
   /* display: flex;
   flex-direction: column; */

   display: grid;
   /* grid-template-columns: 1; */
   grid-template-rows: var(--icon-block-size) 1fr 44px;

   align-items: center;
   /* justify-content: center; */
   place-items: center;
   gap: 40px;
   padding: 45px 10%;
   transition: background-color 200ms ease-in-out;
   container-type: inline-size;


}

.products-simple-categories-cards .product-category-card-icon {
   /* --icon-block-size: clamp(85px, min(33.667px + 14.2593cqi, 63px + 5.5vw), 162px); */
   /* --icon-block-size: clamp(85px, -16.063px + 48.125cqi, 162px); */
   --icon-block-size: clamp(120px, min(62.526px + 27.6316cqi, 109.5px + 2.625vw), 162px);

   position: relative;
   width: var(--icon-block-size);
   height: var(--icon-block-size);
}

.products-simple-categories-cards .product-category-card-icon svg {
   width: 100%;
   height: 100%;
   object-fit: contain;
   display: block;
}

.products-simple-categories-cards .product-category-card [fill]:not([fill="none"]) {
   fill: var(--vert);
   transition: fill 200ms ease-in-out;
}

.products-simple-categories-cards .product-category-card [stroke]:not([stroke="none"]) {
   stroke: var(--vert);
   transition: stroke 200ms ease-in-out;
   
}

.products-simple-categories-cards .product-category-card-title {
   color: var(--white)!important;
   text-align: center;
   /* font-size: clamp(26px, -4px + 12cqi, 50px)!important; */
   /* font-size: clamp(32px, 8.375px + 11.25cqi, 50px)!important; */
   /* font-size: clamp(32px, min(7.368px + 11.8421cqi, 26.857px + 1.2857vw), 50px)!important; */
   font-size: clamp(32px, min(7.368px + 11.8421cqi, 27.5px + 1.125vw), 50px)!important;
   /* padding: 20px 10px; */
   transition: color 200ms ease-in-out;
   padding-top: 10px;
}

.products-simple-categories-cards .product-category-card-arrow svg {
   display: block;
}

.products-simple-categories-cards .product-category-card:hover {
   background-color: var(--vert);
}

.products-simple-categories-cards .product-category-card:hover [fill]:not([fill="none"]) {
   fill: var(--vert-fonce);
}

.products-simple-categories-cards .product-category-card:hover [stroke]:not([stroke="none"]) {
   stroke: var(--vert-fonce);
}

.products-simple-categories-cards .product-category-card:hover .product-category-card-title {
   color: var(--vert-fonce)!important;
}

/* #end Products simple categories cards */




/* #block Section Liens catégories équipements */
.equipements-categories-links {
   display: flex;
   flex-direction: column;
   gap: 25px;
}

a.equipement-category-link {
   width: 100%;
   display: grid;
   align-items: center;
   /* grid-template-columns: 1fr auto; */
   /* grid-template-columns: 1fr min(64px, 15%); */
   grid-template-columns: 1fr min(64px, 12%);

   gap: 0 20px;
   background-color: var(--vert-fonce);
   color: var(--white)!important;
   /* padding: 26px 33px; */

   padding: clamp(20px, 18.286px + 0.4286vw, 26px) clamp(22px, 18.857px + 0.7857vw, 33px);
   border-radius: var(--radius);
   transition: all 200ms ease-in-out;
}



a.equipement-category-link .equipement-category-name {
   font-size: var(--fs-h5);
   /* font-weight: var(--fw-title); */
   line-height: var(--lh-text);
}

a.equipement-category-link .equipement-category-arrow svg {
   display: block;
   width: 100%;
   height: auto;
}

a.equipement-category-link .equipement-category-arrow svg path {
   transition: all 200ms ease-in-out;
}


a.equipement-category-link:hover {
   background-color: var(--vert);
   color: var(--vert-fonce)!important;
}

/* a.equipement-category-link:hover .equipement-category-arrow svg path {
   fill: var(--vert-fonce);
} */

a.equipement-category-link:hover .equipement-category-arrow svg path[stroke-width] {
   stroke: var(--vert-fonce);
}


/* #end Section Liens catégories équipements */








.flex-col-accueil .et_pb_column {
   display: flex;
   flex-wrap: wrap;
}

.flex-col-accueil .et_pb_column .et_pb_module:not(.et_pb_blurb) {
   width: 100%;
}

.flex-col-accueil .et_pb_column .et_pb_blurb {
   width: 40%;
}


/*
.accueil-expertise-row {
   display: grid;

   gap: 50px 30px;
}


@media only screen and (min-width: 1551px) {
   .accueil-expertise-row {
      grid-template-columns: repeat(4, 1fr);
   }
}
@media only screen and (min-width: 768px) and (max-width: 1550px) {
   .accueil-expertise-row {
      grid-template-columns: repeat(2, minmax(280px, 1fr));
   }
}

.accueil-expertise-row .et_pb_column {
   width: 100% !important;
}


.accueil-expertise-row .icone-accueil {
   height: 100%;
}
*/

/*
.icone-accueil .et_pb_blurb_content {
   display: grid;
   
   gap: 25px;
}

@media only screen and (min-width: 768px) {
   .icone-accueil .et_pb_blurb_content {
      grid-template-rows: 200px 1fr;
   }
}

@media only screen and (min-width: 981px) {
   .icone-accueil .et_pb_blurb_container .et_pb_blurb_description {
      font-size: 1.5rem;
   }
}
@media only screen and (max-width: 980px) {
   .icone-accueil .et_pb_blurb_container .et_pb_blurb_description {
      font-size: 20px;
   }
}

.icone-accueil .et_pb_blurb_container .et_pb_blurb_description {
   text-align: center;
   font-family: "Maven Pro", Helvetica, Arial, Lucida, sans-serif;
   font-weight: 900;
   text-transform: uppercase;
   max-width: 400px;
   margin-right: auto;
   margin-left: auto;
}

.icone-accueil .et_pb_main_blurb_image {
   margin-left: auto;
   margin-right: auto;
   margin-bottom: 0 !important;
}

.icone-accueil.erosion .et_pb_main_blurb_image {
   max-width: 210px;
   width: 75%;
}
.icone-accueil.poussiere .et_pb_main_blurb_image {
   width: 70%;
   max-width: 200px;
}
.icone-accueil.hydro .et_pb_main_blurb_image {
   width: 80%;
   max-width: 250px;
}
.icone-accueil.recouvrement .et_pb_main_blurb_image {
   max-width: 210px;
   width: 75%;
}

.icone-accueil .et_pb_main_blurb_image .et_pb_image_wrap,
.icone-accueil .et_pb_main_blurb_image img {
   height: 100%;
}

.champ-expertise {
   padding: 30px;
   background-color: rgba(9, 57, 70, 1);
   color: var(--white);
   border-radius: 20px;
}

.champ-expertise h2 {
   color: var(--white);
}
*/

/* Nos produits accueil */

/*
@media only screen and (min-width: 981px) {
   .section-bg-img-left {
      padding: 0 !important;
   }
}

@media only screen and (max-width: 980px) {
   .section-bg-img-left {
      padding-top: 0 !important;
   }
}

.section-bg-img-left .et_pb_row {
   padding: 0 !important;
}
*/
@media only screen and (min-width: 981px) {
   /*#page-container .section-bg-img-left {
      background-position: 6% 58% !important;
   }

   #page-container .section-bg-img-left.entreprise {
      background-position: 55% 58% !important;
   }

   #page-container .section-bg-img-left:is(.entreprise, .expertise) .et_pb_column:not(.et-last-child) {
      min-width: 450px;
   }*/

   .flex-center-align {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
   }



   .flex-center-align .et_pb_video {
      margin-bottom: 0!important;
   }

   .flex-center-align .et_pb_video + .credit-video {
      position: absolute;
      bottom: -37px;
   }

   /*.section-bg-img-left.links .et_pb_column:not(.et-last-child) {
      width: fit-content;
      width: -moz-fit-content;
   }
   .section-bg-img-left .et_pb_column:not(.et-last-child) {
     
      padding-top: calc(100px + 5vw);
      padding-bottom: calc(80px + 5vw);
      padding-right: calc(50px + 5vw);
   }
   .section-bg-img-left .et_pb_column:not(.et-last-child):after {
      content: "";
      position: absolute;
      top: 0;
      right: 0;
      width: calc(150% + 30vw);
      height: 100%;
      background-color: rgba(9, 57, 70, 0.87);
      z-index: -1;
      border-radius: 0 1000px 1000px 0;
   }
   .section-bg-img-left .et_pb_column.et-last-child {
      display: none !important;
   }*/
}

@media only screen and (max-width: 980px) {
   .flex-center-align .et_pb_video {
      margin-bottom: 15px!important;
   }

   /*.section-bg-img-left {
      background-image: none !important;
   }
   .section-bg-img-left .et_pb_row {
      display: flex;
      flex-direction: column-reverse;
   }

   .section-bg-img-left .et_pb_column.et-last-child {
      width: 100vw !important;
      margin-left: -10vw !important;
   }
   .section-bg-img-left {
      background-color: var(--vert-fonce);
   }
   .section-bg-img-left .et_pb_column:not(.et-last-child) {
      margin-top: 80px;
   }*/
}
/*
@media only screen and (max-width: 500px) {
   .section-bg-img-left .et_pb_column.et-last-child {
      margin-left: -5vw !important;
   }
}
   
.section-bg-img-left.links .et_pb_text {
   font-size: calc(10px + 1.25rem) !important;
   margin-bottom: 35px !important;
}
.section-bg-img-left .et_pb_text a {
   color: var(--white) !important;
   position: relative;
}
.section-bg-img-left .et_pb_text a:after {
   content: "";
   position: absolute;
   bottom: -2px;
   left: calc(-100% - 27px);
   width: 100%;
   border-bottom: solid 2px var(--white);
   transition: left 250ms ease-in-out;
}
.section-bg-img-left .et_pb_text a:hover:after {
   left: 0% !important;
}

.section-bg-img-left .et_pb_text ul {
   padding-left: 26px !important;
   overflow: hidden;
   padding-bottom: 5px;
}

.section-bg-img-left .et_pb_text li {
   line-height: 1em;
}

.section-bg-img-left .et_pb_text ul li:not(:last-of-type) {
   padding-bottom: 16px !important;
}

.section-bg-img-left .et_pb_text h2 {
   padding-bottom: 36px !important;
}
*/

.info-bar-section {
   padding-top: 0;
   padding-bottom: 0;
}
/**/

/* Nouveautés */

/*
@media only screen and (min-width: 1151px){
   .section-nouveautes .et_pb_code .et_pb_blog_grid .et_pb_salvattore_content {
      display: flex;
   }
}

.section-nouveautes .et_pb_post {
   background: transparent;
   border: none;
   text-align: center;
}

.section-nouveautes .et_pb_post.nouveautes .entry-featured-image-url div.et_pb_image_container//, .section-nouveautes .et_pb_post div > .entry-featured-image-url{
   height: 0;
   padding-top: 75%;
   border-radius: 40px;
   overflow: hidden;
}

.section-nouveautes .et_pb_post.nouveautes .entry-featured-image-url img//, .section-nouveautes .et_pb_post .entry-featured-image-url > img {
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   height: 100%;
   object-fit: contain;

   background-color: var(--white)fff;
}

.et_pb_post.nouveautes {
   padding: 0 !important;
   margin-bottom: 0 !important;
}

.et_pb_post.nouveautes :is(a,div) {
   color: var(--vert-fonce) !important;
}

.et_pb_post.nouveautes .entry-featured-image-url {
   margin-bottom:0!important;
}

.nouveautes .et_pb_image_container {
   margin: 0 !important;
   margin-bottom: 30px !important;
}

.section-nouveautes .et_pb_post h3 {
   font-size: 1.875rem;
}

.section-nouveautes .et_pb_post .post-content p {
   color: var(--vert-fonce) !important;
}

@media only screen and (max-width: 1150px){
   .section-nouveautes  .et_pb_salvattore_content {
      display:grid;
      gap:40px 0
   }
}
@media only screen and (min-width: 981px) and (max-width: 1150px){
   .section-nouveautes  .et_pb_salvattore_content .column {
      width:100%!important;
      margin-right:0!important;
   }
}
@media only screen and (max-width: 767px){
   .section-nouveautes .et_pb_post h3 {
      font-size: 2.375rem;
   }
   .no-thumbnail > span{
      font-size: 2.375rem!important;
   }
}
*/

/* */

/*Pastilles accueil*/
/*
.pastille:hover {
   box-shadow: rgba(9, 57, 70, 0.25) 0px 25px 50px -12px;
   transform: scale(0.98);
}

.pastille {
   text-align: center !important;
   font-size: calc(10px + 1.6875rem) !important;
   line-height: 1.1;
   background-color: #ccc;
   color: var(--white);
   display: flex;
   height: calc(70px + 12vw);
   max-height: 360px;
   border-radius: 300px;
   overflow: hidden;
   transition: all 200ms ease-in-out;
}
.pastille .et_pb_text_inner {
   width: min-content;
   margin: auto;
   z-index: 2;
}

.pastille:is(.filter-pale, .filter-fonce):before,
.pastille:is(.filter-pale, .filter-fonce):after {
   content: "";
   position: absolute;
   top: 0;
   right: 0;
   width: 100%;
   height: 100%;
}

.pastille:is(.filter-pale, .filter-fonce):before {
   background-repeat: no-repeat;
   background-position: center;
   opacity: 0.28;
   z-index: 1;
   transition: opacity 200ms ease-in-out;
}
.pastille:is(.filter-pale, .filter-fonce):hover:before {
   opacity: 0.4;
}

.pastille:is(.filter-pale, .filter-fonce):after {
   z-index: 0;
}

.pastille.filter-pale:before {
   background-image: url("https://e2hs.ca/wp-content/uploads/2022/11/E2HS-t30-hydroseeder-finn-1.png");
   background-size: auto 75%;
}

.pastille.filter-fonce:before {
   background-image: url("https://e2hs.ca/wp-content/uploads/2022/11/E2HS-debrousailleuse-automotrice-attila-skd-1.png");
   background-size: auto 85%;
}

.pastille.filter-pale:after {
   background-color: rgba(81, 192, 170, 1);
}

.pastille.filter-fonce:after {
   background-color: rgba(9, 57, 70, 1);
}
*/



/*Accueil section équipements*/
/*
@media only screen and (min-width: 981px) {
   .accueil-equipements-section {
      overflow: hidden;
   }
   .accueil-equipements-section .et_pb_image {
      margin-left: -20vw;
      margin-right: -7vw;
      margin-bottom: -6vw !important;
   }
   .accueil-equipements-section .et_pb_image img {
      width: 1600px;
   }
}

.accueil-equipements-section .et_pb_column .pastille:not(:last-child) {
   margin-bottom: 30px !important;
}
*/
/**/

/* Expertise */



#et-main-area .section-fw .et_pb_row {
   width: 100%;
   max-width: 100%;
   padding: 0;
}

/* test */

.accueil-expertise-row:after {
   display: none;
}

#et-main-area .section-fw {
   padding-top: 0;
   padding-left: 5vw;
   padding-right: 5vw;
}

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

#et-main-area .section-fw .et_pb_row {
   gap: 2.5vw;
}
#et-main-area .section-fw .et_pb_row .et_pb_column {
   border-radius: 500px;
}
#et-main-area .section-fw .et_pb_row .et_pb_column .et_pb_text {
   text-align: center;
}
/**/

@media only screen and (min-width: 1201px) {
   
   #et-main-area .section-fw .et_pb_row:after {
      display: none;
   }

   #et-main-area .section-fw .et_pb_row {
      display: flex;
   }
   #et-main-area .section-fw .et_pb_column {
      width: 50%;
      margin-right: 0 !important;
      padding: 5vw;
      display: flex;
      flex-direction: column;
      justify-content: center;
   }
}

@media only screen and (min-width: 981px) and (max-width: 1200px) {
   #et-main-area .section-fw .et_pb_column {
      width: 100%;
      margin-right: 0 !important;
      padding: 5vw;
      display: flex;
      flex-direction: column;
      justify-content: center;
      margin-bottom: 30px;
   }
   /*#et-main-area .section-fw.section-pastilles .et_pb_column:not(:last-child) {
   }*/
}

@media only screen and (max-width: 980px) {
   #et-main-area .section-fw .et_pb_column {
      margin-bottom: 0;
   }
   /*#et-main-area .section-fw.section-pastilles .et_pb_column:not(:last-child) {
      margin-bottom: 30px;
   }*/
}

@media only screen and (min-width: 768px) and (max-width: 980px) {
   #et-main-area .section-fw .et_pb_column {
      padding: 10vw;
   }
}

@media only screen and (max-width: 767px) {
   #et-main-area .section-fw .et_pb_column {
      padding: 5vw;
   }
}

/*
@media only screen and (min-width: 1151px) {
   #et-main-area .cta-section {
      padding-bottom: 0 !important;
   }
}

body.et-db #et-main-area .et_pb_section.cta-section {
   background-color: var(--vert);
}
#et-main-area .cta-section .et_pb_text {
   margin-bottom: 30px;
   margin-left: auto;
   margin-right: auto;
}
*/

@media only screen and (min-width: 1301px) {
   .img-left-offset {
      margin-left: -18vw !important;
      margin-right: calc(450px - 33vw);
      margin-bottom: -12vw !important;
      max-width: 1500px;
   }
}
@media only screen and (min-width: 981px) and (max-width: 1300px) {
   .img-left-offset {
      margin-left: -18vw !important;
      margin-bottom: -13vw !important;
      max-width: 1500px;
   }
}

@media only screen and (min-width: 981px) and (max-width: 1400px){
   .flex-order-rev.wrap-1200 {
      display:flex;
      flex-direction: column;
   }
   .flex-order-rev.wrap-1200 .et_pb_column {
      width: 100%!important;
      margin-right: 0!important;
   }
   .flex-order-rev.wrap-1200 .et_pb_column:first-child {
      order: 2;
      margin-bottom: 0 !important;
   }
   .flex-order-rev.wrap-1200 .et_pb_column:last-child {
      order: 1;
      margin-bottom: 50px;
   }
   .flex-order-rev.wrap-1200 .et_pb_image img {
      max-height: 800px;
      object-fit: contain;
   }
}

@media only screen and (min-width: 981px){
   .flex-images {
      display: flex;
   }
   
   .flex-images :is(.et_pb_image,img,.et_pb_image_wrap) {
      height:100%;
      object-fit: cover;
      object-position: 75% 0;
   }
}

@media only screen and (max-width: 980px) {
   .img-left-offset:not(.image-degrade) {
      margin-bottom: -15% !important;
   }
}

@media only screen and (max-width: 980px) {
   .flex-order-rev {
      display: flex;
      flex-direction: column;
   }
   .flex-order-rev .et_pb_column:first-child {
      order: 2;
      margin-bottom: 0 !important;
   }
   .flex-order-rev .et_pb_column:last-child {
      order: 1;
      margin-bottom: 50px;
   }
}

.flex-order-rev .img-left-offset:after {
   content: "";
   width: 100%;
   height: 100%;
   position: absolute;
   left: 0;
   top: 0;
   
   
}
.flex-order-rev .img-left-offset:not(.image-degrade):after {
   background: linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
}




@media only screen and (min-width: 981px){
   .flex-order-rev.col1-absolute.et_pb_row{
      position:unset;
   }
   .flex-order-rev.col1-absolute.et_pb_row > .et_pb_column:first-child{
      position:absolute;
      top:0;
   }
   .flex-order-rev.col1-absolute.et_pb_row > .et_pb_column:last-child{
      float:right;
   }
   .flex-order-rev .img-left-offset.image-degrade:after{
      background: linear-gradient(180deg, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 1) 100%),linear-gradient(90deg, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 1) 100%),linear-gradient(32deg, rgba(255, 255, 255, 0) 65%, rgba(255, 255, 255, 1) 85%);
   }
}
.img-left-offset.image-degrade{
   display:flex;
   flex-direction: column;
   height:500px;
}

.flex-order-rev .img-left-offset.image-degrade > span {
   height: 100%;
}

.flex-order-rev .img-left-offset.image-degrade img{
   width: 100%;
   height: 100%;
   object-fit: cover;
   position: absolute;
   top: 0;
   left: 0;
}


/**/

/* Calculateur */
.calculateur {
   max-width: fit-content;
   max-width: -moz-fit-content;

   padding: 80px;
   background-color: #093946;
   border-radius: 100px;
}

.calculateur h3 {
   color: white;
}

.calculateur h2 {
   color: #51c0aa;
   margin-bottom: 0px;
}

.calc-subtitle {
   margin-bottom: 30px;
}

.calc-content {
   display: grid;
   gap: 40px 0px;
}

.calc-row {
   display: grid;
   gap : 0px 40px;
   grid-auto-flow: column;
}

.row-2 {
   grid-template-columns: repeat(2,1fr);
}

.calc-item input {
   width: 100%;
   border: 2px solid #093946;
   border-radius: 10px;
   padding: 8px;
}

.calc-item input.invalid {
   border-color: #dc3232;
}


.calc-result {
   min-height: 20px;
   padding: 4px 0;
   border-bottom: 2px solid white;
   color: #51c0aa;
}

.calc-notice {
   margin: 15px 0;
}

.calc-notice p{
 color: var(--vert);
 font-weight: 600;
 margin-bottom: 0;
 padding: 0;
}

.calc-error {
   display: none;
}

.calc-error.visible {
   display: block;
}

.calc-footer {
   display: flex;
   align-items: center;
   justify-content: flex-end;
   margin-top: 40px;
   flex-direction: column;
}

.calc_button {
   font-size: 18px;
   padding: 12px 20px;
   text-align: center;
   border-radius: 50px;
   transition: all 0.2s ease-in-out;
   font-family: "Maven Pro", Helvetica, Arial, Lucida, sans-serif;
   text-transform: uppercase;
   font-weight: 900;
   line-height: 1.2;
   cursor: pointer;
   width:100%;
   border: 2px solid var(--vert);
   color: white;
   background-color: var(--vert);
}

.calc_button:hover {
   background-color: transparent;
}

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

   .calculateur {
      padding: 60px 40px;
   }

   .calc-row {
      grid-auto-flow: row;
      gap : 40px 0;
   }

   .row-2 {
      grid-template-columns: 1fr;
   }
}

/**/

/*Produits & Équipements*/



/* Intro */

.page-categorie-introduction {
   /* display: grid; */
   /* grid-template-columns: 1fr 1fr; */
   /* gap: var(--horizontal-gap, 5.5%); */
   /* align-items: center; */
}

.page-categorie-introduction .et_pb_row {
   /* align-items: center; */
}

:is(.page-categorie-introduction, .first-section) .et_pb_row .et_pb_column:not(:has(.et_pb_image)) {
   align-self: center;
}

:is(.page-categorie-introduction, .first-section) {
   /* color: var(--vert); */
   --gcid-heading-color: var(--vert);
}

@media (max-width:980px) {
   :is(.page-categorie-introduction, .first-section) .et_pb_row {
      flex-direction: column;
   }
}

:is(.page-categorie-introduction, .first-section) .et_pb_image.full-height:before {
   content: "";
   display: block;
   width: 100%;
   padding-top: 56.25%; /* 16:9 aspect ratio */
   /* padding-top: 20%; */
}

:is(.page-categorie-introduction, .first-section) .et_pb_image :is(.et_pb_image_wrap) {
   position: absolute!important;
}

.page-categorie-image img {
   display: block;
   width: 100%;
}

.page-categorie-introduction-content {
   display: flex;
   flex-direction: column;
   gap: 30px;
}

body #page-container #et-main-area .page-categorie-introduction-content .page-categorie-titre h2 {
   color: var(--vert)!important;
}
.first-section {
   padding-top: 0!important;
}

.first-section h1, h1.page-categorie-titre {
   background-color: var(--vert-fonce);
   border-radius: var(--radius);
   margin-bottom: min(var(--module-gutter), 40px);
}

.first-section .et_pb_text .et_pb_text_inner > h1, h1.page-categorie-titre.small-encadre {
   padding: clamp(25px, 21.857px + 0.7857vw, 36px) clamp(20px, 15.429px + 1.1429vw, 36px)!important;
   text-box: initial;
   color: var(--white)!important;
}

.first-section h1 ~ *, h1.page-categorie-titre + .page-categorie-texte {
   /* padding-left: clamp(20px, 15.429px + 1.1429vw, 36px); */
   /* padding-right: clamp(20px, 15.429px + 1.1429vw, 36px); */
}



/* END Intro */



/* Section terms sur page Produits */


.produits-terms-section .et_pb_row {
   width: 100%!important;
   max-width: 100%!important;
   /* align-items: center; */

   --gap: clamp(30px, 14.194px + 1.6129vw, 40px);
   --horizontal-gap: var(--gap);
   flex-wrap: wrap;
}

.produits-terms-section .et_pb_row.row-w-title .et_pb_module {
   width: 100%;
}

.produits-terms-section .et_flex_row>[class*=et_flex_column]{
   --horizontal-gap-parent: var(--gap);
   align-items: flex-start;
   
}

/* END Section terms sur page Produits */


/* Section Équipements sur page Produits */



.produits-equipements-section .et_pb_row {
   width: 100%!important;
   max-width: 100%!important;
   /* align-items: center; */
}

.produits-equipements-section .et_pb_row .et_pb_column:last-child {
   padding: clamp(50px, 6vw, 132px) 0;
}

@media (max-width:980px) {
   .produits-equipements-section .et_pb_row_nested .et_pb_column:not(:has(.et_pb_image)) {
      /* padding-bottom: 0!important; */
      padding: 0!important;
   }
}

/* END Section Équipements sur page Produits */


.equipements-section-wrapper .marque-title-encadre, .marques-section-wrapper, .equipements-section-wrapper:has(+ .filters-wrapper) {
   /* margin-bottom: 104px; */
   /* margin-bottom: min(4.75%, 104px); */
   margin-bottom: clamp(50px, 5%, 104px);
}

.equipements-section-wrapper:has( + .marques-section-wrapper) {
   /* margin-bottom: min(8%, 180px); */
   /* margin-bottom: clamp(75px, 8%, 180px); */
   padding-bottom: var(--pad-section);

}

@media (max-width:980px) {

}


.marques-section-wrapper {
   display: grid;
   --nb-columns: 2;
   /* --gap-h: var(--row-gutter-grid); */
   /* --gap-v: var(--row-gutter-grid); */

   --gap-h: clamp(30px, 14.194px + 1.6129vw, 40px);
    --gap-v: clamp(30px, 14.194px + 1.6129vw, 40px);
   /* --gap-h: max(3.75rem, 20px);
   --gap-v: 50px; */
   gap: var(--gap-v) var(--gap-h);
   grid-template-columns: repeat(auto-fill, minmax(min(100%, max(300px, calc((100% - ((var(--nb-columns) - 1) * var(--gap-h))) / var(--nb-columns)))), 1fr));
   /* margin-bottom: 104px; */
}

.marques-section-wrapper .marque-title-encadre {
   /* display: flex; */
   /* flex-direction: column; */

   display: grid;
   grid-template-rows: 101px 1fr;
   gap: 10px;

   /* padding: 63px!important; */
   padding: clamp(30px, 19px + 2.75vw, 63px) clamp(25px, 12.333px + 3.1667vw, 63px)!important;
   
}

.marque-title-encadre-content {
   grid-row: 2;
}

.marque-title-encadre:not(:has(.marque-logo)) .marque-title-encadre-content {
   grid-row: 1 / 3;
   align-content: center;
}

.marque-logo svg [fill]:not([fill="none"]) {
   fill: var(--white) !important;
}

.marque-logo svg [stroke]:not([stroke="none"]) {
   stroke: var(--white) !important;
}

.marque-logo svg g[clip-path] {
   clip-path: unset !important;
}


.flex-columns .et_pb_blurb {
   margin-bottom: 0!important;
   transition: opacity 500ms ease-in-out;
}

.no-results {
   width: 100%;
   grid-column: 1 / -1;
   text-align: center;
   border-radius: var(--radius);
   background-color: var(--vert-fonce);
   color: var(--white);
   padding: 30px;
   /* border: solid 10px var(--vert-fonce); */
   text-wrap: balance;
}

.load-more-wrapper {
   display: flex;
   justify-content: center;
   margin-top: 40px;
}

.load-more-button {
   padding: 13px 1em;
   border: 3px solid var(--vert);
   border-radius: var(--sm-radius);
   background-color: transparent;
   color: var(--vert-fonce);
   cursor: pointer;
   font-family: "Maven Pro", Helvetica, Arial, Lucida, sans-serif;
   font-size: var(--big-text) !important;
   font-weight: 700;
   line-height: 1.3;
   transition: all 0.2s ease-in-out;
}

.load-more-button:hover {
   background-color: var(--vert);
   color: var(--white);
}

.flex-columns .et_pb_blurb .et_pb_blurb_content {
   height: 100%;
   display: flex;
   flex-direction: column;
}

.flex-columns .et_pb_blurb .et_pb_blurb_content :is(a, .no-link) {
   height: 100%;
   display: flex;
   flex-direction: column;
   justify-content: space-between;
}

.flex-columns .et_pb_blurb .et_pb_blurb_container {
   /* text-align: center; */
   /* padding: 40px 34px 30px; */
   padding: 40px min(34px, 5%) 30px;
   display: grid;
   /* grid-template-columns: 1fr 69px; */
   /* grid-template-columns: 1fr min(69px, 15%); */
   grid-template-columns: 1fr min(69px, 12%);
   align-items: center;
   gap: 15px;
}


.flex-columns .et_pb_blurb .no-link .et_pb_blurb_container .texts-wrapper {
   grid-column: 1 / -1;
}

.flex-columns .et_pb_blurb .et_pb_blurb_container .texts-wrapper {
   display: flex;
   flex-direction: column;
   gap: 12px;
}


.flex-columns .et_pb_blurb .et_pb_blurb_container:has(.sup-title) {
   align-items: flex-end;
}


.flex-columns .et_pb_blurb .et_pb_blurb_container svg {
   display: block;

   width: 100%;
   height: auto;
}

@media only screen and (min-width: 981px) {
   .flex-columns .et_pb_blurb:nth-child(n + 4) {
      /* opacity: 0; */
   }

   .flex-columns .et_pb_blurb {
      opacity: 0;
   }
}
@media only screen and (max-width: 980px) {
   .flex-columns .et_pb_blurb {
      opacity: 0;
      margin-bottom: 0 !important;
   }
}
.flex-columns .et_pb_blurb.visible {
   opacity: 1;
}

#page-container .flex-columns .et_pb_blurb h5 {
   padding-bottom: 0 !important;
   color: var(--white) !important;
}

/*@media only screen and (min-width: 981px) {
   #page-container .flex-columns .et_pb_blurb h5 {
      font-size: 26px !important;
   }
}
@media only screen and (min-width: 768px) and (max-width: 980px) {
   #page-container .flex-columns .et_pb_blurb h5 {
      font-size: 24px !important;
   }
}
@media only screen and (max-width: 767px) {
   #page-container .flex-columns .et_pb_blurb h5 {
      font-size: 22px !important;
   }
}*/




.filters-wrapper {
   display: flex;
   /* flex-direction: column; */
   /* gap: 30px; */
   gap: var(--row-gutter-grid);
   /* margin-bottom: 30px; */
   align-items: flex-end;
   flex-wrap: wrap;
   margin-bottom: 39px;
   justify-content: space-between;
}


.filters {
   display: flex;
   gap: 10px 15px;
   flex-wrap: wrap;

}


:is(.marques-filters, .cat-filters) {
   align-items: flex-start;
}

:is(.marques-filters, .cat-filters) .more-filters {
   display: flex;
   gap: 10px 15px;
   flex-wrap: wrap;
   /* overflow: scroll; */
}



/* TODO CHECK RESPONSIVE, surtout les matelas anti-erosion */
@media only screen and (max-width: 1175px) {
   .filters {
      flex-wrap: wrap;
   }
   .filters a.filter-button {
      flex: 1 1 270px;
   }
}

.filters + :is(.flex-columns, .equipements-section-wrapper) {
   /* margin-top: 70px; */
   margin-top: 39px;

}

.flex-columns {
   opacity: 0;
}

.flex-columns.visible {
   opacity: 1;
   transition: all 300ms ease-in-out;
}


.dropdown,
.dropdown-wrap {
   display: flex;
   align-items: center;
}

.dropdown {
   /* margin: 30px 0; */
   gap: 15px;
   flex-direction: column;
   align-items: flex-start;
   min-width: min(100%, max(300px, calc((100% - ((3 - 1) * var(--row-gutter-grid))) / 3)));
   /* min-width: fit-content; */
   /* min-width: -moz-fit-content; */
   max-width: fit-content;
   max-width: -moz-fit-content;
}

.dropdown > span {
   font-size: var(--fs-h5);
   font-weight: 700;
   font-family: "Maven Pro", Helvetica, Arial, Lucida, sans-serif !important;
   
   line-height: var(--lh-title);
}

.dropdown-wrap {
   gap: 10px;
   width: 100%;

}

.reset {
   display: none;
   opacity: 0;
   cursor: pointer;
   width: 40px;
   height: 40px;
   background-color: var(--vert);
   color: var(--white) !important;
   font-weight: 700;
   flex-direction: column;
   justify-content: center;
   text-align: center;
   align-items: center;
   border-radius: 50%;
}
.reset.visible {
   display: flex;
   opacity: 1;
}

.reset svg {
   width: 30px;
   height: 30px;
}


.filters .filter-button {
   display: flex;
   flex-direction: column;
   justify-content: center;
   font-size: clamp(18px, 16.857px + 0.2857vw, 22px);
   padding: 0.5909em 0.9545em !important;
   /* font-size: 22px; */
   /* padding: 13px 21px !important; */
   text-align: center;
   border-radius: var(--sm-radius);
   border: solid 3px var(--vert) !important;
   transition: all 0.2s ease-in-out !important;
   font-family: "Maven Pro", Helvetica, Arial, Lucida, sans-serif !important;
   /* text-transform: uppercase; */
   font-weight: 700;
   line-height: 1.2;
   cursor: pointer;
   color: var(--vert-fonce) !important;
   text-wrap: balance;
}

.filters .filter-button:hover,
button.filter-button:hover {
   background-color: var(--vert) !important;
   color: var(--white) !important;
}
.filters .filter-button.current {
   background-color: var(--vert) !important;
   color: var(--white) !important;
   pointer-events: none;
}


.select-dropdown {
   position: relative;
   display: inline-block;
   width: 100%;
}

.select-dropdown.dropdown-marque {
   display: none;
}

.dropdown-filter {
   min-width: 200px;
   /* padding: 13px 50px 13px 21px !important; */
   /* font-size: 22px; */

   font-size: clamp(18px, 16.857px + 0.2857vw, 22px);
   padding: 0.5909em calc(1.3182em + 21px) 0.5909em 0.9545em !important;

   font-weight: 700;
   line-height: 1.2;
   font-family: "Maven Pro", Helvetica, Arial, Lucida, sans-serif !important;
   border-radius: var(--sm-radius);
   border: solid 3px var(--vert) !important;
   /* text-align: center; */
   appearance: none;
   color: var(--vert-fonce) !important;
   width: 100%;

}



.select-dropdown select {
   cursor: pointer;
}

.select-dropdown:after {
   content: "";
   width: 21px;
   /* height: 30px; */
   height: 14px;
   position: absolute;
   /* right: 12px; */
   /* right: 25px; */
   right: calc(clamp(18px, 16.857px + 0.2857vw, 22px) * 1.1364);
   top: calc(50% + 2px);
   transform: translateY(-50%);
   font-size: 20px;
   pointer-events: none;
   /* background-image: url(https://e2hs.ca/wp-content/uploads/2023/01/arrow-dropdown.svg); */
   background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='21' height='13' viewBox='0 0 21 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M10.5 13L0 2.34824L2.31478 0L10.5 8.30353L18.6852 0L21 2.34824L10.5 13Z' fill='%23093946'/%3e%3c/svg%3e ");
   background-repeat: no-repeat;
   background-position: center;

}

.wait-filter {
   display: flex;
   align-items: center;
   justify-content: center;
   font-size: 30px;
   font-weight: bold;
   text-transform: italic;
   text-transform: uppercase;
}

.flex-columns .et_pb_blurb a {
   color: inherit !important;
}

.flex-columns {
   display: grid;
   gap: clamp(30px, 14.194px + 1.6129vw, 40px);
}



@media (min-width:2001px) {
   .flex-columns {
      grid-template-columns: 1fr 1fr 1fr 1fr;
   }
}

/* @media only screen and (min-width: 1176px) { */
@media only screen and (min-width: 1176px) and (max-width: 2000px) {
   .flex-columns {
      grid-template-columns: 1fr 1fr 1fr;
   }
}
@media only screen and (min-width: 768px) and (max-width: 1175px) {
   .flex-columns {
      grid-template-columns: 1fr 1fr;
   }
}
@media only screen and (max-width: 767px) {
   .flex-columns {
      grid-template-columns: 1fr;
   }
}


.flex-columns .et_pb_blurb {
   /* border: 1px solid var(--vert-fonce); */
   background-color: var(--vert-fonce);
   border-radius: var(--radius);
   padding: 10px;

}

@media only screen and (min-width: 501px){
   .flex-columns .et_pb_blurb {
      /* padding: 30px; */
   }
}

@media only screen and (max-width: 500px){
   .flex-columns .et_pb_blurb {
      /* padding: 25px; */
   }
}

.flex-columns img.fleche {
   width: 40px;
}

.flex-columns .et_pb_main_blurb_image {
   /* margin-bottom: 15px; */
}

.flex-columns .et_pb_image_wrap {
   display: block;
   height: 100%;
   border-radius: 17px;
   overflow: hidden;
   background-color: #fff;
}

.flex-columns .et_pb_image_wrap img {
   height: 100%;
   width: 100%;
   /* object-fit: cover; */
   object-fit: contain;
}

.flex-columns .et_pb_image_wrap img[src*="LOGO-E2HS-Couleur-01.svg"] {
   width: 80%;
   max-width: 300px;
   left: 50%;

   /* transform: translateX(-50%); */
   right: auto;

   height: auto;
   top: 50%;
   transform: translate(-50%, -50%);

}





.flex-columns .et_pb_image_wrap {
   padding-top:66%;
   position: relative;
}

.flex-columns .et_pb_image_wrap > * {
   position: absolute;
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
}


.no-thumbnail > span {
   width: 100%;
   text-align: center;
   text-transform: uppercase;
   font-weight: 700;
   color: var(--vert-fonce);
   font-size: 1.75rem;
}


.no-thumbnail > span {
   position: absolute;
   top: 50%;
   transform: translateY(-50%);
}



/*Fin produits*/

.title-no-pad :is(h1, h2, h3, h4, h5, h6) {
   padding-bottom: 0 !important;
}

.title-no-pad :is(h1, h2, h3, h4, h5, h6) + :is(h1, h2, h3, h4, h5, h6) {
   margin-top: 0.5em;
}

.no-pad {
   padding-top: 0 !important;
   padding-bottom: 0 !important;
}

.no-pt {
   padding-top: 0 !important;
}

.no-pb {
   padding-bottom: 0 !important;
}



@media only screen and (min-width: 981px) {
   .no-pad-desktop {
      padding-top: 0 !important;
      padding-bottom: 0 !important;
   }

   .no-pad-bottom {
      padding-bottom: 0 !important;
   }
}
@media only screen and (min-width: 768px) and (max-width: 980px) {
   .no-pad-bot-m {
      padding-bottom: 0 !important;
   }
}

/* Template Équipement*/

.sup-title {
   
   color: var(--vert);
   display: inline-block;
   font-size: 20px;
   line-height: 1.2;
}


/* @media (min-width:981px) {

   .container-produit-equipement {
      grid-template-columns: var(--column-width) 1fr;
   }

} */

.container-produit-equipement {
   display: grid;
   /* grid-template-columns: clamp(350px, 40%, 500px) 1fr; */
      grid-template-columns: var(--column-width) 1fr;

   gap: 48px;
}

.container-produit-equipement .image {
   width: 100%;
   overflow: hidden;
}

.container-produit-equipement .swiper .swiper-wrapper {
   /* justify-content: center; */
}

.container-produit-equipement .principale.swiper .swiper-wrapper .swiper-slide {
   /* display: flex; */
   /* justify-content: center; */
    max-height: var(--column-width);
    max-width: 100%;
}

.container-produit-equipement .principale.swiper .swiper-wrapper .swiper-slide > div {
   /* justify-content: center; */
   /* width: fit-content; */
   /* width: -moz-fit-content; */
   
}

.container-produit-equipement .swiper img {
   display: block;
}

.container-produit-equipement .principale.swiper img {
   /* width: 100%; */
   width: fit-content;
   width: -moz-fit-content;
   margin: 0 auto;
   height: auto;
   max-width: 100%;
   max-height: var(--column-width);
   object-fit: contain;
   border-radius: var(--radius);

}

.container-produit-equipement .wrapper.swiper {
   border-radius: var(--radius);
}

.container-produit-equipement .wrapper.swiper .swiper-wrapper .swiper-slide {
   /* max-width: fit-content; */
   /* max-width: -moz-fit-content; */
}





.container-produit-equipement .image {
   display: flex;
   flex-direction: column;
   gap: 10px;
}

.swiper.principale {
   width: 100%;
}

/* .slick-slider.principale {
   overflow: hidden;
} */

.principale .slick-slide > div, .principale .swiper-slide > div {
   /* height: 0; */
   /* padding-top: 100%; */
   max-height: var(--column-width);
   display: flex;
}

.container-produit-equipement .image .principale img.presented {
   /* position: absolute;
   top: 0;
   left: 0;
   width:100%;
   height:100%;
   object-fit: contain; */
}

/* .principale .slick-track {
   display: flex;
} */


.galerie{
   position: relative;
   overflow:hidden;
   
}

.galerie .swiper {
   width: 100%;
   max-width: 600px;
}

.galerie .controls {
   position: absolute;
   /* width:100%; */
   width: calc(100% - 24px);
   max-width: calc(600px - 24px);
   top:50%;
   left:50%;
   transform: translateY(-50%) translateX(-50%);
   display:flex;
   justify-content: space-between;
   align-items: center;
   pointer-events: none;
   z-index: 100;
}

.container-produit-equipement {
   --column-width: clamp(350px, var(--row-w) * 0.4, 500px);
}

@media (max-width:980px) {

   .container-produit-equipement .image {
      order: 1;
   }

   .container-produit-equipement {
      --column-width: min(var(--row-w), 500px);
   }

   .galerie .wrapper {
      margin-left: 0;
   }
   .galerie .controls {
      position: relative;
      transform: translateX(0) translateY(0);
      max-width: 100px;
      top: 0;
      left: 0;
      /* margin: 20px auto 0; */
      margin-top: 20px;
   }
   
}

.galerie .controls span {
   display:flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
   width:40px;
   height:40px;
   background-color:#51c0aa;
   border-radius: 8px;
   transition: all 150ms 150ms ease-in-out;
   cursor: pointer;
   pointer-events: visible;
}

@media (min-width:981px) {

   .galerie .swiper {
      margin: 0 auto;
   }

   .galerie .controls span {
      opacity: 0;
   }

   .galerie .controls span.prev{
      /* transform: translateX(-40px); */
      transform: translateX(-100%);
   }
   .galerie .controls span.next{
      /* transform: translateX(40px); */
      transform: translateX(100%);
   }
   .galerie:hover .controls span {
      transform: translateX(0%);
      opacity: 1;
   }
   .galerie:hover .controls span.prev{
      /* transform: translateX(12px); */
   }

   .galerie:hover .controls span.next{
      /* transform: translateX(-12px); */
   }
}








.galerie {
   opacity:0;
   animation: opacity 400ms 300ms forwards infinite;
   animation-iteration-count: 1;
}
@keyframes opacity {
   0%    { opacity: 0; }
   100%  { opacity: 1; }
 }



img.image-galerie {
   height: 100%;
   /* scroll-snap-align: start; */
   position: relative!important;
}

img.image-galerie:not(:last-child) {
   margin-right: 10px;
}

/* img.image-galerie:not(.slick-current) { */
.swiper-slide:not(.swiper-slide-thumb-active) > img.image-galerie {
   opacity: 0.4;
   position: relative;
   transition: opacity 200ms ease-in-out;
   cursor: pointer;
}

/* img.image-galerie:not(.slick-current):hover { */
.swiper-slide:not(.swiper-slide-thumb-active) > img.image-galerie:hover {
   opacity: 1;
}


@media (max-width:980px) {
   .container-produit-equipement .principale.swiper .swiper-wrapper .swiper-slide {
      display: flex;
      align-items: center;
      /* justify-content: center; */
   }
}





/* img.image-galerie.slick-current { */
img.image-galerie.swiper-slide-active {
   pointer-events: none;
}

.container-produit-equipement .column-infos {
   display: flex;
   flex-direction: column;
   flex: 1;
}

.container-produit-equipement .column-infos > *:not(:first-child) {
   margin-top: 40px;
}



.container-produit-equipement .column-infos > div > .title {
   margin-bottom: 10px;
   
}

.container-produit-equipement .column-infos .fiche-lien .et_pb_button_module_wrapper {
   margin-top: 20px;
   display: inline-block;
}


.options .tableau {
   width: fit-content;
   width: -moz-fit-content;
   min-width: 50%;
}

.prix {
   width: fit-content;
   width: -moz-fit-content;

    font-size: 18px;
    padding: 12px 20px !important;
    text-align: center;
    border-radius: 50px;
    /*border: solid 1px var(--vert) !important;*/
    background-color: var(--vert);
    color:var(--white);
    transition: all 0.2s ease-in-out !important;
    font-family: "Maven Pro", Helvetica, Arial, Lucida, sans-serif !important;
    text-transform: uppercase;
    font-weight: 900;
    line-height: 1.2;
    margin-top: 20px;
}

.tableau {
   /*min-width: 50%;*/
}

.tableau.table-columns {
   display: flex;
   flex-wrap: wrap;
   margin-top: 40px;
   /* border: solid 1px; */
   gap: 16px;
}

.tableau.table-columns > div {
   flex-direction: column;
}

.tableau.table-columns .title + div {
   white-space: nowrap;
}

.tableau > div[class^="tab-"] {
   display: flex;
   flex-grow: 1;
   flex-shrink: 1;
   /* border: solid 1px; */
   border: solid 3px;
   border-radius: var(--radius);
   gap: 4px;
}

div.tab-categorie,
div.tab-marque {
   flex-basis: 33.33%;
}

div.tab-modele,
div.tab-annee {
   flex-basis: 16.665%;
}

.tableau > div.option {
   display: flex;
   /* gap: 12px; */
   /* border: solid 2px; */
   border: solid 3px;
}

.tableau > div.option:first-child {
   border-top-left-radius: var(--sm-radius);
   border-top-right-radius: var(--sm-radius);
}

.tableau > div.option:last-child {
   border-bottom-left-radius: var(--sm-radius);
   border-bottom-right-radius: var(--sm-radius);
}


.tableau > div.option + div.option {
   border-top: none;
}

.tableau > div:not(.option) {
   /* padding: 7px 15px 5px; */
   padding: 16px 20px !important;
}

.tableau > div.option > div {
   /* padding: 3px 12px; */
   padding: 8px 20px;

}


.tableau > div.option > div {
   width: 50%;
}

.tableau > div.option > div:first-child:last-child {
   width: 100%;
   border-left: none;
}

.tableau > div.option > div:first-child {
   border-color: var(--vert-fonce);
   color: var(--vert-fonce) !important;
}
.tableau > div.option > div:last-child {
   border-left: solid 2px;
}

div.title {
   font-weight: 800;
   color: var(--vert);
   font-size: var(--fs-h6);
   line-height: 1.2;
}

div.small-title {
   font-weight: 800;
   color: var(--vert);
   font-size: clamp(18px, min(15.333px + 0.7407cqi, 16.857px + 0.2857vw), 22px);
   line-height: 1.2;
}

.option {
   display: flex;
   /*gap:12px;*/
}

.option:not(:first-child) {
   /*margin-top:8px;
   padding-top:8px;*/
   border-top: solid 2px var(--vert);
}

/* TABLES */
.table {
   overflow: scroll;
   max-width: 100%;
}

.table td,th {
   padding: 7px 15px;
}

.table thead th:not(:first-of-type),
.table td {
   border: 1px solid #093946;
}

.table td:not(:first-of-type) {
   text-align: center;
}

/* @media only screen and (max-width : 767px) { */
@media only screen and (max-width : 980px) {
   .container-produit-equipement {
      grid-template-columns: 1fr;
   }
}

/**/

/* Contact */

.et_pb_map {
   height: calc(300px + 10vw) !important;
}

@media only screen and (min-width: 981px) {
   .map-row {
      display: flex;
   }

   .map-row .et_pb_column {
      display: flex;
      flex-direction: column;
      justify-content: center;
   }

   .et_pb_map_container {
      width: calc(50vw - 6%) !important;
   }
}

@media only screen and (max-width: 980px) {
   .et_pb_map {
      border-radius: 30px;
   }
}

/**/

/* Contact form */

.form-title {
   margin-bottom: 35px !important;
}





/*Footer*/


/* 
.footer-section {
   padding-bottom: 0px !important;
} */

.footer-section {
   padding: var(--pad-section-small) 0!important;
}

@media (min-width:981px) {
	.footer-section .et_pb_social_media_follow {
		/* display: none; */
	}
	
	.footer-section .et_pb_text:has( + .et_pb_social_media_follow) {
		margin-bottom: 0!important;
	}
}

@media only screen and (max-width: 980px) {
   .footer-section .et_mobile_nav_menu {
      display: none !important;
   }
	
	#page-container .footer-section .et_pb_social_icon a:hover {
		background-color: #51C0AA!important;
	}
}

.footer-section {
   font-weight: 400;
}

.footer-section a {
   color: var(--white)!important;
}


/* .footer-section .contact-infos-row .et_pb_text,
.footer-section .credits-row .et_pb_text {
   font-size: 20px;
   line-height: 1.2;
} */


.footer-section .logo-footer {
   max-width: clamp(175px, 63.389px + 11.3889vw, 257px);
}

.footer-section .adresse-footer {
   font-weight: 600;
   /* font-size: clamp(20px, 10.833px + 0.8333vw, 25px); */
   font-size: clamp(18px, 5.167px + 1.1667vw, 25px);
   line-height: 1.2;
}

.coordonnees-liens-groupe {
   display: grid!important;
   grid-template-columns: auto 1fr;
   /* gap: 25px!important; */
   gap: clamp(12px, 5.5px + 1.625vw, 25px)!important;
   align-items: center;
}

.coordonnees-liens-groupe svg {
   display: block;
}

.coordonnees-liens {
   font-size: clamp(18px, 10.667px + 0.6667vw, 22px);
   line-height: 1.2;
}

.coordonnees-liens a[href*="tel:"] {
   /* font-size: var(--big-text)!important; */
   font-size: clamp(20px, 10.833px + 0.8333vw, 25px);
   line-height: 1.2;
   font-weight: 600;
}


.footer-section .et_pb_row--with-menu {
   justify-content: space-between;

}

body #page-container .footer-section .et_pb_row--with-menu .et_pb_column:not(.et_pb_column--with-menu) {
   width: fit-content;
   width: -moz-fit-content;
   min-width: clamp(230px, 77.833px + 13.8333vw, 313px);
}

body #page-container #et-main-area .footer-section .et_pb_column--with-menu {
   --col-gap: clamp(25px, -130.769px + 12.4615vw, 106px);
   /* justify-content: space-between; */
   justify-content: flex-end;
   gap: 20px calc(var(--col-gap) * 1.5);
}

@media (min-width:1016px) {
   .et_pb_menu {
      width: calc(100% - (clamp(150px, -38.571px + 15.7143vw, 260px) + calc(var(--col-gap) * 1.5)));
      max-width: clamp(470px, 16.154px + 36.3077vw, 706px);
   }
}

@media (min-width:768px) and (max-width:1015px) {
   .et_pb_menu {
      /* min-width: calc(100% - (clamp(150px, -38.571px + 15.7143vw, 260px) + calc(var(--col-gap) * 1.5))); */
      /* max-width: clamp(470px, 16.154px + 36.3077vw, 706px); */
   }
}



@media (max-width:1015px) {
   body #page-container #et-main-area .footer-section .et_pb_row--with-menu {
      flex-direction: column;
      align-items: center;
   }

   body #page-container #et-main-area .footer-section .et_pb_row--with-menu .et_pb_column {
      width: 100%!important;
      /* justify-content: center; */
      justify-content: flex-start;
   }

   body #page-container #et-main-area .footer-section .et_pb_row--with-menu .et_pb_column.et_pb_column--with-menu {
      min-width: max-content;
      max-width: 100%;
   }

   body #page-container #et-main-area .footer-section .et_pb_row--with-menu .et_pb_column.et_pb_column--with-menu {
      min-width: max-content;
   }

   body #page-container #et-main-area .footer-section .et_pb_row--with-menu .et_pb_column .et_pb_menu {
      /* flex: 1; */
      text-align: start;
   }  

   
}

@media (max-width:767px) {

   body #page-container #et-main-area .footer-section .et_pb_row--with-menu {
      justify-content: center;
   }
   body #page-container #et-main-area .footer-section .et_pb_row--with-menu .et_pb_column {
      align-items: center;
   }
   body #page-container #et-main-area .footer-section .et_pb_row--with-menu .et_pb_column.et_pb_column--with-menu {
      display: none;
   }

   

   .credits-row :is(.et_pb_text, .et_pb_code) {
      text-align: center!important;
   }

   
}
   /* body #page-container #et-main-area .footer-section .et_pb_column--with-menu {
      flex-direction: column;
   } */

   


/*
body #page-container .footer-section .contact-infos-row .et_pb_text a,
body #page-container .footer-section .et_pb_menu ul.et-menu > li > a,
body #page-container .footer-section #menu-menu-principal ul.sub-menu a {
   font-size: 18px;
}
*/


.footer-section .et_pb_menu a:hover {
   opacity: 1 !important;
}

/*

.et-menu a,
.et-menu a:hover {
   transition: all 0.2s ease-in-out !important;
}

.footer-section .et_pb_menu ul.et-menu > li {
   margin-top: 18px !important;
}

.footer-section .et_pb_menu ul#menu-menu-principal.et-menu > li:is(:first-child, :last-child) {
   margin-top: 0px !important;
}

.footer-section .et_pb_menu ul#menu-menu-principal.et-menu > li {
   margin-top: 10px !important;
}

.footer-section .et_pb_menu ul#menu-menu-principal.et-menu > li:first-child + li {
   margin-top: 5px !important;
}

*/
.credits-row :is(.et_pb_text, .et_pb_code) {
   font-weight: 500!important;

   font-size: clamp(16px, 8.667px + 0.6667vw, 20px);
   line-height: 1.2;
}

.footer-section .et_pb_menu {
   background: none !important;
}

.footer-section .w-separator {
   padding: var(--pad-section-small) 0;
   /* padding: var(--pad-section) 0; */
}

.footer-section .w-separator .et_pb_space {
   height: 3px!important;
}

:is(#menu-menu-footer, #menu-menu-footer-1) {
   flex-direction: column;
   flex-wrap: wrap;
   gap: 16px var(--col-gap);
}


body #page-container .footer-section :is(#menu-menu-footer, #menu-menu-footer-1) li {
   margin-top: 0!important;
}


body #page-container .footer-section :is(#menu-menu-footer, #menu-menu-footer-1) > li {
   padding-left: 0;
   padding-right: 0;
}


:is(#menu-menu-footer, #menu-menu-footer-1) li a {
   padding-bottom: 0!important;
}

body #page-container .footer-section :is(#menu-menu-footer, #menu-menu-footer-1) > li > a {
   font-size: clamp(20px, 10.833px + 0.8333vw, 25px);
   line-height: 1.2;
}




body #page-container .footer-section :is(#menu-menu-footer, #menu-menu-footer-1) > li.menu-item-has-children {
   break-after: always;
   gap: 12px;
}

body #page-container .footer-section :is(#menu-menu-footer, #menu-menu-footer-1) li.menu-item-has-children > a:after {
   display: none!important;
}

body #page-container .footer-section :is(#menu-menu-footer, #menu-menu-footer-1) li.menu-item-has-children > a {
   padding-right: 0!important;
}


body #page-container #et-main-area :is(#menu-menu-footer, #menu-menu-footer-1) .sub-menu {
   position: relative!important;
   top: 0!important;
   visibility: visible !important;
   opacity: 1 !important;
   border-top: none!important;
   background: none!important;
   box-shadow: none!important;
   -webkit-box-shadow: none!important;
   padding: 0!important;
   width: fit-content;
   width: -moz-fit-content;
}

body #page-container .footer-section :is(#menu-menu-footer, #menu-menu-footer-1) .sub-menu li {
   padding-left: 0!important;
   padding-right: 0!important;
   display: block;
}



body #page-container .footer-section :is(#menu-menu-footer, #menu-menu-footer-1) .sub-menu li a {
   /* padding-top: 0!important;

   padding-left: 0!important;
   padding-right: 0!important; */
   width: fit-content;
   width: -moz-fit-content;

   font-size: clamp(16px, 8.667px + 0.6667vw, 20px);
   line-height: 1.2;
   padding: 4px 0!important;
}

body #page-container .footer-section :is(#menu-menu-footer, #menu-menu-footer-1) ul.sub-menu a:hover {
   background-color: rgba(0, 0, 0, 0) !important;
}



.footer-section .et_pb_menu__wrap,
.footer-section .et_pb_menu__menu {
   display: block !important;
}

.et_pb_menu .et-menu {
   margin: 0!important;
}


.footer-section .et_pb_menu .et_pb_menu__menu>nav>ul>li {
   flex-direction: column;
}

/* #menu-menu-principal {
   display: grid !important;
   grid-template-columns: 1fr 1fr;
   grid-template-rows: 1fr 1fr 2fr;
} */

.footer-section .et_pb_menu__wrap {
   width: 100% !important;
}

/*
#menu-menu-principal {
   max-width: 400px !important;
   border-left: solid 2px var(--white);
}
*/
/*
#menu-menu-principal .menu-item-has-children > a:after {
   display: none;
}

body #page-container .footer-section #menu-menu-principal ul.sub-menu {
   visibility: visible !important;
   opacity: 1 !important;
   background: none !important;
   box-shadow: none !important;
   border: none !important;
   padding: 0;
   width: 100%;
   max-width: 190px;
   position: relative;
   top: 0;
}
body #page-container .footer-section #menu-menu-principal ul.sub-menu li {
   padding-left: 0px !important;
   padding-right: 0px !important;
   display: block;
   padding-top: 20px !important;
}
body #page-container .footer-section #menu-menu-principal ul.sub-menu a {
   width: 100% !important;
   padding: 0 !important;
   line-height: 1.2;
}
body #page-container .footer-section #menu-menu-principal ul.sub-menu a:hover {
   background-color: rgba(0, 0, 0, 0) !important;
}

#menu-menu-principal > li {
   display: inline-block;
   grid-column: 1 / 2;

}
#menu-menu-principal > li:last-child {

   top: 0;
   grid-column: 2 / 3 !important;
   grid-row: 1 / 4 !important;
}
#menu-menu-principal > li {
    flex-direction: column;
}



*/


.entete-page .logo-piquetterie {
   margin-left: auto;
   margin-right: auto;
}

.footer-section .logo-piquetterie {
   width: clamp(150px, -38.571px + 15.7143vw, 260px);
}

@media only screen and (min-width: 1076px) {
   
   body #page-container .footer-section .contact-infos-row {
      display: flex;
   }
   body #page-container .footer-section .contact-infos-row .et_pb_column:first-child {
      min-width: 195px;
   }
}
@media only screen and (max-width: 1075px) {
   body #page-container .footer-section .contact-infos-row .et_pb_column.et_pb_column_empty {
      display: none !important;
   }
   body #page-container .footer-section .contact-infos-row .et_pb_column:first-child {
      min-width: 195px;
   }
   body #page-container .footer-section .contact-infos-row .et_pb_column:not(:first-child):not(:last-child) {
      display: block !important;
      width: 100% !important;
      margin-right: 0 !important;
   }
   .credits-row {
      --row-gutter-vertical: 10px;
      flex-direction: column;
   }

   .credits-row .et_pb_column {
      width: 100% !important;
   }
   .credits {
      text-align: left !important;
   }
}
@media only screen and (min-width: 981px) and (max-width: 1075px) {
   body #page-container .footer-section .contact-infos-row .et_pb_column:not(:first-child):not(:last-child) {
      margin-top: 30px !important;
   }
}



.footer-section .et_pb_text.credits a,
.footer-section .et_pb_menu a {
   color: var(--white) !important;
}

.credits-row {
   text-wrap: balance;
}
.credits a {
   display: inline-block;
}

/* body #page-container .footer-section > div.et_pb_row:first-of-type:before {
   content: "";
   position: absolute;
   top: 0;
   right: 0;
   width: 360px;
   height: 535px;
   background-image: url("https://e2hs.ca/wp-content/uploads/2022/03/E2HS-goutte-1.svg");
   background-size: 100%;
   background-position: center;
   
   background-repeat: no-repeat;
} */


body #page-container .footer-section .logo-row .et_pb_image {
   max-width: 227px;
}

/* body #page-container .footer-section .et_pb_background_mask {
   background: url("https://e2hs.ca/wp-content/uploads/2022/03/footer-mask-2.svg") !important;
   background-size: 100% !important;
   background-position: 50% 0 !important;
   transform: scale(1, 1) !important;
   background-repeat: no-repeat !important;
} */

/* @media only screen and (max-width: 980px) {
   body #page-container .footer-section .et_pb_row--with-menu {
      display: none !important;
   }
   body #page-container .footer-section {
      overflow: hidden;
   }
} */

/* @media only screen and (max-width: 767px) {
   body #page-container .footer-section .et_pb_background_mask:after {
      content: "";
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100vw;
      height: 80vw;
      max-height: 320px;
      background-color: var(--vert-fonce);
   }
} */

body #page-container .footer-section .et_pb_row--with-menu .et_pb_column:first-child {
   /* max-width: 170px !important; */
}

/* #main-footer {
   display: none;
} */
/*Fin footer*/









/* Autres */
/*#top-header .social.facebook-menu {
	margin-top: -10px;
}

.social.facebook-menu a {
	width: 30px;
    height: 30px;
    display: flex!important;
    align-items: center;
    justify-content: center;
    padding: 0!important;
	background-color: #51c0aa;
	border-radius: 26%;
}

.social.facebook-menu a i {
	margin-top: 0!important;
}


.et_pb_social_icon a {
	transition: background-color 200ms ease-in-out;
}

#page-container .et_pb_social_icon a:hover {
	background-color: var(--vert-fonce)!important;
}

.et_pb_social_icon a:before {
    font-weight: 400!important;
}

.et-social-facebook a:before {
	content: "\f39e"!important;
}
*/


/*.footer-section .social.facebook-menu a {
	width: 36px;
	height: 36px;
}

.footer-section .social.facebook-menu a i {
	font-size: 19px!important;
}*/

@media only screen and (min-width: 1076px){
	.politique-confidentialite {
      text-align: right;
	}
}

.politique-confidentialite {
	/* color: var(--white)!important; */
	/* margin-bottom: 15px!important; */
	/* font-size: 16px; */
}

.politique-confidentialite a {
	/* color: var(--white)!important; */
}

.contact-infos-row .et_pb_column {
	display: flex;
   flex-direction: column;
   justify-content: flex-end;
}






body #page-container .et_pb_button {
   /* padding-top: 16px !important;
   padding-bottom: 16px !important; */
}

.fiche-lien .et_pb_button {
   /* padding-top: 16px !important; */
   /* padding-bottom: 16px !important; */
   /* padding-top: 19.75px !important;
   padding-bottom: 19.75px !important; */

   background-color: #093946;
   color: #ffffff !important;

   /*width: 288px;
   display: inline-block;
   padding: 16px 1em !important;
   font-size: 20px;
   font-weight: 500;
   text-align: center;
   line-height: 1.3;
   color: var(--white, #fff);
   border-width: 3px !important;
   border-color: var(--vert-fonce) !important;
   border-radius: 50px;
   text-transform: uppercase;
   background-color: var(--vert-fonce);
   cursor: pointer;*/
}

.fiche-lien .et_pb_button:hover {
   /* color: var(--vert-fonce); */
   /* background-color: rgba(255, 255, 255, 0) !important; */
   color: var(--vert-fonce)!important;
   background-color: var(--vert);
   /* padding-right: 1em !important;
   padding-left: 1em !important; */
}

.fiche-lien .et_pb_button:hover :is(h1,h2,h3,h4,h5,h6) {
   color: var(--vert-fonce);
}

.fiche-lien .et_pb_button:after {
   display: none;
}

.bouton-secteur {
   width: fit-content;
   width: -moz-fit-content;
   background-color: #ccc;
   padding: 10px;
}

.secteur ul {
   display: none;
}
.secteur ul.active {
   display: block;
}

ul#a-z li.active {
   background: #9c9c9c;
   cursor: pointer;
}

/* END Autres */








/* Galerie Projets */

.galerie-projets-section :is(.title, .filtres, .categories) {
   padding-left: var(--page-margin) !important;
   padding-right: var(--page-margin) !important;
}

.galerie-projets-section .title {
   margin-bottom: 16px;
}

.galerie-projets-section :is(.filtres, .categories) {
   margin-bottom: var(--row-gutter-grid) !important;
}

.gallery-swiper {
	width: 100%;
	overflow: hidden;
   /* opacity: 1; */

}






.gallery-swiper.is-loading {
   /* opacity: 0; */
   /* transition: opacity 200ms ease-in-out; */
}

.gallery-swiper .image:after {
   /* background-color: var(--grey); */
   /* opacity: 1; */
   /* transition: all 200ms 1200ms ease-in-out; */
   /* content: ""; */
   /* position: absolute; */
   /* inset: 0; */
   /* opacity: 0; */
}

/*
.gallery-swiper.filtered .image:after {
   opacity: 1;
   animation: opa-out 200ms 1000ms ease-in-out forwards;
}

.gallery-swiper.is-loading .image:after {
   opacity: 0;
   animation: opa-in 200ms 0ms ease-in-out forwards;
}*/

.gallery-swiper .swiper-slide {
	width: 100%;
	flex-shrink: 0;
}

@keyframes opa-in {
   0%   { opacity: 0; }
   100% { opacity: 1; }
}

@keyframes opa-out {
   0%   { opacity: 1; }
   100% { opacity: 0; }
}




.slider-loader {
   position: absolute;
   inset: 0;
   z-index: 1000;
   pointer-events: none;
   opacity: 0;
}

.slider-wrapper {
   opacity: 1;
}

.gallery-swiper.filtered:not(.is-loading) .slider-loader {
   opacity: 1;
   animation: opa-out 200ms 200ms ease-in-out forwards;
}

.gallery-swiper.is-loading .slider-loader, .gallery-swiper.filtered:not(.is-loading) .swiper-wrapper {
   opacity: 0;
   animation: opa-in 200ms 0ms ease-in-out forwards;
}


.gallery-swiper.is-loading .swiper-wrapper {
   opacity: 1;
   animation: opa-out 200ms 0ms ease-in-out forwards;
}

.gallery-swiper.filtered:not(.is-loading) .swiper-wrapper {
   opacity: 0;
   animation: opa-in 200ms 200ms ease-in-out forwards;
}



.slider-loader .img-placeholder {
  background: var(--grey);
}



.gallery-swiper {
	width: 100%;
	overflow:hidden;
	
/* 	display: flex; */
/* 	flex-wrap: nowrap; */
/* 	overflow: scroll; */
	gap: min(40px, 2vw);
}

.gallery-swiper.gallery-desktop .grid, .gallery-swiper.gallery-desktop .slider-loader {
	width: 100%;
	display: grid;
	--nb-columns: 5;
	--gap-h: min(40px, 2vw);
	--gap-v: min(30px, 2vw);
	gap: var(--gap-v) var(--gap-h);
	grid-template-columns: repeat(auto-fill, minmax(min(100%, max(50px, calc((100% - ((var(--nb-columns) - 1) * var(--gap-h))) / var(--nb-columns)))), 1fr));
	grid-auto-rows: minmax(1fr, 200px) minmax(1fr, 200px);
	grid-auto-flow: column dense;
}

@media (max-width:850px) {
   .gallery-swiper.gallery-desktop .grid, .gallery-swiper.gallery-desktop .slider-loader {
      grid-template-columns: 1fr 1fr;
      /* grid-template-rows: repeat(5, 1fr); */
      /* grid-template-rows: repeat(5, minmax(60vw, 1fr)); */
      grid-template-rows: repeat(7, minmax(20vw, 1fr));
      grid-auto-flow: row;
   }

   .gallery-swiper.gallery-desktop .grid .image, .gallery-swiper.gallery-desktop .slider-loader .img-placeholder {
      grid-row: span 1!important;
      grid-column: span 1!important;
   }

   .gallery-swiper.gallery-desktop .grid .image.big, .gallery-swiper.gallery-desktop .slider-loader .img-placeholder.big {
      /* grid-row: 2 / 3!important; */
      grid-row: 2 / 4!important;
      grid-column: 1 / 3!important;
      border-radius:0!important;
   }

   .gallery-swiper.gallery-desktop .grid .image.bigger, .gallery-swiper.gallery-desktop .slider-loader .img-placeholder.bigger {
      /* grid-row: span 2!important; */
      grid-row: span 3!important;
      grid-column: 1 / 3!important;
      border-radius:0!important;
   }

   .gallery-swiper.gallery-desktop :is(.image, .img-placeholder):not(.big):not(.bigger):has(+:is(.image, .img-placeholder):not(.big):not(.bigger)) {
      border-top-left-radius: 0;
      border-bottom-left-radius: 0;
      border-top-right-radius: 20px;
      border-bottom-right-radius: 20px;
   }

   .gallery-swiper.gallery-desktop :is(.image, .img-placeholder):not(.big):not(.bigger)+:is(.image, .img-placeholder):not(.big):not(.bigger) {
      border-top-left-radius: 20px;
      border-bottom-left-radius: 20px;
      border-top-right-radius: 0;
      border-bottom-right-radius: 0;
   }
}

.gallery-swiper.gallery-desktop .image, .slider-loader .img-placeholder {
	width: 100%;
	display: block;
	position: relative;
	border-radius: 20px;
	overflow: hidden;
	transition: all 100ms ease-in-out;
}

.gallery-swiper.gallery-desktop .image:not(.big):not(.bigger):before, .slider-loader .img-placeholder:before {
	content: "";
	display: block;
	width: 100%;
	padding-top: 80%;
}


.gallery-swiper.gallery-desktop.is-animating .swiper-wrapper .swiper-slide.swiper-slide-active + .swiper-slide {

}

.gallery-swiper.gallery-desktop:not(.is-animating) .grid .image:is(:nth-child(6n+1), :nth-child(6n+2)),
.gallery-swiper.gallery-desktop .slider-loader .img-placeholder:is(:nth-child(6n+1), :nth-child(6n+2)) {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}


.gallery-swiper.gallery-desktop:not(.is-animating) .grid .image:is(:nth-child(6n+5), :nth-child(6n+6)),
.gallery-swiper.gallery-desktop .slider-loader .img-placeholder:is(:nth-child(6n+5), :nth-child(6n+6)) {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}

.gallery-swiper.gallery-desktop .grid .image:is(.big,.bigger), .gallery-swiper.gallery-desktop .slider-loader .img-placeholder:is(.big,.bigger) {
		grid-row: span 2;
}



.gallery-swiper.gallery-desktop .grid .image.big, .gallery-swiper.gallery-desktop .slider-loader .img-placeholder.big {
	grid-column: span;
}

.gallery-swiper.gallery-desktop .grid .image.bigger, .gallery-swiper.gallery-desktop .slider-loader .img-placeholder.bigger {
	grid-column: span 2;
}


.gallery-swiper.gallery-desktop .grid .image:has(+ .big), .gallery-swiper.gallery-desktop .grid .image.bigger + .image + .image, 
.gallery-swiper.gallery-desktop .slider-loader .img-placeholder:has(+ .big), .gallery-swiper.gallery-desktop .slider-loader .img-placeholder.bigger + .img-placeholder + .img-placeholder {
	grid-row: 2;
}



.gallery-swiper.gallery-mobile {
   width: var(--row-w);
   /* gap: min(40px, 2vw); */
}

.gallery-swiper.gallery-mobile .swiper-wrapper {
   /* gap: min(40px, 2vw); */
}



.gallery-swiper.gallery-mobile .image {
   width: 100%;
   
   margin-left: auto;
   margin-right: auto;
   aspect-ratio: 1;
   display: block;
   position: relative;
   border-radius: 20px;
   overflow: hidden;
   transition: all 100ms ease-in-out;
}

.gallery-swiper .image img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;

	position: absolute;
	inset: 0;
}

.galerie-navigation {
   display: flex;
   align-items: center;
   /* justify-content: center; */
   gap: clamp(10px, 6.429px + 0.7143vw, 20px);
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   z-index: 1;
   
   justify-content: space-between;
   
   
   
}

@media (min-width:981px) {
   .galerie-navigation {
      opacity: 0;
      pointer-events: none;
      width: var(--row-w);
      transition: opacity 0.3s ease-in-out;
   }

   .gallery-swiper:hover .galerie-navigation {
      opacity: 1;
      pointer-events: auto;
   }
}

@media (max-width:980px) {
   .galerie-navigation {
      width: calc(var(--row-w) - 40px);
   }

   .gallery-mobile {
      border-radius: 20px;
   }
}





/*.galerie-navigation :is(.prev, .next) {
   cursor: pointer;
   width: 70px;
   height: 70px;
   display: flex;
   justify-content: center;
   align-items: center;
   background-color: var(--vert-fonce);
   border-radius: 50%;
}

.galerie-navigation svg {
   display: block;
   width: 60%;
}*/

.galerie-navigation .prev svg {
   transform: rotate(180deg)!important;
}

/* END Galerie Projets */




/* À propos */

/* #block Distributeurs */
.et_pb_column:has(.distributeurs-list) {
   container-type: inline-size;
}


.distributeurs-list {
   display: flex;
   flex-wrap: wrap;
   /* justify-content: space-between; */
   justify-content: center;
   align-items: center;
   gap: max(30px, 2.5cqi);
   grid-template-columns: repeat(auto-fill, minmax(min(100%, 200px), 1fr));
}

.distributeurs-list .distributeur {
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
   flex: 1;

}

.distributeurs-list .distributeur img {
   display: block;
}

@media (min-width:768px) and (max-width:1200px) {
   .distributeurs-list .distributeur {
      flex-basis: calc((100% / 3) - 20px);
   }
}

@media (max-width:767px) {
   .distributeurs-list .distributeur {
      flex-basis: calc((100% / 2) - 20px);
   }
}




/* #end Distributeurs */

/* #block Équipe */
.equipe-container {
   display: grid;
   gap: 34px;
}

.equipe-container .membre-equipe {
   display: grid;
   /* gap: 140px; */

   --membre-pad-v: clamp(30px, 25.733px + 1.0667vw, 46px);
   --membre-pad-h: clamp(25px, 18.867px + 1.5333vw, 48px);
   
   gap: var(--membre-pad-v) clamp(30px, -121.25px + 13.75vw, 140px);
   align-items: center;
   background-color: var(--vert-fonce);
   color: var(--white);
   border-radius: var(--radius);
   padding: var(--membre-pad-v) var(--membre-pad-h);
}

.equipe-container .membre-equipe-image {
   border-radius: var(--radius);
   overflow: hidden;
   position: relative;
   max-width: 450px;
}

.equipe-container .membre-equipe-image:before {
   content: "";
   display: block;
   width: 100%;
   padding-top: 100%;
}

.equipe-container .membre-equipe-image img {
   position: absolute;
   inset: 0;
   width: 100%;
   height: 100%;
   object-fit: cover;
}

.equipe-container .membre-equipe-name {
   color: var(--vert);
}


.membre-equipe-position, .membre-equipe-bio {
   margin-bottom: 20px;
}

.equipe-container .membre-equipe-position {
   font-weight: 900;
   font-size: 20px;
   line-height: 1.3;
   /* margin-bottom: 12px; */
}

.equipe-container .membre-equipe-contact {
   display: flex;
   flex-wrap: wrap;
   /* gap: 45px; */
   gap: 15px clamp(20px, 13.333px + 1.6667vw, 45px);
}

.equipe-container .membre-equipe-contact a {
   color: var(--white);
   display: flex;
   gap: 8px;
   align-items: center;
}

.equipe-container .membre-equipe-contact a svg {
   display: block;
}


@media (min-width:1101px) {
   .equipe-container .membre-equipe {
      grid-template-columns: min(414px, 40%) 1fr;
   }

}
@media (max-width:1100px) {

}

/* #end Équipe */

/* #block Timeline */

.slider-container {
	position: relative;
	--sliders-pad-v: 60px;

   
}


:is(.years-slider, .contents-slider) {
   cursor: grab;
}

:is(.years-slider, .contents-slider):active {
   cursor: grabbing;
}


.slider-container.ligne-du-temps .years-slider {
   grid-column: 1 / -1;
   /* width: 100%; */
   width: calc(100% + var(--page-margin));
}

.slider-container.ligne-du-temps .contents-slider {
   width: 100%;
}


.years-slider:after {
	content: "";
	position: absolute;
	/* bottom: 7px; */
	bottom: 13px;
	width: 100%;
	border-bottom: solid 3px var(--vert);
}



.years-slider .swiper-wrapper {
	/* border-bottom: solid 3px var(--vert); */
   align-items: flex-end;
}



.years-slider .swiper-slide {
   --columns: 4;

  /* width: 25%;  */
  /* width: fit-content; */

  width: calc(((100% - 15px * (var(--columns) - 1)) / var(--columns)));
  min-width: calc(((100% - 15px * (var(--columns) - 1)) / var(--columns)));

  /* min-width: calc((100% / var(--columns)) - 15px * (var(--columns) - 1)); */

  /* width: 25%; */
  /* min-width: 25%; */
  /* margin-right: 200px; */

  --font-size-year: clamp(82px, -6.84px + 8.6758vw, 120px);
}


@media (min-width:768px) and (max-width:1023px) {
   .years-slider .swiper-slide {
      --columns: 3;
      --font-size-year: clamp(83px, -4.341px + 11.3725vw, 112px);
   }
}

@media (min-width:480px) and (max-width:767px) {
   .years-slider .swiper-slide {
      --columns: 2;
      --font-size-year: clamp(80px, 13.101px + 13.9373vw, 120px);
   }
}

@media (max-width:479px) {
   .years-slider .swiper-slide {
      --columns: 1;
      --font-size-year: clamp(76px, 10.101px + 15.9373vw, 100px);
   }
}




.years-slider .swiper-slide.is-range {

  /* 2016-2019 = 4 years → 4× slide + 3× gap */
  /* min-width: 25%; */
  transition: width 100ms ease, margin-right 100ms ease;
  white-space: nowrap;

  /* width: var(--slide-min-w); */
  width: var(--slide-min-w) ;
   margin-right:30px!important;
   /* margin-right: calc(var(--slide-w) - var(--slide-min-w) + var(--slide-margin))!important; */


}


.years-slider .swiper-slide.is-range.swiper-slide-visible {
  width: calc(var(--slide-w) * var(--span, 1) + 15px * (var(--span, 1) - 1));
  /* width: var(--slide-w); */
   margin-right: var(--slide-margin)!important;
  /* width: var(--slide-min-w); */
   /* margin-right: calc(var(--slide-w) - var(--slide-min-w) + var(--slide-margin))!important; */
   
}

.swiper-slide.is-range ~ .swiper-slide {
   margin-left: 15px!important;
}



.years-slider .swiper-slide.is-range.swiper-slide-visible:not(.swiper-slide-initialized) {
   --span: 1;

  width: calc(var(--slide-w) * var(--span, 1) + 15px * (var(--span, 1) - 1))!important;

}

.years-slider .swiper-slide.is-range:not(.swiper-slide-visible) {

   overflow: hidden;

}

.years-slider .swiper-slide:last-child {
   /* margin-right: var(--last-slide-margin)!important; */
}

.years-slider .swiper-slide {
   /* container-type: inline-size; */
   white-space: nowrap;
    /* width: auto !important; */
   /* width: fit-content; */
   /* width: -moz-fit-content; */

   
}

.years-slider .swiper-slide:not(.is-range) .year, .years-slider .swiper-slide.is-range.swiper-slide-visible .year {
	width: fit-content;
   width: -moz-fit-content;
}

.years-slider .year {
	/* font-size: 120px; */
   /* font-size: clamp(80px, 21.176px + 23.5294cqi, 120px); */

   /* OLD */
   /* font-size: clamp(80px, min(-1.081px + 36.036cqi, 21.176px + 23.5294vw), 120px); */


   font-size: var(--font-size-year);

   font-weight: 700;
   line-height: 0.8em;
	/* padding-bottom: var(--sliders-pad-v); */
	padding-bottom: calc(var(--sliders-pad-v) + 17px);
	position: relative;
	/* width: fit-content; */

	/* width: -moz-fit-content; */

   user-select: none;
   
}

.years-slider .year:after {
	content: "";
	position: absolute;
	/* bottom: 3px; */
	bottom: 9px;
	left: 50%;
	translate: -50% 50%;
	width: 17px;
	height: 17px;
	border-radius: 50%;
	background-color: var(--vert);
	transition: all 200ms ease-in-out;
}


.years-slider .swiper-slide {
   /* width: 600px!important; */
	/* margin-bottom: 6px; */
	margin-bottom: 3px;
}

.years-slider .swiper-slide.swiper-slide-active .year:after {
	left: 0%;
	translate: 0 50%;
}

.contents-slider {
	margin-top: var(--sliders-pad-v);
}

.contents-slider ul:last-child {
   padding-bottom: 0;
}

.swiper ul {
	/* padding-left: 1px; */
	list-style-position: inside;
   padding-left: 0!important;
}

.swiper ul li {
   padding-left: 27px;
   text-indent: -27px;
}

.navigation {
   right: 0;
   bottom: 0;
   justify-content: flex-end;
   align-items: flex-end;
}

.navigation {
	/* width: 210px; */
	/* position: absolute; */
	

   display: flex;
   /* gap: 20px; */
   gap: clamp(10px, 6.429px + 0.7143vw, 20px);
   
}


.navigation > div, .galerie-navigation > div {
	width: clamp(50px, 35.714px + 2.8571vw, 90px);
	height: clamp(50px, 35.714px + 2.8571vw, 90px);
   cursor: pointer;
	/* background-color: #ccc; */
	/* border-radius: 50%; */
   transition: all 200ms ease-in-out;
}

.navigation > div svg, .galerie-navigation > div svg {
   width: 100%;
   height: 100%;
   overflow: visible;
}

:is(.swiper-prev, .swiper-next, .galerie-navigation > div)[aria-disabled="true"] {
   /* opacity: 0; */
   opacity: 0.3;
   pointer-events: none;
}



@media (min-width:981px) {
   .slider-container.ligne-du-temps {
      /* padding-bottom: 38px; */

      display: grid;
      grid-template-columns: 1fr auto;
      gap: 0 30px;
   }

   .slider-container .contents-slider {
      padding-bottom: 38px;

   }
}


@media (max-width:980px) {

   .years-slider .swiper-slide{
      margin-bottom: 6px;
   }
   .navigation {
	   /* position: absolute; */
	   /* right: 0; */
      margin-top: 15px;
   }
}

/* #end Timeline */

/* #block Image grid */

.images-radius:has(.inner-row-img-grid) {
   container-type: inline-size;
}

.inner-row-img-grid {
   --custom-gap: clamp(30px, 3cqi, 40px);
   --row-gutter-horizontal: var(--custom-gap);
   --horizontal-gap: var(--custom-gap);
   --vertical-gap: var(--custom-gap);
   --module-gutter: var(--custom-gap);
}



.inner-row-img-grid .et_pb_image img {
   object-fit: cover;
}

.inner-row-img-grid .et_pb_column.et-last-child .et_pb_image :is(span.et_pb_image_wrap, img) {
   width: 100%;
}

.inner-row-img-grid .et_pb_column.et-last-child .et_pb_image {
   
}

@media (min-width:1201px) {
   .inner-row-img-grid .et_pb_column.et-last-child .et_pb_image img {
      /* height: clamp(200px, -95.429px + 26.8571vw, 388px); */
      height: clamp(290px, 94px + 16.3333vw, 388px);
   }
}


@media (min-width:768px) and (max-width:1200px) {
   .inner-row-img-grid .et_pb_column.et-last-child .et_pb_image img {
      height: clamp(250px, -118px + 46vw, 388px);
   }
}


/* #end Image grid */

/* END À propos */












.grecaptcha-badge {
   z-index: 1000!important;
}