/* 4Forests | feuille unique du site. Aucun style en ligne dans les pages. */

@font-face{font-family:"Bricolage Grotesque";src:url(/assets/fonts/bricolage-grotesque-latin-400-normal.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Bricolage Grotesque";src:url(/assets/fonts/bricolage-grotesque-latin-600-normal.woff2) format("woff2");font-weight:600;font-display:swap}
@font-face{font-family:"Bricolage Grotesque";src:url(/assets/fonts/bricolage-grotesque-latin-700-normal.woff2) format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:"Bricolage Grotesque";src:url(/assets/fonts/bricolage-grotesque-latin-800-normal.woff2) format("woff2");font-weight:800;font-display:swap}
@font-face{font-family:"Source Serif 4";src:url(/assets/fonts/source-serif-4-latin-400-normal.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Source Serif 4";src:url(/assets/fonts/source-serif-4-latin-400-italic.woff2) format("woff2");font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:"Source Serif 4";src:url(/assets/fonts/source-serif-4-latin-600-normal.woff2) format("woff2");font-weight:600;font-display:swap}
@font-face{font-family:"Source Serif 4";src:url(/assets/fonts/source-serif-4-latin-600-italic.woff2) format("woff2");font-weight:600;font-style:italic;font-display:swap}

:root{
  --papier:#f2f5ee;      /* fond, vert très pâle */
  --carte:#ffffff;
  --encre:#142218;       /* texte */
  --doux:#4a5a4d;        /* texte secondaire */
  --haie:#24583a;        /* vert de haie */
  --haie-fonce:#173d27;
  --pousse:#7fa650;      /* jeune pousse */
  --prunelle:#3e3a6b;    /* baie de prunellier, accent des actions */
  --prunelle-clair:#e6e4f2;
  --terre:#8a6a43;       /* sol, chiffres */
  --champ:#e4e9d6;       /* parcelle */
  --ligne:#cbd5c3;
  --titre:"Bricolage Grotesque",system-ui,sans-serif;
  --texte:"Source Serif 4",Georgia,serif;
  --mesure:68ch;
  --large:1180px;
  --r:6px;
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:5rem}
body{margin:0;background:var(--papier);color:var(--encre);font-family:var(--texte);font-size:1.125rem;line-height:1.65;font-feature-settings:"onum" 0}
img{max-width:100%;height:auto;display:block}
a{color:var(--prunelle);text-underline-offset:.18em;text-decoration-thickness:1px}
a:hover{text-decoration-thickness:2px}
:focus-visible{outline:3px solid var(--prunelle);outline-offset:3px;border-radius:2px}
h1,h2,h3,h4{font-family:var(--titre);line-height:1.12;letter-spacing:-.015em;margin:0 0 .6em;font-weight:700;color:var(--haie-fonce)}
h1{font-size:clamp(2.2rem,5.2vw,3.9rem);font-weight:800;letter-spacing:-.03em}
h2{font-size:clamp(1.6rem,3vw,2.3rem)}
h3{font-size:1.3rem}
h4{font-size:1.08rem}
p,ul,ol{margin:0 0 1.1em}
li{margin-bottom:.35em}
strong{font-weight:600}
hr{border:0;border-top:1px solid var(--ligne);margin:3rem 0}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.saut{position:absolute;left:-999px;top:0;background:var(--prunelle);color:#fff;padding:.6rem 1rem;z-index:50}
.saut:focus{left:1rem;top:1rem}

/* Conteneurs */
.cadre{max-width:var(--large);margin:0 auto;padding:0 1.25rem}
.texte{max-width:var(--mesure)}
.section{padding:4.5rem 0}
.section--blanc{background:var(--carte)}
.section--haie{background:var(--haie-fonce);color:#e9f0e4}
.section--haie h2,.section--haie h3{color:#fff}
.section--haie a{color:#d9d4ff}
.section--haie .btn{background:#fff;color:var(--haie-fonce);border-color:#fff}
.section--haie .btn:hover{background:#e3efd9;border-color:#e3efd9}
.section--etroite{padding:2.5rem 0}

/* En-tete */
.entete{position:sticky;top:0;z-index:20;background:rgba(242,245,238,.94);backdrop-filter:saturate(1.4) blur(8px);border-bottom:1px solid var(--ligne)}
.entete .cadre{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:4.2rem}
.marque{display:flex;align-items:center;gap:.55rem;text-decoration:none;color:var(--haie-fonce);font-family:var(--titre);font-weight:800;font-size:1.35rem;letter-spacing:-.02em}
.marque img{height:2.9rem;width:auto}
.nav{display:flex;align-items:center;gap:.2rem;font-family:var(--titre);font-size:.98rem}
.nav a{color:var(--encre);text-decoration:none;padding:.45rem .6rem;border-radius:var(--r)}
.nav a:hover{background:var(--champ)}
.nav a[aria-current="page"]{color:var(--haie);box-shadow:inset 0 -2px 0 var(--pousse);border-radius:0}
.nav .nav-contact{background:var(--prunelle);color:#fff;margin-left:.4rem}
.nav .nav-contact:hover{background:#2f2b56}
.menu-btn{display:none;font:600 1rem var(--titre);background:none;border:1px solid var(--ligne);border-radius:var(--r);padding:.45rem .8rem;color:var(--encre);cursor:pointer}
@media (max-width:980px){
  .menu-btn{display:block}
  .nav{display:none;position:absolute;left:0;right:0;top:100%;flex-direction:column;align-items:stretch;background:var(--papier);border-bottom:1px solid var(--ligne);padding:.6rem 1.25rem 1.2rem}
  .nav.ouvert{display:flex}
  .nav a{padding:.75rem .4rem;border-bottom:1px solid var(--ligne);border-radius:0}
  .nav .nav-contact{margin:.8rem 0 0;text-align:center;border-radius:var(--r);border:0}
}

/* Boutons */
.btn{display:inline-block;font-family:var(--titre);font-weight:600;font-size:1.02rem;padding:.8rem 1.35rem;border-radius:var(--r);text-decoration:none;border:2px solid var(--prunelle);background:var(--prunelle);color:#fff;cursor:pointer;line-height:1.2}
.btn:hover{background:#2f2b56;border-color:#2f2b56}
.btn--clair{background:transparent;color:var(--prunelle)}
.btn--clair:hover{background:var(--prunelle-clair);color:var(--prunelle)}
.section--haie .btn--clair{color:#fff;border-color:#fff}
.section--haie .btn--clair:hover{background:rgba(255,255,255,.1)}
.actions{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:1.6rem}

/* Accueil : le bocage */
.accueil{padding:3.5rem 0 2rem;overflow:hidden}
.accueil-grille{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:3rem;align-items:center}
.accueil h1{max-width:15ch;font-size:clamp(2.2rem,4.6vw,3.5rem)}
.chapo{font-size:1.25rem;color:var(--doux);max-width:46ch}
.bocage{width:100%;height:auto;border-radius:10px;display:block}
.accueil-schema{margin:0}
.bocage .parcelle{stroke:none}
.bocage .haie-vieille{fill:none;stroke:#3f6b4a;stroke-width:5;stroke-linecap:round;stroke-linejoin:round;opacity:.55}
.bocage .haie-neuve{fill:none;stroke:var(--pousse);stroke-width:9;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1;animation:pousser 2.6s cubic-bezier(.4,0,.2,1) .4s forwards}
.bocage .ferme{fill:var(--terre)}
.bocage text{font-family:var(--titre);font-size:16px;paint-order:stroke;stroke:rgba(242,245,238,.85);stroke-width:4px;stroke-linejoin:round;fill:var(--haie-fonce);font-weight:600}
@keyframes pousser{to{stroke-dashoffset:0}}
@media (max-width:600px){.bocage text{font-size:21px}}
@media (prefers-reduced-motion:reduce){.bocage .haie-neuve{animation:none;stroke-dashoffset:0}}
.legende{font-family:var(--titre);font-size:.92rem;color:var(--doux);margin-top:.6rem;display:flex;gap:1.2rem;flex-wrap:wrap}
.legende span::before{content:"";display:inline-block;width:1.6rem;height:.4rem;border-radius:2px;margin-right:.45rem;vertical-align:middle;background:var(--pousse)}
.legende span.vieille::before{background:#3f6b4a;opacity:.55;height:.3rem}
@media (max-width:860px){.accueil-grille{grid-template-columns:1fr;gap:1.5rem}.accueil h1{max-width:none}}

/* Releve chiffre (registre de terrain) */
.releve{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:2px solid var(--haie-fonce);border-bottom:1px solid var(--ligne);margin-top:2.5rem}
.releve div{padding:1.1rem 1rem 1.1rem 0}
.releve b{display:block;font-family:var(--titre);font-size:clamp(1.6rem,3vw,2.2rem);font-weight:800;color:var(--haie);letter-spacing:-.02em;line-height:1.1}
.releve span{display:block;font-size:.98rem;line-height:1.4;color:var(--doux)}
@media (max-width:700px){.releve{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Grilles */
.grille{display:grid;gap:2rem}
.grille-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.grille-3{grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width:860px){.grille-2,.grille-3{grid-template-columns:1fr}}
.cote{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:3rem;align-items:start}
@media (max-width:860px){.cote{grid-template-columns:1fr;gap:1.5rem}}

/* Etapes : vraie sequence */
.etapes{list-style:none;padding:0;margin:2rem 0 0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;counter-reset:e}
.etapes li{counter-increment:e;padding:1.2rem 1.4rem 1.2rem 0;border-top:3px solid var(--ligne);margin:0}
.etapes li:nth-child(-n+3){border-top-color:var(--pousse)}
.etapes li::before{content:counter(e);display:block;font-family:var(--titre);font-weight:800;font-size:1.05rem;color:var(--terre);margin-bottom:.4rem}
.etapes h3{margin-bottom:.35rem}
.etapes p{font-size:1rem;color:var(--doux);margin:0}
.etapes--3{grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width:860px){.etapes,.etapes--3{grid-template-columns:1fr}}

/* Bloc d'opposition contribution / compensation */
.versus{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--ligne);border-radius:var(--r);overflow:hidden;background:var(--carte)}
.versus>div{padding:1.6rem}
.versus>div+div{border-left:1px solid var(--ligne);background:#f7f9f4}
.versus h3{font-size:1.15rem}
.versus ul{padding-left:1.1rem;margin:0;font-size:1rem}
@media (max-width:700px){.versus{grid-template-columns:1fr}.versus>div+div{border-left:0;border-top:1px solid var(--ligne)}}

/* Fiches simples */
.fiche{background:var(--carte);border:1px solid var(--ligne);border-radius:var(--r);padding:1.5rem}
.fiche h3{margin-bottom:.4rem}
.fiche p:last-child{margin-bottom:0}
.fiche--lien{text-decoration:none;color:inherit;display:block}
.fiche--lien:hover{border-color:var(--haie)}
.fiche--lien:hover h3{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:.15em}

/* Tarifs */
.tarifs{width:100%;border-collapse:collapse;font-size:1.02rem;background:var(--carte);border:1px solid var(--ligne);border-radius:var(--r)}
.tarifs th,.tarifs td{text-align:left;padding:.9rem 1rem;border-bottom:1px solid var(--ligne);vertical-align:top}
.tarifs th{font-family:var(--titre);font-weight:600;color:var(--doux);font-size:.95rem}
.tarifs td.prix{font-family:var(--titre);font-weight:700;color:var(--haie);white-space:nowrap}
.tarifs tr:last-child td{border-bottom:0}
.table-defile{overflow-x:auto}
.offre{background:var(--carte);border:1px solid var(--ligne);border-top:4px solid var(--haie);border-radius:var(--r);padding:1.6rem}
.offre .montant{font-family:var(--titre);font-weight:800;font-size:2rem;color:var(--haie-fonce);letter-spacing:-.02em;line-height:1.1;margin:.2rem 0 .8rem}
.offre .montant small{font-size:1rem;font-weight:600;color:var(--doux)}
.offre ul{padding-left:1.1rem;font-size:1rem}
.offre--mise{border-top-color:var(--prunelle)}

/* En-tete de page interieure */
.tete{padding:3.2rem 0 2.2rem;border-bottom:1px solid var(--ligne)}
.tete h1{max-width:22ch;font-size:clamp(2rem,4.4vw,3.2rem)}
.tete .chapo{max-width:60ch}
.fil{font-family:var(--titre);font-size:.9rem;color:var(--doux);margin-bottom:1rem}
.fil a{color:var(--doux)}

/* Contenu redige */
.prose{max-width:var(--mesure)}
.prose h2{margin-top:2.4rem}
.prose h3{margin-top:1.8rem}
.prose figure{margin:2rem 0}
.prose figure img{border-radius:var(--r)}
.prose figcaption{font-size:.9rem;color:var(--doux);margin-top:.4rem}
.prose blockquote{margin:1.5rem 0;padding:.4rem 0 .4rem 1.2rem;border-left:3px solid var(--pousse);color:var(--doux);font-style:italic}
.prose table{border-collapse:collapse;width:100%;font-size:1rem;margin:1.5rem 0}
.prose th,.prose td{border-bottom:1px solid var(--ligne);padding:.5rem .6rem;text-align:left}
.encart{background:var(--carte);border-left:4px solid var(--prunelle);padding:1.1rem 1.3rem;border-radius:0 var(--r) var(--r) 0;margin:1.8rem 0;font-size:1.02rem}
.encart p:last-child{margin-bottom:0}
.note{font-size:.95rem;color:var(--doux)}
.essences{columns:3 12rem;padding-left:1.1rem;font-size:1rem}

/* Projets terrain */
.projet{display:grid;grid-template-columns:12rem minmax(0,1fr);gap:2rem;padding:2rem 0;border-top:1px solid var(--ligne)}
.projet-mesure b{display:block;font-family:var(--titre);font-size:2.4rem;font-weight:800;color:var(--haie);line-height:1;letter-spacing:-.03em}
.projet-mesure span{font-family:var(--titre);color:var(--doux);font-size:.95rem}
.projet h3{margin-bottom:.3rem}
.projet .quand{font-family:var(--titre);color:var(--terre);font-size:.95rem;margin-bottom:.8rem}
.galerie{margin-bottom:1.5rem;display:grid;grid-template-columns:repeat(auto-fill,minmax(11rem,1fr));gap:.6rem;margin-top:1rem}
.galerie img{aspect-ratio:4/3;object-fit:cover;border-radius:4px;width:100%}
@media (max-width:700px){.projet{grid-template-columns:1fr;gap:.6rem}}

/* Clients et certificats */
.clients{display:grid;grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));gap:1rem}
.client{display:flex;flex-direction:column;gap:.7rem;background:var(--carte);border:1px solid var(--ligne);border-radius:var(--r);padding:1.2rem;text-decoration:none;color:inherit}
.client:hover{border-color:var(--haie)}
.client img{height:3.2rem;width:auto;max-width:9rem;object-fit:contain;object-position:left center}
.client b{font-family:var(--titre);font-size:1.1rem;color:var(--haie-fonce)}
.client span{font-size:.95rem;color:var(--doux)}

.attestation{background:var(--carte);border:1px solid var(--ligne);border-radius:var(--r);margin:-3rem auto 0;position:relative;max-width:880px;box-shadow:0 1px 0 var(--ligne),0 18px 40px -24px rgba(20,34,24,.35)}
.att-bandeau{height:240px;background:var(--haie-fonce);overflow:hidden}
.att-bandeau img{width:100%;height:100%;object-fit:cover;opacity:.9}
.att-corps{padding:2rem 2.4rem 2.4rem}
@media (max-width:600px){.att-corps{padding:1.4rem}}
.att-tete{display:flex;justify-content:space-between;align-items:flex-start;gap:1.5rem;flex-wrap:wrap;border-bottom:2px solid var(--haie-fonce);padding-bottom:1.2rem;margin-bottom:1.4rem}
.att-tete h1{font-size:clamp(1.7rem,3.6vw,2.4rem);margin:0}
.att-num{font-family:var(--titre);color:var(--doux);font-size:.98rem;margin:0}
.att-num b{display:block;color:var(--encre);font-size:1.1rem}
.att-client{display:flex;gap:1.5rem;align-items:center;justify-content:space-between;flex-wrap:wrap}
.att-client img{max-height:4.5rem;width:auto;max-width:11rem;object-fit:contain}
.att-client .nom{font-family:var(--titre);font-size:1.6rem;font-weight:800;color:var(--haie);line-height:1.15}
.att-volumes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:1.6rem 0}
.att-volumes div{border:1px solid var(--ligne);border-radius:var(--r);padding:1rem 1.1rem}
.att-volumes b{display:block;font-family:var(--titre);font-size:2rem;font-weight:800;color:var(--haie-fonce);line-height:1.1}
.att-volumes span{font-size:.95rem;color:var(--doux)}
@media (max-width:600px){.att-volumes{grid-template-columns:1fr}}
.att-periodes{width:100%;border-collapse:collapse;font-size:1rem;margin-bottom:1.4rem}
.att-periodes th,.att-periodes td{text-align:left;border-bottom:1px solid var(--ligne);padding:.55rem .4rem}
.att-periodes th{font-family:var(--titre);font-weight:600;color:var(--doux);font-size:.92rem}
.att-pied{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem;border-top:1px solid var(--ligne);padding-top:1.4rem;font-size:.98rem}
.att-pied h2{font-size:1rem;color:var(--doux);margin-bottom:.3rem}
@media (max-width:600px){.att-pied{grid-template-columns:1fr}}
.att-historique{font-size:.98rem}
.att-avertissement{font-size:.92rem;color:var(--doux);margin-top:1.4rem}

/* Badge */
.badge-apercu{display:flex;gap:2rem;align-items:center;flex-wrap:wrap}
.badge-apercu img{width:220px}
.code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.85rem;background:#1d2b21;color:#e3eedd;padding:1rem;border-radius:var(--r);overflow-x:auto;white-space:pre-wrap;word-break:break-all}

/* Formulaires et outils */
.champ{display:flex;flex-direction:column;gap:.35rem;margin-bottom:1.1rem}
.champ label{font-family:var(--titre);font-weight:600;font-size:1rem}
.champ .aide{font-size:.9rem;color:var(--doux)}
input[type=text],input[type=email],input[type=tel],input[type=number],select,textarea{font:inherit;font-size:1rem;padding:.7rem .8rem;border:1px solid #aab8a4;border-radius:var(--r);background:#fff;color:var(--encre);width:100%}
textarea{min-height:9rem;resize:vertical}
input[type=range]{width:100%;accent-color:var(--haie)}
.simu{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:2.5rem;align-items:start}
@media (max-width:860px){.simu{grid-template-columns:1fr}}
.simu-ligne{display:grid;grid-template-columns:minmax(0,1fr) 7rem;gap:1rem;align-items:center;padding:1rem 0;border-bottom:1px solid var(--ligne)}
.simu-ligne label{font-family:var(--titre);font-weight:600}
.simu-ligne small{display:block;font-family:var(--texte);font-weight:400;color:var(--doux);font-size:.9rem}
.resultat{position:sticky;top:5.5rem;background:var(--haie-fonce);color:#e9f0e4;border-radius:var(--r);padding:1.6rem}
.resultat h2{color:#fff;font-size:1.25rem}
.resultat .gros{margin:.2rem 0 .3rem;font-family:var(--titre);font-size:2.8rem;font-weight:800;color:#fff;line-height:1;letter-spacing:-.03em}
.resultat dl{display:grid;grid-template-columns:1fr auto;gap:.5rem 1rem;margin:1.2rem 0;font-size:1rem}
.resultat dt{color:#c3d3bd}
.resultat dd{margin:0;font-family:var(--titre);font-weight:700;text-align:right;color:#fff}
.resultat .btn{background:#fff;color:var(--prunelle);border-color:#fff}
.resultat .note{color:#c3d3bd}
.bascule{display:flex;gap:.5rem;margin:.6rem 0 0}
.bascule button{font:600 .95rem var(--titre);padding:.45rem .8rem;border-radius:var(--r);border:1px solid rgba(255,255,255,.4);background:transparent;color:#fff;cursor:pointer}
.bascule button[aria-pressed="true"]{background:#fff;color:var(--haie-fonce)}
details.hypotheses{margin-top:1.5rem;background:var(--carte);border:1px solid var(--ligne);border-radius:var(--r);padding:.9rem 1.2rem}
details.hypotheses summary{font-family:var(--titre);font-weight:600;cursor:pointer}
details.hypotheses .simu-ligne:last-child{border-bottom:0}
.message-ok{background:#e3efd9;border-left:4px solid var(--haie);padding:1rem 1.2rem;border-radius:0 var(--r) var(--r) 0}
.cache{display:none}

/* FAQ */
.faq details{border-bottom:1px solid var(--ligne);padding:1rem 0}
.faq summary{font-family:var(--titre);font-weight:600;font-size:1.12rem;cursor:pointer;color:var(--haie-fonce)}
.faq details p{margin:.7rem 0 0}

/* Articles */
.articles{display:grid;grid-template-columns:repeat(auto-fill,minmax(17rem,1fr));gap:1.6rem}
.article-carte{text-decoration:none;color:inherit;display:flex;flex-direction:column;gap:.6rem}
.article-carte img{aspect-ratio:16/10;object-fit:cover;border-radius:var(--r);width:100%;background:var(--champ)}
.article-carte .sans-image{aspect-ratio:16/10;border-radius:var(--r);background:var(--champ) linear-gradient(90deg,transparent 48%,var(--pousse) 48%,var(--pousse) 52%,transparent 52%)}
.article-carte h3{font-size:1.15rem;margin:0}
.article-carte:hover h3{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:.15em}
.article-carte time,.meta-article{font-family:var(--titre);font-size:.9rem;color:var(--terre)}
.article-vignette{margin:2rem 0 0;max-width:var(--mesure)}
.article-vignette img{border-radius:var(--r);aspect-ratio:16/9;object-fit:cover;width:100%}

/* Pied */
.pied{background:var(--haie-fonce);color:#c9d6c3;padding:3.5rem 0 2rem;font-size:.98rem;margin-top:0}
.pied a{color:#fff;text-decoration:none}
.pied a:hover{text-decoration:underline}
.pied-grille{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:2rem}
.pied h2{font-size:1rem;color:#fff;margin-bottom:.8rem}
.pied ul{list-style:none;padding:0;margin:0}
.pied li{margin-bottom:.45rem}
.pied-bas{border-top:1px solid rgba(255,255,255,.15);margin-top:2.5rem;padding-top:1.2rem;display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;font-size:.9rem}
@media (max-width:860px){.pied-grille{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.pied-grille{grid-template-columns:1fr}}

/* Bandeau d'appel final */
.appel{display:flex;justify-content:space-between;align-items:center;gap:2rem;flex-wrap:wrap}
.appel h2{margin:0;max-width:24ch}

@media print{.entete,.pied,.actions,.menu-btn,.att-actions{display:none!important}body{background:#fff}.attestation{box-shadow:none;margin:0;border:0}.att-bandeau{display:none}}

.noms-clients{list-style:none;padding:0;margin:1.5rem 0 0;display:flex;flex-wrap:wrap;gap:.5rem}
.noms-clients li{margin:0}
.noms-clients a{display:block;font-family:var(--titre);font-weight:600;font-size:1rem;color:var(--haie-fonce);text-decoration:none;border:1px solid var(--ligne);border-radius:999px;padding:.45rem 1rem;background:var(--papier)}
.noms-clients a:hover{border-color:var(--haie);background:#fff}