/*COULEURS*/

:root {

    --bs-color-1 : #D01C1F; /* rouge zealux */
    --bs-color-1-rgb : 208,28,31; /* rouge zealux RGB */

    --bs-color-dark-1: #9a021b; /* rouge foncé zealux */     
    --bs-color-dark-1-rgb: 154,2,27; /* rouge foncé zealux RGB */  

    --bs-color-2 : #231F20; /* noir zealux */
    --bs-color-2-rgb : 35,31,32; /* noir zealux RGB */

    --bs-color-3 : #FAFAFA; /* blanc zealux */
    --bs-color-3-rgb : 250,250,250; /* blanc zealux RGB */

    --bs-color-4 : #54575A; /* gray */
    --bs-color-4-rgb : 84,87,90; /* gray RGB */

    --bs-color-5 : #A7ABAE; /* dark gray */
    --bs-color-5-rgb : 167,171,174; /* dark gray RGB */

    --bs-color-6 : #9E9083; /* grayish orange */
    --bs-color-6-rgb : 158,144,131; /* grayish orange RGB */

    --bs-color-dark-6 : #877a6e; /* grayish orange fonce */
    --bs-color-dark-6-rgb : 135,122,110; /* grayish orange fonce RGB */

    --bs-color-7 : #F0F0F0; /* light gray */
    --bs-color-7-rgb : 240,240,240; /* light gray RGB */

    --bs-color-8 : #F7B46B; /* orange alsavo */
    --bs-color-8-rgb : 247,180,107; /* orange alsavo */

    --bs-body-color: var(--bs-color-2);
    --bs-link-color: var(--bs-color-1);
    --bs-link-color-rgb: var(--bs-color-1-rgb);
    --bs-link-hover-color: var(--bs-color-dark-1);
    --bs-link-hover-color-rgb: var(--bs-color-dark-1-rgb); 

    --bs-green-eco-color : #4EA100; /* vert ecologie */
    --bs-green-eco-color-rgb : 78,161,0; /* vert ecologie */

}

html {
    /*scrollbar-color: var(--bs-color-1) var(--bs-color-7);*/
    overflow-x: hidden;
}

body {
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    overflow-x: hidden;
}

/* XDEBUG */
pre {
    display: block;
    padding: 9.5px;
    margin: 0 0 10px;
    font-size: 13px;
    line-height: 1.42857143;
    color: #333;
    word-break: break-all;
    word-wrap: break-word;
    background-color: #f5f5f5;
    border: 1px solid #ccc;
    border-radius: 4px;
}
/* FIN XDEBUG */

/* STYLE */ 
.xsmall {
    font-size:0.6em;
}
.rotate-90 {
  transform: rotate(-90deg);
}
.rotate-45 {
  transform: rotate(45deg);
}

/* COLORS */ 
.text-color-1 {
    color: var(--bs-color-1)!important;
}
.bg-color-1 {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-color-1-rgb),var(--bs-bg-opacity))!important;
}
.text-color-dark-1 {
    color: var(--bs-color-dark-1)!important;
}
.bg-color-dark-1 {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-color-dark-1-rgb),var(--bs-bg-opacity))!important;
}
.text-color-2 {
    color: var(--bs-color-2)!important;
}
.bg-color-2 {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-color-2-rgb),var(--bs-bg-opacity))!important;
}
.text-color-3 {
    color: var(--bs-color-3)!important;
}
.bg-color-3 {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-color-3-rgb),var(--bs-bg-opacity))!important;
}
.text-color-4 {
    color: var(--bs-color-4)!important;
}
.bg-color-4 {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-color-4-rgb),var(--bs-bg-opacity))!important;
}
.text-color-5 {
    color: var(--bs-color-5)!important;
}
.bg-color-5 {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-color-5-rgb),var(--bs-bg-opacity))!important;
}
.text-color-6 {
    color: var(--bs-color-6)!important;
}
.text-color-dark-6 {
    color: var(--bs-color-dark-6)!important;
}
.bg-color-6 {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-color-6-rgb),var(--bs-bg-opacity))!important;
}
.text-color-7 {
    color: var(--bs-color-7)!important;
}
.bg-color-7 {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-color-7-rgb),var(--bs-bg-opacity))!important;
}

.bg-green-eco {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-green-eco-color-rgb),var(--bs-bg-opacity))!important;
}
.border-color-1 {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-color-1-rgb), var(--bs-border-opacity)) !important;
}
.border-color-2 {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-color-2-rgb), var(--bs-border-opacity)) !important;
}
.border-color-3 {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-color-3-rgb), var(--bs-border-opacity)) !important;
}
.border-color-4 {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-color-4-rgb), var(--bs-border-opacity)) !important;
}
.border-color-5 {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-color-5-rgb), var(--bs-border-opacity)) !important;
}
.border-color-6 {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-color-6-rgb), var(--bs-border-opacity)) !important;
}
.border-color-dark-6 {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-color-dark-6-rgb), var(--bs-border-opacity)) !important;
}

/* BUTTONS */
.btn {
    --bs-btn-border-radius: 0;
    --bs-btn-font-size: 0.9rem;
}
.btn-group-lg>.btn, .btn-lg {
    --bs-btn-padding-y: 0.7rem;
}

a.btn-arrow {}
a.btn-arrow:hover {}

.btn-arrow:after {
    content: "\f061";
    display: none;
    font: var(--fa-font-thin); 
}
.btn-arrow.btn-arrow-down:after {
    content: "\f063";
}
.btn-arrow.btn-search:after {
    content: "\f002";
}
.btn-arrow svg {
    padding-left: 5px;
    transition:all 0.5s ease-in-out;
    opacity: 0;
    width: 0px;
}
.btn-arrow:hover svg {
    width: 1.5em;
    opacity: 1;
}

.btn-color-1 {
    --bs-btn-color: var(--bs-color-3);
    --bs-btn-bg: var(--bs-color-1);
    --bs-btn-border-color: var(--bs-color-1);
    --bs-btn-hover-color: var(--bs-color-3);
    --bs-btn-hover-bg: var(--bs-color-dark-1);
    --bs-btn-hover-border-color: var(--bs-color-dark-1);
    --bs-btn-focus-shadow-rgb: 49,132,253;
    --bs-btn-active-color: var(--bs-color-3);
    --bs-btn-active-bg: var(--bs-color-1);
    --bs-btn-active-border-color: var(--bs-color-1);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: var(--bs-color-3);
    --bs-btn-disabled-bg: var(--bs-color-1);
    --bs-btn-disabled-border-color: var(--bs-color-1);
}

.btn-color-dark-1 {
    --bs-btn-color: var(--bs-color-3);
    --bs-btn-bg: var(--bs-color-dark-1);
    --bs-btn-border-color: var(--bs-color-dark-1);
    --bs-btn-hover-color: var(--bs-color-3);
    --bs-btn-hover-bg: var(--bs-color-1);
    --bs-btn-hover-border-color: var(--bs-color-1);
    --bs-btn-focus-shadow-rgb: 49,132,253;
    --bs-btn-active-color: var(--bs-color-3);
    --bs-btn-active-bg: var(--bs-color-dark-1);
    --bs-btn-active-border-color: var(--bs-color-dark-1);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: var(--bs-color-3);
    --bs-btn-disabled-bg: var(--bs-color-dark-1);
    --bs-btn-disabled-border-color: var(--bs-color-dark-1);
}

.btn-color-6 {
    --bs-btn-color: var(--bs-color-3);
    --bs-btn-bg: var(--bs-color-6);
    --bs-btn-border-color: var(--bs-color-6);
    --bs-btn-hover-color: var(--bs-color-3);
    --bs-btn-hover-bg: var(--bs-color-dark-6);
    --bs-btn-hover-border-color: var(--bs-color-dark-6);
    --bs-btn-focus-shadow-rgb: 49,132,253;
    --bs-btn-active-color: var(--bs-color-3);
    --bs-btn-active-bg: var(--bs-color-6);
    --bs-btn-active-border-color: var(--bs-color-6);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: var(--bs-color-3);
    --bs-btn-disabled-bg: var(--bs-color-6);
    --bs-btn-disabled-border-color: var(--bs-color-6);
}
.btn-color-dark-6 {
    --bs-btn-color: var(--bs-color-3);
    --bs-btn-bg: var(--bs-color-dark-6);
    --bs-btn-border-color: var(--bs-color-dark-6);
    --bs-btn-hover-color: var(--bs-color-3);
    --bs-btn-hover-bg: var(--bs-color-2);
    --bs-btn-hover-border-color: var(--bs-color-2);
    --bs-btn-focus-shadow-rgb: 49,132,253;
    --bs-btn-active-color: var(--bs-color-3);
    --bs-btn-active-bg: var(--bs-color-dark-6);
    --bs-btn-active-border-color: var(--bs-color-dark-6);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: var(--bs-color-3);
    --bs-btn-disabled-bg: var(--bs-color-dark-6);
    --bs-btn-disabled-border-color: var(--bs-color-dark-6);
}

/* WIDTH */
    @media (min-width: 992px) {
        .w-lg-50 {
            width: 50% !important;
        }
        .w-lg-60 {
            width: 60% !important;
        }
        .w-lg-70 {
            width: 70% !important;
        }
        .w-lg-80 {
            width: 80% !important;
        }
        .w-lg-90 {
            width: 90% !important;
        }
    }

/* BOOTSTRAP SELECT */
.bootstrap-select .btn-default {
    border: var(--bs-border-width) solid var(--bs-border-color) !important;    
    border-radius: var(--bs-border-radius) !important;
    font-size: 1rem !important;
}
.bootstrap-select .dropdown-menu {
    background-color: var(--bs-body-bg) !important;
}
.bootstrap-select.form-control-sm .dropdown-toggle {
    padding: .375rem .75rem !important;
}


/* HEADER + MENU */

#header {
    position:fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 10;
    background-color: var(--bs-color-2);
    height: 96px;
}

#nav-up.nav {
    --bs-nav-link-color: var(--bs-color-3);
    --bs-nav-link-hover-color: var(--bs-color-1);
}
#nav-up .dropdown-menu {
    --bs-dropdown-font-size : 0.8rem;
    --bs-dropdown-min-width: 0;
    --bs-dropdown-padding-y: 0;
    --bs-dropdown-bg: var(--bs-color-3);
    --bs-dropdown-link-color: var(--bs-color-2);
    --bs-dropdown-link-hover-color: var(--bs-color-1);
    --bs-dropdown-link-active-color: var(--bs-color-1);
    --bs-dropdown-link-active-bg: transparent;
    --bs-dropdown-link-hover-bg: transparent;
    border: none;
    border-radius: inherit;
    right:0;
}
#nav-up .nav-link img.emoji {
    font-size: 2em;
}
#nav-up .dropdown-toggle::after  {
    font-size : 1rem;
}

.navbar {
    --bs-navbar-brand-color : var(--bs-color-2);
    transition: all 0.5s;
}
.navbar-nav {
    --bs-nav-link-color : var(--bs-color-2);
    --bs-nav-link-hover-color : var(--bs-color-1);
    --bs-nav-link-font-weight : 300;
    --bs-navbar-active-color : var(--bs-color-1);
    --bs-nav-link-font-size : 0.9rem;
    --bs-navbar-nav-link-padding-x : 0.8rem;
}
.navbar-scrolled {
    background-color: rgba(var(--bs-color-2-rgb), 1);
}
.navbar-scrolled .navbar-nav {
    --bs-nav-link-hover-color : var(--bs-color-1);
}
.navbar-brand span {
    color: var(--bs-color-3);
    background-color: var(--bs-color-4);
    border-radius: 4px;
    font-size: 0.75rem;
    text-transform: uppercase;
    padding: 1px 0;
    font-weight: 600;
    letter-spacing: 3px;
    margin-top: -3px;
}
#navbar-main .nav-link {    
    text-transform: uppercase;
    letter-spacing: 0.3rem;
}
#navbar-main #menuSecond .nav-link {    
    text-transform: none;
    letter-spacing: inherit;
    font-size: 0.7rem;
    --bs-nav-link-padding-y: inherit;
}
#navbar-main .dropdown>.dropdown-toggle:active,
#nav-up .dropdown>.dropdown-toggle:active {
  /*Without this, clicking will make it sticky*/
    pointer-events: none;
}
#navbar-main .dropdown {
    position: initial;
}
#navbar-main .dropdown-menu {
    --bs-dropdown-font-size : 0.9rem;
    --bs-dropdown-link-hover-color: var(--bs-color-1);
    --bs-dropdown-bg: transparent;
    --bs-dropdown-min-width: 100%;
    --bs-dropdown-padding-x: 0;
    --bs-dropdown-padding-y: 0;
    --bs-dropdown-link-color: var(--bs-color-2);
    --bs-dropdown-link-active-bg: transparent;
    --bs-dropdown-link-hover-bg: transparent;
    --bs-dropdown-link-active-color: var(--bs-color-1);
    border: none;
    border-radius: inherit;
    left: 0 !important; /* Alignement au bord gauche */
    right: 0 !important; /* Assurer l'alignement */
    top: 96px !important; /* Facultatif si vous voulez qu'il commence en haut */
}
#navbar-main .dropdown:hover>.nav-link,
#nav-up .dropdown:hover>.nav-link {
    color: var(--bs-color-1);
    background-color: var(--bs-color-3);
}
#navbar-main .navbar-toggler {
    border-color: rgba(var(--bs-color-3-rgb), 0.5); /* Bordure blanche avec transparence */
}
#navbar-main .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath stroke='rgba%28255, 255, 255, 1%29' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}
#navbar-main .offcanvas {    
    --bs-offcanvas-bg: var(--bs-color-3);
}
    @media (min-width: 1400px) {      
        .nav#nav-up {
            --bs-nav-link-font-size : 0.7rem;
        } 
        #nav-up .dropdown-menu {
            left: 50%;
            transform: translateX(-50%);
            right: inherit;
        }
        .navbar-nav {
            --bs-nav-link-color : var(--bs-color-3);
        } 
        #navbar-main .nav-link {    
            --bs-nav-link-padding-y: 37px;
        }
        #navbar-main .dropdown-menu {
            --bs-dropdown-bg: var(--bs-color-3);
            --bs-dropdown-link-color: var(--bs-color-2);
            --bs-dropdown-link-active-bg: transparent;
            --bs-dropdown-link-hover-bg: transparent;
            padding: 3rem 280px;
            width: 100vw !important; /* Prend toute la largeur de l'écran */
        }        
        #navbar-main #menuNew .nav-link {
            --bs-nav-link-padding-y: 17px;
        }       
        #navbar-main #menuNew .rotate-90 {
          position: absolute;
          right: -46px;
          padding: 2px 5px;
        }
    }

/* MAIN */ 
main {
    margin-top: 96px;
}

/* BREADCRUMB */
#breadcrumbMain {
    --bs-breadcrumb-padding-x: 1rem;
    --bs-breadcrumb-padding-y: 0.5rem;
    --bs-breadcrumb-bg: var(--bs-color-3);
    --bs-breadcrumb-font-size: 0.8rem;    
    --bs-breadcrumb-item-active-color: var(--bs-color-1);
    --bs-breadcrumb-divider-color: var(--bs-color-5);
}
#breadcrumbMain .breadcrumb-item.active {
    font-weight: bold;
}
#breadcrumbMain a {
    color: var(--bs-color-5);
    text-decoration: none;
}
#breadcrumbMain .breadcrumb-item+.breadcrumb-item::before {
    content: var(--bs-breadcrumb-divider, ">");
}

/* TOOLTIP */
.qualif-tooltip {
  --bs-tooltip-bg: var(--bs-color-2);
  --bs-tooltip-color: var(--bs-color-3);
  --bs-tooltip-font-size: 0.7rem;
}

/* SECTION */
section {
    padding: 60px 0 0 0;
}
.section {
    display: flex;
    justify-content: center;
    flex-direction: column;
    padding: 40px 0 40px 0;
    overflow: hidden;
}
.section .container,
.section .container-fluid {
    opacity:1;
    z-index: 2;
}
.section_title {
    text-align: center;
}
.section h1 {
    font-size: calc(1.375rem + 1.5vw) ;
    letter-spacing: 0.4rem;
    text-transform: uppercase;
    line-height: normal;
    text-align: center;
}
.section_title h2 {
    position: relative;
    text-transform: uppercase;
    letter-spacing: 0.4rem;
    color: var(--bs-color-1);
}
.section_title h2 span {
    font-weight: bold;
    display: block;
    font-size: calc(1.325rem + 1.5vw)
}
.section_title:after {
    content: "";
    display: block;
    width: 60px;
    height: 4px;
    background-color: var(--bs-color-1);
    margin: 40px auto;
}
.section_title_l2.section_title h2 {
    color: var(--bs-color-2);
}
.section_title_l2.section_title:after {
    background-color: var(--bs-color-2);
}
.section_title_l2.section_title p {
    text-transform: uppercase;
    letter-spacing: 0.4rem;
}
.section_subtitle {
    padding-bottom: 30px;
}
.section_subtitle.product_subtitle {
    text-transform: uppercase;
    letter-spacing: 0.4rem;
    padding-bottom: 20px;
}
/*.section_subtitle h3::before {
    display: none;
    font: var(--fa-font-light);
    content: "\f138";
}*/
.sectionContent {
    width: 100%;
}
.sectionImg {
   background-image: url(/_home/img/bg-index-alsavo.jpg);
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
}
.sectionCard .card {
    border-radius: 0;
    border-left: 4px solid var(--bs-color-1);
    border-top: 1px solid var(--bs-color-7);
    border-right: 1px solid var(--bs-color-7);    
    box-shadow: 0 0 5px 0 rgb(0 0 0 / 20%);
    padding: 1rem;
    /*background-color: rgba(var(--bs-color-7-rgb), 0.1);*/
}
.sectionCard .card-title {
}

    @media (min-width: 992px) {
      .sectionContent {
            width: 50%;
        }
    }

    @media (min-width: 1200px) {
        .section h1 {
            font-size: 3.5rem ;
            line-height: 4.5rem;
        }
    }
.sectionList li {
    margin-bottom: 2px;
}

/* PAGE TITLE */
.pageTitle {
    padding: 200px 0;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    color: #fff;
    position: relative;
    /*background-image: url(/_home/img/bg-product.png);*/
    background-color: var(--bs-color-2);
    background-position: 0 50%;
}

/* LISTING PAC */
.listingPAC .card-img-top,
.listingPac2 .card-img-top {
  width: 100%;
  height: 200px;
  object-fit: contain;
}
.listProductMenu .card-img-top {    
  width: 100%;
  height: 100px;
  object-fit: contain;
}
.listingPACLink {
    background-color: rgba(var(--bs-color-1-rgb), 0.1);
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1;
    display: none;
}
.listingPAC .card:hover .listingPACLink {
    display: flex;
    justify-content: center;
    align-items: center;
}
.listingPACAplus {
    position: absolute;
    top: 0;
    left: 0;
    background-color: var(--bs-green-eco-color);
    color: var(--bs-color-3);
    padding-left: 3px;
    padding-right: 11px;
    font-weight: 600;
    border-radius: 5px;
    clip-path: polygon(0% 0%, 75% 0%, 100% 50%, 75% 100%, 0% 100%);
}


/* SECTION HEATPUMP */
.sectionUP {
    width: 100%;
    height: calc(100vh - 96px);
    color: #fff;
    position: relative;
    background-color: var(--bs-color-5);
}
.sectionUP video {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: 0;
  -ms-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}
.sectionUP h1 {
    border-right: 0;
}
.sectionUP h1 span {
    font-size: calc(1rem + 1.5vw) ;
}
#productsfamily .sectionUP h1,
.sectionUP .carouselText h1 {
    border-right: 0;
    display: flex;
    flex-direction: column;
}
/*.sectionUP.imgPro {
    background-image: url(/_home/img/bg-index-2.jpg);
}*/
.sectionUP_BG:before {
  content: "";
/*  background: rgba(0, 0, 0, 0.4);*/
  background: rgba(0, 0, 0, 0.2);
  position: absolute;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1;
}
#productsfamily .sectionUP:before {
  background: rgba(0, 0, 0, 0.3);
}
.sectionUPMore {
    position: absolute;
    bottom: 2rem;
    width: 100%;
    text-align: center;
    z-index: 3;
}
.sectionUPMore a {
    color: inherit;
    font-weight: 700;
    text-transform: uppercase;
    text-decoration: none;    
    letter-spacing: 0.2rem;
}
.sectionUP ul {
    text-align: center;
}
.sectionUP li {
    
}
.sectionUP .bgTitleProduct {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  background-size: cover; /* Ou "contain" selon besoin */
  background-position: center center;
  background-repeat: no-repeat;
}
#productsfamily_7.bgTitleProduct {
  background-position: bottom center;
}

    @media (min-width: 1200px) {
        .sectionUP h1 {
            border-right-width: 3px;
            border-right-style: solid;
        }
        .sectionUP h1 span {
            font-size: 2.6rem ;
        }
        #productsfamily .sectionUP h1 {
            font-size: 4rem;
        }
        #productsfamily .sectionUP h1 span {
            font-size: 2rem;
            
        }
    }

/* CAROUSEL */
.carouselText {    
    
}
.carouselText h1 {
}
.carouselText h1 span {
    
}
.carousel-item-dark {
    color: var(--bs-color-2);    
}
#carouselIndex .carousel-control-next,
#carouselIndex .carousel-control-prev {
    width: 5%;
}
.carousel-control-prev-icon.dark-mode, 
.carousel-control-next-icon.dark-mode {
    filter: invert(1) grayscale(100);
}
.carousel-control-prev-icon.color-1-mode, 
.carousel-control-next-icon.color-1-mode  {
    background-color: rgba(var(--bs-color-1-rgb), 0.7);
    height: 5rem;
}
.btn-close.color-1-mode {
    filter: brightness(0) saturate(100%) invert(10%) sepia(99%) saturate(4954%) hue-rotate(353deg) brightness(106%) contrast(90%);
}
    @media (min-width: 1200px) {
        .carouselText {    
            padding-left: 200px;
            width: 40%;
        }
        .carouselText h1 {
            font-size: 3rem;
            padding-bottom: 40px;
            text-align: left;
        }
        .carouselText h1 span {
            font-size: 1.6rem;
            
        }
    }


/* GALERIE PIX PRODUCT */
.pixDetailsList {
    position: relative;
    cursor: pointer;
    transition: background-color 0.3s ease;
}
.pixDetailsListdiv {
    position: relative;
}
.pixDetailsListdiv .pixDetailsListdivHoverIcon {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: opacity 0.3s ease;
    z-index: 2;
    position: absolute;
}
.pixDetailsListdiv .pixDetailsListdivHoverIcon:hover {
    background-color: rgba(var(--bs-color-2-rgb), 0.2);
}
.pixDetailsListdiv:hover .pixDetailsListdivHoverIcon {
    opacity: 1;
}
.pixDetailsList img {
    max-width: 100%;
    height: auto;
}
#pixDetailsCarousel .carousel-control-next,
#pixDetailsCarousel .carousel-control-prev {
    width: auto;
}
    @media (min-width: 1200px) {
        #pixDetails .content {
            margin-right: auto;
            margin-left: auto;
            width:982px;
            position: relative;
        }
        .pixDetailsText {
            padding: 0 0 0 50px;
        }
        .pixDetailsList {
            position: relative;
            justify-content: center;
            align-items: center;
        }
        .pixDetailsList div {
            position: absolute;
            overflow: hidden;
            margin-top: 0;
        }        
        .pixDetailsMainImage img,
        .pixDetailsListProductsImage img {
            width: 100%;
            height: 100%;
        }
        .pixDetailsList img {
            width: 100%;
            height: 100%;
            object-fit: cover; 
            position: absolute;
            top: 0;
            left: 0;
            transform: none; 
            transition: transform .3s;
        }
        .pixDetailsListdiv {
            position: inherit;
        }
        .pixDetailsListdiv:hover img {
            transform: scale(1.1);
        }
        .pixDetailsMainImage {
            width: 400px;
            height: 400px;
        }
        .pixDetailsListProductsImage {
            width: 106px;
            height: 90px;
            margin-right: 10px;
        }
        .pixDetailsListProductsImage:last-child {
            margin-right: 0;
        }
        .pixDetailsMainImage #mainImageName {
            position: absolute;
            bottom: 0;
            left: 50%;
            transform: translate(-50%, -50%) !important;
            color: var(--bs-color-3);
            background-color: rgba(var(--bs-color-2-rgb), 0.2);
            padding: 10px 0;
            width: 100%;
            text-align: center;
            font-weight: 600;
            text-transform: uppercase;
            font-size: 0.8rem;
        }
        .pixDetailsMainImage #mainImageName:empty {
            display: none;
        }
        
        .pixDetailsList div:nth-of-type(1),
        .pixDetailsList div:nth-of-type(1) .pixDetailsListdivHoverIcon {
            width: 340px;
            height: 240px;
        }
        .pixDetailsList div:nth-of-type(1) {
            top: 0;
            left: 0;
        }
        .pixDetailsList div:nth-of-type(2),
        .pixDetailsList div:nth-of-type(2) .pixDetailsListdivHoverIcon {
            width: 240px;
            height: 180px;
        }
        .pixDetailsList div:nth-of-type(2) {
            top: 0;
            left: 350px;
        }
        .pixDetailsList div:nth-of-type(3),
        .pixDetailsList div:nth-of-type(3) .pixDetailsListdivHoverIcon {
            width: 380px;
            height: 280px;
        }
        .pixDetailsList div:nth-of-type(3) {
            top: 0;
            left: 600px;
        }

        .pixDetailsList div:nth-of-type(4),
        .pixDetailsList div:nth-of-type(4) .pixDetailsListdivHoverIcon {
            width: 320px;
            height: 240px;
        }
        .pixDetailsList div:nth-of-type(4) {
            top: 250px;
            left: 20px;
        }
        .pixDetailsList div:nth-of-type(5),
        .pixDetailsList div:nth-of-type(5) .pixDetailsListdivHoverIcon {
            width: 240px;
            height: 330px;
        }
        .pixDetailsList div:nth-of-type(5) {
            top: 190px;
            left: 350px;
        }
        .pixDetailsList div:nth-of-type(6),
        .pixDetailsList div:nth-of-type(6) .pixDetailsListdivHoverIcon {
            width: 350px;
            height: 270px;
        }
        .pixDetailsList div:nth-of-type(6) {
            top: 290px;
            left: 600px;
        }
        #pixDetailsListCarousel .carousel-control-next {
            width: auto;
            right: -2rem;
        }
        #pixDetailsListCarousel .carousel-control-prev {
            width: auto;
            left: -2rem;
        }
    }  

/* SECTION INVERBOOST INDEX */

#inverboostIndex .section_title h2 {
    color: var(--bs-color-3);
}
#inverboostIndex .section_title:after {
    background-color: var(--bs-color-3);
}
#inverboostIndex .section_title img {
    width: 400px;
}
#inverboostIndexDetail {
    background-color: var(--bs-color-2);
}
#inverboostIndexDetail .section {
    background-color: var(--bs-color-2);
    color: var(--bs-color-3);
}

/* SECTION QUALIF*/
#qualif {
    background: radial-gradient(circle, rgba(237,244,248,1) 20%, rgba(217,236,247,1) 100%);
}
#qualif .sectionListIcon img{
    height:70px;
    width: 100%;
    object-fit: contain;
}
#qualif .sectionListIcon p span{
    font-size: 0.6rem;
    font-style: italic;
    font-weight: normal;
    display: block;
}

/* SECTION RESELLERS*/
#resellers {
    background-color: var(--bs-color-7);
}

/* SECTION CONCIERGERIE*/
#concierge {
    /*background-color: var(--bs-color-6);*/    
    background: radial-gradient(circle, rgba(var(--bs-color-6-rgb),0.8) 20%, rgba(var(--bs-color-6-rgb),1) 100%);
}
#concierge .section_title,
#concierge .section_title h2,
#concierge .section {
    color: var(--bs-color-3);
}
#concierge .section_title:after {
    background-color: var(--bs-color-3);
}
#concierge .sectionList li {
    border-bottom: 1px solid var(--bs-color-dark-6);
    padding: 5px 0 10px 0;
}

/* TAGS PARTNER */
.tagsPartner {
    width: 100px;
    height: 100px;
    overflow: hidden;
    position: absolute;
    top: -1px;
    right: -1px;
}
.tagsPartner span {
    position: absolute;
    display: block;
    width: 170px;
    padding: 5px 0;
    background-color: var(--bs-color-6);
    color: var(--bs-color-3);
    font-size: 0.7rem;
    text-align: center;
    left: -17px;
    top: 20px;
    transform: rotate(45deg);
}

/* TAGS PRODUCT */
.tagsProduct .badge {
    color: var(--bs-color-3); !important;
}
.tagsProduct .badge.text-bg-pooltag {
    background-color: RGBA(89, 200, 223, var(--bs-bg-opacity, 1)) !important;
}
.tagsProduct .badge.text-bg-spatag {
    background-color: RGBA(49, 99, 206, var(--bs-bg-opacity, 1)) !important;
}
.tagsProduct .badge.text-bg-housetag {
    background-color: RGBA(var(--bs-color-8-rgb), var(--bs-bg-opacity, 1)) !important;
}
#partnerships .tagsProduct {
    margin-bottom: 0;
}
#partnerships .tagsProduct .badge {
    font-size: 0.6rem;
}


/* PAGE FAMILIES */
#families .pageTitle {
    background-image: url(/_home/img/bg-heatpump-zealux.jpg);
    background-position: 50% 50%;
}

/* PAGE PRODUCT */
#productsfamily .pageTitle {
    background-image: url(/_home/img/bg-product.png);
    background-position: 50% 50%;
}
#productsfamily .pageTitle:before {
  content: "";
  background: rgba(0, 0, 0, 0);
  position: absolute;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1;
}
#productsfamily_9.pageTitle {
    /* PBS */
    background-position: 50% 0%;
}
#productsfamily_11.pageTitle {
    /* Excellium */
    background-position: 50% 14%;
}
#productsfamily_22.pageTitle {
    /* HOUSE ALSAVO */
    background-position: 50% 45%;
}
#productsfamily_44.pageTitle {
    /* VX */
    background-position: 50% 30%;
}
#productsfamily .sectionListIcon li {
    margin-bottom: 5px;
}
#productDetails .sectionListIcon li {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

#carouselProduct .carousel-item {
    height: 600px;
}
.carouselThumbnails {
    padding: 0.5rem;
}
.carouselThumbnails img {
    height: 100px;
    width: 100%;
    object-fit: contain;
}
.carouselImgCenter {
    position:relative;
    top:50%;
    transform: translateY(-50%);
    width: auto;
    object-fit: cover;
    max-height: 100%;
}

/* SECTION INVERBOOST */
#inverboost {
    /*background-image: url(/_home/img/bg-inverboost.jpg);
    background-position: 50% 90%;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;*/
    background-color: #191919;
}
#inverboost .sectionList li {
    border-color: rgba(67,150,194,0.6)!important;
    margin-bottom: 0;
}
#inverboost .sectionList svg * {
    fill: url(#degradeFA);
}
#inverboost .sectionList li:nth-of-type(2) svg:nth-of-type(2) * {
    fill: #191919;
}

/* SECTION 4 SEASONS */


/* SECTION ENERGY */
#energy {
}

    @media (min-width: 992px) {

        #energy {
            background-image: url(/_home/img/inverboost-energy.png);
            background-position: 100% 55%;
            background-size: 50%;
            background-repeat: no-repeat;
            width: 100%;
            height: 100%;
        }
    }

/* SECTION ALL IN ONE */
#allinone .AllinonPosition {
    position: absolute;
    color: var(--bs-color-3);
    font-size: 0.4rem;
    background-color: var(--bs-color-6);
    padding: 1px 3px;
    border-radius: 50rem;
    border: 1px solid var(--bs-color-dark-6);
}
#allinone .position1 { top: 9.5vw; left: 13vw; }
#allinone .position2 { top: 10vw; right: 14vw; }
#allinone .position3 { top: 26.5vw; left: 2vw; }
#allinone .position4 { top: 26vw; left: 12vw; }
#allinone .position5 { bottom: 9vw; left: 10.5vw; }
#allinone .position6 { top: 28vw; left: 18.5vw; }
#allinone .position7 { bottom: 12vw; left: 30vw; }
#allinone .position8 { bottom: 5.8vw; left: 28vw; }
#allinone .position9 { bottom: 4.8vw; right: 14.5vw; }
#allinone .position10 { bottom: 12vw; right: 5vw; }
#allinone .position11 { top: 24vw; right: 6vw; }

    @media (min-width: 992px) {

        #allinone .AllinonPosition {
            font-size: 0.7rem;
            padding: 3px 6px;
        }
    }

/* SECTION FCU */
#fcu {
    background-image: url(/_home/img/bg-fcu.jpg);
    background-position: 50% 65%;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
}

/* SECTION CONTROLLER */
#controller {
    background-image: url(/_home/img/bg-controller.jpg);
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
}

/* SECTION WIFI */
#wifi {
    background: radial-gradient(at 60% 50%, rgba(237,244,248,1) 5%, rgba(217,236,247,1) 50%);
}

/* SECTION SILENT */
#silent {
}

    @media (min-width: 992px) {
        #silent {
            background-image: url(/_home/img/inverboost-silent.jpg);
            background-position: 0 55%;
            background-size: 50%;
            background-repeat: no-repeat;
            width: 100%;
            height: 100%;
        }
    }

/* SECTION LOW TEMPERATURE */
#lowtemperature {
    background-image: url(/_home/img/bg-lowtemperature.jpg);
    background-position: 50% 25%;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
}
#lowtemperature:before {
  content: "";
  background: rgba(255, 255, 255, 0.5);
  position: absolute;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1;
}

/* SECTION WARRANTY */ 
#warranty {
    background-color: var(--bs-color-7);
}
#warranty.section {
    justify-content: start;
}
.sectionListWarranty {
    position: relative;
    min-height: 100px;
    border-radius: 10px;
}
.sectionListWarranty li {
    position:inherit;
    background-color: rgba(var(--bs-color-3-rgb), 0.4);
    margin-bottom: 1rem;
}
.sectionListWarranty li span {
    margin-top:1rem;
}
.sectionListWarranty li svg.fa-circle {
    border-radius: 100%; 
    border-top: 3px solid rgba(var(--bs-color-3-rgb),0.4);
    border-left: 3px solid rgba(var(--bs-color-3-rgb),0.4);
    border-right: 3px solid rgba(var(--bs-color-3-rgb),0.4);
    border-bottom: 3px solid transparent;
    transform: rotate(-45deg);    
}
.sectionListWarranty li p {
    padding: 1rem 1rem 1rem 2rem;
    margin: 0;
}

    @media (min-width: 992px) {

        #warranty {
            background-image: url(/_home/img/bg-warranty-7.png);
            background-position: 50% 10%;
            background-size: cover;
            background-repeat: no-repeat;
            width: 100%;
            height: 750px;
        }
        .sectionListWarranty li {
            width: 250px;
            position: absolute;
            /*border: 2px solid var(--bs-color-3);*/
        }
        .sectionListWarranty li:nth-of-type(1) {
            top: 70px;
            left: 100px;
        }
        .sectionListWarranty li:nth-of-type(2) {
            top: 280px;
            left: 50px;
        }
        .sectionListWarranty li:nth-of-type(3) {
            top: 420px;
            right: 60px;
        }
        .sectionListWarranty li:nth-of-type(4) {
            top: 240px;
            right: 20px;
        }
        .sectionListWarranty li:nth-of-type(5) {
            top: 50px;
            right: 80px;
        }
        .sectionListWarranty li span {
            position: absolute;
            transform: translate(-50%, -50%);
            left: 0;
            top: 0;
            margin-top:0;
        }
    }

/* PAGE PARTNERSHIPS */
#partnerships .pageTitle {
    background-image: url(/_home/img/bg-partnerships.png);
    background-position: 50% 25%;  
    padding: 70px 0;
}
#partnerships .pageTitle:before {
  content: "";
  background: rgba(0, 0, 0, 0.2);
  position: absolute;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1;
}
.mapIconFontAwesome {
    font-family: 'Open Sans', sans-serif;
  text-align: center; /* Horizontally center the text (icon) */
  line-height: 20px; /* Vertically center the text (icon) */
}
.mapPopup {
    width: 300px;
}

/* PAGE HISTORIC */
/*#timeline {
    position: relative;
}*/
.timeline{
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}
.timeline:before {
    content: '';
    display: block;
    position: absolute;
    left: 50%;
    top: 0;
    width: 0;
    height: 100%;
    border-left: 2px solid var(--bs-color-1);
    z-index: 2;
}
.timeline:first-child:before {
    top: 200px;
}
.timeline:last-child:before {
    bottom: 150px;
    top: inherit;
}
.timelineImg img{
    height: 700px;
    object-fit: cover;
    width: 100%;
}
.timelineStep {
    background-color: rgba(var(--bs-color-7-rgb), 1);
    padding: 50px;
    max-width: 500px;
    width: 90%;
    position: absolute;
    z-index: 2;
}
.timelineStep h3 {
    color: var(--bs-color-dark-1);
    font-weight: bold;
    letter-spacing: 0.4rem;
}

    @media (min-width: 992px) {
        .timeline{
            display: inherit;
        }
        .timeline:after {
            content: '';
            display: block;
            position: absolute;
            left: calc(50% - 12px);
            bottom: 50%;
            width: 26px;
            height: 26px;
            border-radius: 13px;
            border: 2px solid var(--bs-color-1);
            background-color: var(--bs-color-dark-1);
            z-index: 2;
        }
        .timelineStep {
            /*transform: translate(-50%, -50%)!important;*/
            background-color: rgba(var(--bs-color-7-rgb), 0.8);
            right: 58%;
            bottom: 36%;
            width: 500px;
        }
        .timelineStep.stepLeft {
            left: 58%;
        }
    }

/* PAGE WHO WE ARE */
.brandsIcon {
    background-color: rgba(var(--bs-color-7-rgb), 0.6);
    border-radius: 50%;
    padding: 30px;
    aspect-ratio: 1 / 1; /* Hauteur égale à la largeur */
    display: flex; /* Utilisation de Flexbox */
    justify-content: center; /* Centrage horizontal */
    align-items: center; /* Centrage vertical */
}
.brandsIcon img {
    max-width: 80%; /* Ajustez selon vos besoins pour la taille maximale de l'image */
    max-height: 80%; /* Empêche l'image de déborder du conteneur */
    object-fit: contain; /* Pour garder le ratio de l'image intact */
}

/* PAGE CONNECTION */
#connection .pageTitle {
    background-image: url(/_home/img/bg-connection.jpg);
    background-position: 50% 50%;
}
#connection .pageTitle:before {
  content: "";
  background: rgba(0, 0, 0, 0.4);
  position: absolute;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1;
}
#picturesCustomers .card {
    border: 0;
    border-radius: 0;
    overflow: hidden;
}
#picturesCustomers .card .card-img-top {
    border-radius: 0;
    object-fit: cover;
    width: 100%;
    height: 15vw;
    transition: transform .5s;
}
#picturesCustomers .card:hover .card-img-top {
    transform: scale(1.1);
}

/* SECTION PARAMETRERS */
#exampleParameters ul {
    font-size:0.7rem;
}
#exampleParameters .list-group-item {
    font-size:0.7rem;
    padding-top: 0.3rem;
    padding-bottom: 0.3rem;
}

/* PAGE AID */
#aid .pageTitle {
    background-image: url(/_home/img/bg-aid.jpg);
    background-position: 50% 80%;
}
#aid .pageTitle:before {
  content: "";
  background: rgba(0, 0, 0, 0.5);
  position: absolute;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1;
}
#primesBenefits {
    background-color: rgba(var(--bs-forest-color-rgb), 0.1);
}
#primesBenefits .section_title h2 {
    color: var(--bs-forest-color);
}
#primesBenefits .section_title:after {
    background-color: var(--bs-forest-color);
}

/* PAGE SIMULATOR */
#simulator .pageTitle {
    background-image: url(/_home/img/bg-simulator.jpg);
    background-position: 50% 38%;
}
#simulator .pageTitle:before {
  content: "";
  background: rgba(0, 0, 0, 0.4);
  position: absolute;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1;
}

/* PAGE ADVANTAGES */
#advantages .pageTitle {
    background-image: url(/_home/img/bg-support.jpg);
    background-position: 50% 70%;
}
#advantages .pageTitle:before {
  content: "";
  background: rgba(0, 0, 0, 0.4);
  position: absolute;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1;
}
/* PAGE CONTACT */
#contact .pageTitle {
    background-image: url(/_home/img/bg-france.png);
    background-position: 50% 37%;
}
#contact .pageTitle:before {
  content: "";
  background: rgba(0, 0, 0, 0.4);
  position: absolute;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1;
}
/* PAGE PRIVACY POLICIES */
#privacypolicies .pageTitle {  
    padding: 70px 0;
}

/* Twemoji */
img.emoji {
  height: 1em;
  width: 1em;
  margin: 0 .05em 0 .1em;
  vertical-align: -0.1em;
}

/* FOOTER */
#footer {
    background-color: rgba(var(--bs-color-2-rgb), 1);
    color: var(--bs-color-3);
    padding: 60px 60px 20px 60px;
    font-size: 0.8rem;
}
#footer a {
    color: rgba(var(--bs-color-3-rgb), var(--bs-link-opacity, 1));
    text-decoration: none;
}
#footer a:hover {
    text-decoration: underline;
    text-decoration-color: rgba(var(--bs-color-3-rgb), var(--bs-link-underline-opacity, 0.5)) !important;
}
#footer #mapHeadquarters a {
    color: initial;
}
#footer #mapHeadquarters a:hover {
    text-decoration-color: initial;
}
#footer .section_title:after {
    background-color: #fff;
}
#footer #footerLegal a {
    color: var(--bs-color-5);
}

/* COOKIE */
#cookie {
    position: fixed;
    z-index: 10000;
    box-shadow: 0px 4px 20px rgba(0,0,0,0.175);
    box-sizing: border-box;
    background-color: var(--bs-color-3);
    bottom: 0;
    left: 0;
    max-width: 650px;
}



/* LOADER */
.se-pre-con {
    display: none;
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: rgba(0,0,0,0.7);
    /*cursor: wait;*/
}
.se-pre-con-text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color:#fff;
    font-weight: bold;
    font-size: 2rem;
    margin:0;
}