:root {
    --primary-color: #059b3a;
    --secondary-color: #048532;
    --color3: #055923;
    --color4: #0e5e2a;
    --accent-color: #e67e22;
    --titre-color: #1f1f1f;
    --text-color: #042e16;
    /*--text-color: #383838;*/
    --light-bg: #f4f4f4;
    --white: #ffffff;
    --font-main: 'Poppins', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}


/* Chargement des polices */
/* latin Thin */
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 100;
  src: url(https://fonts.gstatic.com/s/poppins/v24/pxiAyp8kv8JHgFVrJJLmE0tCMPI.woff2) format('woff2');
  font-display: swap;
}
/* latin Extra Light */
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 200;
  src: url(https://fonts.gstatic.com/s/poppins/v24/pxiDyp8kv8JHgFVrJJLmv1pVF9eO.woff2) format('woff2');
  font-display: swap;
}
/* latin Light */
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 300;
  src: url(https://fonts.gstatic.com/s/poppins/v24/pxiDyp8kv8JHgFVrJJLm21lVF9eO.woff2) format('woff2');
  font-display: swap;
}
/* latin Regular */
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/poppins/v24/pxiGyp8kv8JHgFVrJJLucHtA.woff2) format('woff2');
  font-display: swap;
}
/* latin Medium */
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 500;
  src: url(https://fonts.gstatic.com/s/poppins/v24/pxiDyp8kv8JHgFVrJJLmg1hVF9eO.woff2) format('woff2');
  font-display: swap;
}
/* latin Semi Bold */
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 600;
  src: url(https://fonts.gstatic.com/s/poppins/v24/pxiDyp8kv8JHgFVrJJLmr19VF9eO.woff2) format('woff2');
  font-display: swap;
}
/* latin Bold */
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 700;
  src: url(https://fonts.gstatic.com/s/poppins/v24/pxiDyp8kv8JHgFVrJJLmy15VF9eO.woff2) format('woff2');
  font-display: swap;
}
/* latin Extra bold */
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 800;
  src: url(https://fonts.gstatic.com/s/poppins/v24/pxiDyp8kv8JHgFVrJJLm111VF9eO.woff2) format('woff2');
  font-display: swap;
}
/* latin Black */
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 900;
  src: url(https://fonts.gstatic.com/s/poppins/v24/pxiDyp8kv8JHgFVrJJLm81xVF9eO.woff2) format('woff2');
  font-display: swap;
}
/* latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 100;
  src: url(https://fonts.gstatic.com/s/poppins/v24/pxiGyp8kv8JHgFVrLPTucHtA.woff2) format('woff2');
  font-display: swap;
}
/* latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 200;
  src: url(https://fonts.gstatic.com/s/poppins/v24/pxiByp8kv8JHgFVrLFj_Z1xlFQ.woff2) format('woff2');
  font-display: swap;
}
/* latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 300;
  src: url(https://fonts.gstatic.com/s/poppins/v24/pxiByp8kv8JHgFVrLDz8Z1xlFQ.woff2) format('woff2');
  font-display: swap;
}
/* latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/poppins/v24/pxiEyp8kv8JHgFVrJJfecg.woff2) format('woff2');
  font-display: swap;
}
/* latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 500;
  src: url(https://fonts.gstatic.com/s/poppins/v24/pxiByp8kv8JHgFVrLGT9Z1xlFQ.woff2) format('woff2');
  font-display: swap;
}
/* latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 600;
  src: url(https://fonts.gstatic.com/s/poppins/v24/pxiByp8kv8JHgFVrLEj6Z1xlFQ.woff2) format('woff2');
  font-display: swap;
}
/* latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 700;
  src: url(https://fonts.gstatic.com/s/poppins/v24/pxiByp8kv8JHgFVrLCz7Z1xlFQ.woff2) format('woff2');
  font-display: swap;
}
/* latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 800;
  src: url(https://fonts.gstatic.com/s/poppins/v24/pxiByp8kv8JHgFVrLDD4Z1xlFQ.woff2) format('woff2');
  font-display: swap;
}
/* latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 900;
  src: url(https://fonts.gstatic.com/s/poppins/v24/pxiByp8kv8JHgFVrLBT5Z1xlFQ.woff2) format('woff2');
  font-display: swap;
}


/* latin */
@font-face {
  font-family: 'Rubik';
  font-style: italic;
  font-weight: 300 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/rubik/v31/iJWEBXyIfDnIV7nEnX661A.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin */
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 300 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/rubik/v31/iJWKBXyIfDnIV7nBrXw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}



* {box-sizing: border-box; margin: 0; padding: 0;}
b {font-weight: 600;}

body {font-family: var(--font-main); font-size: 17px; color: var(--text-color); background-color: var(--white); line-height: 1.6; display: flex; flex-direction: column; min-height: 100vh; /*100% de la fenetre visible */}

main {flex: 1;}

section .contenu {padding-top: 45px; padding-bottom: 40px;}
.contenu {max-width: 1320px; margin: 0 auto; padding: 0 20px;}

a.bouton-diapo {display: inline-block; text-transform: uppercase; text-decoration: none; margin-top: 2rem; padding: 0.8rem 1.6rem; background-color: var(--primary-color); color: white; border-radius: 4px; cursor: pointer; transition: 0.3s;}
a.bouton-diapo:hover {background-color: var(--secondary-color);}

header {background: var(--white); box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); padding: 0.8rem 0; position: sticky; top: 0; z-index: 99999; height: 80px;}
header .contenu {display: flex; justify-content: space-between; align-items: center; max-width: 1400px;}
header .contenu .logo {position: relative;}
header .contenu .logo img {display: block; width: 200px;}
header .contenu .logo .facebook {position: absolute; top: -8px; right: -38px;}
header .contenu .logo .facebook img {width: 30px;}


.slideshow {position: relative; height: calc(100vh - 80px); min-height: 550px; overflow: hidden;}
.slideshow .flexslider {height: 100%;}
.slideshow .flexslider .slides {height: 100%;}
.slideshow .flexslider .slides li {height: 100%;}
.slideshow img {width: 100%; height: 100%; object-fit: cover;}

.slideshow .texte {position: absolute; top: 44%; left: 50%; transform: translate(-50%, -50%); z-index: 1000; width: 100%; text-align: center;}
.slideshow .texte .titre1 {margin-bottom: 1.5rem;}
.slideshow .texte .titre1 span {text-shadow: 2px 2px 17px rgba(0, 0, 0, 1); color: white; font-weight: 700; font-size: 3rem;}
.slideshow .texte .titre2 {margin-bottom: 2rem;}
.slideshow .texte .titre2 span {text-transform: uppercase; color: var(--color3); font-weight: 500; font-size: 1.55rem; margin-top: 0.5rem; background-color: rgba(255, 255, 255, 0.8); padding: 0.5rem 1.6rem; border-radius: 5px;}


.slideshow .fleche-diaporama {position: absolute; bottom: 8%; z-index: 1000; width: 100%; text-align: center;}
.slideshow .fleche-diaporama img {width: 28px;}


h2 {font-family: 'Rubik'; color: var(--titre-color); font-size: 2.2rem; font-weight: 500; line-height: 1.1; margin-top: 15px; position: relative; display: inline-block; /* pour que l'icône soit centrée sous le texte */ text-align: center; margin-bottom: 1.5rem; /* espace sous le texte si nécessaire */}
h2::after {content: ''; display: block; width: 35px; height: 35px; margin: 0rem auto 0; /* centré horizontalement sous le texte */ background-image: url('/img/icone-sous-titre.svg'); background-size: contain; background-repeat: no-repeat; background-position: center;}

#page-accueil-bas-diaporama .contenu {max-width: 1400px;}
.p-produit {font-size: 18px;}
.trois-colonnes {background-color: var(--white); text-align: center; padding-bottom: 15px; padding-top: 20px;}
.colonnes-container-full {display: flex; width: 100%; flex-wrap: wrap; gap: 10px; padding-top: 15px; padding-bottom: 65px;}
.colonne-full {flex: 1 1 calc((100% - 20px) / 3); max-width: calc((100% - 20px) / 3); position: relative; overflow: hidden;}
.colonne-full img {width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 0.5s ease; border-radius: 3px;}
.colonne-full:hover img {transform: scale(1.1);}
.colonne-full h3 {position: absolute; top: 50%; left: 0; transform: translate(0, -50%); width: 100%; color: var(--white); font-size: 2rem; letter-spacing: 1px; margin: 0; background: rgba(0, 0, 0, 0.4); z-index: 2; font-weight: 400; line-height: 1.3; padding: 0.5rem 0;}


.services-engagements {background-color: var(--light-bg); text-align: center;}

.services-container {display: flex; justify-content: space-between; gap: 30px; flex-wrap: wrap; padding: 30px 0;}
.service {flex: 1; min-width: 250px; padding: 0 20px; text-align: center; border-right: 3px solid white;}
.service:last-child {border-right: none;}
.icon-box {font-size: 3rem; margin-bottom: 10px; color: var(--secondary-color); max-height: 100px;}
.service h3 {margin-bottom: 10px; color: var(--titre-color); font-weight: 600; font-size: 1.3rem;}
.service p {font-weight: 300; font-size: 16px;}

.livraison-container {position: relative; padding: 55px 0 25px;}
.livraison-container img {width: 100%; border-radius: 10px;}
.livraison-container .texte {position: absolute; top: 53%; left: 0; transform: translate(0, -50%); text-align: center; width: 100%;}
.livraison-container .texte span {font-size: 31px; font-weight: 500; border: 2px solid white; border-radius: 15px; color: white; padding: 0.8rem 8rem; text-shadow: 2px 2px 17px rgba(0, 0, 0, 1);  /* Important pour le flou */ background: rgba(255, 255, 255, 0.2); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); /* Safari */}


.la-societe {background-image: url("/img/fond-bois-pied-de-page.jpg"); background-repeat: no-repeat; background-size: cover; text-align: center; padding: 35px 0;}
.la-societe p {padding-bottom: 1.2rem; font-size: 16.5px;}
.la-societe .bouton {background: rgba(255, 255, 255, 0.5); color: var(--color3); text-decoration: none; transition: 0.3s; text-transform: uppercase; font-weight: 500; padding: 0.5rem 1.4rem; margin-top: 20px; display: inline-block; border-radius: 4px;}
.la-societe .bouton:hover {background: rgba(255, 255, 255, 0.7);}



/* Footer Styles */
footer {background-color: #383838; color: #f6f6f6; padding-top: 3.4rem; margin-top: auto;}
.footer-main {display: flex; justify-content: space-between; flex-wrap: wrap; padding-bottom: 2.2rem; gap: 6rem;}
.footer-column {min-width: 250px;}
.footer-column:nth-child(1) {flex: 1.3;}
.footer-column:nth-child(2) {flex: 1.5;}
.footer-column:nth-child(3) {flex: 1;}
.footer-column p { margin-bottom: 1rem; color: #d1d1d1; text-align: left; font-size: 0.9rem; font-weight: 300; padding-top: 20px;}

.contact-info {list-style: none; padding: 0; margin: 0;}
.contact-info li, .contact-info li a {display: flex; align-items: center; gap: 15px; text-decoration: none; color: inherit;}
.contact-info li {margin-bottom: 15px;}
.contact-info .icon {display: flex; justify-content: center; align-items: center; width: 70px;}
.contact-info .icon img {height: auto; display: block;}

.footer-links {list-style: none; padding: 0; margin: 0;}
.footer-links li {padding-bottom: 5px;}
.footer-links a {font-size: 0.95rem; color: #dedede; text-decoration: none; text-transform: uppercase; font-weight: 300;}

.footer-bottom {background-color: #3f3f3f; padding: 0.8rem 0; text-align: center; font-size: 0.85rem; color: #f6f6f6; font-weight: 300;}
.footer-bottom a {text-decoration: none; color: #f6f6f6;}
.footer-bottom a:hover {text-decoration: underline;}


.hero-all-pages {height: 425px; background-size: cover; background-position: center; display: flex; align-items: center; justify-content: center; position: relative; color: var(--white); margin-bottom: 0;}
.hero-all-pages .contenu {width: 100%; padding-left: 50px;}
.hero-all-pages h1 {text-shadow: 2px 2px 17px rgba(0, 0, 0, 1); font-size: 3rem; font-weight: 600; line-height: 1.2; padding-bottom: 15px;}
.hero-all-pages p {text-shadow: 2px 2px 17px rgba(0, 0, 0, 1); font-size: 1.3rem;}
.hero-all-pages .bouton-diapo {font-size: 1rem; padding: 0.6rem 1.4rem;}


.contact-hero {background-image: url('/img/fond-contactez-nous.jpg');}

.contact-content {padding-bottom: 50px;}
.contact-content h2 {font-size: 2.1rem;}
.contact-grid {display: flex; gap: 100px;}

.contact-form-box {text-align: center; flex: 1; padding: 15px 0;}
.contact-form-box form {text-align: left;}

.form-group {margin-bottom: 20px;}
.checkbox-group {display: flex; align-items: flex-start;}

label {display: block; margin-bottom: 5px; font-weight: 600; color: var(--text-color);}
label.consent {padding-left: 10px; font-size: 0.87rem; font-weight: 300; line-height: 1.4;}
input, textarea {width: 100%; padding: 10px; border: 1px solid #999999; border-radius: 15px; font-family: inherit; font-size: 0.9rem;}
input[type="checkbox"] {width: 25px; height: 20px;}
button[type="submit"] {background-color: var(--primary-color); color: white; border: none; padding: 1rem 2rem; font-size: 0.95rem; border-radius: 15px; cursor: pointer; transition: background 0.3s; text-transform: uppercase;}
button[type="submit"]:hover {background-color: var(--secondary-color);}

.contact-info-box {text-align: center; flex: 1.4;}
.contact-info-box .fond {background-color: var(--light-bg); padding: 15px 40px 30px; border-radius: 4px;}
.contact-info-box .intro-text {text-align: left; font-size: 1rem;}
.contact-info-box .info-items {text-align: left; padding-top: 30px; padding-bottom: 35px;}
.contact-info-box .info-items .info-item {display: flex; align-items: center; padding: 5px 0;}
.contact-info-box .info-items .info-item .icon {width: 60px;}
.contact-info-box .info-items .info-item .tel {font-weight: 600; font-size: 1.4rem;}
.contact-info-box .info-items .info-item .info-text {font-weight: 500;}
.contact-info-box iframe {width: 100%; height: 350px;}
.contact-info-box .carte {border: 4px solid white; border-radius: 4px;}


.developpement-durable-hero {background-image: url('/img/fond-developpement-durable.jpg');}
.developpement-durable-hero h1::before {content: ""; display: inline-block; width: 45px; height: 45px; background: url('/img/icone-feuille.svg') no-repeat center; background-size: contain; margin-right: 25px; vertical-align: -6px;}
.developpement-durable-hero .citation {margin-top: 10px; margin-bottom: 5px; display: inline-block; font-size: 1.25rem; font-weight: 400; font-style: italic; border: 1px solid white; border-radius: 15px; color: white; padding: 0.6rem 1.3rem; text-shadow: 2px 2px 17px rgba(0, 0, 0, 1);  /* Important pour le flou */ background: rgba(255, 255, 255, 0.2); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); /* Safari */}
.developpement-durable-hero .citation .footer {font-size: 1rem; font-style: normal; font-weight: 300; display: flex; align-items: center; justify-content: left; gap: 10px;}
.developpement-durable-hero .citation .separator {display: inline-block; height: 2px; width: 15px; background-color: white;}

.dvp-engagement {text-align: center;}
.dvp-engagement .contenu {max-width: 1120px;}
.dvp-engagement .contenu p {padding-bottom: 1.2rem;}

.dvp-notre-bois {color: white; font-weight: 300; padding: 35px 0 70px; background-image: url("/img/fond-notre-bois-le-peuplier.jpg"); background-repeat: no-repeat; background-size: cover;}
.dvp-notre-bois h2 {color: white;}
.dvp-notre-bois h2::after {content: none;}
.dvp-notre-bois h2::before {content: ""; display: inline-block; width: 45px; height: 45px; background: url('/img/icone-arbre.svg') no-repeat center; background-size: contain; margin-right: 15px; vertical-align: -12px;}

.dvp-notre-bois .deux-colonnes {display: flex; flex-wrap: nowrap; gap: 130px;}
.dvp-notre-bois .deux-colonnes .col1 {flex: 1.3;}
.dvp-notre-bois .deux-colonnes .col1 p {padding-bottom: 1.8rem; line-height: 1.7;}
.dvp-notre-bois .deux-colonnes .col2 {flex: 1; padding-top: 20px;}
.dvp-notre-bois .deux-colonnes .col2 .cadre {flex: 1; width: 100%; text-align: center; display: inline-block; border: 1px solid white; border-radius: 15px; color: white; padding: 1.4rem 1.3rem; background: rgba(255, 255, 255, 0.2); backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px);}
.dvp-notre-bois .deux-colonnes .col2 .cadre .titre {font-size: 2.7rem; font-weight: 600;}
.dvp-notre-bois .deux-colonnes .col2 .cadre .sous-titre {font-size: 1rem; color: #c0fed6;}
.dvp-notre-bois .deux-colonnes .col2 .deux-colonnes2 {display: flex; flex-wrap: nowrap; gap: 30px; padding-bottom: 30px;}

.dvp-notre-bois .cadre2 {max-width: 850px; padding-top: 20px;}
.dvp-notre-bois .cadre2 span {display: block; font-size: 1.12rem; font-weight: 400; border: 1px solid white; border-radius: 15px; color: white;  padding: 1.1rem 1.3rem 1.1rem 5.9rem; background: rgba(255, 255, 255, 0.2); backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px);}
.dvp-notre-bois .cadre2 span::before {content: ""; position: absolute; left: 1.8rem; top: 50%; transform: translateY(-50%); width: 45px; height: 45px; background: url('/img/icone-ecologie.svg') no-repeat center; background-size: contain;}

.dvp-politique {text-align: center; padding-top: 20px;}
.dvp-politique .deux-colonnes {text-align: left; display: flex; flex-wrap: nowrap; gap: 60px; padding-top: 30px; padding-bottom: 50px;}
.dvp-politique h3 {font-weight: 600; font-size: 1.4rem; line-height: 1; padding-bottom: 10px;}
.dvp-politique .deux-colonnes .col1 {flex: 1;}
.dvp-politique .deux-colonnes .col1 img {width: 100%; border-radius: 15px;}
.dvp-politique .deux-colonnes .col2 {flex: 2; padding-top: 15px;}
.dvp-politique .deux-colonnes .col2 .icone-texte {display: flex; flex-wrap: nowrap; gap: 25px; padding-bottom: 45px;}
.dvp-politique .deux-colonnes .col2 .icone-texte .icone {flex: 0 0 65px; background-color: var(--primary-color); border-radius: 15px; width: 65px; height: 65px; text-align: center; display: flex; align-items: anchor-center; justify-content: center;}
.dvp-politique .deux-colonnes .col2 .desc {background-color: var(--light-bg); border-radius: 15px; border-left: 4px solid var(--primary-color); padding: 1rem 1.3rem;}

.dvp-dechets {background-color: var(--light-bg); text-align: center; padding-bottom: 30px;}
.dvp-dechets p {max-width: 965px; margin: auto;}
.dvp-dechets h3 {font-weight: 600; font-size: 1.4rem; line-height: 1; padding-bottom: 10px;}
.dvp-dechets .deux-colonnes {text-align: left; display: flex; flex-wrap: nowrap; gap: 60px; padding-top: 55px; padding-bottom: 40px;}
.dvp-dechets .deux-colonnes .col1 {flex: 1;}
.dvp-dechets .deux-colonnes .col1 .bloc {background-color: white; border-radius: 15px; margin-bottom: 25px; border-left: 4px solid var(--primary-color); padding: 1.3rem 1.3rem;}
.dvp-dechets .deux-colonnes .col2 {flex: 1;}
.dvp-dechets .deux-colonnes .col2 img {width: 100%; border-radius: 15px;}

.dvp-dechets .graphiques {background-color: white; border-radius: 15px; padding: 45px 0 0px;}
.dvp-dechets .graphiques .deux-colonnes2 {display: flex; flex-wrap: nowrap; gap: 0px; padding-top: 55px; padding-bottom: 50px; padding: 50px 50px;}
.dvp-dechets .graphiques .deux-colonnes2 .col1 {flex: 1;}
.dvp-dechets .graphiques .deux-colonnes2 .col2 {flex: 1;}
.dvp-dechets .graphiques .deux-colonnes2 .texte {background-color: #f9f9f9; border-radius: 15px; margin: auto; margin-top: 20px; width: 430px; padding: 1rem; font-size: 1rem;}
.dvp-dechets .graphiques .progress {margin: auto; --size: 200px; --thickness: 22px; --value: 100;  width: var(--size); height: var(--size); border-radius: 50%; background: conic-gradient(var(--primary-color) calc(var(--value) * 1%), #e0e0e0 0); display: flex; align-items: center; justify-content: center;}
.dvp-dechets .graphiques .inner {width: calc(var(--size) - var(--thickness) * 2); height: calc(var(--size) - var(--thickness) * 2); background: white; border-radius: 50%; display: flex; flex-direction: column; align-items: center; justify-content: center; font-weight: 500; font-size: 3.2rem; font-family: 'Rubik'; line-height: 1;}
.dvp-dechets .graphiques .inner .desc {display: block; font-size: 1rem; color: #727272; padding-top: 5px;}


.ecv-recrute-hero {background-image: url('/img/fond-ecv-recrute.jpg');}

.ecvr-nos-valeurs h3 {font-weight: 600; font-size: 1.4rem; line-height: 1; padding-bottom: 10px;}

.ecvr-nos-valeurs {color: white; font-weight: 300; padding: 10px 0 30px; background-image: url("/img/fond-nos-valeurs.jpg"); background-repeat: no-repeat; background-size: cover;}
.ecvr-nos-valeurs h2 {color: white;}
.ecvr-nos-valeurs h2::after {content: none;}
.ecvr-nos-valeurs h2::before {content: ""; display: inline-block; width: 45px; height: 45px; background: url('/img/icone-poignee-de-main.svg') no-repeat center; background-size: contain; margin-right: 15px; vertical-align: -12px;}

.ecvr-nos-valeurs .deux-colonnes {display: flex; flex-wrap: nowrap; gap: 50px;}
.ecvr-nos-valeurs .deux-colonnes .col1 {flex: 1.8;}
.ecvr-nos-valeurs .deux-colonnes .col1 p {padding-bottom: 1.8rem; line-height: 1.5;}
.ecvr-nos-valeurs .deux-colonnes .col2 {flex: 1; padding-top: 40px;}
.ecvr-nos-valeurs .deux-colonnes .col2 .cadre {flex: 1; width: 100%; text-align: center; display: inline-block; border: 1px solid white; border-radius: 15px; color: white; padding: 1.4rem 1.3rem; background: rgba(255, 255, 255, 0.2); backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px);}
.ecvr-nos-valeurs .deux-colonnes .col2 .cadre .titre {font-size: 2.7rem; font-weight: 600;}
.ecvr-nos-valeurs .deux-colonnes .col2 .cadre .sous-titre {font-size: 1rem; color: #c0fed6;}
.ecvr-nos-valeurs .deux-colonnes .col2 .deux-colonnes2 {display: flex; flex-wrap: nowrap; gap: 30px; padding-bottom: 30px;}

.ecvr-nos-valeurs .deux-colonnes .col1 .bloc {display: flex; flex-wrap: nowrap; gap: 25px;}
.ecvr-nos-valeurs .deux-colonnes .col1 .bloc .icone {flex: 0 0 60px; background-color: var(--primary-color); border-radius: 15px; width: 60px; height: 60px; text-align: center; display: flex; align-items: anchor-center; justify-content: center;}

.ecvr-nos-valeurs .deux-colonnes .blocs {display: flex; flex-wrap: wrap; gap: 60px; row-gap: 0px; padding-top: 20px;}
.ecvr-nos-valeurs .deux-colonnes .bloc {flex: 0 0 calc(50% - 30px);}
.ecvr-nos-valeurs .deux-colonnes .bloc:nth-child(3) {flex: 0 0 100%;}

.ecvr-formulaire {padding: 20px 0 70px;}
.ecvr-formulaire .contenu {max-width: 1200px;}
.ecvr-formulaire .deux-colonnes {display: flex; flex-wrap: nowrap; gap: 160px;}
.ecvr-formulaire .deux-colonnes .col1 {flex: 1.2;}
.ecvr-formulaire .deux-colonnes .col2 {flex: 1;}
.ecvr-formulaire .deux-colonnes .col2 img {width: 100%; border-radius: 15px;}

.espace-client-hero {background-image: url('/img/fond-espace-client.jpg');}

.nos-produits-hero {background-image: url('/img/fond-nos-produits.jpg');}


.about-hero {background-image: url('/img/fond-la-societe.jpg');}
.about-hero h1 {font-size: 2.8rem; line-height: 1.5;}

.about-story h2 {margin-bottom: 40px;}

.about-story {text-align: center; padding: 30px 0 25px;}
.about-story .contenu {max-width: 1480px;}
.about-story .contenu p {padding-bottom: 2.2rem; line-height: 1.8; font-size: 1.1rem;}
.about-story .contenu .pspecial {font-size: 21px; color: var(--color4);}
.about-story .contenu .pspecial b {font-weight: 700;}

.about-story .blocs {display: flex; gap: 65px;}
.about-story .blocs img {width: 100%; border-radius: 15px;}
.about-story .blocs .bloc1 {flex: 1;}
.about-story .blocs .bloc2 {flex: 2;}
.about-story .blocs .bloc3 {flex: 1;}

.about-citation {background-color: var(--light-bg); color: var(--primary-color); padding: 5px 0;}
.about-citation .blocs {display: flex; gap: 65px; justify-content: center; align-items: center; text-align: center;}
.about-citation .blocs img {width: 100%;}
.about-citation .blocs .bloc1 {flex: 1;}
.about-citation .blocs .bloc2 {flex: 12; font-size: 1.5rem; font-weight: 700; font-style: italic;}
.about-citation .blocs .bloc3 {flex: 1;}

.about-societe {text-align: center; padding: 20px 0 10px;}
.about-societe h2 {padding-bottom: 1.4rem;}
.about-societe .contenu {max-width: 1180px;}
.about-societe .contenu p {padding-bottom: 1.4rem;}

.about-photos {max-width: 1450px; margin: auto; display: grid; grid-template-columns: repeat(4, 1fr); gap: 15px; justify-items: center; padding-bottom: 75px;}
.about-photos img {width: 100%; max-width: 350px; height: auto; display: block; border-radius: 4px;}

.about-chiffres {text-align: center; background-color: var(--light-bg); padding-bottom: 25px;}
.about-chiffres .blocs {display: flex;}
.about-chiffres .blocs .bloc {flex: 1;}
.about-chiffres .blocs .bloc .titre {font-size: 3.5rem; color: var(--primary-color); font-weight: 600; font-family: 'Rubik';}
.about-chiffres .blocs .bloc .texte {font-weight: 500;}