/* Ouioweb, refonte (bêta). Une seule feuille, mobile d'abord.
   Tokens en tête : bleus et or de la charte, Nunito. */
:root{
  --b:#1140BE;          /* bleu action */
  --b2:#0D37A3;         /* bleu foncé */
  --b3:#3A64D3;         /* bleu clair */
  --hero:linear-gradient(135deg,#2453d6 0%,#1140BE 45%,#0D37A3 100%);
  --nuit:#0B1A4A;       /* sections sombres */
  --or:#F2B138;
  --or2:#E09A12;
  --encre:#0B1437;
  --texte:#2B3558;
  --muet:#5E6788;
  --trait:#E3E8F3;
  --gris:#F4F6FB;
  --bleuet:#EEF3FF;     /* fond bleuté des sections */
  --vert:#14A46C;
  --r:16px;
  --max:1200px;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:90px}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}
body{margin:0;font:500 1rem/1.6 'Nunito',system-ui,sans-serif;color:var(--texte);background:#fff;-webkit-font-smoothing:antialiased}
img,svg{max-width:100%;display:block}
a{color:var(--b)}
h1,h2,h3{color:var(--encre);line-height:1.12;letter-spacing:-.02em;margin:0;font-weight:900}
h1{font-size:clamp(2.1rem,5.4vw,3.4rem)}
h2{font-size:clamp(1.6rem,3.6vw,2.3rem)}
h3{font-size:1.1rem;font-weight:800}
p{margin:0}
:focus-visible{outline:3px solid var(--or);outline-offset:3px;border-radius:6px}
.w{width:100%;max-width:var(--max);margin:0 auto;padding:0 16px}
@media(min-width:720px){.w{padding:0 32px}}
.skip{position:absolute;left:-999px;top:8px;z-index:99;background:var(--or);color:var(--encre);padding:8px 14px;border-radius:8px;font-weight:800}
.skip:focus{left:8px}
.ic{flex:none}

/* ---------- Boutons ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 22px;border-radius:999px;font:800 .98rem/1 'Nunito',sans-serif;text-decoration:none;border:2px solid transparent;cursor:pointer;transition:transform .15s,background .15s,box-shadow .15s;white-space:nowrap}
.btn:hover{transform:translateY(-2px)}
.btn-b{background:var(--b);color:#fff;box-shadow:0 10px 24px -14px rgba(17,64,190,.8)}
.btn-b:hover{background:var(--b2)}
.btn-or{background:var(--or);color:var(--encre)}
.btn-or:hover{background:#ffc04f}
.btn-ligne{border-color:var(--trait);color:var(--encre);background:#fff}
.btn-ligne:hover{border-color:var(--b3)}
.btn-ligne-c{border-color:rgba(255,255,255,.4);color:#fff}
.btn-ligne-c:hover{border-color:#fff}
.lien{font-weight:800;text-decoration:none;display:inline-flex;align-items:center;gap:6px}
.lien:hover{text-decoration:underline}

/* ---------- Bandeau du haut ---------- */
.topbar{background:#fff;border-bottom:1px solid var(--trait);font-size:.84rem;font-weight:700}
.topbar .w{display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:36px}
.topbar a{color:var(--muet);text-decoration:none;display:inline-flex;align-items:center;gap:6px}
.topbar a:hover{color:var(--b)}
.topbar > .w > a{color:var(--b)}
.topbar nav{display:none;gap:22px}
@media(min-width:900px){.topbar nav{display:flex}}

/* ---------- En-tête et menus ---------- */
.hd{position:sticky;top:0;z-index:50;background:#fff;border-bottom:1px solid var(--trait)}
.hd-in{display:flex;align-items:center;gap:20px;min-height:68px}
.logo img{height:34px;width:auto}
.nav{display:none}
.hd-cta{margin-left:auto;min-height:42px;padding:0 18px;font-size:.92rem}
.nav-t{position:absolute;opacity:0;pointer-events:none}
.burger{margin-left:8px;width:44px;height:44px;display:grid;place-content:center;gap:5px;cursor:pointer;border-radius:10px}
.burger span{display:block;width:22px;height:2px;background:var(--encre);border-radius:2px}
.nav-t:focus-visible+.burger{outline:3px solid var(--or)}

/* Mobile : la navigation se déplie sous l'en-tête. */
@media(max-width:1079px){
  .hd-in{flex-wrap:wrap}
  .burger{order:3}
  .hd-cta{order:2}
  .nav-t:checked~.nav{display:block;order:4;flex-basis:100%;max-height:calc(100vh - 120px);overflow:auto;padding-bottom:16px}
  .mm{border-top:1px solid var(--trait)}
  .mm summary,.nav-l{display:flex;justify-content:space-between;padding:14px 4px;font-weight:800;color:var(--encre);text-decoration:none;cursor:pointer;list-style:none}
  .mm summary::-webkit-details-marker{display:none}
  .mm summary::after{content:"+";color:var(--b);font-size:1.3rem;line-height:1}
  .mm[open] summary::after{content:"−"}
  .nav-l{border-top:1px solid var(--trait)}
  .mm-panel .w{padding:0}
  .mm-grid{display:grid;gap:18px;padding-bottom:12px}
  .mm-promo,.mm-pied{display:none}
}
@media(min-width:1080px){
  .burger{display:none}
  .nav{display:flex;align-items:center;gap:4px;margin-left:24px}
  .mm summary,.nav-l{display:flex;align-items:center;gap:6px;padding:10px 12px;border-radius:10px;font-weight:800;font-size:.95rem;color:var(--encre);cursor:pointer;list-style:none;text-decoration:none}
  .mm summary::-webkit-details-marker{display:none}
  .mm summary::after{content:"";width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;rotate:45deg;translate:0 -2px;transition:rotate .15s}
  .mm[open] summary{color:var(--b)}
  .mm[open] summary::after{rotate:225deg;translate:0 2px}
  .mm summary:hover,.nav-l:hover{color:var(--b)}
  .mm-panel{position:absolute;left:0;right:0;top:100%;background:#fff;border-top:1px solid var(--trait);box-shadow:0 30px 60px -30px rgba(11,20,55,.35)}
  .mm-grid{display:grid;grid-template-columns:1fr 1fr 1.05fr;gap:36px;padding-top:28px;padding-bottom:28px}
  .mm-grid.mm-2{grid-template-columns:1.6fr 1fr}
  .mm-grid .mm-col+.mm-col{border-left:1px solid var(--trait);padding-left:28px}
  .mm-pied{background:var(--gris);border-top:1px solid var(--trait);font-size:.86rem;font-weight:700;color:var(--muet)}
  .mm-pied .w{display:flex;justify-content:space-between;align-items:center;min-height:46px}
  .mm-pied a{text-decoration:none;font-weight:800}
}
.mm-t{font-size:.74rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:var(--muet);margin:0 0 12px}
.mm-l{display:flex;gap:12px;align-items:flex-start;padding:10px;border-radius:12px;text-decoration:none;color:var(--texte)}
.mm-l:hover{background:var(--bleuet)}
.mm-ic{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;color:#fff;flex:none}
.mm-x{display:grid;gap:2px;flex:1;font-size:.86rem;color:var(--muet);line-height:1.4}
.mm-x b{color:var(--encre);font-size:.95rem}
.mm-p{font-weight:900;color:var(--or2);font-size:.9rem;white-space:nowrap}
.mm-promo{background:var(--bleuet);border-radius:18px;padding:26px;align-self:start}
.mm-promo .k{color:var(--b);font-weight:800;font-size:.84rem;margin-bottom:6px}
.mm-promo .t{color:var(--encre);font-weight:900;font-size:1.45rem;line-height:1.2;margin-bottom:10px}
.mm-promo p:not(.k):not(.t){color:var(--muet);font-size:.92rem;margin-bottom:18px}
.mm-l2{display:block;margin-top:12px;font-weight:800;font-size:.9rem}
.dom{display:flex;gap:8px;margin-bottom:14px}
.dom input{flex:1;min-width:0;height:48px;border:2px solid var(--trait);border-radius:999px;padding:0 18px;font:700 1rem 'Nunito',sans-serif;color:var(--encre)}
.dom input:focus{outline:none;border-color:var(--b3)}
.tld{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:6px 16px;font-size:.88rem}
.tld li{display:flex;justify-content:space-between;gap:8px}
.tld b{color:var(--encre)}
.tld span{color:var(--muet)}
/* Teintes des pastilles d'icône */
.t-bleu{background:#1140BE}.t-bleu2{background:#3A64D3}.t-vert{background:#14A46C}.t-violet{background:#7B5CF0}.t-rose{background:#E0477F}.t-orange{background:#EF9B1A}.t-teal{background:#13A3A8}.t-marine{background:#0B1A4A}

/* ---------- Sections communes ---------- */
section{padding:64px 0}
@media(min-width:960px){section{padding:92px 0}}
.bleute{background:var(--bleuet)}
.gris{background:var(--gris)}
.k{display:inline-block;font-size:.8rem;font-weight:900;letter-spacing:.06em;color:var(--b);margin-bottom:10px}
.tete{max-width:46rem;margin-bottom:34px}
.tete p{margin-top:12px;color:var(--muet);font-size:1.06rem}
.ariane{font-size:.84rem;font-weight:700;color:rgba(255,255,255,.75);margin-bottom:14px}
.ariane a{color:#fff}

/* Héros bleu avec carte offre à droite */
.hero{background:var(--hero);color:#fff;padding:52px 0 64px;position:relative;overflow:hidden}
.hero::after{content:"";position:absolute;right:-140px;top:-120px;width:520px;height:520px;border-radius:50%;border:1px solid rgba(255,255,255,.12);box-shadow:0 0 0 70px rgba(255,255,255,.03),0 0 0 140px rgba(255,255,255,.02);pointer-events:none}
.hero .w{position:relative;z-index:1;display:grid;gap:36px;align-items:center}
@media(min-width:1000px){.hero{padding:76px 0 88px}.hero .w{grid-template-columns:1.35fr .8fr;gap:56px}}
.hero h1{color:#fff}
.hero .sur{font-weight:800;font-size:.92rem;color:#dfe8ff;margin-bottom:12px}
.hero .lead{font-size:1.12rem;line-height:1.6;color:rgba(255,255,255,.9);margin-top:18px;max-width:38rem}
.hero .puces{display:flex;flex-wrap:wrap;gap:8px 22px;margin-top:20px;font-weight:700;font-size:.92rem;color:#e6edff}
.hero .acts{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}

/* Carte offre (blanche) */
.offre-c{position:relative;background:#fff;color:var(--texte);border-radius:22px;padding:26px 26px 22px;box-shadow:0 40px 80px -30px rgba(5,15,60,.6)}
.offre-c .ruban{position:absolute;top:-16px;right:22px;background:var(--b);color:#fff;font-weight:900;font-size:.88rem;padding:7px 16px;border-radius:999px;border:3px solid #fff;rotate:-4deg}
.offre-c h2,.offre-c .nom{font-size:1.1rem;font-weight:900;color:var(--encre)}
.offre-c .px{display:flex;align-items:baseline;gap:6px;margin:10px 0 4px}
.offre-c .px b{font-size:2.8rem;font-weight:900;letter-spacing:-.03em;color:var(--or2);line-height:1}
.offre-c .px span{font-weight:800;color:var(--muet);font-size:.9rem}
.offre-c .note{font-size:.84rem;color:var(--muet);font-weight:600;margin-bottom:12px}
.offre-c ul{list-style:none;margin:0 0 18px;padding:0;display:grid;gap:7px;font-size:.92rem;font-weight:700}
.offre-c li{display:flex;gap:9px;align-items:flex-start;min-width:0;overflow-wrap:anywhere}
.offre-c li::before{content:"";flex:none;width:11px;height:11px;margin-top:5px;border-radius:50%;border:2px solid var(--b)}
.offre-c .btn{width:100%}
.offre-c .sous{display:block;text-align:center;margin-top:12px;font-weight:800;font-size:.9rem}

/* Chiffres clés */
.chiffres{padding:40px 0 34px;border-bottom:1px solid var(--trait)}
.chiffres ul{list-style:none;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:24px}
@media(min-width:860px){.chiffres ul{grid-template-columns:repeat(4,1fr)}}
.chiffres b{display:block;font-size:clamp(1.8rem,3.4vw,2.5rem);font-weight:900;color:var(--b);letter-spacing:-.03em;line-height:1.05}
.chiffres span{display:block;margin-top:6px;font-size:.92rem;color:var(--muet);font-weight:700}

/* Grilles */
.g{display:grid;gap:18px}
@media(min-width:720px){.g2{grid-template-columns:1fr 1fr}.g3,.g4{grid-template-columns:1fr 1fr}}
@media(min-width:1000px){.g3{grid-template-columns:repeat(3,1fr)}.g4{grid-template-columns:repeat(4,1fr)}}
.carte{background:#fff;border:1px solid var(--trait);border-radius:var(--r);padding:24px}
.carte p{color:var(--muet);margin-top:8px;font-size:.96rem}
.pastille{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;color:#fff;margin-bottom:14px}
.atout h3{margin-top:2px}
.atout p{color:var(--muet);margin-top:8px;font-size:.96rem}

/* Offres (cartes de prix) */
.prix-g{display:grid;gap:18px}
@media(min-width:900px){.prix-g{grid-template-columns:repeat(3,1fr);align-items:stretch}}
.plan{position:relative;display:flex;flex-direction:column;background:#fff;border:1px solid var(--trait);border-radius:20px;padding:26px}
.plan.pop{border:2px solid var(--b);box-shadow:0 30px 60px -36px rgba(17,64,190,.7)}
.plan .badge{position:absolute;top:-13px;left:24px;background:var(--b);color:#fff;font-size:.74rem;font-weight:900;padding:5px 12px;border-radius:999px}
.plan .desc{color:var(--muet);font-size:.94rem;margin-top:6px;min-height:2.8em}
.plan .px{display:flex;align-items:baseline;gap:6px;margin:16px 0 4px}
.plan .px b{font-size:2.3rem;font-weight:900;color:var(--or2);letter-spacing:-.03em;line-height:1}
.plan .px span{font-weight:800;color:var(--muet);font-size:.9rem}
.plan .fact{font-size:.82rem;color:var(--muet);font-weight:700;margin-bottom:16px}
.plan ul{list-style:none;margin:0 0 22px;padding:16px 0 0;border-top:1px solid var(--trait);display:grid;gap:8px;font-weight:700;font-size:.95rem}
.plan .btn{margin-top:auto}
.inclus-bar{margin-top:20px;background:var(--gris);border-radius:16px;padding:16px 20px;display:flex;flex-wrap:wrap;gap:8px 22px;align-items:center;font-size:.9rem;font-weight:700;color:var(--texte)}
.inclus-bar b{color:var(--encre);margin-right:6px}
.inclus-bar span{display:inline-flex;gap:6px;align-items:center}
.inclus-bar .ic{color:var(--vert)}
/* Sélecteur annuel / mensuel */
.cyc{display:inline-flex;gap:4px;padding:5px;background:#fff;border:1px solid var(--trait);border-radius:999px;margin-bottom:26px}
.cyc button{border:0;background:transparent;border-radius:999px;padding:.55rem 1.1rem;font:800 .95rem 'Nunito',sans-serif;color:var(--muet);cursor:pointer}
.cyc button.on{background:var(--b);color:#fff}
[data-cyc="annual"] .m-mois,[data-cyc="monthly"] .m-an{display:none}

/* Étapes numérotées */
.etapes{list-style:none;margin:0;padding:0;display:grid;gap:12px;counter-reset:e}
.etapes li{counter-increment:e;display:flex;gap:16px;background:#fff;border:1px solid var(--trait);border-radius:14px;padding:16px 18px}
.etapes li::before{content:counter(e);flex:none;width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:var(--bleuet);color:var(--b);font-weight:900}
.etapes b{color:var(--encre)}
.split{display:grid;gap:36px;align-items:center}
@media(min-width:1000px){.split{grid-template-columns:1fr 1fr;gap:64px}}
.split .lead{color:var(--muet);font-size:1.06rem;margin-top:14px}
.split .lead+.lead{margin-top:10px}
.coches{list-style:none;margin:18px 0 0;padding:0;display:grid;gap:10px;font-weight:700}
.coches li{display:flex;gap:10px;align-items:center}
.coches .ic{color:var(--b)}

/* Maquette d'espace client (illustration) */
.ecran{background:#fff;border:1px solid var(--trait);border-radius:18px;box-shadow:0 40px 70px -40px rgba(11,20,55,.45);overflow:hidden}
.ecran-bar{display:flex;align-items:center;gap:6px;padding:10px 14px;border-bottom:1px solid var(--trait);font:600 .8rem ui-monospace,Menlo,monospace;color:var(--muet)}
.ecran-bar i{width:9px;height:9px;border-radius:50%;background:var(--trait)}
.ecran-in{padding:20px}

/* Paragraphe factuel citable */
.faits{font-size:1.1rem;line-height:1.75;color:var(--texte)}
.faits strong{color:var(--encre)}

/* Bande sombre */
.nuit{background:var(--nuit);color:#dbe3ff}
.nuit h2,.nuit h3{color:#fff}
.nuit .k{color:var(--or)}
.nuit p{color:#c8d3f5}
.citation{border-left:3px solid var(--or);padding-left:18px;margin-top:22px;font-weight:800;color:#fff;font-size:1.08rem}
.citation small{display:block;margin-top:6px;font-weight:600;color:#b8c5ee;font-size:.88rem}

/* Tableau comparatif */
.comp{width:100%;border-collapse:separate;border-spacing:0;font-size:.95rem;background:#fff;border:1px solid var(--trait);border-radius:16px;overflow:hidden}
.comp th,.comp td{padding:14px 16px;text-align:left;border-bottom:1px solid var(--trait);vertical-align:top}
.comp thead th{background:var(--gris);font-size:.82rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muet)}
.comp td:nth-child(2),.comp th:nth-child(2){background:#f2f6ff}
.comp td:first-child{font-weight:800;color:var(--encre)}
.comp tr:last-child td{border-bottom:0}
.comp-w{overflow-x:auto}

/* Avis */
.avis .carte{display:flex;flex-direction:column}
.avis .etoiles{color:var(--or);letter-spacing:2px}
.avis blockquote{margin:12px 0 16px;color:var(--texte);font-size:.98rem;flex:1}
.avis cite{font-style:normal;font-weight:800;color:var(--encre);font-size:.9rem}
.avis cite span{display:block;font-weight:600;color:var(--muet)}
.notes{display:flex;flex-wrap:wrap;gap:10px 22px;margin-top:12px;font-weight:800;color:var(--encre)}

/* FAQ */
.faq{display:grid;gap:0 48px;align-items:start}
@media(min-width:900px){.faq{grid-template-columns:1fr 1fr}}
.faq details{border-bottom:1px solid var(--trait)}
.faq summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:16px;padding:18px 0;font-weight:800;color:var(--encre)}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";color:var(--b);font-size:1.3rem;line-height:1;transition:rotate .2s}
.faq details[open] summary::after{rotate:45deg}
.faq details p{padding:0 0 18px;color:var(--muet)}

/* Appel final et pied de page */
.cta-fin{background:var(--nuit);color:#fff;padding:56px 0}
.cta-fin .w{display:grid;gap:22px;align-items:center}
@media(min-width:900px){.cta-fin .w{grid-template-columns:1fr auto}}
.cta-fin h2{color:#fff}
.cta-fin p{color:#c8d3f5;margin-top:8px}
.cta-act{display:flex;flex-wrap:wrap;gap:12px}
.ft{background:var(--nuit);color:#b8c5ee;border-top:1px solid rgba(255,255,255,.08);padding:44px 0 26px;font-size:.92rem}
.ft-grid{display:grid;gap:28px}
@media(min-width:860px){.ft-grid{grid-template-columns:1.5fr 1fr 1fr 1fr}}
.ft-logo{filter:brightness(0) invert(1);height:30px;width:auto;margin-bottom:12px}
.ft-t{color:#fff;font-weight:900;margin-bottom:10px}
.ft ul{list-style:none;margin:0;padding:0;display:grid;gap:7px}
.ft a{color:#b8c5ee;text-decoration:none}
.ft a:hover{color:#fff}
.ft-bas{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 20px;margin-top:30px;padding-top:18px;border-top:1px solid rgba(255,255,255,.1);font-size:.8rem}

/* ---------- Accueil ---------- */
.dom-hero{margin-top:28px;background:#fff;border-radius:20px;padding:20px;max-width:40rem;box-shadow:0 30px 60px -36px rgba(0,0,0,.6)}
.dom-hero label{display:block;font-weight:900;color:var(--encre);margin-bottom:12px}
.dom-hero .dom{margin-bottom:10px}
.tld-l{font-size:.84rem;color:var(--muet);font-weight:600}
.tld-l b{color:var(--encre)}
.rapides{position:relative;z-index:2;margin-top:-34px}
.rapides .w{display:grid;grid-template-columns:repeat(4,1fr);gap:0;background:#fff;border:1px solid var(--trait);border-radius:20px;box-shadow:0 24px 50px -34px rgba(11,20,55,.45);padding:8px}
@media(min-width:900px){.rapides .w{grid-template-columns:repeat(8,1fr);max-width:calc(var(--max) - 64px)}}
.rapides a{display:grid;justify-items:center;gap:8px;padding:14px 6px;border-radius:14px;text-decoration:none;color:var(--encre);font-weight:800;font-size:.84rem;text-align:center}
.rapides a:hover{background:var(--bleuet)}
.ec{display:grid;gap:12px;font-size:.88rem}
.ec-h{font-weight:900;color:var(--encre);font-size:1.1rem}
.ec-l{display:flex;justify-content:space-between;align-items:center;gap:10px;background:var(--gris);border-radius:12px;padding:12px 14px}
.ec-l b{display:block;color:var(--encre)}
.ec-l span{color:var(--muet)}
.ec-ok{background:#e3f7ee;color:var(--vert)!important;font-weight:800;padding:4px 10px;border-radius:999px;font-size:.8rem}
.ec-j{display:grid;grid-template-columns:1fr auto;gap:6px;color:var(--muet);font-weight:700}
.ec-j i{grid-column:1/-1;height:6px;border-radius:6px;background:linear-gradient(90deg,var(--b) var(--p),var(--trait) var(--p))}
.ec-s{display:flex;justify-content:space-between;align-items:center;gap:10px;background:var(--bleuet);border-radius:12px;padding:10px 14px;color:var(--texte);font-weight:700}
.ec-s b{background:var(--b);color:#fff;border-radius:999px;padding:5px 12px;font-size:.8rem}
.ec-b{display:flex;flex-wrap:wrap;gap:8px}
.ec-b span{border:1px solid var(--trait);border-radius:999px;padding:6px 12px;font-weight:800;color:var(--encre);font-size:.8rem}
.projets{display:grid;gap:18px}
@media(min-width:960px){.projets{grid-template-columns:1.3fr 1fr}}
.projet-grand{background:var(--nuit);color:#c8d3f5;border-radius:22px;padding:32px}
.projet-grand .k{color:var(--or)}
.projet-grand h3{color:#fff;font-size:1.6rem;margin-bottom:12px}
.projet-grand p{margin-bottom:22px}
.projets-l{display:grid;gap:12px}
.projet{display:flex;justify-content:space-between;align-items:center;gap:14px;text-decoration:none;color:var(--muet);font-size:.9rem}
.projet:hover{border-color:var(--b3)}
.projet b{display:block;color:var(--encre);font-size:1.02rem}
.projet strong{color:var(--or2);font-weight:900;white-space:nowrap;font-size:1.1rem}

/* Mobile : les colonnes de grille ne s'élargissent pas au contenu. */
.hero .w>*,.split>*,.projets>*{min-width:0}
.nav-mob{display:none}
@media(max-width:560px){
  .hd-cta{display:none}
  .burger{margin-left:auto}
  .nav-mob{display:flex}
}
@media(max-width:1079px){.nav-mob{color:var(--b)!important}}

/* Sélecteur de langue (bandeau du haut) */
.langues{display:inline-flex;gap:2px;padding-left:14px;border-left:1px solid var(--trait)}
.langues a{padding:2px 7px;border-radius:6px;font-weight:800;color:var(--muet)}
.langues a.on{background:var(--bleuet);color:var(--b)}

/* Barre « Dans les trois offres » : une seule ligne dès qu'il y a la place.
   Au-delà de six éléments (revendeur), elle passe à la ligne plutôt que de déborder. */
.inclus-bar span,.inclus-bar b{white-space:nowrap}
@media(min-width:1100px){
  .inclus-bar:not(:has(> span:nth-of-type(7))){flex-wrap:nowrap;justify-content:space-between;gap:12px;font-size:.88rem;padding:16px 22px}
  .inclus-bar b{margin-right:0}
}

/* Coupures de ligne plus propres : titres équilibrés, pas de mot isolé en fin de paragraphe. */
h1,h2,h3{text-wrap:balance}
p,li,.chiffres span{text-wrap:pretty}

/* Titres de section sur toute la largeur : seul le texte d'introduction garde une largeur de lecture. */
.tete{max-width:none}
.tete p{max-width:none}
h2{font-size:clamp(1.55rem,2.9vw,2.15rem)}

/* Partout : le paragraphe placé juste sous un titre de section prend toute la largeur,
   même si une page lui avait donné une largeur de lecture. */
main h2 + p,main .tete p,main p.faits{max-width:none!important}

/* ---------- Carrousel d'avis ---------- */
.car{position:relative}
.car-piste{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;padding:4px 2px 8px;overscroll-behavior-x:contain}
.car-piste::-webkit-scrollbar{display:none}
.car-item{flex:0 0 86%;scroll-snap-align:start;margin:0;display:flex;flex-direction:column}
@media(min-width:720px){.car-item{flex-basis:calc((100% - 18px)/2)}}
@media(min-width:1000px){.car-item{flex-basis:calc((100% - 36px)/3)}}
.car-item .etoiles{color:var(--or);letter-spacing:2px}
.car-item blockquote{margin:12px 0 16px;color:var(--texte);font-size:.98rem;flex:1}
.car-item cite{font-style:normal;font-weight:800;color:var(--encre);font-size:.9rem}
.car-item cite span{display:block;font-weight:600;color:var(--muet)}
.car-nav{display:flex;justify-content:flex-end;gap:10px;margin-top:16px}
.car-b{width:46px;height:46px;border-radius:50%;border:1px solid var(--trait);background:#fff;color:var(--b);display:grid;place-items:center;cursor:pointer;transition:background .15s,border-color .15s}
.car-b:hover{background:var(--bleuet);border-color:var(--b3)}
.car-b[data-dir="-1"] svg{transform:scaleX(-1)}
.nuit .car-b{background:transparent;border-color:rgba(255,255,255,.3);color:#fff}
/* Bandeau cookies */
.ck{position:fixed;left:16px;bottom:16px;z-index:9000;max-width:420px;background:#fff;border:1px solid var(--trait);border-radius:var(--r);box-shadow:0 24px 50px -24px rgba(11,20,55,.45);padding:18px 18px 16px;font-size:.88rem;line-height:1.5}
.ck[hidden]{display:none}
.ck p{margin:0 0 14px;color:var(--texte)}
.ck b{display:block;color:var(--encre);font-size:1rem;margin-bottom:4px}
.ck-act{display:flex;gap:10px}
.ck-act .btn{flex:1;justify-content:center;padding:10px 14px}
@media(max-width:520px){.ck{left:10px;right:10px;bottom:10px;max-width:none}}
/* Articles du blog et ressources (inc/article.php) : leur texte et leurs styles propres, habillés de la charte. */
#contenu .art{--bleu:var(--b);--bleu-clair:var(--b3);--encre:#0B1437;--encre-soft:var(--texte);--orange:var(--or);font-family:inherit;background:#fff;color:var(--texte)}
#contenu .art .blog-hero,#contenu .art .res-hero{background:var(--hero);color:#fff;padding:52px 0 64px;position:relative;overflow:hidden}
#contenu .art .blog-hero::after,#contenu .art .res-hero::after{content:"";position:absolute;right:-140px;top:-120px;width:520px;height:520px;border-radius:50%;border:1px solid rgba(255,255,255,.12);box-shadow:0 0 0 70px rgba(255,255,255,.03),0 0 0 140px rgba(255,255,255,.02);pointer-events:none}
#contenu .art .blog-hero .wrap,#contenu .art .res-hero .container{max-width:var(--max);margin:0 auto;padding:0 16px;position:relative;z-index:1}
#contenu .art .blog-breadcrumb,#contenu .art .res-breadcrumb{font-size:.84rem;font-weight:700;color:rgba(255,255,255,.75);margin:0 0 16px}
#contenu .art .blog-breadcrumb a,#contenu .art .res-breadcrumb a{color:#fff;text-decoration:none}
#contenu .art .blog-breadcrumb span,#contenu .art .res-breadcrumb span{margin:0 .35rem}
#contenu .art .blog-meta-tag,#contenu .art .res-badge{display:inline-flex;align-items:center;gap:.4rem;background:var(--or);color:var(--encre);border:0;border-radius:999px;padding:5px 14px;font-weight:800;font-size:.74rem;letter-spacing:.04em;text-transform:uppercase}
#contenu .art .blog-hero h1,#contenu .art .res-hero h1{color:#fff;font-size:clamp(1.9rem,4.6vw,3rem);font-weight:900;line-height:1.1;letter-spacing:-.02em;margin:14px 0;max-width:none}
#contenu .art .res-hero p{color:rgba(255,255,255,.9);max-width:none;font-size:1.08rem;margin:0}
#contenu .art .blog-meta,#contenu .art .res-meta{display:flex;flex-wrap:wrap;gap:.4rem 1rem;color:rgba(255,255,255,.85);font-weight:700;font-size:.9rem;margin-top:14px}
#contenu .art .container{max-width:900px;margin:0 auto;padding:0 16px}
#contenu .art .blog-cover{max-width:900px;margin:-32px auto 0;border-radius:var(--r)}
#contenu .art .blog-article-body,#contenu .art .res-body{max-width:860px;margin:0 auto;padding:44px 16px 64px}
#contenu .art .blog-article-body h2,#contenu .art .res-body h2{color:var(--encre);font-weight:900;font-size:clamp(1.45rem,2.6vw,1.85rem);letter-spacing:-.02em;margin:40px 0 14px}
#contenu .art .blog-article-body h3,#contenu .art .res-body h3{color:var(--encre);font-weight:800}
#contenu .art .blog-article-body p,#contenu .art .blog-article-body li,#contenu .art .res-body p,#contenu .art .res-body li{color:var(--texte)}
#contenu .art .blog-article-body a,#contenu .art .res-body a:not(.res-dl-btn){color:var(--b)}
#contenu .art .blog-back,#contenu .art .res-back{color:var(--b);font-weight:800}
#contenu .art .res-dl-card{background:var(--nuit)}
#contenu .art .res-dl-btn{background:var(--or);color:var(--encre)}
#contact-modal h2,#contact-modal h3{color:var(--encre)}
#contact-submit{background:var(--b)!important}
@media(max-width:760px){#contenu .art table{display:block;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}}

/* ---------- Campagnes (inc/campagne.php) : bandeau, fenêtre, thèmes ---------- */
:root{--camp-fond:var(--b2);--camp-texte:#fff;--camp-accent:var(--or)}
.camp{background:var(--camp-fond);color:var(--camp-texte);font-size:.9rem;position:relative;overflow:hidden}
.camp-in{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px 18px;padding-top:9px;padding-bottom:9px;text-align:center}
.camp-t{margin:0}
.camp-t b{font-weight:900}
.camp-t span{opacity:.9}
.camp-code{font:inherit;cursor:pointer;border:1px dashed currentColor;background:transparent;color:inherit;border-radius:999px;padding:3px 12px;white-space:nowrap}
.camp-code b{color:var(--camp-accent);letter-spacing:.04em}
.camp-code.ok{background:rgba(255,255,255,.15)}
.camp-cd{white-space:nowrap;font-variant-numeric:tabular-nums}
.camp-cd b{color:var(--camp-accent)}
.camp-b{color:var(--camp-texte);font-weight:900;white-space:nowrap}
.camp-ap{position:absolute;right:12px;top:50%;transform:translateY(-50%);font-size:.72rem;font-weight:800;text-transform:uppercase;color:inherit;opacity:.8;background:rgba(0,0,0,.25);border-radius:999px;padding:2px 9px;text-decoration:none}
@media(max-width:720px){.camp{font-size:.84rem}.camp-ap{position:static;transform:none}}
.camp-pop{position:fixed;inset:0;z-index:9500;background:rgba(11,20,55,.55);display:grid;place-items:center;padding:16px}
.camp-pop[hidden]{display:none}
.camp-pop-in{position:relative;background:#fff;border-radius:22px;max-width:440px;width:100%;padding:34px 28px 28px;text-align:center;box-shadow:0 40px 80px -30px rgba(11,20,55,.6);border-top:6px solid var(--camp-accent)}
.camp-pop-k{margin:0 0 8px;font-weight:900;font-size:.8rem;letter-spacing:.06em;text-transform:uppercase;color:var(--camp-fond)}
.camp-pop-in h2{font-size:clamp(1.5rem,4vw,2rem);margin:0 0 12px}
.camp-pop-in p{margin:0 0 18px}
.camp-pop-in .btn{width:100%;justify-content:center}
.camp-code-l{display:flex;width:100%;justify-content:center;gap:8px;align-items:baseline;color:var(--encre);border-color:var(--trait);padding:12px;margin:0 0 14px;font-size:1rem}
.camp-code-l b{color:var(--camp-fond);font-size:1.15rem}
.camp-code-l small{color:var(--muet);font-weight:700}
.camp-x{position:absolute;top:10px;right:12px;border:0;background:none;font-size:1.8rem;line-height:1;cursor:pointer;color:var(--muet)}
.camp-decor{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:8000}

/* Thèmes : couleur du bandeau, accent, et fond du hero pour les plus marqués. */
.th-blackfriday{--camp-fond:#0b0b0f;--camp-accent:#F2B138;--camp-hero:linear-gradient(135deg,#0b0b0f 0%,#17171f 55%,#2a2108 100%)}
.th-blackfriday .camp{border-bottom:1px solid rgba(242,177,56,.35)}
.th-blackfriday .camp-hero .sur{color:#F2D79A}
.th-cybermonday{--camp-fond:#071a63;--camp-accent:#22D3EE;--camp-hero:linear-gradient(135deg,#071a63 0%,#1140BE 55%,#0891b2 100%)}
.th-noel{--camp-fond:#0B1A4A;--camp-accent:#F7D774;--camp-hero:linear-gradient(135deg,#0B1A4A 0%,#12307f 55%,#1140BE 100%)}
.th-soldes{--camp-fond:var(--or);--camp-texte:var(--encre);--camp-accent:var(--b2)}
.th-rentree{--camp-fond:var(--b);--camp-accent:var(--or)}
.th-anniversaire{--camp-fond:var(--b);--camp-accent:var(--or)}
.th-frenchdays{--camp-fond:#0D37A3;--camp-accent:#fff}
.th-frenchdays .camp{border-bottom:4px solid transparent;border-image:linear-gradient(90deg,#1140BE 33%,#fff 33% 66%,#E11D48 66%) 1}
.th-neutre{--camp-fond:var(--b2)}
@media(prefers-reduced-motion:no-preference){
  .th-blackfriday .camp::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 30%,rgba(242,177,56,.18) 50%,transparent 70%);transform:translateX(-100%);animation:camp-reflet 4.5s ease-in-out infinite;pointer-events:none}
  .th-cybermonday .camp-cd b{text-shadow:0 0 12px rgba(34,211,238,.8)}
}
@keyframes camp-reflet{60%,100%{transform:translateX(100%)}}
@media(max-width:720px){html[class*="th-"] .topbar{display:none}}
/* Hero de campagne (accueil) et allègement : un seul message promotionnel à la fois. */
html[class*="th-"] .topbar .w>a:first-child{display:none}
html[class*="th-"] .topbar nav{margin-left:auto}
.camp-hero .camp-hero-1{grid-template-columns:1fr!important}
.camp-hero .lead{max-width:40rem}
.camp-hero .camp-hero-l{color:#fff;border:1px solid rgba(255,255,255,.45);background:transparent}
.camp-hero-info{display:flex;flex-wrap:wrap;align-items:center;gap:10px 20px;margin:22px 0 0;color:#fff;font-weight:700}
.camp-hero .camp-code b,.camp-hero .camp-cd b{color:var(--camp-accent)}
.camp-hero-remise{margin:0;text-align:center;font-weight:900;font-size:clamp(3.5rem,8vw,7.5rem);white-space:nowrap;line-height:.9;letter-spacing:-.04em;color:var(--camp-accent)}
@supports (-webkit-text-stroke:2px #000){.camp-hero-remise{color:transparent;-webkit-text-stroke:3px var(--camp-accent)}}
.camp-hero .camp-ap{top:16px;transform:none}
.camp-hero{background:var(--camp-hero,var(--hero))}
@media(max-width:999px){.camp-hero-remise{display:none}.camp-hero .camp-ap{position:absolute;top:10px;right:12px}}
/* Calendrier de l'Avent (accueil, campagne en mode calendrier) */
.cal{background:linear-gradient(180deg,#0B1A4A 0%,#0F2A78 100%);color:#fff}
.cal h2{color:#fff}
.cal .tete p{color:rgba(255,255,255,.82)}
.cal-g{list-style:none;margin:28px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
@media(min-width:720px){.cal-g{grid-template-columns:repeat(6,1fr);gap:14px}}
@media(min-width:1100px){.cal-g{grid-template-columns:repeat(8,1fr)}}
.cal-c{position:relative;aspect-ratio:1;border-radius:14px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:8px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);min-width:0}
.cal-n{font-weight:900;font-size:clamp(1.4rem,3.4vw,2rem);line-height:1;color:var(--or)}
.cal-l{font-size:.72rem;font-weight:700;color:rgba(255,255,255,.72);margin-top:6px}
.cal-p{font-size:.68rem;line-height:1.2;color:rgba(255,255,255,.7);margin-top:4px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
@media(max-width:719px){.cal-p{display:none}}
.cal-passee{opacity:.5}
.cal-passee .cal-n{color:#fff}
.cal-ouverte{border:2px solid var(--or);background:rgba(242,177,56,.14);padding:0}
.cal-porte{all:unset;box-sizing:border-box;cursor:pointer;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:12px}
.cal-porte:focus-visible{outline:3px solid var(--or);outline-offset:3px}
.cal-ouverte .cal-l{color:var(--or);font-weight:900;text-transform:uppercase;letter-spacing:.05em}
.cal-vue{background:var(--or)}
.cal-vue .cal-n,.cal-vue .cal-l{color:var(--encre)}
@media(prefers-reduced-motion:no-preference){.cal-ouverte:not(.cal-vue){animation:cal-pouls 2.4s ease-in-out infinite}}
@keyframes cal-pouls{50%{box-shadow:0 0 0 8px rgba(242,177,56,.18)}}
.cal-offre{margin-top:22px;background:#fff;color:var(--texte);border-radius:var(--r);padding:22px;display:grid;gap:14px 28px;align-items:center}
.cal-offre[hidden]{display:none}
@media(min-width:720px){.cal-offre{grid-template-columns:auto 1fr;padding:28px 34px}}
.cal-rem{margin:0;font-weight:900;font-size:clamp(2.6rem,6vw,4.2rem);line-height:1;color:var(--b)}
.cal-k{margin:0 0 4px;font-weight:800;font-size:.78rem;letter-spacing:.05em;text-transform:uppercase;color:var(--muet)}
.cal-offre h3{font-size:1.4rem;margin:0 0 8px}
.cal-offre p{margin:0}
.cal-act{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;margin-top:16px!important}
.cal-offre .camp-code{color:var(--encre);border-color:var(--trait);padding:10px 16px}
.cal-offre .camp-code b,.cal-offre .camp-cd b{color:var(--b)}
.cal-hero .w{grid-template-columns:1fr!important}
.cal-hero .lead{max-width:44rem}
.cal-etapes{list-style:none;margin:0;padding:0}
.cal-etapes b{display:inline-grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--bleuet);color:var(--b);font-weight:900;margin-bottom:12px}
.cal-etapes h3{font-size:1.15rem;margin:0 0 8px}
.cal-etapes p{margin:0}
.cal-hero + .cal{padding-top:36px}
/* Prix barrés pendant une offre (inc/campagne.php) */
.px-avant{color:var(--muet);font-weight:800;font-size:1.05rem;margin-right:8px;text-decoration-thickness:2px;text-decoration-color:rgba(94,103,136,.8)}
.px-promo{margin:6px 0 0;font-size:.8rem;font-weight:800;line-height:1.35;color:var(--vert)}
/* Remise du paiement annuel : badge sur le sélecteur, mention sous la carte du hero */
.cyc-r{display:inline-block;margin-left:6px;padding:1px 7px;border-radius:999px;background:var(--vert);color:#fff;font-size:.72rem;font-weight:900;line-height:1.5;vertical-align:middle}
.px-an-note{margin:6px 0 0;font-size:.82rem;font-weight:800;color:var(--vert)}

/* ---------- Fiches ressources (inc/ressource.php) ---------- */
.rs-hero .w{grid-template-columns:1fr!important}
.rs-hero .lead{max-width:52rem}
.rs-hero .btn svg{width:18px;height:18px;flex:none}
.rs-hero .rs-ligne{color:#fff;border:2px solid rgba(255,255,255,.5);background:transparent}
.rs-corps{padding:48px 0 72px}
.rs-lay{display:grid;gap:28px;align-items:start}
.rs-lay>*{min-width:0}
@media(min-width:960px){.rs-lay{grid-template-columns:250px minmax(0,1fr);gap:56px}.rs-toc{position:sticky;top:92px}}
.rs-toc{background:var(--gris);border:1px solid var(--trait);border-radius:16px;padding:18px 16px}
.rs-toc-t{font-size:.76rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:var(--muet);margin:0 0 10px 8px}
.rs-toc ol{list-style:none;margin:0;padding:0;display:grid;gap:2px;counter-reset:t}
.rs-toc li{counter-increment:t}
.rs-toc a{display:flex;gap:10px;padding:7px 8px;border-radius:9px;color:var(--texte);font-weight:700;font-size:.92rem;line-height:1.35;text-decoration:none}
.rs-toc a::before{content:counter(t);flex:none;width:1.3em;color:var(--b);font-weight:900}
.rs-toc a:hover{background:#fff;color:var(--b)}
.rs-toc-pdf{margin:12px 0 0;width:100%;display:flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--trait);background:#fff;border-radius:999px;padding:9px 12px;font:800 .88rem 'Nunito',sans-serif;color:var(--b);cursor:pointer}
.rs-toc-pdf svg{width:16px;height:16px}
.rs-prose{max-width:80ch}
.rs-prose>section{padding:0 0 28px;margin:0 0 30px;border-bottom:1px solid var(--trait);scroll-margin-top:90px}
.rs-prose h2{font-size:clamp(1.35rem,2.5vw,1.7rem);margin:0 0 14px}
.rs-prose h3{font-size:1.1rem;margin:24px 0 8px}
.rs-prose p{margin:0 0 12px;line-height:1.75}
.rs-prose ul,.rs-prose ol{margin:0 0 14px;padding-left:1.3em;display:grid;gap:6px;line-height:1.7}
.rs-prose strong{color:var(--encre)}
.rs-prose a{font-weight:700;overflow-wrap:anywhere}
.rs-prose code{background:var(--gris);border:1px solid var(--trait);border-radius:6px;padding:1px 6px;font-size:.9em}
.rs-print-url{display:none}
.rs-encadre,.rs-attention{border-radius:14px;padding:16px 20px;margin:16px 0;line-height:1.65}
.rs-encadre{background:var(--bleuet);border-left:4px solid var(--b)}
.rs-attention{background:#FFF6E5;border-left:4px solid var(--or)}
.rs-encadre p:last-child,.rs-attention p:last-child{margin:0}
.rs-check{list-style:none!important;padding-left:0!important}
.rs-check li{position:relative;padding-left:32px}
.rs-check li::before{content:"";position:absolute;left:0;top:.3em;width:18px;height:18px;border:2px solid var(--b);border-radius:5px;background:#fff}
.rs-etapes{list-style:none!important;padding-left:0!important;counter-reset:e}
.rs-etapes>li{counter-increment:e;position:relative;padding-left:44px;min-height:32px}
.rs-etapes>li::before{content:counter(e);position:absolute;left:0;top:0;width:30px;height:30px;border-radius:50%;background:var(--b);color:#fff;font-weight:900;display:grid;place-items:center;font-size:.9rem}
.rs-table-w{overflow-x:auto;margin:14px 0}
table.rs-table{width:100%;border-collapse:collapse;font-size:.94rem}
.rs-table th,.rs-table td{border-bottom:1px solid var(--trait);padding:10px 12px;text-align:left;vertical-align:top}
.rs-table th{background:var(--gris);color:var(--encre);font-weight:900}
.rs-modele{position:relative;background:var(--gris);border:1px solid var(--trait);border-radius:14px;padding:16px 18px;margin:14px 0}
.rs-modele pre{margin:0;white-space:pre-wrap;font:500 .94rem/1.65 'Nunito',sans-serif;color:var(--texte)}
.rs-copier{position:absolute;top:10px;right:10px;border:1px solid var(--trait);background:#fff;border-radius:999px;padding:4px 12px;font:800 .8rem 'Nunito',sans-serif;color:var(--b);cursor:pointer}
.rs-faq{border-bottom:1px solid var(--trait);padding:12px 0}
.rs-faq summary{cursor:pointer;font-weight:800;color:var(--encre)}
.rs-faq p{margin:10px 0 0}
.rs-liens{border-bottom:0!important}
.rs-lien{display:grid;gap:6px;text-decoration:none;color:var(--texte)}
.rs-lien b{color:var(--b)}
.rs-lien span{font-weight:600;font-size:.92rem}
.rs-retour a{font-weight:800;text-decoration:none}

/* Impression / « Télécharger en PDF » : la fiche seule, propre. */
@media print{
  @page{margin:16mm 14mm}
  body{background:#fff;font-size:11pt}
  .topbar,.hd,.camp,footer,.cta-fin,.ck,.camp-pop,.camp-decor,#livechat-widget,.rs-toc,.rs-hero .acts,.rs-hero .ariane,.rs-liens,.rs-retour,.rs-copier,.skip,script{display:none!important}
  .rs-hero{background:#fff!important;color:var(--encre)!important;padding:0 0 12px!important}
  .rs-hero::after{display:none}
  .rs-hero h1,.rs-hero .lead,.rs-hero .sur{color:var(--encre)!important}
  .rs-corps{padding:0}
  .rs-lay{display:block}
  .rs-prose{max-width:none}
  .rs-print-url{display:block;color:var(--muet);font-size:9pt;margin:0 0 10px}
  .rs-prose>section{break-inside:auto;border:0;padding:0 0 10px;margin:0 0 10px}
  .rs-prose h2,.rs-prose h3{break-after:avoid}
  .rs-encadre,.rs-attention,.rs-modele,table{break-inside:avoid}
  a{color:inherit;text-decoration:none}
}

/* Glossaire (ressources/glossaire-hebergement-web) : définitions et index A-Z. */
.rs-glo dt{font-weight:900;color:var(--encre);margin-top:14px;scroll-margin-top:90px}
.rs-glo dd{margin:4px 0 0}
.rs-az{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 16px}
.rs-az a{display:inline-grid;place-items:center;min-width:34px;height:34px;padding:0 6px;border:1px solid var(--trait);border-radius:9px;background:#fff;font-weight:900;color:var(--b);text-decoration:none}
.rs-az a:hover{border-color:var(--b3);background:var(--bleuet)}
.rs-az-l{scroll-margin-top:90px;font-size:.95rem}
.rs-az-l b{display:inline-block;min-width:1.4em;color:var(--b)}
@media print{.rs-az{display:none}}