:root{--fond:#f7f4ec;--carte:#fffdf8;--texte:#1e2620;--doux:#5a655c;--foret:#24402f;--mousse:#4e7a57;--clair:#e4ecdf;--accent:#c1571a;--accent-fonce:#9c4312;--ligne:#ddd6c6;--rayon:10px;
  --police-texte:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--police-titre:var(--police-texte)}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--fond);color:var(--texte);font:18px/1.65 var(--police-texte)}
h1,h2,h3,.logo,.sommaire summary,.faq summary{font-family:var(--police-titre)}
a{color:var(--mousse);text-underline-offset:2px}
a:hover{color:var(--foret)}
.conteneur{max-width:920px;margin:0 auto;padding:0 16px}
.entete{background:var(--foret);color:#fff;position:sticky;top:0;z-index:5}
.entete .conteneur{display:flex;align-items:center;justify-content:space-between;min-height:56px;max-width:1100px}
.logo{color:#fff;font-weight:800;font-size:1.25rem;text-decoration:none;letter-spacing:.2px}
.logo::before{content:"▲ ";color:#e9b44c}
.logo-svg{display:inline-flex;align-items:center;gap:9px}.logo-svg::before{content:none}.logo-svg svg{width:30px;height:30px;flex:none}
.menu summary{list-style:none;cursor:pointer;color:#fff;font-weight:600;padding:8px 12px;border:1px solid rgba(255,255,255,.35);border-radius:8px}
.menu summary::-webkit-details-marker{display:none}
.menu ul{position:absolute;right:16px;top:56px;background:var(--foret);list-style:none;margin:0;padding:8px 0;border-radius:0 0 var(--rayon) var(--rayon);min-width:240px;box-shadow:0 8px 20px rgba(0,0,0,.2)}
.menu li a,.menu-large a{color:#fff;text-decoration:none;display:block;padding:8px 16px;font-size:.95rem}
.menu-large{display:none}
@media (min-width:980px){.menu{display:none}.menu-large{display:block}.menu-large ul{display:flex;list-style:none;margin:0;padding:0}.menu-large a{padding:8px 10px}.menu-large a:hover{text-decoration:underline}}
.ariane ol{list-style:none;display:flex;flex-wrap:wrap;gap:4px;padding:0;margin:18px 0 8px;font-size:.85rem;color:var(--doux)}
.ariane li+li::before{content:"›";margin-right:4px}
.ariane a{color:var(--doux)}
h1{font-size:1.9rem;line-height:1.2;margin:.4em 0 .3em;color:var(--foret)}
h2{font-size:1.4rem;line-height:1.3;margin:1.8em 0 .5em;color:var(--foret)}
h3{font-size:1.1rem;margin:1.2em 0 .4em}
.signature{color:var(--doux);font-size:.9rem;margin:0 0 1em}
.chapo{background:var(--clair);border-left:4px solid var(--mousse);padding:4px 18px;border-radius:0 var(--rayon) var(--rayon) 0;font-size:1.05rem}
.sommaire{background:var(--carte);border:1px solid var(--ligne);border-radius:var(--rayon);margin:1.5em 0;font-size:.95rem}
.sommaire summary{cursor:pointer;list-style:none;padding:10px 18px;font-weight:700;display:flex;align-items:center;gap:8px}
.sommaire summary::-webkit-details-marker{display:none}
.sommaire summary::after{content:"";margin-left:auto;width:9px;height:9px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-3px);transition:transform .15s}
.sommaire details[open] summary::after{transform:rotate(-135deg) translateY(-2px)}
.sommaire summary span{font-weight:400;color:var(--doux);font-size:.9em}
.sommaire ol{margin:0 0 .4em;padding:0 18px 10px 2.4em}
.selection{display:grid;gap:14px}
.produit{background:var(--carte);border:1px solid var(--ligne);border-radius:var(--rayon);padding:16px 18px;position:relative}
.produit h3{margin:.1em 0 .4em;font-size:1.15rem}
.etiquette{display:inline-block;margin:0 0 6px;background:var(--foret);color:#fff;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;padding:3px 9px;border-radius:20px}
.pourqui{margin:.3em 0 .6em;font-size:.97rem}
.pourqui span{font-weight:700}
.plus,.moins{list-style:none;padding:0;margin:.3em 0;font-size:.95rem}
.plus li::before{content:"✔ ";color:var(--mousse);font-weight:700}
.moins li::before{content:"✖ ";color:var(--accent);font-weight:700}
.bouton{display:inline-block;margin-top:10px;background:var(--accent);color:#fff;text-decoration:none;font-weight:700;padding:10px 18px;border-radius:8px}
.bouton:hover{background:var(--accent-fonce);color:#fff}
.tableau{overflow-x:auto;margin:1em 0;border:1px solid var(--ligne);border-radius:var(--rayon);background:var(--carte)}
table{border-collapse:collapse;width:100%;font-size:.92rem}
th,td{padding:9px 12px;border-bottom:1px solid var(--ligne);text-align:left;vertical-align:top}
thead th{background:var(--clair);white-space:nowrap}
tbody tr:last-child th,tbody tr:last-child td{border-bottom:0}
.source{font-size:.85rem;color:var(--doux)}
.faq details{background:var(--carte);border:1px solid var(--ligne);border-radius:var(--rayon);padding:10px 16px;margin:8px 0}
.faq summary{cursor:pointer;font-weight:700}
.verdict{background:var(--foret);color:#f3f1ea;border-radius:var(--rayon);padding:4px 20px 10px;margin:2em 0}
.verdict h2{color:#fff}
.verdict a{color:#f1c27d}
.lire-aussi{border-top:2px solid var(--ligne);margin-top:2.5em}
.lire-aussi ul{list-style:none;padding:0;margin:.4em 0 0;columns:2 300px;column-gap:28px}
.lire-aussi li{break-inside:avoid;padding:9px 0 9px 22px;border-bottom:1px solid var(--ligne);position:relative;line-height:1.4;font-size:.97rem}
.lire-aussi li::before{content:"→";position:absolute;left:0;color:var(--mousse);font-weight:700}
.lire-aussi a{color:var(--texte);text-decoration:none}
.lire-aussi a:hover{color:var(--foret);text-decoration:underline}
.sous-silo{background:var(--carte);border:1px solid var(--ligne);border-radius:var(--rayon);padding:4px 18px 12px;margin:18px 0}
.sous-silo h2{margin-top:.8em}
.mere a{font-weight:700}
.liste-pages{columns:2 260px;column-gap:28px;list-style:none;padding:0;margin:.3em 0 .8em;font-size:.95rem}
.liste-pages li{break-inside:avoid;padding:6px 0;border-bottom:1px solid var(--ligne);line-height:1.4}
.liste-pages a{color:var(--texte);text-decoration:none}
.liste-pages a:hover{color:var(--foret);text-decoration:underline}
.grille-silos{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));margin:1.5em 0}
.carte-silo{background:var(--carte);border:1px solid var(--ligne);border-radius:var(--rayon);padding:4px 18px 12px}
.carte-silo h2{font-size:1.2rem;margin:.8em 0 .3em}
.carte-silo h2 a{color:var(--foret);text-decoration:none}
.carte-silo p{font-size:.95rem;color:var(--doux)}
.engagement{margin:2em 0}
/* ---- accueil ---- */
.hero{padding:30px 0 22px;margin:0 0 6px;border-bottom:1px solid var(--ligne)}
.hero .surtitre{margin:0 0 .5em;font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.09em;color:var(--mousse)}
.hero h1{font-size:2.1rem;line-height:1.18;margin:0 0 .35em}
.hero p{max-width:62ch;margin:0;color:var(--doux);font-size:1.05rem}
.hero .hero-chiffres{margin-top:.9em;font-size:.88rem;font-weight:700;color:var(--foret)}
.titre-bloc{margin:1.8em 0 .7em}
.rubriques{display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}
.rubrique{position:relative;display:flex;flex-direction:column;background:var(--carte);border:1px solid var(--ligne);border-radius:var(--rayon);padding:18px;transition:border-color .15s,box-shadow .15s}
.rubrique:hover{border-color:var(--mousse);box-shadow:0 8px 22px rgba(0,0,0,.07)}
.rubrique .icone{width:42px;height:42px;padding:9px;border-radius:11px;background:var(--clair);color:var(--foret);fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.rubrique .lettre{display:grid;place-items:center;font-weight:800;padding:0}
.rubrique h3{margin:.75em 0 .25em;font-size:1.2rem}
.rubrique h3 a{color:var(--foret);text-decoration:none}
.rubrique h3 a::after{content:"";position:absolute;inset:0;border-radius:var(--rayon)}
.rubrique p{margin:0 0 .9em;font-size:.93rem;line-height:1.5;color:var(--doux)}
.puces{display:flex;flex-wrap:wrap;gap:6px;list-style:none;margin:0 0 14px;padding:0}
.puces a{position:relative;z-index:1;display:inline-block;padding:4px 11px;border:1px solid var(--ligne);border-radius:20px;background:var(--fond);color:var(--texte);font-size:.8rem;text-decoration:none;line-height:1.4}
.puces a:hover{border-color:var(--foret);color:var(--foret)}
.rubrique .nb{margin:auto 0 0;font-size:.82rem;font-weight:700;color:var(--foret)}
.a-la-une{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}
.une{display:flex;flex-direction:column;gap:5px;background:var(--carte);border:1px solid var(--ligne);border-left:4px solid var(--accent);border-radius:var(--rayon);padding:14px 16px;color:var(--texte);text-decoration:none;transition:box-shadow .15s}
.une:hover{box-shadow:0 8px 22px rgba(0,0,0,.07);color:var(--texte)}
.une .type{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--doux)}
.une strong{font-family:var(--police-titre);font-size:1.05rem;color:var(--foret);line-height:1.3}
.une .extrait{font-size:.86rem;line-height:1.45;color:var(--doux);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.engagements{background:var(--clair);border-radius:16px;padding:6px 26px 18px;margin:2.4em 0 1em}
.engagements h2{margin-top:.9em}
.trio{display:grid;gap:8px 26px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
.trio h3{margin:.5em 0 .25em;font-size:1.02rem;color:var(--foret)}
.trio p{margin:0;font-size:.92rem;line-height:1.55}
@media (max-width:600px){.hero h1{font-size:1.75rem}.engagements{padding:4px 18px 14px}}
/* ---- fiches (mentions légales) ---- */
.fiche-infos{display:grid;grid-template-columns:max-content 1fr;gap:8px 20px;background:var(--carte);border:1px solid var(--ligne);border-radius:var(--rayon);padding:14px 18px;margin:1em 0}
.fiche-infos dt{font-weight:700;color:var(--foret)}
.fiche-infos dd{margin:0}
@media (max-width:560px){.fiche-infos{grid-template-columns:1fr;gap:2px}.fiche-infos dd{margin-bottom:8px}}
.pied{background:#1b2a20;color:#cfd6cc;margin-top:4em;font-size:.93rem}
.pied .conteneur{max-width:1100px}
.pied a{color:#e9e4d6;text-decoration:none}
.pied a:hover{text-decoration:underline;color:#fff}
.pied-grille{display:grid;gap:28px;padding-top:40px;padding-bottom:28px}
@media (min-width:760px){.pied-grille{grid-template-columns:1.5fr 1fr 1fr;gap:40px}}
.pied-marque p{margin:.9em 0 0;line-height:1.55;max-width:36ch}
.pied .logo{color:#fff}
.pied-titre{margin:0 0 .7em;color:#fff;font-weight:700;font-size:.78rem;text-transform:uppercase;letter-spacing:.08em}
.pied-col ul{list-style:none;margin:0;padding:0}
.pied-col li{margin:.45em 0}
.pied-bas{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 24px;border-top:1px solid rgba(255,255,255,.14);padding-top:16px;padding-bottom:24px;font-size:.82rem;color:#a9b2ad}
.pied-bas p{margin:0;line-height:1.55}
.bandeau-cookies{position:fixed;left:12px;right:12px;bottom:12px;background:#fff;color:var(--texte);border:1px solid var(--ligne);border-radius:var(--rayon);box-shadow:0 8px 24px rgba(0,0,0,.18);padding:14px 16px;z-index:20;max-width:560px;margin:0 auto;font-size:.92rem}
.bandeau-cookies p{margin:0 0 10px}
.bandeau-cookies button{font:inherit;font-weight:700;border-radius:8px;padding:8px 16px;margin-right:8px;cursor:pointer;border:1px solid var(--foret)}
.bandeau-cookies .ok{background:var(--foret);color:#fff}
.bandeau-cookies .non{background:#fff;color:var(--foret)}
@media (max-width:600px){body{font-size:17px}h1{font-size:1.6rem}h2{font-size:1.25rem}}

/* ---- thème du site ---- */
/* Bivouaco : identité choisie le 2026-11-02 sur identite/choix-identite.html
   logo 5 « Boussole » (site/logo.svg, favicon.svg), palette 10 « Ardoise & citron »
   (#2d3a3f #5f7178 #c8e04a #f5f6f2 #1d2427), polices 8 « Bitter + Karla ». */
/* Polices auto-hébergées (Google Fonts, licence SIL OFL, caractères latins, téléchargées le 2026-11-02) */
@font-face{font-family:"Bitter";font-style:normal;font-weight:700;font-display:swap;src:url(/polices/bitter-700-latin.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}
@font-face{font-family:"Karla";font-style:normal;font-weight:400 700;font-display:swap;src:url(/polices/karla-400-700-latin.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}
:root{--fond:#f5f6f2;--carte:#fff;--texte:#1d2427;--doux:#56646a;--foret:#2d3a3f;--mousse:#4b5d64;--clair:#e6ebe7;
  --accent:#c8e04a;--accent-fonce:#b5cd35;--ligne:#d7dcd8;
  --police-titre:"Bitter",Georgia,"Times New Roman",serif;--police-texte:"Karla",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif}
h1,h2,h3,.logo,.sommaire summary,.faq summary{font-weight:700}
.logo{letter-spacing:0;font-weight:700}
.bouton,.bouton:hover{color:#1d2427}
.chapo{border-left-color:var(--accent)}
.moins li::before{color:#a8463a}
.verdict a{color:var(--accent)}
.pied{background:#1f282c}
.pied a{color:#e6e9e5}
.pied-titre{color:var(--accent)}
.sommaire summary span{font-family:var(--police-texte);font-weight:400}