:root{
  --fond:#fbfaf8; --fond-2:#f4f1ed;
  --rose:#f7eef0; --rose-2:#fbf5f6; --peche:#f8f3ee; --lilas:#f3f2f7; --menthe:#f0f5f2; --beurre:#f8f5ec;
  --encre:#18213a; --encre-2:#4b5468; --ligne:#dcd7d0; --ligne-f:#18213a;
  --cta:#9c2352; --cta-h:#7f1b42; --sur-cta:#ffffff;
  --hl:#f5e3ea; --hl-ink:#7f1b42; --vert:#0f6b52; --alerte:#9a4a17;
  --carte:#ffffff; --nuit:#18213a; --sur-nuit:#f7f4f0; --sur-nuit-2:#c9ccd4;
  --trait:#3a4256; --f-p:#fffdfb; --f-rose:#ecccd5; --f-peche:#efdccd; --f-lilas:#dcd8ec; --f-menthe:#d1e3d9; --f-beurre:#eee2b8;
  --f-ciel:#e1eaee; --f-bois:#e8dac6; --f-vert:#2f7a62; --f-led:#c8643a; --f-ombre:#18213a;
  --peau1:#eccab0; --peau2:#c39577; --peau3:#80583f; --chev1:#2a3045; --chev2:#7a4c33; --chev3:#b9b4ad;
  --jour:1; --soir:0;
  --titre:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif; --texte:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --main:var(--texte); --ref:var(--texte); --w-t:600; --w-t2:600; --ls-t:-.022em;
  --r:12px; --focus:#1b5fd1;
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){
  --fond:#10151f; --fond-2:#151b27;
  --rose:#1c1824; --rose-2:#1d1a26; --peche:#191b25; --lilas:#191b27; --menthe:#161d23; --beurre:#1b1c22;
  --encre:#eef0f4; --encre-2:#b7bdc9; --ligne:#2c3444; --ligne-f:#eef0f4;
  --cta:#eaa6bc; --cta-h:#f3c4d3; --sur-cta:#1a1220;
  --hl:#3a2632; --hl-ink:#f3c4d3; --vert:#6fcfaa; --alerte:#eaa274;
  --carte:#181f2c; --nuit:#0b0f17; --sur-nuit:#f2efea; --sur-nuit-2:#c3c7cf;
  --trait:#c9ced8; --f-p:#202838; --f-rose:#6e4a58; --f-peche:#6a5446; --f-lilas:#4e4a6e; --f-menthe:#3f5b51; --f-beurre:#6b6140;
  --f-ciel:#1c2433; --f-bois:#5a4a38; --f-vert:#2f8f72; --f-led:#e98a5c; --f-ombre:#000;
  --jour:0; --soir:1; --focus:#9cc0ff; color-scheme:dark}}
:root[data-theme="dark"]{
  --fond:#10151f; --fond-2:#151b27;
  --rose:#1c1824; --rose-2:#1d1a26; --peche:#191b25; --lilas:#191b27; --menthe:#161d23; --beurre:#1b1c22;
  --encre:#eef0f4; --encre-2:#b7bdc9; --ligne:#2c3444; --ligne-f:#eef0f4;
  --cta:#eaa6bc; --cta-h:#f3c4d3; --sur-cta:#1a1220;
  --hl:#3a2632; --hl-ink:#f3c4d3; --vert:#6fcfaa; --alerte:#eaa274;
  --carte:#181f2c; --nuit:#0b0f17; --sur-nuit:#f2efea; --sur-nuit-2:#c3c7cf;
  --trait:#c9ced8; --f-p:#202838; --f-rose:#6e4a58; --f-peche:#6a5446; --f-lilas:#4e4a6e; --f-menthe:#3f5b51; --f-beurre:#6b6140;
  --f-ciel:#1c2433; --f-bois:#5a4a38; --f-vert:#2f8f72; --f-led:#e98a5c; --f-ombre:#000;
  --jour:0; --soir:1; --focus:#9cc0ff; color-scheme:dark}

/* Feuille commune aux pages secondaires (mentions, confidentialité, merci, guides). Les jetons ci-dessus sont ceux de l'accueil. */
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--fond);color:var(--encre);font:17px/1.65 var(--texte);-webkit-font-smoothing:antialiased;overflow-wrap:break-word}
:focus-visible{outline:3px solid var(--focus);outline-offset:3px;border-radius:8px}
.w{max-width:1180px;margin:0 auto;padding-left:max(20px,env(safe-area-inset-left,0px));padding-right:max(20px,env(safe-area-inset-right,0px))}
.bi-top{position:sticky;top:0;z-index:20;background:var(--fond);border-bottom:1px solid var(--ligne)}
.bi-top .w{display:flex;align-items:center;gap:12px;min-height:66px}
.bi-logo{display:flex;align-items:center;gap:10px;text-decoration:none;font:600 23px/1 var(--titre);letter-spacing:-.03em;color:var(--encre);white-space:nowrap}
.bi-logo svg{width:34px;height:34px;flex:none}
.bi-logo em{font-style:italic;font-weight:500}
.bi-liens{display:flex;gap:22px;margin-left:auto;font-weight:600;font-size:16px}
.bi-liens a{text-decoration:none;color:var(--encre)}.bi-liens a:hover{text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:2px}
.bi-theme{width:44px;height:44px;border-radius:50%;border:1px solid var(--ligne);background:transparent;color:var(--encre);display:grid;place-items:center;cursor:pointer;flex:none}
.bi-theme svg{width:22px;height:22px}
.bi-btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:8px 18px;border-radius:999px;border:1px solid var(--ligne);background:var(--cta);color:var(--sur-cta);font:700 16px/1.2 var(--texte);text-decoration:none;white-space:nowrap;transition:transform .15s,box-shadow .15s}
.bi-btn:hover{background:var(--cta-h);box-shadow:none}
@media (max-width:860px){.bi-liens{display:none}.bi-theme{margin-left:auto}}
@media (max-width:420px){.bi-top .w{gap:8px}.bi-logo{font-size:20px;gap:8px}.bi-logo svg{width:30px;height:30px}.bi-btn{padding:8px 14px;font-size:15px}}
@media (max-width:350px){.bi-top .bi-btn{display:none}}
.bi-pied{background:var(--fond-2);border-top:1px solid var(--ligne);padding-block:44px;font-size:16px;margin-top:0}
.bi-pied .w{display:flex;flex-wrap:wrap;justify-content:space-between;gap:18px 32px;align-items:center}
.bi-pied nav{display:flex;flex-wrap:wrap;gap:8px 22px}
.bi-pied a{color:var(--encre)}
.bi-pied .bi-logo{font-size:21px}
@media print{.bi-top,.bi-pied{display:none}}
/* pages de texte (mentions, confidentialité, merci) */
.bi-page{max-width:760px;margin:0 auto;padding:clamp(40px,7vw,80px) max(20px,env(safe-area-inset-left,0px)) 80px}
.bi-page h1{font:600 clamp(40px,7vw,64px)/1.02 var(--titre);letter-spacing:-.03em;margin:0 0 28px;text-wrap:balance}
.bi-page h2{font:600 clamp(24px,3.4vw,30px)/1.15 var(--titre);letter-spacing:-.015em;margin:40px 0 10px;padding-top:22px;border-top:1px solid var(--ligne)}
.bi-page p{margin:0 0 14px}
.bi-page a{color:var(--encre);text-decoration-thickness:2px;text-underline-offset:3px}
.bi-bandeau{background:var(--rose);border-bottom:1px solid var(--ligne)}
.bi-bandeau .bi-page{padding-bottom:clamp(36px,6vw,64px)}
.bi-bandeau h1{margin:0}
.bi-k{display:inline-block;font:700 14px/1.2 var(--texte);letter-spacing:.12em;text-transform:uppercase;margin-bottom:14px}
/* index des guides */
.bi-cartes{display:grid;gap:16px}
.bi-carte{display:block;border:1px solid var(--ligne);border-radius:24px;padding:22px 24px;text-decoration:none;color:inherit;background:var(--carte);transition:transform .15s,box-shadow .15s}
.bi-carte:nth-child(5n+1){background:var(--rose-2)}.bi-carte:nth-child(5n+2){background:var(--menthe)}.bi-carte:nth-child(5n+3){background:var(--lilas)}.bi-carte:nth-child(5n+4){background:var(--peche)}.bi-carte:nth-child(5n){background:var(--beurre)}
.bi-carte:hover{box-shadow:none}
.bi-carte h2{font:600 clamp(23px,3vw,28px)/1.15 var(--titre);letter-spacing:-.015em;margin:0 0 8px;border:0;padding:0}
.bi-carte p{margin:0 0 10px;color:var(--encre-2);font-size:17px}
.bi-carte span{font-weight:700}
.bi-appel{margin-top:32px;padding:26px;border-radius:24px;background:var(--nuit);color:var(--sur-nuit);border:1px solid var(--ligne)}
.bi-appel a{color:var(--sur-nuit);font-weight:700}
/* v4 : en-tête et pied de page communs à toutes les pages */
@media (max-width:860px){
  .bi-top .w{flex-wrap:wrap;row-gap:0}
  .bi-liens{display:flex;order:5;width:100%;margin-left:0;border-top:1px solid var(--ligne);margin-inline:calc(-1 * max(20px,env(safe-area-inset-left,0px)));padding:8px max(20px,env(safe-area-inset-left,0px));font-size:15.5px}
}
.bi-pied .w{display:grid;grid-template-columns:1.2fr repeat(3,1fr);gap:24px 32px;align-items:start}
.bi-pied .bi-logo{margin-bottom:8px}
.bi-pied h2{font:700 13px/1.2 var(--texte);letter-spacing:.12em;text-transform:uppercase;margin:4px 0 10px;border:0;padding:0}
.bi-pied ul{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.bi-pied p{margin:0;color:var(--encre-2)}
@media (max-width:760px){.bi-pied .w{grid-template-columns:1fr 1fr}.bi-pied .marque{grid-column:1/-1}}
.bi-pied nav{display:block}
@media (max-width:860px){.bi-liens{width:calc(100% + 2 * max(20px,env(safe-area-inset-left,0px)))}}
@media (max-width:420px){.bi-top .bi-btn{padding:8px 12px;font-size:14.5px}}

/* v5 : registre professionnel (pages secondaires et guides). Mêmes règles que la vitrine. */
h1,h2,h3{font-weight:var(--w-t);letter-spacing:var(--ls-t);font-variation-settings:normal}
h1 em,h2 em,.bi-logo em,.logo em{font-style:normal;font-weight:inherit}
.bi-logo{font:var(--w-t) 21px/1 var(--titre);letter-spacing:-.02em}
.bi-logo svg{width:30px;height:30px}
#i-logo rect,#i-logo path{stroke-width:1.6}
.bi-liens{font-weight:500}
.bi-theme{border:1px solid var(--ligne)}
.bi-btn{border-radius:10px;border:1px solid var(--cta);font:600 16px/1.2 var(--texte)}
.bi-btn:hover{box-shadow:none}
.bi-page h1{font-size:clamp(32px,5vw,46px);line-height:1.1;font-weight:var(--w-t);letter-spacing:var(--ls-t);font-variation-settings:normal}
.bi-page h2{font-size:clamp(22px,2.8vw,26px);line-height:1.2;font-weight:var(--w-t);border-top:1px solid var(--ligne)}
.bi-page a{text-decoration-thickness:1px}
.bi-k{font:600 13px/1.3 var(--texte);letter-spacing:.1em;color:var(--cta)}
.bi-carte,.bi-carte:nth-child(n){background:var(--carte);border-radius:12px}
.bi-carte:hover{border-color:var(--cta);box-shadow:none}
.bi-carte h2{font-size:clamp(21px,2.4vw,24px);font-weight:var(--w-t)}
.bi-appel{border-radius:12px}
@media (max-width:420px){.bi-logo{font-size:18px;gap:7px}.bi-logo svg{width:26px;height:26px}.bi-top .bi-btn{padding:8px 12px;font-size:14.5px}.bi-top .w{gap:8px}}
@media (max-width:860px){.bi-liens{white-space:nowrap;overflow-x:auto;scrollbar-width:none;gap:18px}.bi-liens::-webkit-scrollbar{display:none}}
@media (max-width:420px){.bi-liens{font-size:14.5px;gap:14px}}
@media (max-width:380px){.bi-liens{font-size:13.5px;gap:12px}}
@media (max-width:420px){.bi-theme{width:38px;height:38px}.bi-theme svg{width:19px;height:19px}}
@media (max-width:380px){.bi-logo{font-size:16.5px;gap:6px}.bi-logo svg{width:24px;height:24px}.bi-top .bi-btn{padding:8px 10px;font-size:14px}.bi-top .w{gap:6px}}
@media (max-width:380px){.bi-logo,.bi-logo span{font-size:16px}.bi-top .bi-btn{padding:8px 9px;font-size:13.5px}}

/* Lien d evitement (clavier) */
.bi-saut{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}
.bi-saut:focus{position:fixed;left:12px;top:12px;width:auto;height:auto;z-index:99;background:var(--fond);color:var(--encre);padding:10px 14px;border:1px solid var(--ligne);border-radius:8px;outline:3px solid var(--focus)}