/* Importation optimisée des polices locale */
@font-face {
    font-family: 'Poppins';
    src: url("../fonts/Poppins-Light-8730189a568b050bddc236bf5f9e9b35.eot");
    src: url("../fonts/Poppins-Light-d76d92b147057e80090b72becba2aeb3.ttf") format('ttf');
    src: url("../fonts/Poppins-Light-8730189a568b050bddc236bf5f9e9b35.eot") format('embedded-opentype'),
         url("../fonts/Poppins-Light-05341ccde37f0c3a10e689711355d88d.woff2") format('woff2'),
         url("../fonts/Poppins-Light-d8f928ccf2d147d797bad500d904df83.woff") format('woff'),
         url("../fonts/Poppins-Light-d76d92b147057e80090b72becba2aeb3.ttf") format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url("../fonts/Poppins-Bold-47a89845d185a406068c5d3d2d47ff83.eot");
    src: url("../fonts/Poppins-Bold-47a89845d185a406068c5d3d2d47ff83.eot") format('embedded-opentype'),
         url("../fonts/Poppins-Bold-eee4f596785d8681e1481fd95753cb1b.woff2") format('woff2'),
         url("../fonts/Poppins-Bold-5b1e7c684fa514480b973d1a6444ff37.woff") format('woff'),
         url("../fonts/Poppins-Bold-e471d9e44743f13aa0025a1597c9bcec.ttf") format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url("../fonts/Poppins-ExtraBold-5952723208b01e7b08539aec11890005.eot");
    src: url("../fonts/Poppins-ExtraBold-5952723208b01e7b08539aec11890005.eot") format('embedded-opentype'),
         url("../fonts/Poppins-ExtraBold-83634dc245cf6cde51fd06b3285ffdb7.woff2") format('woff2'),
         url("../fonts/Poppins-ExtraBold-5a2189e4fc293cf294f815550b856fe6.woff") format('woff'),
         url("../fonts/Poppins-ExtraBold-dc886cb03fbd30fc1d5c5fc71ca9199c.ttf") format('truetype');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

body {
    color: #6E6E70;
    font-family: "Poppins", sans-serif;
    font-size: 0.9375rem;
    font-weight: 300;
    line-height: 1.625rem;
}
.container.classic-heading {
    max-width: 57.25rem;
    margin: 0 auto;
}
.container.classic-heading .squares-color {
    margin: 0 auto 3rem;
}
.container.classic-heading .classic-title  {
    margin: 0;
    padding: 0;
}
.container.classic-heading .classic-text  {
    font-weight: 300;
    margin: 0;
    padding: 0.25rem 0;
}
.container.classic-heading .classic-text strong {
    font-weight: 700;
}

/*.classic-square {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.classic-square .square-col {
    flex: 1 1 16.66%;
    max-width: 16.66%;
}*/
.classic-heading-title {
    line-height: 2.8125rem;
    margin: 0;
    max-width: 27.3125rem;
    padding: 0;
    text-align: right;
}
.marque-title {
    font-size: 1.125rem;
    font-weight: 800;
    text-align: center;
}
.btn {
    border-radius: 0;
    text-transform: uppercase;
}
.btn-arc-filter {
    color: #fff;
    font-weight: 300;
    padding: 0.5rem 3rem;
    text-transform: none;
    transition: opacity 0.3s ease;
}

.btn-arc-filter:hover {
    color: #fff;
    opacity: 0.7; /* Réduit l'opacité à 90% lors du survol ou lorsqu'actif */
}
.btn-arc-filter:active {
    color: #000;
    font-weight: 700;
    opacity: 0.7; /* Réduit l'opacité à 90% lors du survol ou lorsqu'actif */
}
.btn-arc-primary {
    background-color: #00B3C9;
    color: #fff;
}
.btn-arc-primary:hover {
    background-color: #009DB1;
    color: #fff;
}
.btn-arc-green {
    background-color: #00A84A;
    color: #fff;
}
.btn-arc-green:hover {
    background-color: #008D3E;
    color: #fff;
}
.btn-arc-red {
    background-color: #F14347;
    color: #fff;
}
.btn-arc-red:hover {
    background-color: #C4373A;
    color: #fff;
}
.container {
    max-width: 70.625rem;
}
a  {
    text-decoration: none;
}
.navbar-toggler {
    border: none; /* Retirer la bordure */
    outline: none; /* Retirer l'effet de focus */
    box-shadow: none; /* Retirer l'ombre */
}

.navbar-toggler:focus {
    outline: none; /* Retirer le focus visible */
    box-shadow: none; /* Retirer l'ombre au focus */
}

.navbar-toggler:active {
    outline: none; /* Retirer le focus visible au clic */
    box-shadow: none; /* Retirer l'ombre au clic */
}

/* Styles pour mobile */
@media (max-width: 991.98px) { /* Pour écran mobile (Bootstrap 5 pour 'lg' breakpoint) */
    .navbar-collapse {
        position: fixed;
        top: 0;
        right: -100%; /* Cache le menu à droite de l'écran */
        height: 100%;
        width: 75%; /* Vous pouvez ajuster la largeur */
        background-color: white; /* Ajustez la couleur si nécessaire */
        transition: right 0.3s ease; /* Animation fluide */
        z-index: 1050; /* S'assure que le menu est au-dessus du contenu */
    }
    
    .navbar-collapse.show {
        right: 0; /* Fait glisser le menu à gauche, le rendant visible */
    }
    
    /* Ajuster le bouton pour éviter le chevauchement */
    .navbar-toggler {
        position: relative;
        z-index: 1100; /* S'assurer que le bouton est toujours au-dessus */
    }
}

/* Styles pour mobile */
@media (max-width: 575.98px) { /* Pour écran mobile (Bootstrap 5 pour 'lg' breakpoint) */
    .navbar-collapse {
        position: fixed;
        top: 0;
        right: -100%; /* Cache le menu à droite de l'écran */
        height: 100%;
        padding: 5rem;
        width: 100%; /* Vous pouvez ajuster la largeur */
        background-color: white; /* Ajustez la couleur si nécessaire */
        transition: right 0.3s ease; /* Animation fluide */
        z-index: 1050; /* S'assure que le menu est au-dessus du contenu */
    }
    
    .navbar-collapse.show {
        right: 0; /* Fait glisser le menu à gauche, le rendant visible */
    }
    
    /* Ajuster le bouton pour éviter le chevauchement */
    .navbar-toggler {
        position: relative;
        z-index: 1100; /* S'assurer que le bouton est toujours au-dessus */
    }
}

.video-responsive {
    position: relative;
    padding-bottom: 56.25%; /* Ratio 16:9 */
    height: 0;
    overflow: hidden;
    max-width: 100%;
    background: #000;
}

.video-responsive video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#mise-en-relation {
    border-bottom: solid 0.0625rem #BFBFBF;
}

.banner-video {
    min-height: 100vh;
    min-width: 100vw;
}
section {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 0;
    padding: 5rem 0;
}
.section-title {
    margin: 0 auto;
    max-width: 46.875rem;
}
.section-title p {
    collor: #6e6e70;
    font-size: 0.9375rem;
    font-weight: 300;
    line-height: 1.625rem;
}
.section-team {
    display: flex;
    flex-wrap: wrap; /* Permet de forcer le retour à la ligne */
    justify-content: center; /* Distribution équilibrée des éléments */
}

/*.section-team .person {
    flex: 1 1 20%;
    max-width: 20%;
}*/
.person img {
    margin: 0;
}
.person h3 {
    color: #6E6E70;
    font-size: 0.875rem;
    margin: 0;
    padding: 0.5rem 0;
}
.person p {
    color: #6E6E70;
    font-size: 0.875rem;
    font-weight: 300;
    margin: 0;
    padding: 0;
}
.section-border {
    border-bottom: solid 0.0625rem #BFBFBF;
}
.section-header {
    padding: 0 0 3rem;
}
#professionnels-et-particuliers .squares-color {
    margin: 1.5rem auto;
}
#mise-en-relation .squares-color {
    margin-top: 0;
    margin-left: auto;
    margin-right: 0;
}
@media (max-width: 575.98px) {
    section {
        padding: 2rem 0 0;
    }
    .section-border {
        border-bottom: none;
    }
    .section-header {
        padding: 0 0 1rem;
    }
    #professionnels-et-particuliers .squares-color,
    #mise-en-relation .squares-color {
        margin: 1.5rem auto;
    }
    #professionnels-et-particuliers h2,
    #mise-een-relation h2 {
        font-size: 1.6rem;
    }
}


#partenaires-fabricants,
#nos-produits-nos-conseils,
#peintures-decoration-interieure,
#papier-peint,
#corniches-cimaises,
#nos-solutions-peintures,
#peintures-murs-interieurs,
#peintures-decoration-interieure,
#peintures-espaces-publics-hopitaux,
#peintures-boiseries-metaux,
#peintures-sols,
#nos-partenaires-de-confiance,
#des-sols-pour-tous-les-gouts,
#parquet-contre-colle,
#sol-stratifie,
#sol-lvt,
#sol-moquette,
#sol-souple,
#sol-gazon-synthetique,
#solutions-renovation-de-facades,
#d1-fixateur-et-hydrofuge,
#d2-film-mince,
#d3-revetement-semi-epais,
#i1-i4-revetement-d-impermeabilite,
#isolation-thermique,
#large-gamme-de-produits,
#notre-expertise,
#notre-equipe,
#nos-valeurs,
#arc-en-ciel-decor-est-a-votre-ecoute {
    border-bottom: solid 0.0625rem #BFBFBF;
}

.col-235 {
    max-width: 235px;
}

.title-square-grey {
    align-items: center;
    background-color: #D2CBC5;
    color: #fff;
    display: flex;
    font-size: 1.875rem;
    font-weight: 300;
    height: 235px;
    justify-content: center;
    text-align: center;
    width: 235px;
}
.title-square-grey span {
    font-size: 1.675rem;
}
@media (max-width: 575.98px) {
    .title-square-grey {
        width: 100%;
    }
}
.title-sub-square {
    align-items: center;
    background-color: transparent;
    color: #6E6E70;
    display: flex;
    font-size: 1.125rem;
    font-weight: 700;
    justify-content: flex-end;
    width: 160px;
}
@media (max-width: 575.98px) {
    .title-sub-square {
        width: 300px;
    }
}
.square-title, .partner-title {
    color: #6e6e70;
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 1.6875rem;
    padding-top: 1.75rem;
    text-align: center;
    text-transform: uppercase;
}
.partner-text {
    color: #6e6e70;
    font-size: 0.9375rem;
    font-weight: 300;
    line-height: 1.625rem;
    text-align: center;
}
#arc-en-ciel-decor-est-a-votre-ecoute h3 {
    display: block;
    font-size: 1rem;
    font-weight: 800;
    margin-bottom: 1rem;
    text-transform: uppercase;
}
#arc-en-ciel-decor-est-a-votre-ecoute .form-check-label {
    font-size: 0.75rem;
}
.form-floating > .form-control {
    font-size: 0.9375rem;
}
h4 {
    font-size: 1.125rem;
    font-weight: 800;
}
ol {
    list-style-position: inside; /* Permet de manipuler plus facilement les numéros */
}

ol li::marker {
    font-weight: 700;
}
li > strong {
    font-weight: 700;
}
/*#produits-de-renovation-et-decoration,
#large-gamme-de-produits,
#professionnels-et-particuliers,
#notre-expertise,
#notre-equipe {
    min-height: 100vh;
    min-width: 100vw;
}*/
#mise-en-relation {
    min-height: 100%;
    min-width: 100%;
}



/*** PICTOS ***/



/* Uniformisation des classes */
.picto-call-contact {
    background-color: #0297D6;
    color: #fff;
    display: inline-block;
    width: 3.4375rem;
    height: 3.4375rem;
    position: fixed; /* Positionne l'élément de façon fixe par rapport à la fenêtre */
    right: 0;        /* Colle l'élément à droite */
    top: 75%;        /* Place l'élément à mi-hauteur */
    transform: translateY(-50%); /* Centre l'élément verticalement */
    z-index: 1000;   /* Assure que l'élément reste au-dessus des autres */
    cursor: pointer; /* Change le curseur pour indiquer que c'est cliquable */
}

@media (max-width: 575.98px) {
    .picto-call-contact {
        top: 45%;
    }
}

.picto-call-contact::before {
    content: '';
    display: block;
    width: 2.75rem;
    height: 2.75rem;
    background-image: url("../images/svg/picto-call-contact-c3cf2e3919f1d81a6b8747e264a44f27.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); /* Centrage de l'image SVG */
}

.picto-contact-showroom {
    background-color: #00B3C9;
    color: #fff;
    display: inline-block;
    width: 6.25rem;
    height: 6.25rem;
    position: relative;
}
.picto-contact-showroom::before {
    content: '';
    display: block;
    width: 5rem;
    height: 5rem;
    background-image: url("../images/svg/contact-showroom-2eafb7d761b53eae9abcd0a2dbdd0233.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); /* Centrage de l'image SVG */
}

.picto-contact-questions {
    background-color: #00B3C9;
    color: #fff;
    display: inline-block;
    width: 6.25rem;
    height: 6.25rem;
    position: relative;
}
.picto-contact-questions::before {
    content: '';
    display: block;
    width: 5rem;
    height: 5rem;
    background-image: url("../images/svg/contact-questions-d5602f3171da6f5811e372e20e9b8747.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); /* Centrage de l'image SVG */
}

.picto-contact-rendez-vous {
    background-color: #00B3C9;
    color: #fff;
    display: inline-block;
    width: 6.25rem;
    height: 6.25rem;
    position: relative;
}
.picto-contact-rendez-vous::before {
    content: '';
    display: block;
    width: 5rem;
    height: 5rem;
    background-image: url("../images/svg/contact-rendez-vous-4b27c6326b160927791c0458c8dbfdcd.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); /* Centrage de l'image SVG */
}

.picto-accompagnement-technique {
    display: inline-block;
    width: 6.5625rem; /* (105px / 16 = 6.5625rem) */
    height: 6.5625rem;
    position: relative;
}
.picto-atelier-couleurs {
    display: inline-block;
    width: 6.5625rem; /* (105px / 16 = 6.5625rem) */
    height: 6.5625rem;
    position: relative;
}
.picto-atelier-deco {
    display: inline-block;
    width: 6.5625rem; /* (105px / 16 = 6.5625rem) */
    height: 6.5625rem;
    position: relative;
}
.picto-conseils-application {
    display: inline-block;
    width: 6.5625rem; /* (105px / 16 = 6.5625rem) */
    height: 6.5625rem;
    position: relative;
}
.picto-conseils-decoration {
    display: inline-block;
    width: 6.5625rem; /* (105px / 16 = 6.5625rem) */
    height: 6.5625rem;
    position: relative;
}
.picto-etude-chantier {
    display: inline-block;
    width: 6.5625rem; /* (105px / 16 = 6.5625rem) */
    height: 6.5625rem;
    position: relative;
}
.picto-etude-projet {
    display: inline-block;
    width: 6.5625rem; /* (105px / 16 = 6.5625rem) */
    height: 6.5625rem;
    position: relative;
}
.picto-recueil-technique {
    display: inline-block;
    width: 6.5625rem; /* (105px / 16 = 6.5625rem) */
    height: 6.5625rem;
    position: relative;
}
.picto-sav {
    display: inline-block;
    width: 6.5625rem; /* (105px / 16 = 6.5625rem) */
    height: 6.5625rem;
    position: relative;
}
.picto-service-livraison {
    display: inline-block;
    width: 6.5625rem; /* (105px / 16 = 6.5625rem) */
    height: 6.5625rem;
    position: relative;
}
.picto-service-mecanique {
    display: inline-block;
    width: 6.5625rem; /* (105px / 16 = 6.5625rem) */
    height: 6.5625rem;
    position: relative;
}
.picto-accompagnement-technique::before {
    content: '';
    display: block;
    width: 3.75rem; /* (60px / 16 = 3.75rem) */
    height: 3.75rem;
    background-image: url("../images/svg/accompagnement-technique-b07d3a4ed836f460d2a6cbc0da0924c5.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); /* Centrage de l'image SVG */
}
.picto-atelier-couleurs::before {
    content: '';
    display: block;
    width: 3.75rem; /* (60px / 16 = 3.75rem) */
    height: 3.75rem;
    background-image: url("../images/svg/atelier-couleurs-29806278cd7ae20cd0c76805800fc773.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); /* Centrage de l'image SVG */
}
.picto-atelier-deco::before {
    content: '';
    display: block;
    width: 3.75rem; /* (60px / 16 = 3.75rem) */
    height: 3.75rem;
    background-image: url("../images/svg/atelier-deco-5ae34dfd82b0aacbf220a8ab80ed3910.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); /* Centrage de l'image SVG */
}
.picto-conseils-application::before {
    content: '';
    display: block;
    width: 3.75rem; /* (60px / 16 = 3.75rem) */
    height: 3.75rem;
    background-image: url("../images/svg/conseils-application-aca85b7a1a4004891556c02569543560.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); /* Centrage de l'image SVG */
}
.picto-conseils-decoration::before {
    content: '';
    display: block;
    width: 3.75rem; /* (60px / 16 = 3.75rem) */
    height: 3.75rem;
    background-image: url("../images/svg/conseils-decoration-d00e96b162c41738da172a15adeae63b.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); /* Centrage de l'image SVG */
}
.picto-etude-chantier::before {
    content: '';
    display: block;
    width: 3.75rem; /* (60px / 16 = 3.75rem) */
    height: 3.75rem;
    background-image: url("../images/svg/etude-chantier-e2f93e30ec1ba70445be02fbb0e9a297.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); /* Centrage de l'image SVG */
}
.picto-etude-projet::before {
    content: '';
    display: block;
    width: 3.75rem; /* (60px / 16 = 3.75rem) */
    height: 3.75rem;
    background-image: url("../images/svg/etude-projet-09a6e4bbe3c97294256087596eb28be0.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); /* Centrage de l'image SVG */
}
.picto-recueil-technique::before {
    content: '';
    display: block;
    width: 3.75rem; /* (60px / 16 = 3.75rem) */
    height: 3.75rem;
    background-image: url("../images/svg/recueil-technique-fe82626b208c1fbd950b06744f01a6a6.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); /* Centrage de l'image SVG */
}
.picto-sav::before {
    content: '';
    display: block;
    width: 3.75rem; /* (60px / 16 = 3.75rem) */
    height: 3.75rem;
    background-image: url("../images/svg/sav-6bf5faaba2f98c7ad66fe96161022041.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); /* Centrage de l'image SVG */
}
.picto-service-livraison::before {
    content: '';
    display: block;
    width: 3.75rem; /* (60px / 16 = 3.75rem) */
    height: 3.75rem;
    background-image: url("../images/svg/service-livraison-b3c9eeec4437f882b1d10eb8449e731e.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); /* Centrage de l'image SVG */
}
.picto-service-mecanique::before {
    content: '';
    display: block;
    width: 3.75rem; /* (60px / 16 = 3.75rem) */
    height: 3.75rem;
    background-image: url("../images/svg/service-mecanique-a060740be98bddfbacabbda8f41ea0e7.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); /* Centrage de l'image SVG */
}

#mise-en-relation .card {
    border: none;
}
#mise-en-relation ul {
    margin: 1rem 0;
}
#mise-en-relation li {
    color: #6E6E70;
    font-size: 1.0625rem;
    font-weight: 500;
    line-height: 2rem;
    text-transform: uppercase;
}
/*** colors ***/
.red {
    color:#F14347;
}
.bg-red {
    background-color:#F14347;
    color: #fff;
}
.orange {
    color: #F79229;
}
.bg-orange {
    background-color: #F79229;
    color: #fff;
}
.yellow {
    color: #FFC916;
}
.bg-yellow {
    background-color: #FFC916;
    color: #fff;
}
.green {
    color: #04A552;
}
.bg-green {
    background-color: #04A552;
    color: #fff;
}
.aqua {
    color: #00B3C9;
}
.bg-aqua {
    background-color: #00B3C9;
    color: #fff;
}
.blue {
    color: #0098D6;
}
.bg-blue {
    background-color: #0098D6;
    color: #fff;
}
.marine {
    color: #135BA5;
}
.bg-marine {
    background-color: #135BA5;
    color: #fff;
}
.purple {
    color: #764FA0;
}
.bg-purple {
    background-color: #764FA0;
    color: #fff;
}
.pink {
    color: #F1559C;
}
.bg-pink {
    background-color: #F1559C;
    color: #fff;
}
.pink-pall {
    color: #F59AC2;
}
.bg-pink-pall {
    background-color: #F59AC2;
    color: #fff;
}
.grey-dark {
    color: #6E6E70;
}

.navbar-container,
.footer-container {
    margin: 0 auto;
    max-width: 70.625rem;
}
header .navbar-nav .nav-link {
    font-size: 0.75rem;
    font-weight: 400;
    text-transform: uppercase;
}

.intro {
    border-bottom: solid 0.0625rem #808080;
}

.squares-color {
    display: block;
    background-image: url("../images/deco/squares-color-39e52eda33a644533b706004816d6909.webp");
    background-repeat: no-repeat;
    background-position: left center;
    height: 0.875rem;
    margin-bottom: 2rem;
    vertical-align: middle;
    width: 17.9375rem;
}
.square-link {
    color: #6e6e70;
    text-decoration: none;
}
h1, .h1, .before-h1, .after-h1 {
    color: #6e6e70;
    font-size: 2.1875rem;
    font-weight: 300;
    line-height: 2.8125rem;
}
@media (max-width: 575.98px) {
    h1, .h1, .before-h1, .after-h1 {
        font-size: 1.9rem;
        line-height: 2.25rem;
    }
    .before-h1 {
        padding-bottom: 0.5rem;
    }
}
.inline-title {
    color: #6e6e70;
    display: inline;
    font-size: 2.1875rem;
    font-weight: 300;
    line-height: 2.8125rem
    margin: 0;
    vertical-align: middle;
}

h2 {
    color: #6e6e70;
    font-size: 2rem;
    font-weight: 200;
    line-height: 2.5rem;
}
h2 strong {
    font-weight: 200;
}
.portfolio-title {
    font-size: 1rem;
    font-weight: 700;
    margin: 1rem 0 0.5rem;
    text-align: center;
}
.portfolio-text {
    font-size: 0.9375rem;
    font-weight: 300;
    line-height: 1.625rm;
    margin: 0 0 0.5rem;
    text-align: center;
}
.justify {
    text-align: justify;
}

.heading-one-col {
    margin: 0 auto;
    max-width: 45rem;
    padding: 0 0 3rem;
}
.subtitle   {
    color: #0097d6;
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.75rem;
    text-transform: uppercase;
}
.page-container {
    margin: 0 auto;
    max-width: 70.625rem;
}

.gamme-title {
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 1.6875rem;
    margin: 0;
    padding: 3.5625rem 1.5rem;
    text-align: center;
    text-transform: uppercase;
}

#large-gamme-de-produits .card-link {
    color: #fff;
    text-decoration: none;
}
#large-gamme-de-produits .card-link:hover {
    color: #fff;
}
.picto-container {
    align-items: flex-start;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
}
.picto-wrapper {
    align-items: flex-start;
    display: flex;
    justify-content: center;
    max-width: 12.5rem;
}
.picto-box {
    display: block;
    height: 6.5625rem;
    margin: 1rem;
    text-align: center;
    vertical-align: middle;
    width: 6.5625rem;
}
.picto-title {
    color: #6e6e70;
    font-size: 0.875rem;
    font-weight: 700;
    line-height: 1.25rem;
    margin: 1rem 0;
    text-align: center;
    text-transform: uppercase;
}
.picto-text {
    color: #6e6e70;
    font-size: 0.875rem;
    font-weight: 300;
    line-height: 1.625rem;
    padding: 0 0.5rem;
}
footer p,
footer .h6,
footer .nav-link {
    color: #6E6E70;
}
footer .h6 {
    display: block;
    font-size: 1rem;
    font-weight: 800;
    margin-bottom: 1rem;
    text-transform: uppercase;
}
footer .nav-link {
    padding: 0 0 0.5rem;
}
footer p  {
    line-height: 1.25rem;
}
.vich-image img {
    height: auto;
    width: 350px;
}
#product_excerpt {
    height: 6rem;
}

.carousel {
    color: #6E6E70;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 20px 0;
}

.carousel-wrapper {
    flex-grow: 1;
    overflow: hidden;
}

.carousel-track {
    display: flex;
    gap: 10px; /* Espace entre les images */
    transition: transform 0.3s ease-in-out;
}

.carousel img {
    max-width: 200px;
    flex: 0 0 auto;
    object-fit: cover;
    height: auto;
}

.carousel-nav {
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    border: none;
    cursor: pointer;
    z-index: 10;
    padding: 20px;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.carousel-nav.prev {
    background-image: url("../images/svg/chevron-compact-left-5fd270cb49e3c230aa3e4c7db2005d4e.svg");
}

.carousel-nav.next {
    background-image: url("../images/svg/chevron-compact-right-b047ca9460c22383de879c267598373c.svg");
}