: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 Light */
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 300;
  src: url('/fonts/poppins-300-italic.woff2') format('woff2');
  font-display: swap;
}
/* latin Regular */
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 400;
  src: url('/fonts/poppins-400-italic.woff2') format('woff2');
  font-display: swap;
}
/* latin Medium */
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 500;
  src: url('/fonts/poppins-500-italic.woff2') format('woff2');
  font-display: swap;
}
/* latin Semi Bold */
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 600;
  src: url('/fonts/poppins-600-italic.woff2') format('woff2');
  font-display: swap;
}
/* latin Bold */
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 700;
  src: url('/fonts/poppins-700-italic.woff2') format('woff2');
  font-display: swap;
}


/* latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 300;
  src: url('/fonts/poppins-300-normal.woff2') format('woff2');
  font-display: swap;
}
/* latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  src: url('/fonts/poppins-400-normal.woff2') format('woff2');
  font-display: swap;
}
/* latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 500;
  src: url('/fonts/poppins-500-normal.woff2') format('woff2');
  font-display: swap;
}
/* latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 600;
  src: url('/fonts/poppins-600-normal.woff2') format('woff2');
  font-display: swap;
}
/* latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 700;
  src: url('/fonts/poppins-700-normal.woff2') format('woff2');
  font-display: swap;
}


/* latin */
@font-face {
  font-family: 'Rubik';
  font-style: italic;
  font-weight: 300 900;
  font-display: swap;
  src: url('/fonts/rubik-variant-italic.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('/fonts/rubik-variant-normal.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 {-webkit-tap-highlight-color: transparent;}

a.bouton-diapo {display: inline-block; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08); 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: -4px; 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; padding: 0 25px;}
.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: 2.65rem;}
.slideshow .texte .titre2 {margin-bottom: 2rem;}
.slideshow .texte .titre2 span {display: inline-block; text-transform: uppercase; color: var(--color3); font-weight: 500; font-size: 1.4rem; 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; padding-bottom: 1.3rem; max-width: 1150px; margin: auto;}
.trois-colonnes {background-color: var(--white); text-align: center; padding-bottom: 15px; padding-top: 5px;}
.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;}
.colonnes-container-full .tit-cagette {font-size: 1.8rem;}

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

.services-container {display: flex; justify-content: space-between; flex-wrap: wrap; padding: 30px 0;}
.service {flex: 1; min-width: 250px; padding: 0 35px; text-align: center; border-right: 3px solid white;}
.service:last-child {border-right: none; padding-right: 0}
.service:first-child {padding-left: 0}
.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; max-width: 1200px; margin: auto;}
.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-engagement .deux-colonnes {display: flex; flex-wrap: nowrap; gap: 130px;}
.dvp-engagement .deux-colonnes .col1 {flex: 1.5;}
.dvp-engagement .deux-colonnes .col2 {flex: 1;}

.dvp-engagement ul, .dvp-engagement2 ul {list-style: none; padding: 0; margin: 0 0 20px; text-align: center;}
.dvp-engagement ul li, .dvp-engagement2 ul li {position: relative; padding-left: 20px; margin-bottom: 8px; display: inline-block; text-align: left;}
.dvp-engagement ul li::before, .dvp-engagement2 ul li::before {content: ""; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 10px; height: 10px; background-image: url("/img/rond.svg"); background-size: contain; background-repeat: no-repeat;}

.dvp-engagement2 {text-align: center; background-color: var(--light-bg);}
.dvp-engagement2 .contenu {max-width: 1000px;}
.dvp-engagement2 .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.4rem; 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.2rem 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 .graphiques p {padding: 0 20px;}
.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: 100%; max-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.1rem 1.3rem; background: rgba(255, 255, 255, 0.2); backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px);
display: flex; flex-direction: column;  align-items: center; justify-content: center;}
.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');}


.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-societe .deux-colonnes {display: flex; flex-wrap: nowrap; gap: 60px; padding-bottom: 15px; padding-top: 15px;}
.about-societe .deux-colonnes .col1 {flex: 1;}
.about-societe .deux-colonnes .col2 {flex: 1;}

.about-societe ul {list-style: none; padding: 0; margin: 0 0 20px; display: flex; flex-direction: column; align-items: center; gap: 8px;}
.about-societe ul li {display: flex; align-items: center; gap: 10px; line-height: 1.3;}
.about-societe ul li::before {content: ""; width: 10px; height: 10px; background: url("/img/rond.svg") no-repeat center; background-size: contain; flex-shrink: 0;}

.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 .blocs2 {padding-top: 30px; justify-content: center;}
.about-chiffres .blocs2 .bloc {max-width: 330px;}
.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;}


#produit-cagette {scroll-margin-top: 40px;}
#produit-bins {scroll-margin-top: 20px;}
#produit-bois-energie {scroll-margin-top: 20px;}

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

.nos-produits-hero .contenu {padding-bottom: 120px;}
.nos-produits-hero .lien-produits {display: flex; justify-content: center; align-items: center; gap: 30px; position: absolute; bottom: 0; background-color: rgba(255, 255, 255, 0.8); width: 100%; padding: 12px 20px;}
.nos-produits-hero .lien-produits a {position: relative; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08); background-color: white; transition: 0.3s ease; color: var(--text-color); text-decoration: none; border-radius: 10px; padding: 10px 18px 10px 68px; text-transform: uppercase; font-weight: 500;}
.nos-produits-hero .lien-produits a:hover {color: white; background-color: var(--primary-color);}
.lien-produits a::before {content: ""; position: absolute; left: 13px; top: 50%; transform: translateY(-50%); width: 45px; height: 45px; background-size: contain; background-repeat: no-repeat; background-position: center;}
.cagettes::before {background-image: url("/img/cagette.svg"); transition: 0.3s ease;}
.bins::before {background-image: url("/img/bins.svg"); transition: 0.3s ease;}
.palettes::before {background-image: url("/img/palette.svg"); transition: 0.3s ease;}
.derives::before {background-image: url("/img/plaquette.svg"); transition: 0.3s ease;}
.cagettes:hover::before {background-image: url("/img/cagette-hover.svg");}
.bins:hover::before {background-image: url("/img/bins-hover.svg");}
.palettes:hover::before {background-image: url("/img/palette-hover.svg");}
.derives:hover::before {background-image: url("/img/plaquette-hover.svg");}

.prods-cagette {text-align: center;}
.prods-cagette .contenu1 {max-width: 1100px;}
.prods-cagette .contenu1 p {padding-bottom: 1.5rem; line-height: 1.7; font-size: 1.1rem;}

.prods-dimensions {background-color: var(--light-bg); padding: 60px 20px;}

.dimensions {display: flex; gap: 25px; margin: auto; justify-content: center;}

.dimensions .dim {box-shadow: 0 0 12px rgba(0, 0, 0, 0.08); background-color: white; border-radius: 15px; max-width: 270px; min-width: 260px;}
.dimensions .dim .titre {color: white; background-color: var(--primary-color); border-radius: 15px 15px 0 0; padding: 10px 15px; font-size: 1.2rem; text-align: center;}
.dimensions .dim .ss-titre {color: var(--color3); font-style: italic; text-align: center; font-weight: 500; font-size: 1rem; padding: 15px 10px 4px;}

.dimensions .dim .ss-titre2 {padding: 10px 20px 0px; text-align: center; border-top: 1px solid #f4f4f4; color: var(--color3); font-style: italic; font-weight: 500; font-size: 1rem;}

.dimensions .dim .liste {height: 130px;}
.dimensions .dim .liste ul {list-style: none; padding: 0; margin: 0; display: flex; flex-wrap: wrap; gap: 8px; padding: 10px 10px 22px;}
.dimensions .dim .liste ul li {background-color: #f4f4f4; border: 1px solid #dfdfdf; font-weight: 600; padding: 3px 5px; border-radius: 5px; display: inline-block; font-size: 14px;}

.dimensions .dim .liste2 ul {list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: repeat(2, 1fr); gap: 0; padding: 10px 10px;}
.dimensions .dim .liste2 ul li {position: relative; text-transform: uppercase; padding: 0px 10px 0px 33px; border-radius: 5px; display: flex; align-items: center; font-size: 0.95rem;}
.dimensions .dim .liste2 ul li::before {content: ""; position: absolute; left: 10px; width: 17px; height: 19px; background-image: url('/img/icone-cagette.svg'); background-size: contain; background-repeat: no-repeat; bottom: 0;}

.dimensions .dim .liste-ne {text-align: center; padding: 0 15px; font-style: italic; font-size: 0.85rem;}

.prods-cagette-conception .contenu {padding-bottom: 0;}
.prods-cagette-conception .deux-colonnes {text-align: left; display: flex; flex-wrap: nowrap; gap: 60px; padding-bottom: 50px; align-items: center;}
.prods-cagette-conception .deux-colonnes .col1 {flex: 1; padding-top: 30px;}
.prods-cagette-conception .deux-colonnes .col1 img {width: 100%; border-radius: 15px;}
.prods-cagette-conception .deux-colonnes .col2 {flex: 1.62; padding-top: 20px;}
.prods-cagette-conception .deux-colonnes .col2 h3 {text-transform: uppercase; font-weight: 500; font-size: 1.65rem; font-family: 'Rubik';}
.prods-cagette-conception .deux-colonnes .col2 p {padding-bottom: 1.2rem; line-height: 1.5;}
.prods-cagette-conception .deux-colonnes .col2 .trait {display: block; height: 4px; width: 35px; background-color: #84ce9e; margin-top: 5px; margin-bottom: 35px;}

.prods-cagette-conception ul, .prods-cagette-sur-mesure ul.points {list-style: none; padding: 0; margin: 0 0 20px;}
.prods-cagette-conception ul li, .prods-cagette-sur-mesure ul.points li {position: relative; padding-left: 20px; margin-bottom: 8px; text-align: left;}
.prods-cagette-conception ul li::before, .prods-cagette-sur-mesure ul.points li::before {content: ""; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 10px; height: 10px; background-image: url("/img/rond.svg"); background-size: contain; background-repeat: no-repeat;}

.prods-cagette-sur-mesure {background-color: var(--light-bg);}
.prods-cagette-sur-mesure .contenu {padding-bottom: 0;}
.prods-cagette-sur-mesure .deux-colonnes {text-align: left; display: flex; flex-wrap: nowrap; gap: 60px; padding-bottom: 50px;}
.prods-cagette-sur-mesure .deux-colonnes .col1 {flex: 1.1; padding-top: 20px;}
.prods-cagette-sur-mesure .deux-colonnes .col1 h3 {text-transform: uppercase; font-weight: 500; font-size: 1.65rem; font-family: 'Rubik';}
.prods-cagette-sur-mesure .deux-colonnes .col1 p {padding-bottom: 1.2rem; line-height: 1.5;}
.prods-cagette-sur-mesure .deux-colonnes .col1 .trait {display: block; height: 4px; width: 35px; background-color: #84ce9e; margin-top: 5px; margin-bottom: 35px;}
.prods-cagette-sur-mesure .deux-colonnes .col1 .icones {text-align: center; padding-top: 30px;}
.prods-cagette-sur-mesure .deux-colonnes .col1 .icones ul {list-style-type: none; display: flex; gap: 25px; flex-wrap: nowrap; align-items: center;}
.prods-cagette-sur-mesure .deux-colonnes .col1 .icones ul li {width: 22%;}
.prods-cagette-sur-mesure .deux-colonnes .col1 .icones ul li .titre {font-weight: 600; font-size: 1.1rem; line-height: 1.5;}
.prods-cagette-sur-mesure .deux-colonnes .col1 .icones img {width: 85px;}
.prods-cagette-sur-mesure .deux-colonnes .col2 {flex: 1;}
.prods-cagette-sur-mesure .deux-colonnes .col2 img {width: 100%;}

.prods-cagette-desc {color: white; font-weight: 300; padding: 35px 0 70px; background-image: url(/img/fond-cagettes-description.jpg); background-repeat: no-repeat; background-size: cover;}
.prods-cagette-desc .contenu {padding-bottom: 0; padding-top: 10px;}
.prods-cagette-desc .trois-colonnes {text-align: center; display: flex; flex-wrap: nowrap; gap: 0; padding-bottom: 0; padding-top: 0; background-color: inherit;}
.prods-cagette-desc .trois-colonnes .col1 {flex: 1; padding: 0 30px 0 10px;}
.prods-cagette-desc .trois-colonnes .col2 {flex: 1; padding: 0 60px;}
.prods-cagette-desc .trois-colonnes .col3 {flex: 1; padding: 0 10px 0 40px;}
.prods-cagette-desc .trois-colonnes h3 {text-transform: uppercase; font-weight: 500; font-size: 1.8rem; font-family: 'Rubik'; padding-bottom: 1.3rem;}
.prods-cagette-desc .trois-colonnes h4 {font-weight: 500; font-size: 1.3rem; padding-bottom: 0.4rem;}
.prods-cagette-desc .trois-colonnes p {padding-bottom: 1.3rem; line-height: 1.4;}
.prods-cagette-desc .trois-colonnes .col2 p {padding-bottom: 1.5rem; line-height: 1.8;}
.prods-cagette-desc .trois-colonnes .col2 h3 {padding-bottom: 1.9rem;}
.prods-cagette-desc .trois-colonnes .col2 {border-left: 1px solid #ffffffb8; border-right: 1px solid #ffffffb8;}
.prods-cagette-desc .trois-colonnes .col3 p {padding-bottom: 1.5rem; line-height: 1.8;}
.prods-cagette-desc .trois-colonnes .col3 h3 {padding-bottom: 1.9rem;}

.prods-bins {text-align: center; padding-top: 20px;}
.prods-bins .contenu p {padding-bottom: 1.5rem; line-height: 1.7; font-size: 1.1rem; max-width: 1100px; margin: auto;}
.prods-bins .deux-colonnes p {padding-bottom: 2.2rem; line-height: 1.8;}
.prods-bins .deux-colonnes {text-align: left; display: flex; flex-wrap: nowrap; gap: 60px; padding-top: 30px; padding-bottom: 50px;}
.prods-bins h3 {font-weight: 600; font-size: 1.4rem; line-height: 1; padding-bottom: 10px;}
.prods-bins .deux-colonnes .col1 {flex: 1;}
.prods-bins .deux-colonnes .col1 img {width: 100%; border-radius: 15px;}
.prods-bins .deux-colonnes .col2 {flex: 2; padding-top: 60px;}
.prods-bins .deux-colonnes .col2 .icone-texte {display: flex; flex-wrap: nowrap; gap: 25px; padding-bottom: 10px;}
.prods-bins .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;}
.prods-bins .deux-colonnes .col2 .desc {background-color: var(--light-bg); border-radius: 15px; border-left: 4px solid var(--primary-color); padding: 1rem 1.3rem;}

.prods-palettes {text-align: center; padding-top: 20px; background-color: var(--light-bg);}
.prods-palettes .contenu p {padding-bottom: 1.5rem; line-height: 1.7; font-size: 1.1rem; max-width: 1100px; margin: auto;}
.prods-palettes .deux-colonnes p {padding-bottom: 2.2rem; line-height: 1.8;}
.prods-palettes .deux-colonnes {text-align: left; display: flex; flex-wrap: nowrap; gap: 60px; padding-top: 30px; padding-bottom: 50px;}
.prods-palettes h3 {font-weight: 600; font-size: 1.4rem; line-height: 1; padding-bottom: 10px;}
.prods-palettes .deux-colonnes .col1 {flex: 1;}
.prods-palettes .deux-colonnes .col1 img {width: 100%; border-radius: 15px;}
.prods-palettes .deux-colonnes .col2 {flex: 2; padding-top: 60px;}
.prods-palettes .deux-colonnes .col2 .icone-texte {display: flex; flex-wrap: nowrap; gap: 25px; padding-bottom: 10px;}
.prods-palettes .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;}
.prods-palettes .deux-colonnes .col2 .desc {background-color: white; border-radius: 15px; border-left: 4px solid var(--primary-color); padding: 1rem 1.3rem;}

.prods-derives {text-align: center; padding-top: 20px;}
.prods-derives .contenu p {padding-bottom: 1.1rem; line-height: 1.7; font-size: 1.1rem; max-width: 1100px; margin: auto;}
.prods-derives .deux-colonnes p {padding-bottom: 1.1rem;}
.prods-derives .deux-colonnes {text-align: left; display: flex; flex-wrap: nowrap; gap: 60px; padding-top: 40px; padding-bottom: 50px;}
.prods-derives h3 {font-weight: 600; font-size: 1.4rem; line-height: 1; padding-bottom: 10px;}
.prods-derives .deux-colonnes .col1 {flex: 1;}
.prods-derives .deux-colonnes .col1 img {width: 100%; border-radius: 15px;}
.prods-derives .deux-colonnes .col2 {flex: 2; padding-top: 15px;}
.prods-derives .deux-colonnes .col2 .icone-texte {display: flex; flex-wrap: nowrap; gap: 25px; padding-bottom: 25px;}
.prods-derives .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;}
.prods-derives .trait {display: block; height: 4px; width: 35px; background-color: #84ce9e; margin-top: 2px; margin-bottom: 15px;}

.erreur-form {font-size: 18px; color: #E20B08; font-weight: 500; padding-left: 10px; padding-bottom: 10px; text-align: center;}
.valid-form1 {color: green; font-weight: 500; padding-left: 10px; padding-bottom: 15px; padding-top: 20px; text-align: center; font-size: 22px;}
.valid-form2 {text-align: center; font-size: 16px; padding-bottom: 40px;}


.disp-br, .disp-br2 {display: none;}



@media screen and (max-width: 1500px) {
	.dimensions {justify-content: left;}
    .prods-dimensions { overflow-y: scroll; }
}

/* === Masquer numéro de téléphone sur écran ≤1300px === */
@media screen and (max-width: 1300px) {
    .li-tel { display: none; }
}

/* === Responsive général ≤1200px === */
@media screen and (max-width: 1200px) {

	.about-story {padding-top: 0;}
	
    /* About Story : blocs et images */
    .about-story .blocs {display: grid; grid-template-columns: repeat(2, 1fr); grid-template-rows: auto auto; gap: 20px; justify-items: center;}
    .about-story .blocs .bloc2 { grid-column: 1 / -1; order: 0; }
    .about-story .blocs .bloc1 { grid-column: 1 / 2; order: 1; flex: 1 1 48%; display: inline-block; }
    .about-story .blocs .bloc3 { grid-column: 2 / 3; order: 1; flex: 1 1 48%; display: inline-block; }
    .about-story .blocs img { max-width: 400px; height: auto; border-radius: 15px; }
    .about-story .blocs { justify-content: center; flex-wrap: wrap; }

    
}

/* --- Ajustements intermédiaires --- */
@media screen and (max-width: 1150px) { .disp-br { display: inline; } }
@media screen and (max-width: 1070px) { nav ul.desktop-menu { gap: 22px; } }

/* === Tablette ≤1024px === */
@media screen and (max-width: 1024px) {
    .contenu { padding: 0 20px; }
    h2 { font-size: 2.1rem; }
    .slideshow .texte .titre1 span { font-size: 2rem; }
    .slideshow .texte .titre2 span { font-size: 1.1rem; padding: 0.5rem 1rem; }
    .colonne-full { flex: 1 1 48%; max-width: 48%; }
    .service { flex: 1 1 45%; border-right: none; padding: 20px; }
    .services-container { justify-content: center; gap: 30px; }
    .footer-main { gap: 3rem; }
    .footer-column { flex: 1 1 45%; }
    
    .li-tel {display: block;}
    nav a.tel::before {width: 1.2em; height: 1.2em;}
    
    
    /* Nos Produits : colonnes */
    .deux-colonnes, .trois-colonnes { flex-direction: column; align-items: center; }
    .deux-colonnes .col1, .deux-colonnes .col2, .trois-colonnes .col { flex: 1 1 100%; }
    .prods-cagette-conception .deux-colonnes .col1,
    .prods-cagette-sur-mesure .deux-colonnes .col1,
    .prods-bins .deux-colonnes .col1,
    .prods-palettes .deux-colonnes .col1,
    .prods-derives .deux-colonnes .col1 { order: 0; }
    .prods-cagette-conception .deux-colonnes .col2,
    .prods-cagette-sur-mesure .deux-colonnes .col2,
    .prods-bins .deux-colonnes .col2,
    .prods-palettes .deux-colonnes .col2,
    .prods-derives .deux-colonnes .col2 { order: 1; }
    .trois-colonnes .col { margin-bottom: 20px; }
    .about-societe .deux-colonnes {gap: 25px;}
    
    .prods-cagette-conception .deux-colonnes {gap: 20px;}
    .prods-cagette-conception .deux-colonnes img {max-width: 400px;}
    .prods-cagette-conception .deux-colonnes .col2 {text-align: center;}
    .prods-cagette-conception .deux-colonnes .col2 .trait {margin-left: auto; margin-right: auto;}
    .prods-cagette-conception ul, .prods-cagette-sur-mesure ul.points {list-style: disc inside;}
    .prods-cagette-conception ul li, .prods-cagette-sur-mesure ul.points li {text-align: center;}
    .prods-cagette-conception ul li::marker, .prods-cagette-sur-mesure ul.points li::marker {color: var(--primary-color); font-size: 1em; font-weight: bold;}
    .prods-cagette-conception ul li::before, .prods-cagette-sur-mesure ul.points li::before {content: none;}
    
    .prods-cagette-sur-mesure .deux-colonnes .col1 {text-align: center;}
    .prods-cagette-sur-mesure .deux-colonnes .col1 .trait {margin-left: auto; margin-right: auto;}
    
    .prods-cagette-sur-mesure .deux-colonnes .col2 img {max-width: 400px;}
    
    .prods-cagette-desc {padding: 40px 0;}
    .prods-cagette-desc .trois-colonnes {gap: 15px;}
    .prods-cagette-desc .trois-colonnes .col2 {border: none; padding: 0;}
    .prods-cagette-desc .trois-colonnes .col1 {padding: 0;}
    .prods-cagette-desc .trois-colonnes .col3 {padding: 0;}
    
    .prods-bins .deux-colonnes {gap: 0px;}
    .prods-bins .deux-colonnes .col1 img {max-width: 250px;}
    
    .prods-palettes .deux-colonnes {gap: 0px;}
    .prods-palettes .deux-colonnes .col1 img  {max-width: 250px;}
    
    .prods-derives .deux-colonnes {gap: 0px;}
    .prods-derives .deux-colonnes .col1 img  {max-width: 250px;}
    
    .dvp-engagement ul, .dvp-engagement2 ul {list-style: disc inside;}
    .dvp-engagement ul li, .dvp-engagement2 ul li {display: list-item; text-align: center;}
    .dvp-engagement ul li::before, .dvp-engagement2 ul li::before {content: none;}
    .dvp-engagement ul li::marker, .dvp-engagement2 ul li::marker {color: var(--primary-color); font-size: 1em; font-weight: bold;}
    
    .dvp-engagement .deux-colonnes {gap: 45px;}
    .dvp-engagement .deux-colonnes .col2 img {width: 100%; max-width: 350px;}
    
    .dvp-notre-bois {padding: 5px 0 20px;}
    .dvp-notre-bois .deux-colonnes {gap: 15px;}
    .dvp-notre-bois .deux-colonnes .col1 {text-align: center;}
    .dvp-notre-bois .deux-colonnes .col2 {width: 100%; max-width: 500px;}
    .dvp-notre-bois .cadre2 {padding-top: 50px; margin: auto;}
    
    .dvp-politique .deux-colonnes {gap: 20px;}
    .dvp-politique .deux-colonnes .col1 img {max-width: 250px;}
    
    .dvp-dechets .deux-colonnes .col2 img {width: 100%; max-width: 500px;}
    
    .ecvr-nos-valeurs .deux-colonnes {gap: 0;}
    .ecvr-nos-valeurs .deux-colonnes .col2 {width: 100%; max-width: 500px;}
    
    .contact-grid {flex-direction: column; max-width: 700px; gap: 80px;}
    
    .dvp-engagement ul li, .dvp-engagement2 ul li {padding-left: 0;}
    .prods-cagette-conception ul li, .prods-cagette-sur-mesure ul.points li {padding-left: 0;}
    
    .ecvr-formulaire img {max-width: 500px;}
}

/* === Responsive ≤992px === */
@media screen and (max-width: 992px) {
    .hero-all-pages h1 { font-size: 2.1rem; line-height: 1.3; }
    .hero-all-pages p { font-size: 1.1rem; }
    .about-photos { grid-template-columns: repeat(2, 1fr); }
    .about-chiffres .blocs .bloc,
    .about-chiffres .blocs2 .bloc { flex: 1 1 100%; }
    
    .nos-produits-hero .lien-produits {flex-wrap: wrap; gap: 15px; padding: 12px 10px;}
    .nos-produits-hero .lien-produits a {font-size: 15px;}
    .lien-produits a::before {width: 35px; height: 35px;}
    
    .prods-cagette-sur-mesure .deux-colonnes .col1 .icones ul {flex-wrap: wrap; gap: 15px; justify-content: center;}
    
    
    .dvp-dechets .graphiques .deux-colonnes2 {flex-wrap: wrap; gap: 60px;}
    
    .prods-cagette-conception .deux-colonnes .col2 h3, .prods-cagette-sur-mesure .deux-colonnes .col1 h3 {line-height: 1.3;}
}

/* === Mobile ≤768px === */
@media screen and (max-width: 768px) {

	h2 {line-height: 1.2; font-size: 2rem;}
	
	.about-chiffres .blocs .bloc .titre {font-size: 3rem;}
	
	.prods-cagette-conception .deux-colonnes .col2 h3, .prods-cagette-sur-mesure .deux-colonnes .col1 h3 {font-size: 1.55rem;}
	.prods-cagette-desc .trois-colonnes h3 {font-size: 1.7rem;}
	
    header { height: auto; padding: 0.6rem 0; }
    header .contenu .logo img { width: 160px; }
    header .contenu .logo .facebook img {width: 22px;}
    header .contenu .logo .facebook {right: -25px;}

    .slideshow .texte .titre1 span { font-size: 1.8rem; line-height: 1.3; }
    .slideshow .texte .titre2 span { padding: 0.4rem 0.8rem; }
    .slideshow .fleche-diaporama { display: none; }
    
    .slideshow .texte {top: 48%;}

    .colonnes-container-full { flex-direction: column; gap: 20px; padding-bottom: 40px; }
    .colonne-full { flex: 1 1 100%; max-width: 100%; }
    .colonne-full h3 { font-size: 1.8rem; padding: 0.8rem 0; }
    .colonnes-container-full .tit-cagette { font-size: 1.5rem; }

    .services-container { flex-direction: column; gap: 30px; padding: 20px 0; }
    .service { min-width: auto; padding: 0; border-right: none; }


    .footer-logo { text-align: center; }
    .footer-main { flex-direction: column; gap: 2rem; }
    .footer-column { min-width: 100%; }
    .footer-column p { text-align: center; }
    .footer-bottom { font-size: 0.80rem; padding: 5px 20px; }

    .contact-info li, .contact-info li a { justify-content: center; gap: 0; }
    .contact-info .icon img { width: 32px; }
    .disp-br { display: inline; }

    .footer-links { text-align: center; padding-bottom: 25px; }

	
	
    .about-hero .contenu { padding-left: 20px; text-align: center; }

    .about-photos { grid-template-columns: 1fr; gap: 15px; padding-bottom: 50px; }
    .about-citation .blocs { flex-direction: column; gap: 25px; }
    .about-societe .deux-colonnes, .about-story .blocs { flex-direction: column; }
    .about-societe ul { gap: 5px; }
    .about-chiffres .blocs, .about-chiffres .blocs2 { flex-direction: column; gap: 15px; align-items: center;}
    .about-chiffres .blocs2 {padding-top: 10px;}
    .about-story .contenu .pspecial { font-size: 19px; }
    .about-citation .blocs img { width: 60px; }
 	
 	
 	.nos-produits-hero .contenu {text-align: center; padding-left: 20px; padding-right: 20px; padding-bottom: 215px;}
 	.nos-produits-hero .lien-produits a {flex: 0 0 calc(50% - 15px);}
 	
 	.prods-cagette-sur-mesure .deux-colonnes .col1 .icones ul {gap: 25px;}
 	.prods-cagette-sur-mesure .deux-colonnes .col1 .icones ul li {width: 45%;}
 	
 	
 	.hero-all-pages .contenu {text-align: center; padding-left: 20px;}
 	
 	.dvp-dechets .graphiques .deux-colonnes2 {gap: 35px;}
 	.dvp-dechets .graphiques .deux-colonnes2 .col1 {width: 100%; flex: none;}
 	.dvp-dechets .graphiques .deux-colonnes2 .col2 {width: 100%; flex: none;}
 	
 	.contact-info .icon {width: auto; padding-right: 15px;}
 	
 	.ecvr-nos-valeurs .deux-colonnes {text-align: center;}
 	.ecvr-nos-valeurs .deux-colonnes .blocs {display: block;}
 	.ecvr-nos-valeurs .deux-colonnes .col1 .bloc {display: block;}
 	.ecvr-nos-valeurs .deux-colonnes .col1 .bloc .icone {margin: auto; margin-bottom: 20px;}
 
}

/* === Mobile ≤500px === */
@media screen and (max-width: 500px) {
	.disp-br2 {display: inline;}
	
    .about-story .blocs {display: grid; grid-template-columns: 1fr; grid-template-rows: auto auto auto; gap: 20px; justify-items: center;}
    .about-story .blocs .bloc2 { grid-column: 1 / -1; }
    .about-story .blocs .bloc1 { grid-column: 1 / -1; }
    .about-story .blocs .bloc3 { grid-column: 1 / -1; }
    .about-story .blocs img { max-width: 100%; height: auto; }
    
    .about-societe ul {list-style: disc inside;}
    .about-societe ul li::before {content: none;}
    .about-societe ul li {display: list-item; padding-left: 0; gap: 0;}
    .about-societe ul li::marker {color: var(--primary-color); font-size: 1em; font-weight: bold;}

    .deux-colonnes, .trois-colonnes { flex-direction: column; align-items: center; }
    .deux-colonnes .col1, .deux-colonnes .col2, .trois-colonnes .col { flex: 1 1 100%; }

    .icone-texte { flex-direction: column; align-items: center; text-align: center; }
    .icone-texte .texte h3 { line-height: 1.3; }
    .prods-derives h3 {font-size: 1.4rem !important;}
    .icone-texte .icone { margin-bottom: 10px; }
    
    .lien-produits a::before {left: 8px;}
    .nos-produits-hero .lien-produits {padding: 12px 0px;}
    .nos-produits-hero .lien-produits a {padding: 10px 4px 10px 53px;}
    
    .prods-bins .deux-colonnes .col2 {padding-top: 50px;}
    .prods-bins .deux-colonnes .col2 .icone-texte {gap: 10px;}
    
    .prods-palettes .deux-colonnes .col2 {padding-top: 50px;}
    .prods-palettes .deux-colonnes .col2 .icone-texte {gap: 10px;}
    
    .prods-derives .trait {margin-left: auto; margin-right: auto;}
    .dvp-dechets .graphiques .deux-colonnes2 {padding: 50px 25px;}
    
    .dvp-notre-bois .deux-colonnes .col2 .cadre .titre {font-size: 2.2rem;}
    
    .dvp-notre-bois .cadre2 span {text-align: center; padding: 2.3rem 1.3rem 1rem 1.3rem;}
    .dvp-notre-bois .cadre2 span::before {display: block; margin: auto; position: relative; left: auto; top: auto;}
    
    .dvp-politique .deux-colonnes .col2 .icone-texte {gap: 10px;}
    
    .ecvr-nos-valeurs .deux-colonnes .col2 .cadre .titre {font-size: 2.2rem;}
    
    .about-citation .blocs .bloc2 {font-size: 1.4rem;}
    
    .prods-cagette-sur-mesure .deux-colonnes .col1 .icones ul li .titre {font-size: 1rem;}
    
    .dvp-dechets h3 {line-height: 1.2;}
    
    .developpement-durable-hero h1::before {display: block; margin: auto; margin-bottom: 8px;}
    .developpement-durable-hero .citation {font-size: 1.1rem;}
    .developpement-durable-hero .citation .footer {justify-content: center; font-size: 0.95rem;}
    .developpement-durable-hero .citation .separator {height: 1px;}
    
    .hero-all-pages.developpement-durable-hero .bouton-diapo {display: none;}
    
    .contact-info-box .fond {padding: 15px 20px 30px;}
    
    .contact-grid {padding: 0;}
    .contact-form-box {padding: 15px 20px;}
    .contact-info-box .info-items .info-item .icon {padding-right: 20px;}
}