:root{
  --stout:#111;--encre:#1b1917;--encre-2:#6b6259;--ligne:#e4e0da;--filet:#111;--papier:#fff;--malt:#f4f2ee;--or:#F5C400;--or-encre:#111;--houblon:#0E8C7F;
  --jaune:#F5C400;--bleu:#1F4FD8;--orange:#FF7A00;--vert:#0E8C7F;
  --u:#F5C400;--u-encre:#111;
  --titre:'Montserrat',Arial,Helvetica,sans-serif;--texte:'Source Serif 4',Georgia,serif;--max:1140px;--marge:20px;
}
*{box-sizing:border-box}
body{margin:0;font-family:var(--texte);font-size:17px;line-height:1.5;color:var(--encre);background:var(--papier)}
a{color:inherit;text-decoration:none}
h1,h2,h3,h4{font-family:var(--titre);font-weight:800;line-height:1.1;margin:0;letter-spacing:-.015em;text-wrap:balance}
h3,h4{font-weight:700;letter-spacing:-.01em;line-height:1.2}
.et{font-size:.5em;letter-spacing:.06em;color:var(--u);vertical-align:.25em;margin:0 .2em;font-weight:900}
label,button,input,select,textarea,th,.menu,.masthead-nav,.admin-nav,.menu-bas,.fil-onglets,.pied,.statut,.puce,.pagination,.partage,.kicker,.format,.carte .genre,.pub-univers,.feuille-titre,.partage-titre,.fil,.signature,.meta,.chapo-carte,small{font-family:var(--titre)}
.visuellement-cache{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.saut{position:absolute;left:-999px;top:8px;background:var(--or);color:var(--stout);padding:8px 12px;border-radius:0;z-index:100}
.saut:focus{left:8px}
.simulation{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:0;padding:6px var(--marge);font-family:var(--titre);font-size:13px;color:var(--stout);background:repeating-linear-gradient(135deg,var(--or) 0 14px,#ffd84d 14px 28px);border-bottom:2px solid var(--stout)}
.simulation-active{background:repeating-linear-gradient(135deg,var(--orange) 0 14px,#ff9a40 14px 28px)}
.simulation-titre{text-transform:uppercase;letter-spacing:.08em;font-weight:800;margin-right:6px}
.simulation-note{margin-right:4px}
.simulation button{font:inherit;font-weight:600;padding:3px 10px;border:1px solid var(--stout);background:#fff;color:var(--stout);cursor:pointer;line-height:1.3}
.simulation button[aria-pressed="true"]{background:var(--stout);color:#fff}
.simulation .simulation-reprendre{margin-left:auto;background:var(--stout);color:#fff}
.bouton{display:inline-flex;align-items:center;justify-content:center;padding:9px 14px;font-family:var(--titre);font-weight:600;font-size:14px;border:1px solid var(--stout);background:var(--stout);color:#fff;cursor:pointer;line-height:1.2}
.bouton-or{background:var(--or);border-color:var(--or);color:var(--stout)}
.bouton-ligne{background:transparent;border-color:var(--ligne);color:var(--encre)}.bouton-ligne:hover{border-color:var(--encre)}
.bouton-stout{background:var(--stout);color:#fff}

.entete{position:sticky;top:0;z-index:40;background:var(--papier);color:var(--encre);border-bottom:2px solid var(--filet)}
.entete-ligne{margin:0 auto;padding:0 var(--marge);height:64px;display:flex;align-items:center;gap:14px}
.marque{display:inline-flex;align-items:center;font-family:var(--titre);font-size:20px;font-weight:900;letter-spacing:-.02em;text-transform:uppercase;white-space:nowrap;line-height:1}
.marque img{display:block;height:36px;width:auto}
.marque em{font-style:normal;color:var(--or)}
.menu{display:none;align-items:center;gap:18px;margin-left:18px;font-family:var(--titre);font-weight:600;font-size:12px;letter-spacing:.06em;text-transform:uppercase;height:64px}
.menu > a,.menu-univers > a{padding:6px 0;border-bottom:2px solid transparent}
.menu > a[aria-current]{border-bottom-color:var(--or)}
.menu-univers{position:relative;height:64px;display:flex;align-items:center}
.menu-univers[data-actif] > a,.menu-univers:hover > a,.menu-univers:focus-within > a{border-bottom-color:var(--u)}
.menu-rubriques{display:none;position:absolute;top:100%;left:-16px;min-width:250px;background:var(--papier);color:var(--encre);padding:12px 16px 14px;border:1px solid var(--filet);border-top:3px solid var(--u);text-transform:none;letter-spacing:0;font-weight:500}
.menu-univers:focus-within .menu-rubriques{display:block}
@media (hover:hover){.menu-univers:hover .menu-rubriques{display:block}}
.menu-rubriques a{display:block;padding:7px 0;font-size:14px;border-bottom:1px solid var(--ligne)}
.menu-rubriques a:last-child{border-bottom:0}
.menu-rubriques .menu-tout{font-size:13px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;border-bottom:3px solid var(--u)}
.outils{margin-left:auto;display:flex;align-items:center;gap:8px;min-width:0}
.recherche{display:none;align-items:center;background:var(--malt);border:1px solid var(--ligne);padding:1px 2px 1px 10px;min-width:0}
.recherche input{background:transparent;border:0;color:var(--encre);font:inherit;font-family:var(--titre);font-size:13.5px;width:130px;min-width:0;outline:none}
.recherche input:focus{outline:2px solid var(--or);outline-offset:-2px}
.recherche button{background:transparent;border:0;color:var(--encre);width:36px;height:36px;display:grid;place-items:center;cursor:pointer}
.connexion,.inscription{display:none;font-family:var(--titre);font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}
.compte{display:flex;align-items:center;gap:8px;font-family:var(--titre);font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}
.compte span:last-child{display:none}
.avatar{width:32px;height:32px;border-radius:50%;background:var(--stout);color:#fff;display:grid;place-items:center;font-weight:800;font-size:12px;letter-spacing:0}
.entete .bouton-or{padding:8px 12px;font-size:13px;white-space:nowrap}
.entete .bouton-or .long{display:none}
@media (max-width:359px){.entete-ligne{gap:8px;padding:0 12px}.marque img{height:30px}.outils{gap:6px}.entete .bouton-or{padding:8px 10px}}
.tiroir{position:relative}
.tiroir summary{list-style:none;cursor:pointer;width:38px;height:38px;display:grid;place-items:center}
.tiroir summary::-webkit-details-marker{display:none}
.tiroir-panneau{position:fixed;top:66px;right:0;bottom:0;width:min(88vw,380px);background:var(--papier);color:var(--encre);overflow:auto;padding:12px 20px 40px;border-left:1px solid var(--filet)}
.tiroir-panneau > a{display:block;padding:12px 0;border-bottom:1px solid var(--ligne);font-family:var(--titre);font-weight:700;font-size:14px;letter-spacing:.04em;text-transform:uppercase}
.tiroir-univers b{display:block;font-weight:800;color:var(--encre);border-top:2px solid var(--u);padding-top:6px;margin-top:2px}
.tiroir-univers small{display:block;font-family:var(--texte);font-size:14px;color:var(--encre-2);line-height:1.35;text-transform:none;letter-spacing:0;font-weight:400}
@media (min-width:900px){
  .menu{display:flex}.recherche{display:flex}.connexion{display:inline}
  .entete .bouton-or{padding:9px 14px}
  .tiroir{display:none}
  .entete{background:var(--stout);color:#fff;border-bottom-color:var(--stout)}
  .recherche{background:transparent;border-color:#3a3531}.recherche input,.recherche button{color:#fff}.recherche input::placeholder{color:#a89f93}
  .avatar{background:#fff;color:var(--stout)}
}

.masthead{background:var(--papier);color:var(--encre);border-top:4px solid var(--u);border-bottom:1px solid var(--ligne)}
.masthead-ligne{max-width:var(--max);margin:0 auto;padding:18px var(--marge) 0;display:flex;flex-wrap:wrap;align-items:flex-end;gap:6px 24px}
.masthead-nom{font-family:var(--titre);font-weight:800;font-size:clamp(26px,4vw,36px);letter-spacing:-.02em;line-height:1}
.masthead-slogan{font-family:var(--texte);font-style:italic;font-size:16px;color:var(--encre-2);margin:0;padding-bottom:4px}
.masthead-nav{max-width:var(--max);margin:10px auto 0;padding:0 var(--marge);display:flex;gap:2px;overflow-x:auto;scrollbar-width:none;font-family:var(--titre)}
.masthead-nav::-webkit-scrollbar{display:none}
.masthead-nav a{white-space:nowrap;padding:10px 12px 11px;font-weight:600;font-size:12px;letter-spacing:.06em;text-transform:uppercase;border-bottom:2px solid transparent;margin-bottom:-1px}
.masthead-nav a[aria-current],.masthead-nav a:hover{border-bottom-color:var(--u)}
/* Les sous-menus du bandeau : une rubrique qui a des sous-catégories remplies (cache de lib/contenu) est un lien à chevron dont le panneau se déroule au survol ou au clavier dès 900 px, comme le menu des univers; sous 900 px la barre est cachée, la feuille du bouton Menu liste les sous-catégories sous leur rubrique. */
@media (min-width:900px){
.masthead-nav{overflow:visible;flex-wrap:wrap}
.masthead-groupe{display:flex;position:relative}
.masthead-groupe > a{display:flex;align-items:center;gap:6px}
.masthead-groupe > a::after{content:"";width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(-2px) rotate(45deg)}
.masthead-groupe[data-actif] > a,.masthead-groupe:hover > a,.masthead-groupe:focus-within > a{border-bottom-color:var(--u)}
.masthead-sous{display:none;position:absolute;top:100%;left:0;z-index:30;min-width:220px;padding:6px 0 8px;background:var(--papier);border:1px solid var(--filet);border-top:3px solid var(--u)}
.masthead-groupe:focus-within .masthead-sous{display:block}
@media (hover:hover){.masthead-groupe:hover .masthead-sous{display:block}}
.masthead-nav .masthead-sous a{display:block;padding:8px 16px;margin:0;border-bottom:0;font-size:14px;font-weight:500;letter-spacing:0;text-transform:none}
.masthead-nav .masthead-sous a:hover,.masthead-nav .masthead-sous a[aria-current]{background:color-mix(in srgb,var(--u) 14%,var(--papier))}
}
/* Sous 900 px, la barre des rubriques qui défilait ne se devinait pas : un bouton hamburger dans le masthead ouvre une feuille (mécanique du menu du bas, app.js) avec les rubriques de l'univers, ses outils, puis les entrées de Plaisirs Média. */
@media (min-width:900px){.masthead-menu{display:none}}
@media (max-width:899px){.masthead-nav{display:none}
.masthead{position:relative}.masthead-ligne{padding-right:calc(var(--marge) + 104px);padding-bottom:14px}
.masthead-menu{position:absolute;top:18px;right:var(--marge);display:inline-flex;align-items:center;gap:6px;padding:7px 10px 7px 8px;border:1.5px solid var(--u);border-radius:0;background:transparent;color:var(--encre);font:inherit;font-family:var(--titre);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;line-height:1;cursor:pointer}
.masthead-menu svg{width:22px;height:22px}
.masthead-menu[aria-expanded]{background:var(--u);color:var(--u-encre);border-color:var(--u)}
.feuille-rubriques{border-top:3px solid var(--u)}
.feuille-panneau > a:has(+ .feuille-sous){border-bottom:0}
.feuille-sous{display:flex;flex-wrap:wrap;gap:0 18px;padding:0 0 8px 14px;border-bottom:1px solid var(--ligne)}
.feuille-sous a{padding:4px 0 6px;font-size:14.5px;color:var(--encre-2)}
.feuille-sous a[aria-current]{color:var(--encre);font-weight:600}
.feuille-panneau > a + .feuille-titre{margin-top:18px}
.feuille-rubriques > a[aria-current]{font-weight:700;box-shadow:inset 3px 0 var(--u);padding-left:10px}
}

/* La colonne de lecture se mesure en pixels pour s’accorder au masthead (--max) : dès 1180 px, le texte part du bord gauche du masthead, le rail de partage se pose dans la gouttière à sa droite, et la publicité prend le bord droit quand la page en porte une; sans publicité (Premium), la même colonne reste centrée. */
.article{--mesure:680px;max-width:calc(var(--mesure) + 2*var(--marge));margin:0 auto;padding:30px var(--marge) 40px}
.fil{font-size:14px;color:var(--encre-2);margin:0 0 14px}
.fil a{text-decoration:underline;text-underline-offset:3px}
.format,.kicker{font-size:11.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--encre-2);margin:0 0 12px;display:inline-flex;align-items:center;gap:8px}
.format::before,.kicker::before,.carte .genre::before{content:"";width:18px;height:2px;background:var(--u);flex:none}
.etiquette-premium{background:var(--jaune);color:#111;padding:1px 8px;font-size:11px;letter-spacing:.08em}
.bandeau-publireportage{background:#111;color:#fff;padding:8px 14px;font-size:14px;margin:0 0 12px}.bandeau-publireportage b{text-transform:uppercase;letter-spacing:.08em;font-size:12px}.bandeau-publireportage a{color:#fff;text-decoration:underline}
.bloc-publireportage{border:2px solid #111;padding:14px 18px;margin:24px 0;font-size:15px}.bloc-publireportage p{margin:0}
.bloc-agence{border:2px solid var(--u,#111);padding:16px 20px;margin:24px 0}.agence-etiquette{margin:0 0 8px;font-size:12px;text-transform:uppercase;letter-spacing:.08em;font-weight:700}.agence-corps{display:flex;gap:20px;align-items:flex-start;flex-wrap:wrap}.agence-corps h2{margin:0 0 8px;font-size:22px}.agence-logo{width:96px;height:96px;object-fit:contain;flex:none}.agence-image{width:100%;max-width:400px;height:auto;object-fit:cover}.agence-phrase{font-size:14px;color:#444}.agence-phrase small{display:block}@media (min-width:800px){.agence-corps>div{flex:1 1 320px}}
.carte[data-format="Publireportage"] .genre{color:#111;font-weight:700;text-transform:uppercase;letter-spacing:.08em}
.article h1{font-size:clamp(28px,4.6vw,40px);margin-bottom:14px;letter-spacing:-.015em;line-height:1.1}
.chapo{font-size:20px;color:var(--encre-2);margin:0 0 14px;line-height:1.4}
.signature{color:var(--encre-2);font-size:13px;font-weight:700;margin:0 0 22px}.signature a{color:var(--encre)}
.signature a{text-decoration:underline;text-underline-offset:3px}
.image-une{margin:0 0 22px}
.image-une img{width:100%;height:auto;max-height:560px;object-fit:contain;border-radius:0;display:block;background:var(--malt)}
.image-une figcaption{font-size:13.5px;color:var(--encre-2);margin-top:6px}
.fiche{display:grid;grid-template-columns:repeat(2,1fr);gap:10px 18px;margin:0 0 24px;padding:16px 18px;background:var(--malt);border-radius:0}
.fiche div{display:grid;gap:2px}
.fiche dt{font-size:13px;color:var(--encre-2)}
.fiche dd{margin:0;font-weight:600}
.fiche .note dd b{font-family:var(--titre);font-size:32px;font-weight:900;color:var(--u)}
.corps p{font-size:18.5px;line-height:1.6;margin:0 0 1em}
.corps a{overflow-wrap:anywhere}
.corps h2{font-size:22px;margin:30px 0 10px;letter-spacing:-.01em}
.corps h3{font-size:19px;margin:22px 0 8px}
.corps blockquote{margin:24px 0;padding:6px 0 6px 20px;border-left:6px solid var(--u);font-family:var(--titre);font-size:22px;line-height:1.25;font-weight:800;letter-spacing:-.01em}
.corps ol.classement{list-style:none;padding:0;margin:0}
.corps ol.classement li{display:grid;grid-template-columns:44px 1fr auto;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid var(--ligne)}
.corps ol.classement i{font-family:var(--titre);font-weight:900;font-size:26px;color:var(--u);font-style:normal}
.corps ol.classement b{display:block;font-weight:600}
.corps ol.classement span{font-size:14px;color:var(--encre-2)}
.corps ol.classement em{font-style:normal;font-weight:700;color:var(--u)}
.encadre-ancien{border:1px solid var(--filet);border-left:5px solid var(--or);background:var(--malt);padding:12px 16px;margin:0 0 22px;font-size:15px;line-height:1.45}
.encadre-ancien b{font-family:var(--titre)}
.invitation{border:1px solid var(--filet);background:var(--papier);padding:24px;margin-top:-10px}
.invitation + .bloc-agence{margin-top:24px}
.invitation h2{font-size:22px;margin-bottom:6px}
.invitation p{font-size:16px;margin:0 0 14px}
.invitation .actions{display:flex;flex-wrap:wrap;gap:10px;margin:0}
.partage{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:30px 0 22px;padding:16px 0 14px;border-top:1px solid var(--ligne)}
.partage-titre{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--encre-2);margin-right:6px}
.partage a,.partage button{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--ligne);padding:7px 14px 7px 10px;font:inherit;font-family:var(--titre);font-size:13px;font-weight:600;background:#fff;color:var(--encre);cursor:pointer;text-decoration:none;transition:background .12s,color .12s,border-color .12s}
.partage svg{width:18px;height:18px;fill:currentColor;flex:none}
.partage a:hover,.partage button:hover{background:var(--u);border-color:var(--u);color:#fff}
.copie,.copie:hover,.partage .copie:hover{background:var(--houblon);border-color:var(--houblon);color:#fff}
.partage [hidden]{display:none}
.partage-court{flex-basis:100%;font-size:13px;color:var(--encre-2);margin-top:4px}
.partage .partage-court a{display:inline;border:0;padding:0;font-weight:500;font-size:13px;background:none;color:var(--encre-2);text-decoration:underline;text-underline-offset:3px}
.partage-rail{display:none}
@media (min-width:1180px){
.article{position:relative}
.article:has(.partage-rail){max-width:calc(var(--mesure) + 2*var(--marge) + 88px);padding-right:calc(var(--marge) + 88px)}
.article:has(.publicite.colonne){max-width:var(--max);padding-right:calc(var(--marge) + 420px)}
.partage-rail{display:flex;flex-direction:column;flex-wrap:nowrap;align-items:center;gap:8px;position:sticky;top:84px;height:0;overflow:visible;margin:0 0 0 calc(100% + 32px);padding:0;border:0;width:56px;z-index:5}
.partage-rail > *{flex:none}
.partage-rail .partage-titre{margin:0 0 2px}
.partage-rail a,.partage-rail button{width:44px;height:44px;padding:0;justify-content:center;border-radius:50%}
.partage-rail svg{width:20px;height:20px}
.partage-rail span:not(.partage-titre){position:absolute;left:-9999px}
.partage-rail .partage-copier.copie{width:auto;padding:0 14px;border-radius:0}
.partage-rail .partage-copier.copie span{position:static;font-size:12.5px;margin-left:6px}
.article > .partage:not(.partage-rail) a,.article > .partage:not(.partage-rail) button,.article > .partage:not(.partage-rail) .partage-titre{display:none}
.article > .partage:not(.partage-rail){padding:12px 0 0;margin-top:26px}
}
.cadeau{margin:0 0 22px;padding:14px 18px;background:var(--malt);border-radius:0}
.cadeau .actions{margin:0}
.auteur{display:flex;gap:16px;align-items:center;padding:18px 20px;margin:0 0 34px;background:var(--malt);border-radius:0}
.avatar-auteur{flex:none;width:64px;height:64px;border-radius:50%;background:var(--u);color:#fff;display:grid;place-items:center;font-family:var(--titre);font-weight:700;font-size:24px}
.auteur b{display:block;font-family:var(--titre);font-size:19px;font-weight:700}
.auteur p{font-size:15px;color:var(--encre-2);margin:4px 0 6px}
.auteur a{font-weight:600;text-decoration:underline;text-underline-offset:3px;font-size:15px}
.lies{margin:38px 0 0;padding-top:26px;border-top:1px solid var(--filet)}
.lies h2{font-size:22px;margin:0 0 16px}
.lies ul{list-style:none;margin:0;padding:0;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}
.lies li{border-top:1px solid var(--ligne);padding:12px 0 0;background:#fff}
.lies li a{font-weight:800;font-family:var(--titre);font-size:18px;line-height:1.2;display:block;letter-spacing:-.01em}
.lies small{display:block;color:var(--encre-2);font-size:13px;margin-top:6px}
.publicite{margin:30px 0 0;padding-top:10px;border-top:1px solid var(--ligne);text-align:center}
.publicite small{display:block;font-family:var(--titre);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--encre-2);margin-bottom:6px}
.publicite-lien{display:inline-block;max-width:100%;line-height:0}
.publicite-lien img{max-width:100%;height:auto;border:1px solid var(--ligne)}
.publicite-lien.format-bandeau img{width:970px;max-height:100px}
.publicite-lien.format-pave img{width:300px}
.publicite-lien.format-panneau img{width:300px}
.publicite .publicite-mention{font-size:11px;letter-spacing:0;text-transform:none;margin:6px 0 0;color:var(--encre-2)}
.publicite.colonne{display:none}
@media (min-width:1180px){.publicite.colonne{display:block;position:absolute;top:30px;right:var(--marge);width:300px;margin:0;padding:0;border:0;text-align:left}}
body.pm-premium .publicite{display:none}

.pied{background:var(--stout);color:#a89f93;margin-top:40px;font-family:var(--titre)}
.pied-colonnes{max-width:var(--max);margin:0 auto;padding:40px var(--marge) 20px;display:grid;gap:22px;grid-template-columns:repeat(2,1fr)}
@media (min-width:700px){.pied-colonnes{grid-template-columns:1.4fr 1fr 1fr 1fr}}
.pied .marque{color:#fff;font-size:22px}.pied .marque img{height:34px}
.pied p{font-family:var(--texte);font-size:15px;line-height:1.5;margin:12px 0 0}
.pied h2{font-size:11.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#fff;margin:0 0 12px}
.pied-colonnes a:not(.marque){display:block;font-family:var(--texte);font-size:15px;font-weight:400;padding:3px 0;color:#d9d3cb}
.pied-legal{max-width:var(--max);margin:0 auto;padding:18px var(--marge) 30px;border-top:1px solid #3a3531;font-size:12.5px;display:flex;flex-wrap:wrap;gap:8px 18px}

.bloc{margin:0 0 26px}
.bloc h3{font-family:var(--titre);font-size:19px;margin:0 0 6px}
.etiquette-partenaire{display:inline-block;background:#F5C400;color:var(--or-encre);border-radius:0;padding:2px 10px;font-size:13px;font-weight:600;margin-top:6px}
.degustation{display:grid;gap:14px;margin-top:16px}
@media (min-width:640px){.degustation{grid-template-columns:repeat(3,1fr)}}
.degustation p{margin:0;font-size:15.5px;color:var(--encre-2)}
.fiche dd a{text-decoration:underline;text-underline-offset:3px}

.test-entete{display:flex;gap:18px;align-items:flex-start;justify-content:space-between;background:var(--malt);border-radius:0;padding:16px 18px}
.test-entete p{margin:2px 0;font-size:15px;color:var(--encre-2)}
.note-globale{flex:none;text-align:center;line-height:1}
.note-globale b{display:block;font-family:var(--titre);font-size:44px;font-weight:900;color:var(--u)}
.note-globale span{font-size:13px;color:var(--encre-2)}
.test-entete h3{margin:0 0 8px}
.sejour{width:auto;font-size:15px;margin:0}
.sejour th{width:110px;padding-left:0}
.sejour th,.sejour td{border-bottom:0;padding:3px 10px 3px 0}
.note-globale b small{font-size:22px;font-weight:700;margin-left:2px}
.bloc-test > h3{margin:22px 0 8px}
.evaluation{font-size:14.5px;margin:0 0 6px;table-layout:fixed}
.evaluation th:nth-child(2),.evaluation td:nth-child(2),.evaluation th:nth-child(3),.evaluation td:nth-child(3){text-align:right;white-space:nowrap}
.evaluation th:nth-child(2),.evaluation th:nth-child(3){width:44px}
.evaluation thead th:first-child{width:33%}
.evaluation td:nth-child(3){font-weight:700}
.evaluation tbody td:last-child{color:var(--encre-2);font-size:14px}
.evaluation .section th,.evaluation .section td{background:var(--malt);font-family:var(--titre);font-weight:700;font-size:13px;letter-spacing:.04em;text-transform:uppercase;border-bottom:1px solid var(--filet);padding-top:10px;padding-bottom:10px}
.evaluation .section small{display:block;font-weight:400;letter-spacing:0;text-transform:none;font-size:12.5px;color:var(--encre-2)}
.evaluation .section td:last-child{text-transform:none;letter-spacing:0}
.evaluation tfoot th,.evaluation tfoot td{font-family:var(--titre);font-weight:900;font-size:16px;text-transform:uppercase;letter-spacing:.04em;border-bottom:0;border-top:2px solid var(--u);padding-top:12px}
.evaluation tfoot td{color:var(--u);font-size:22px;text-align:right}
.bilan-titre{margin-top:26px}
.note-globale .mention{display:block;font-family:var(--titre);font-weight:700;font-size:13px;color:var(--u);max-width:150px;line-height:1.3;margin-top:4px}
.bareme{font-family:var(--titre);font-size:13.5px;color:var(--encre-2);margin:0 0 10px}
.evaluation tfoot td small{display:block;font-size:13px;font-weight:700;letter-spacing:0;text-transform:none}
.evaluation .sans-objet td{color:var(--encre-2);font-style:italic}
.note-reservee b{font-size:16px}.note-reservee span{display:block;max-width:150px;line-height:1.3}
.note-globale .lien-bareme{display:block;margin-top:8px;font-size:12.5px;color:var(--encre-2);text-decoration:underline;text-underline-offset:3px}
.bareme-page .mentions{width:auto;margin:0 0 14px}.bareme-page .mentions td:first-child{white-space:nowrap}
.grille-bareme{font-size:14.5px;margin:0 0 6px}.grille-bareme thead th:first-child{width:38%}
.grille-bareme th:nth-child(2),.grille-bareme td:nth-child(2),.grille-bareme th:nth-child(3),.grille-bareme td:nth-child(3){text-align:right;white-space:nowrap;width:56px}
.grille-bareme tbody th{font-family:var(--titre);font-weight:700;font-size:13px;letter-spacing:.04em;text-transform:uppercase;text-align:left}
.grille-bareme td:nth-child(2){font-weight:700;color:var(--u)}
.grille-bareme details summary{cursor:pointer;color:var(--u);font-weight:600}.grille-bareme details ol{margin:6px 0 0;padding-left:18px;font-size:13.5px;color:var(--encre-2)}
.grille-bareme tfoot th,.grille-bareme tfoot td{border-bottom:0;border-top:2px solid var(--u);font-family:var(--titre);font-weight:900;font-size:13px;letter-spacing:.04em;text-transform:uppercase;padding-top:10px}
.grille-bareme tfoot td[colspan]{font-family:var(--texte);font-weight:400;font-size:14px;color:var(--encre-2);text-transform:none;letter-spacing:0;text-align:left;white-space:normal}
@media (max-width:640px){.grille-bareme thead{display:none}.grille-bareme tr{display:grid;grid-template-columns:1fr auto auto;gap:0 12px;padding:6px 0;border-bottom:1px solid #d9d3cb}.grille-bareme th,.grille-bareme td{border-bottom:0;padding:2px 0;width:auto!important}.grille-bareme tbody td:last-child{grid-column:1/-1}.grille-bareme tfoot tr{border-bottom:0}}
.raisons{margin:0 0 8px;padding-left:22px;display:grid;gap:12px}.raisons li{padding-left:6px}.raisons li::marker{font-family:var(--titre);font-weight:900;color:var(--u)}
.bareme-page .actions{margin-top:24px}
.evaluation-reservee .section td:last-child{font-style:italic}
.evaluation-reservee tfoot td{font-size:15px;text-transform:none;letter-spacing:0}
.ambiance{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin:0 0 6px}
.ambiance img{width:100%;aspect-ratio:1;object-fit:cover;display:block;background:var(--malt)}
@media (max-width:640px){.ambiance{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:640px){
.test-entete{flex-direction:column}
.evaluation thead,.evaluation tbody td:nth-child(2),.evaluation .section td:nth-child(3){display:none}
.evaluation tr{display:grid;grid-template-columns:1fr auto;gap:0 12px;padding:6px 0;border-bottom:1px solid #d9d3cb}
.evaluation th,.evaluation td{border-bottom:0;padding:2px 0;width:auto!important;white-space:normal!important}
.evaluation tbody td:last-child{grid-column:1/-1;font-size:14px}
.evaluation .section{background:var(--malt);padding:8px 6px}
.evaluation .section th{grid-column:1}
.evaluation .section td:last-child{grid-column:2;text-align:right;color:var(--encre)}
.evaluation tfoot tr{border-bottom:0}
.evaluation tfoot td{text-align:right}
}
.grille-formulaire{table-layout:fixed}
.grille-formulaire thead th:nth-child(1){width:40%}
.grille-formulaire thead th:nth-child(2){width:64px}
.grille-formulaire thead th:nth-child(4){width:70px;text-align:center}.grille-formulaire td:nth-child(4){text-align:center}
.grille-formulaire td{padding:6px 4px}
.grille-formulaire input[type=number],.grille-formulaire input[type=text]{width:100%;min-width:0;box-sizing:border-box}
.grille-formulaire .section th{background:var(--malt);font-size:13px;letter-spacing:.04em;text-transform:uppercase;padding-top:10px}
.grille-formulaire .section small{font-weight:400;text-transform:none;letter-spacing:0;margin-left:6px}
.grille-formulaire label{margin:0;font-weight:400}
.champ-galerie-grille{display:grid;grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:6px;margin:6px 0}
.champ-galerie-photo{position:relative}.champ-galerie-photo img{width:100%;aspect-ratio:1;object-fit:cover;display:block;border:1px solid var(--ligne)}
.champ-galerie-retirer{position:absolute;top:2px;right:2px;width:24px;height:24px;border:1px solid var(--ligne);background:#fff;cursor:pointer;line-height:1}
.champ-galerie-televerser{border:1px solid var(--ligne);padding:8px}.champ-galerie-televerser .actions{margin:6px 0 0}

.methode{font-size:15px;color:var(--encre-2);margin:22px 0 0}
.classement{list-style:none;padding:0;margin:0}
.classement li{display:grid;grid-template-columns:44px 1fr auto;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid var(--ligne)}
.classement i{font-family:var(--titre);font-weight:900;font-size:26px;color:var(--u);font-style:normal}
.classement b{display:block;font-weight:600}
.classement b small{font-weight:400;font-size:14px;color:var(--encre-2);margin-left:10px}
.classement span span{font-size:14px;color:var(--encre-2)}
.classement em{font-style:normal;font-weight:700;color:var(--u);font-size:18px}
.tris{display:none;flex-wrap:wrap;align-items:center;gap:6px;margin:0 0 14px;font-size:13px;color:var(--encre-2)}
.tris.tris-actifs{display:flex}
.tris span{font-family:var(--titre);font-weight:600;letter-spacing:.04em;text-transform:uppercase;font-size:12px;margin-right:4px}
.tris button{font:inherit;font-family:var(--titre);font-size:13px;font-weight:600;padding:6px 12px;border:1px solid var(--ligne);background:#fff;color:var(--encre);cursor:pointer}
.tris button[aria-current="true"]{border-color:var(--u);background:var(--u);color:#fff}
.classement .notes{display:flex;gap:14px;text-align:center}
.classement .notes span{display:grid;gap:2px;font-size:11px;color:var(--encre-2);letter-spacing:.02em}
.classement .notes em{font-size:15px;color:var(--encre-2)}
.classement .notes .tri-actif em{font-size:18px;color:var(--u)}
.classement .notes .tri-actif small{color:var(--encre)}
.classement .notes-cachees .tri-actif em{color:var(--encre-2);font-size:13px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;padding:3px 8px;border:1px dashed var(--ligne);border-radius:4px}
.classement-reste{margin:18px 0 0;font-size:15px;line-height:1.5;color:var(--encre-2)}
.classement-reste b{font-weight:600;color:var(--encre)}
@media (max-width:599px){.classement li.avec-notes{grid-template-columns:44px 1fr;row-gap:6px}.classement li.avec-notes .notes{grid-column:2;gap:22px;text-align:left}}

.escapade-entete{display:flex;flex-wrap:wrap;gap:8px 22px;font-size:15px;color:var(--encre-2);margin-bottom:14px}
.escapade-entete b{color:var(--encre)}
.escapade-corps{display:grid;gap:16px}
@media (min-width:760px){.escapade-corps{grid-template-columns:1fr 1fr}}
.carte-lieux{aspect-ratio:4/3;border-radius:0;background-color:#f4f2ee;background-image:linear-gradient(#d9d3cb 1px,transparent 1px),linear-gradient(90deg,#d9d3cb 1px,transparent 1px);background-size:40px 40px;position:relative;overflow:hidden}
.carte-lieux.petite{aspect-ratio:16/9;max-width:320px}
.epingle{position:absolute;width:26px;height:26px;margin:-13px 0 0 -13px;border-radius:50%;background:var(--u);color:#fff;display:grid;place-items:center;font-size:13px;font-weight:700;border:3px solid #fff}
.arrets{list-style:none;margin:0;padding:0}
.arrets li{display:grid;grid-template-columns:34px 1fr;gap:12px;padding:10px 0;border-bottom:1px solid var(--ligne)}
.arrets i{width:28px;height:28px;border-radius:50%;background:var(--u);color:#fff;font-style:normal;display:grid;place-items:center;font-weight:700;font-size:14px}
.arrets b{display:block;font-weight:600}
.arrets span{font-size:14.5px;color:var(--encre-2)}
.arrets a{display:inline-block;margin-top:4px;font-size:14px;text-decoration:underline;text-underline-offset:3px}

.recette-entete{display:flex;flex-wrap:wrap;gap:10px 22px;align-items:center;font-size:15px;color:var(--encre-2);background:var(--malt);border-radius:0;padding:12px 16px;margin-bottom:16px}
.recette-entete label{font-weight:600;color:var(--encre)}
.recette-entete input{width:56px;font:inherit;padding:4px 6px;border:1px solid #a39b91;border-radius:0;margin-left:6px}
.recette-entete a{text-decoration:underline;text-underline-offset:3px}
.recette-colonnes{display:grid;gap:22px}
@media (min-width:700px){.recette-colonnes{grid-template-columns:1fr 1.4fr}}
.ingredients{margin:0;padding:0;list-style:none;display:grid;gap:6px;font-size:16px}
.ingredients b{color:var(--u)}
.etapes{margin:0;padding-left:22px;display:grid;gap:10px;font-size:16px}

.bloc-adresse{display:grid;gap:16px}
@media (min-width:700px){.bloc-adresse{grid-template-columns:1fr 320px;align-items:start}}
.adresse-fiche p{margin:2px 0;font-size:15.5px;color:var(--encre-2)}
.adresse-fiche a{text-decoration:underline;text-underline-offset:3px}

.style-grille{display:grid;gap:12px;grid-template-columns:repeat(2,1fr);background:var(--malt);border-radius:0;padding:16px 18px}
@media (min-width:640px){.style-grille{grid-template-columns:repeat(3,1fr)}}
.style-grille div{display:grid;gap:4px}
.style-grille span{font-size:13px;color:var(--encre-2)}
.style-grille b{font-weight:600;display:flex;align-items:center;gap:8px}
.pastille{width:16px;height:16px;border-radius:50%;border:1px solid rgba(0,0,0,.15)}
.jauge{display:block;height:8px;border-radius:0;background:var(--ligne);position:relative;overflow:hidden}
.jauge::after{content:"";position:absolute;top:0;bottom:0;left:var(--a);right:calc(100% - var(--b));background:var(--u);border-radius:0}
.exemples{font-size:15.5px;margin:12px 0 0}
.exemples a{text-decoration:underline;text-underline-offset:3px}

.accord{display:grid;grid-template-columns:1fr auto 1fr;gap:12px;align-items:center;padding:14px 0;border-bottom:1px solid var(--ligne)}
.accord-boisson,.accord-plat{display:grid;gap:2px}
.accord span{font-size:13px;color:var(--encre-2)}
.accord b{font-family:var(--titre);font-size:19px;font-weight:700}
.accord small{font-size:14px;color:var(--encre-2)}
.accord-plus{font-family:var(--titre);font-size:28px;color:var(--u)}
.accord-pourquoi{grid-column:1/-1;margin:0;font-size:15.5px;color:var(--encre-2)}

.bloc-mythe{background:var(--malt);border-left:4px solid var(--u);border-radius:0;padding:16px 18px}
.affirmation{font-family:var(--titre);font-size:24px;line-height:1.3;margin:0 0 10px}
.verdict-badge{margin:0;font-size:16px;display:flex;align-items:center;gap:10px}
.verdict-badge span{padding:3px 12px;font-weight:700;font-size:14px;color:#fff;background:#6b6259}
.verdict-faux .verdict-badge span{background:#B3261E}
.verdict-vrai .verdict-badge span{background:var(--houblon)}
.verdict-nuancé .verdict-badge span{background:var(--orange)}

.lecteur{aspect-ratio:16/9;border-radius:0;overflow:hidden;background:var(--stout);position:relative}
.lecteur iframe{width:100%;height:100%;border:0;display:block}
.lecteur.audio{aspect-ratio:auto;height:200px;background:var(--malt)}
.balado-suite{margin:14px 0 8px;padding:10px 14px;background:var(--malt);font-size:14px;font-weight:600}
.balado-suite a{text-decoration:underline;text-underline-offset:3px}
.lecteur-reserve img{width:100%;height:100%;object-fit:cover;display:block;opacity:.45}
.lecteur-reserve p{position:absolute;inset:0;margin:0;display:flex;align-items:center;justify-content:center;text-align:center;padding:24px;color:#fff;font-size:16px;line-height:1.7}
.lecteur-reserve p a{color:var(--or);text-decoration:underline;text-underline-offset:3px}
.lecteur-fin{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:24px;text-align:center;color:#fff;background:rgba(17,17,17,.88)}
.lecteur-fin[hidden]{display:none}
.lecteur-fin p{margin:0;max-width:520px;font-size:15px;line-height:1.5}
.lecteur-fin-titre{font-family:var(--titres),serif;font-size:26px;font-weight:700;color:var(--or)}
.lecteur-fin .actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}
.lecteur-fin .bouton-ligne{color:#fff;border-color:#fff}
.lecteur-fin-fermer{position:absolute;top:8px;right:10px;background:none;border:0;color:#fff;font-size:28px;line-height:1;cursor:pointer;padding:4px 8px}
.video-extrait{margin:10px 0 0;padding:10px 14px;background:var(--malt);font-size:14px}
.video-extrait a{font-weight:700;text-decoration:underline;text-underline-offset:3px}
.bloc-video figcaption,.bloc-balado figcaption{font-size:14px;color:var(--encre-2);margin-top:8px}
.bloc-balado figcaption a{text-decoration:underline;text-underline-offset:3px}

.vitrine{max-width:68ch;margin:0 auto;padding:30px var(--marge) 40px}
.vitrine > h1{font-size:34px;margin-bottom:6px}
.vitrine > p.intro{color:var(--encre-2);margin:0 0 30px}
.vitrine-bloc{margin:0 0 44px;padding-top:18px;border-top:1px solid var(--filet)}
.vitrine-bloc h2{font-size:24px;margin-bottom:2px}
.vitrine-bloc .ou{font-size:14px;color:var(--encre-2);margin:0 0 16px}
.vitrine-bloc .ou b{color:var(--u)}

.apercu-lecteur{position:absolute;inset:0;display:grid;place-items:center;align-content:center;gap:10px;color:#fff}
.apercu-lecteur span{width:64px;height:64px;border-radius:50%;background:rgba(255,255,255,.15);display:grid;place-items:center}
.apercu-lecteur span::after{content:"";width:0;height:0;border-left:22px solid #fff;border-top:13px solid transparent;border-bottom:13px solid transparent;margin-left:6px}
.apercu-lecteur small{font-size:13px;opacity:.8}
.apercu-lecteur.audio{color:var(--encre)}
.apercu-lecteur.audio span{background:var(--u)}

.ligne{max-width:var(--max);margin:0 auto;padding:0 var(--marge)}
.section{padding:34px 0}
.section + .section{border-top:1px solid var(--ligne)}
.entete-section{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:20px}
.entete-section h2{font-size:clamp(20px,2.6vw,26px)}
.plus{font-family:var(--titre);font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--encre-2);border-bottom:1px solid var(--encre-2);white-space:nowrap}
@media (max-width:699px){.entete-section{flex-wrap:wrap}.plus{white-space:normal}}
.chapeau{font-size:19px;color:var(--encre-2);max-width:62ch;margin:0}

.heros{padding:40px 0 34px}
.heros h1{font-size:clamp(28px,4.2vw,42px);max-width:26ch}
.heros .chapeau{margin:16px 0 22px}
.heros .actions{display:flex;flex-wrap:wrap;gap:10px;margin:0}
@media (min-width:900px){
.heros .ligne{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);grid-template-rows:1fr auto;column-gap:56px;align-items:end}
.heros h1{grid-row:1/3}
.heros .chapeau{margin:0 0 18px}
}

.cartes{display:grid;gap:22px 28px}
@media (min-width:700px){.cartes{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1000px){
.cartes{grid-template-columns:repeat(3,1fr);gap:30px 28px}
.cartes.deux{grid-template-columns:repeat(2,1fr)}
.cartes .carte{grid-template-columns:1fr;gap:12px}
.cartes .vignette{aspect-ratio:3/2}
.cartes .carte h3{font-size:19px}
}
.carte{display:grid;grid-template-columns:104px 1fr;gap:14px;align-items:start;align-content:start}
.carte.grande{grid-template-columns:1fr}
.vignette{display:block;aspect-ratio:4/3;border-radius:0;overflow:hidden;position:relative;background:color-mix(in srgb,var(--u) 14%,var(--malt))}
.carte.grande .vignette{aspect-ratio:16/9}
.vignette img{width:100%;height:100%;object-fit:cover;display:block}
.vignette.video::after{content:"";position:absolute;left:50%;top:50%;width:0;height:0;transform:translate(-40%,-50%);border-left:14px solid #fff;border-top:9px solid transparent;border-bottom:9px solid transparent}.vignette.video::before{content:"";position:absolute;left:50%;top:50%;width:40px;height:40px;margin:-20px 0 0 -20px;border-radius:50%;background:rgba(17,17,17,.75)}
.carte .genre{margin:0 0 7px;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--encre-2);display:inline-flex;flex-wrap:wrap;align-items:center;gap:6px 8px}
.carte .dans{font-weight:600}
.carte h3{font-size:17.5px;line-height:1.2}
.carte.grande h3{font-size:clamp(22px,3vw,28px);letter-spacing:-.015em}
.carte .meta{margin:8px 0 0;font-size:12.5px;font-weight:700;color:var(--encre-2)}
.chapo-carte{margin:8px 0 0;font-family:var(--texte);font-size:16px;color:var(--encre-2)}
.une-univers{display:grid;gap:22px}
@media (min-width:900px){.une-univers{grid-template-columns:1.4fr 1fr}}
.pile{display:grid;gap:18px;align-content:start}

.tuiles{display:grid;gap:16px}
@media (min-width:700px){.tuiles{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1000px){.tuiles{grid-template-columns:repeat(4,1fr)}}
.tuile{display:flex;flex-direction:column;align-items:flex-start;border-top:3px solid var(--u);background:transparent;padding:14px 0 4px}
.tuile h3{font-size:19px;color:var(--encre);font-weight:800;line-height:1.1}
.tuile h3 small{font-family:var(--titre);font-size:11px;font-weight:700;letter-spacing:.08em;vertical-align:middle;background:var(--u);padding:2px 7px;margin-left:8px;color:var(--u-encre,#111)}
.tuile p{margin:10px 0 12px;color:var(--encre-2);font-size:15.5px;line-height:1.4}
.tuile span{margin-top:auto;font-family:var(--titre);font-weight:600;font-size:12px;letter-spacing:.06em;text-transform:uppercase;border-bottom:1px solid var(--encre)}

.promo{background:var(--papier);border-top:1px solid var(--filet);border-bottom:1px solid var(--filet)}.promo h2 em{font-style:normal}
.promo-ligne{max-width:var(--max);margin:0 auto;padding:36px var(--marge);display:grid;gap:22px}
@media (min-width:900px){.promo-ligne{grid-template-columns:1.1fr 1fr;align-items:center}}
.promo .prix{font-family:var(--titre);font-weight:800;font-size:clamp(36px,5vw,56px);line-height:1;letter-spacing:-.02em;margin:12px 0 0}
.promo .prix small{font-family:var(--texte);font-weight:500;font-size:17px;letter-spacing:0;color:var(--encre-2);margin-left:8px}
.promo .ancien{color:var(--encre-2);font-size:15px;margin:6px 0 14px}
.avantages{list-style:none;padding:0;margin:0 0 18px;display:grid;gap:10px}
.avantages li{position:relative;padding-left:20px}
.avantages li::before{content:"";position:absolute;left:0;top:12px;width:10px;height:2px;background:var(--stout)}
.partenaires-liste{display:flex;flex-wrap:wrap;gap:8px;margin:0}
.puce{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--ligne);background:#fff;padding:5px 10px;font-size:13px;font-weight:600}
.puce small{color:var(--encre-2)}
.puce.lien{background:var(--stout);color:#fff;border-color:var(--stout)}

.equipe{display:grid;gap:18px;grid-template-columns:repeat(2,minmax(0,1fr))}
@media (min-width:700px){.equipe{grid-template-columns:repeat(3,1fr)}}
@media (min-width:1000px){.equipe{grid-template-columns:repeat(4,1fr)}}
.personne{display:flex;gap:12px;align-items:center;min-width:0}
.personne > span{min-width:0}
.personne b,.personne small{overflow-wrap:break-word}
.personne i{flex:none;width:56px;height:56px;border-radius:50%;background:var(--u);color:#fff;display:grid;place-items:center;font-style:normal;font-family:var(--titre);font-weight:700;font-size:20px}
.personne i img,img.avatar-auteur{width:100%;height:100%;border-radius:50%;object-fit:cover}.personne b{display:block;font-family:var(--titre);font-weight:800;font-size:15px;line-height:1.2}
.personne small{display:block;font-size:14px;color:var(--encre-2)}
.personne .nombre{font-size:12.5px;margin-top:2px}

.fil-discussions{display:grid;gap:14px}
.discussion{display:block;border:1px solid var(--ligne);border-left:6px solid var(--vert);padding:14px 16px}
.discussion .qui{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--encre-2);margin-bottom:6px}
.discussion .qui i{width:30px;height:30px;border-radius:50%;background:var(--houblon);color:#fff;font-style:normal;display:grid;place-items:center;font-size:12px;font-weight:700}
.discussion .qui b{color:var(--encre);font-weight:600}
.discussion p{margin:0}
.discussion .compte{display:block;margin-top:8px;font-size:14px;color:var(--encre-2)}

.publicite.bandeau{max-width:var(--max);margin:26px auto 0;padding:10px var(--marge) 0;border-top:0}

.infolettre{background:var(--malt);color:#111;border-top:1px solid var(--ligne)}
.infolettre-ligne{max-width:var(--max);margin:0 auto;padding:34px var(--marge);display:grid;gap:14px}
@media (min-width:900px){.infolettre-ligne{grid-template-columns:1fr 1fr;align-items:center}}
.infolettre p{margin:8px 0 0;color:#111}
.infolettre form{display:flex;flex-wrap:wrap;gap:8px}
.infolettre .champ{flex:1;min-width:200px;border:1px solid #111;padding:10px 12px;font:inherit;font-size:16px;background:#fff;color:var(--encre)}

@font-face{font-family:'Montserrat';src:url('/polices/montserrat.woff2') format('woff2');font-weight:100 900;font-display:swap}
@font-face{font-family:'Source Serif 4';src:url('/polices/sourceserif4.woff2') format('woff2');font-weight:200 900;font-style:normal;font-display:swap}
@font-face{font-family:'Source Serif 4';src:url('/polices/sourceserif4-italique.woff2') format('woff2');font-weight:200 900;font-style:italic;font-display:swap}

.depart{background:var(--papier);border-bottom:1px solid var(--ligne)}
.depart .ligne{padding-top:16px;padding-bottom:16px;display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px}
.depart form{display:contents}
.depart-question{margin:0;font-family:var(--titre);font-weight:600;font-size:14px;color:var(--encre-2)}
.depart-choix{display:flex;flex-wrap:wrap;gap:8px}
.depart-choix button{font:inherit;font-family:var(--titre);font-size:13.5px;font-weight:600;padding:7px 12px;border:1px solid var(--ligne);background:#fff;color:var(--encre);cursor:pointer;border-bottom:2px solid var(--u,var(--stout))}
.depart-choix button[aria-current]{background:var(--stout);border-color:var(--stout);color:#fff}

.attente .ligne{padding:60px var(--marge) 50px;max-width:62ch}
.attente-marque{font-family:var(--titre);font-weight:800;font-size:22px;border-top:3px solid var(--u);display:inline-block;padding-top:10px;margin:0 0 10px}
.attente h1{font-size:clamp(30px,6vw,46px);margin-bottom:14px}
.attente .actions{margin-top:22px}
.note{background:var(--malt);border-left:3px solid var(--stout);padding:12px 16px;font-size:14.5px;color:#111;margin:18px 0 0}

/* Formulaires et administration */
.formulaire-page{max-width:520px;margin:32px auto;padding:0 var(--marge)}
.formulaire label{display:block;font-weight:700;font-size:13px;letter-spacing:.02em;margin:14px 0 4px}
.formulaire fieldset{border:0;padding:0;margin:14px 0 0}.formulaire legend{font-weight:700;font-size:13px;letter-spacing:.02em;margin:0 0 4px;padding:0}
.formulaire label.ligne{display:flex;align-items:center;gap:8px;font-weight:500}
.formulaire input:not([type=checkbox]),.formulaire textarea,.formulaire select,.editeur input:not([type=checkbox]),.editeur textarea,.editeur select,.filtres input,.filtres select{width:100%;font:inherit;padding:8px 10px;border:1px solid #8d857b;background:#fff;box-sizing:border-box;font-family:var(--texte)}
.formulaire input:focus,.formulaire textarea:focus,.formulaire select:focus,.editeur input:focus,.editeur textarea:focus,.editeur select:focus{outline:2px solid var(--jaune);outline-offset:0;border-color:#111}
.formulaire .actions,.editeur .actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:14px 0}
.avis{background:var(--malt);border-left:3px solid var(--stout);padding:12px 16px;margin:12px 0;font-size:15px}
.avis-erreur{background:#FDECEC;border-color:#B3261E}
.avis-ligne{margin:0;padding:8px 12px;font-size:14px}
.avis ul{margin:6px 0 0;padding-left:18px}
.admin{max-width:var(--max);margin:0 auto;padding:16px var(--marge) 40px}
.admin-nav{display:flex;flex-wrap:wrap;gap:2px;align-items:center;background:transparent;border-bottom:1px solid var(--filet);padding:0;margin:0 0 20px}
.admin-nav a:not(.bouton){padding:10px 12px;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--encre-2);text-decoration:none;line-height:1.2;white-space:nowrap;border-bottom:2px solid transparent;margin-bottom:-1px}
.admin-nav a:not(.bouton):hover{color:var(--encre)}
.admin-nav a[aria-current]{color:var(--encre);border-bottom-color:var(--or)}
.admin-nav .bouton{margin-left:auto;padding:8px 14px;margin-bottom:4px}
@media (max-width:700px){.admin-nav .bouton{margin-left:0;flex-basis:100%;text-align:center}}
.admin-colonnes{display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
.liste-contenus{list-style:none;padding:0;margin:0}
.liste-contenus li{padding:8px 0;border-bottom:1px solid #d9d3cb}
.liste-contenus small{display:block;color:#6b6259}
.filtres{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}
.filtres input,.filtres select{width:auto;flex:1 1 160px}
.tableau{width:100%;border-collapse:collapse;font-size:14.5px}
.tableau th,.tableau td{text-align:left;padding:8px 6px;border-bottom:1px solid #d9d3cb;vertical-align:top}
.tableau th{font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;border-bottom:1px solid var(--filet)}
.statut{display:inline-block;padding:2px 8px;font-size:11.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;background:#e8e6e1}
.statut-publie{background:#DDF3E4;color:#1B5E32}.statut-planifie{background:#E3EEF8;color:#1F4E79}.statut-relecture{background:#FFF1D6;color:#7A4B00}.statut-archive,.statut-retire{background:#e8e6e1;color:#5c5852}
.editeur{display:grid;gap:28px;grid-template-columns:minmax(0,1fr) 320px;align-items:start}
@media (max-width:900px){.editeur{grid-template-columns:1fr}}
.editeur label{display:block;font-weight:600;margin:12px 0 4px;font-size:14px}
.editeur-principal #titre{font-family:var(--titre);font-size:26px;font-weight:700}
.editeur-lateral{background:#f4f2ee;border:1px solid #d9d3cb;border-radius:0;padding:16px;position:sticky;top:12px}
.bloc-statut{padding-bottom:12px;margin-bottom:12px;border-bottom:1px solid #d9d3cb}
.enregistre{font-size:13px;color:#1B5E32;margin-left:8px}.enregistre .coche{display:inline-block;width:18px;height:18px;line-height:18px;text-align:center;border-radius:50%;background:#1B5E32;color:#fff;font-weight:700;font-size:12px;margin-right:2px}.champ-media-etat{font-size:13px;color:var(--encre-2)}.champ-media-etat .enregistre{margin-left:0}.avis-erreur-ligne{font-size:13px;color:#8C1D18;font-weight:600}
.permalien{font-size:13.5px;word-break:break-all}
.barre-editeur{display:flex;flex-wrap:wrap;gap:4px;border:1px solid #a39b91;border-bottom:0;border-radius:0;padding:6px;background:#f4f2ee}
.barre-editeur button{font:inherit;font-size:13.5px;font-weight:600;padding:4px 9px;border:1px solid #d9d3cb;border-radius:0;background:#fff;cursor:pointer}
.editeur-tiptap{border:1px solid #a39b91;border-radius:0;min-height:360px;background:#fff}
.editeur-tiptap .tiptap{padding:14px 16px;min-height:340px;outline:none;font-size:17px;line-height:1.6}
.editeur-tiptap .exergue{border-left:4px solid var(--u,#F5C400);padding-left:14px;font-family:var(--titre);font-size:22px}
.editeur-tiptap .video-corps{background:#d9d3cb;padding:12px;border-radius:0;font-size:13px}
.formulaire-slug{margin-top:24px;padding-top:16px;border-top:1px solid #d9d3cb}
.corps .exergue{border-left:6px solid var(--u);padding:4px 0 4px 20px;margin:28px 0;font-family:var(--titre);font-size:22px;line-height:1.25;font-weight:800;letter-spacing:-.01em}
.corps .video-corps{position:relative;aspect-ratio:16/9;margin:24px 0}
.corps .video-corps iframe{position:absolute;inset:0;width:100%;height:100%;border:0;border-radius:0}
.bandeau-apercu{background:#111;color:#fff;text-align:center;padding:8px;font-size:14px}
.liste-page h1 small{font-size:15px;font-weight:500;color:#6b6259;margin-left:8px}
.sous-categories{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 20px}
.sous-categories a{border:1px solid var(--ligne);border-bottom:2px solid var(--u,var(--encre));padding:5px 12px;font-family:var(--titre);font-size:13px;font-weight:600;text-decoration:none;color:var(--encre)}
.sous-categories small{color:#6b6259;font-weight:500}
.pagination{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;align-items:center;margin:32px 0 8px;padding-top:20px;border-top:1px solid var(--ligne)}
.pagination a,.pagination b{display:inline-flex;align-items:center;min-height:36px;border:1px solid var(--ligne);padding:0 14px;font-size:13.5px;font-weight:600;line-height:1;text-decoration:none;color:var(--encre)}
.pagination a:hover{background:var(--encre);color:#fff}
.pagination b{background:var(--encre);color:#fff}
.pagination span{font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--encre-2)}
nav.pagination{display:grid;grid-template-columns:1fr auto 1fr}
nav.pagination a[rel=prev]{grid-column:1;justify-self:start}
nav.pagination span{grid-column:2}
nav.pagination a[rel=next]{grid-column:3;justify-self:end}
.categorie{border:1px solid #d9d3cb;border-radius:0;padding:8px 14px;margin:10px 0;background:#fff}
.categorie summary{cursor:pointer;padding:6px 0}
.categorie summary small{color:#6b6259;font-weight:400;margin-left:8px}
.ligne-categorie{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:8px 0}
.barre-groupes{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:12px 0}.barre-groupes .bouton[type=submit]{margin-left:auto}
.ligne-categorie input:not([type=hidden]),.ligne-categorie select{width:auto;flex:1 1 120px}
.ligne-categorie input[name=ordre]{flex:0 0 70px}
.ligne-categorie.nouvelle{border-top:1px dashed #d9d3cb;padding-top:8px}
body.occupe{cursor:progress}
body.occupe::after{content:"";position:fixed;top:0;left:0;height:3px;width:100%;background:linear-gradient(90deg,var(--stout,#111),#F5C400);animation:occupe 1s linear infinite;z-index:9999}
@keyframes occupe{from{transform:translateX(-100%)}to{transform:translateX(100%)}}
.sceau{position:fixed;inset:0;display:grid;place-items:center;pointer-events:none;z-index:10000}
.sceau svg{width:min(160px,40vw);height:auto;opacity:0;animation:sceau 1.5s ease-out forwards}
.sceau circle{fill-opacity:.8}.crochet circle{fill:#2E9E4F}.croix circle{fill:#B3261E}
.sceau path{fill:none;stroke:#fff;stroke-width:9;stroke-linecap:round;stroke-linejoin:round}
@keyframes sceau{0%{opacity:0;transform:scale(.6)}15%{opacity:.9;transform:scale(1)}70%{opacity:.9}100%{opacity:0}}
@media (prefers-reduced-motion:reduce){.sceau svg{animation:none;opacity:.9}}
form.envoi button,form.envoi input[type=submit]{opacity:.6;cursor:progress}
form.envoi .bouton::after{content:" …"}
.grille-medias{display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));margin:16px 0}
.vignette-media{margin:0;font-size:13px}
.vignette-media img{width:100%;height:auto;border-radius:0;background:#d9d3cb;display:block}
.vignette-media.grande img{max-width:100%}
.vignette-media figcaption{margin-top:4px}
.vignette-media form{margin-top:6px}
.televersement{background:#f4f2ee;border:1px solid #d9d3cb;border-radius:0;padding:12px 16px}
.bandeau-consentement{position:fixed;left:0;right:0;bottom:0;z-index:9000;background:#111;color:#fff;padding:14px var(--marge)}
.bandeau-consentement form{max-width:var(--max);margin:0 auto;display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between}
.bandeau-consentement p{margin:0;font-size:14.5px;max-width:720px}
.bandeau-consentement a{color:#F5C400}
.bandeau-consentement .actions{display:flex;gap:8px}.bandeau-consentement .bouton-ligne{border-color:#fff;color:#fff}
.compte-page{max-width:920px;margin:28px auto 56px}
.compte-page h1{font-size:clamp(28px,4vw,36px);margin:0 0 12px;letter-spacing:-.02em}
.compte-page h1 + .chapo,.compte-page h1 + p{margin-top:0}
.compte-page .chapo{font-size:18px}
.compte-page h2{font-size:clamp(20px,2.4vw,24px);margin:40px 0 14px;padding-top:14px;border-top:1px solid var(--filet)}
.compte-page .cartes{margin:0 0 8px}
.compte-page .liste-contenus small{display:inline;margin-left:4px}
.compte-page .formulaire{max-width:560px}
.compte-page .tableau th{font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--encre-2);border-bottom:2px solid var(--ligne)}
.secret-totp code{font-size:20px;letter-spacing:2px;word-break:break-all}
.favoris{border:1px solid #d9d3cb;border-radius:0;padding:8px 12px;margin:12px 0}
.favoris legend{font-weight:600}
.section.liste-page,.section.article-page,.section.premium-page{max-width:var(--max);margin:0 auto;padding:34px var(--marge)}
.premium-page .chapo{max-width:62ch;margin-bottom:26px}
.premium-page h2{margin:34px 0 14px}
@media (min-width:1000px){.plans{grid-template-columns:repeat(3,1fr)}}
.carte.plan{grid-template-columns:1fr;align-items:stretch;align-content:stretch;border:1px solid var(--ligne);border-radius:0;padding:22px 24px;background:#fff}
.carte.plan>div{display:flex;flex-direction:column;height:100%;gap:6px}
.carte.plan h3{font-size:28px;margin:4px 0 8px}
.plans .plan h3 small{display:block;font-size:14px;font-weight:500;color:#6b6259;margin-top:4px}
.carte.plan .meta{margin:0 0 8px}.carte.plan .genre::before{display:none}
.carte.plan form,.carte.plan>div>p:last-child{margin-top:auto;padding-top:12px}
.carte.plan .bouton{width:100%;text-align:center}
.avantages{line-height:1.6}
.premium-haut{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 30px}.premium-haut .bouton{margin:0}
.premium-groupe{margin:0 0 30px;padding-top:14px;border-top:1px solid var(--filet)}
.premium-groupe-titre{margin:0 0 12px;font-family:var(--titre);font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--encre-2);display:inline-flex;align-items:center;gap:8px}.premium-groupe-titre::before{content:"";width:18px;height:2px;background:var(--or)}
.avantages-grille{display:grid;gap:14px;margin:0 0 6px}
@media (min-width:640px){.avantages-grille{grid-template-columns:1fr 1fr}}
@media (min-width:1000px){.avantages-grille{grid-template-columns:repeat(4,1fr);gap:16px}}
.avantages-grille .avantage{gap:8px;padding:20px 20px 22px}
.avantages-grille h3{font-size:19px;line-height:1.2;margin:0}
.avantages-grille h3 a{text-decoration:none}.avantages-grille h3 a::after{content:" →";color:var(--or)}.avantages-grille h3 a:hover{text-decoration:underline;text-decoration-color:var(--or)}
.avantages-grille p{font-size:15.5px;line-height:1.5}
.carte-membre{background:var(--stout);color:#fff;border-top:4px solid var(--u,var(--or));padding:22px 24px 20px;margin:18px 0;font-family:var(--titre)}
.carte-membre p{margin:4px 0}.carte-membre .bouton-ligne{color:#fff;border-color:rgba(255,255,255,.6)}.carte-membre .bouton-ligne:hover{border-color:var(--or);color:var(--or)}.carte-membre .bouton-ligne.copie{border-color:var(--or);color:var(--or)}
.carte-membre .actions{margin:14px 0 0}
.carte-nom{font-family:var(--titre);font-size:24px;font-weight:800;letter-spacing:-.01em;line-height:1.15}
.carte-numero{font-size:14px;letter-spacing:.18em;color:#ddd;font-variant-numeric:tabular-nums;white-space:nowrap}
.carte-code code{display:block;font-size:17px;word-break:break-all;background:rgba(255,255,255,.12);padding:8px 10px;border-radius:0;margin-top:10px;letter-spacing:.04em}
.carte-note{font-size:13px;color:#ccc;line-height:1.45}
.commentaires{margin:38px 0;padding-top:26px;border-top:1px solid var(--filet)}
.commentaires h2{font-size:22px;margin:0 0 14px}
.commentaires h2 small{font-size:14px;font-weight:600;color:var(--encre-2);margin-left:6px}
.commentaires .formulaire{background:#fff;border:1px solid var(--ligne);border-radius:0;padding:16px 18px 18px;margin:18px 0 12px}
.commentaires .formulaire label:first-of-type{margin-top:0}
.commentaires .formulaire + .formulaire{background:none;border:0;padding:0;margin:0}
.commentaires .formulaire + .formulaire .actions{margin:0}
.commentaires > p{color:var(--encre-2)}
.liste-commentaires{list-style:none;padding:0;margin:0 0 16px}
.commentaire{display:flex;gap:12px;padding:12px 0;border-top:1px solid #d9d3cb}
.commentaire .meta{margin:0 0 4px;font-size:13.5px;color:#6b6259}
.commentaire p{margin:4px 0}
.signaler button{background:none;border:0;color:#6b6259;font:inherit;font-size:12.5px;cursor:pointer;padding:0;text-decoration:underline}
.concierge h3{margin:0 0 4px;font-size:21px;line-height:1.2}.concierge h3 small{font-size:14px;font-weight:400;color:var(--encre-2);margin-left:6px}.concierge .etiquette{font-weight:700;font-size:13px;letter-spacing:.02em;margin:14px 0 4px}.cases{display:flex;flex-wrap:wrap;gap:4px 16px}.cases label.ligne{margin:0}
.arrets{padding-left:22px}.arrets li{margin:0 0 14px}.arrets small{color:#6b6259}
@media print{.entete,.pied,.admin-nav,.sans-impression,.consentement,.bouton{display:none!important}.route-page{max-width:none;margin:0}body{background:#fff;color:#000}}
.retour{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:4px 0 10px}.retour input{width:auto;flex:1 1 140px;padding:6px 8px}.grades .carte h3{margin:2px 0}
.image-defaut{aspect-ratio:16/6;font-family:var(--titre);display:flex;align-items:flex-end;padding:18px;box-sizing:border-box;color:var(--encre-2);font-weight:700;letter-spacing:.04em;text-transform:uppercase;font-size:14px;background:color-mix(in srgb,var(--u) 14%,var(--malt))}.vignette img.cassee,.image-une img.cassee{display:none}
.tuile-logo{display:block;max-width:180px;height:auto;margin:2px 0 10px}.tuile-etat{display:inline-block;white-space:nowrap;font-family:var(--titre);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;background:var(--u);color:var(--u-encre,#111);padding:3px 8px;margin:6px 0 2px}.tuile-attente{cursor:default}.tuile-attente p{margin-bottom:4px}
.concierge-page .bandeau-logo{margin:6px 0 10px}
.concierge-faits{display:flex;flex-wrap:wrap;gap:6px 18px;margin:-10px 0 18px;font-family:var(--titre);font-size:14px;font-weight:600;color:var(--encre-2)}.concierge-faits span{display:inline-flex;align-items:center;gap:8px}.concierge-faits span::before{content:"";width:8px;height:8px;background:var(--or)}
.concierge-page .premium-groupe h2{margin:0 0 6px;font-size:clamp(24px,3vw,30px)}.concierge-page h2 small{display:inline-block;font-family:var(--titre);font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--or-encre);background:var(--or);padding:3px 9px;margin-left:10px;vertical-align:middle}
.concierge-etapes{list-style:none;counter-reset:etape;margin:0 0 14px;padding:0;display:grid;gap:14px}.concierge-etapes li{counter-increment:etape;position:relative;padding-left:52px;display:grid;gap:2px}.concierge-etapes li::before{content:counter(etape);position:absolute;left:0;top:0;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--stout);color:var(--or);font-family:var(--titre);font-weight:700;font-size:17px}.concierge-etapes b{font-family:var(--titre);font-size:18px;line-height:1.25}.concierge-etapes span{color:var(--encre-2);line-height:1.5}
@media (min-width:900px){.concierge-etapes{grid-template-columns:repeat(4,1fr);gap:0 24px}.concierge-etapes li{padding-left:0;padding-top:48px;grid-row:span 2;grid-template-rows:subgrid}}
.concierge-note{font-size:15px;color:var(--encre-2);margin:0}
.avantages-grille.trois{grid-template-columns:repeat(3,1fr)}@media (max-width:999px){.avantages-grille.trois{grid-template-columns:1fr 1fr}}@media (max-width:639px){.avantages-grille.trois{grid-template-columns:1fr}}
.concierge-bloc{background:#fff;border:1px solid var(--ligne);border-top:3px solid var(--or);padding:20px 22px 22px;margin:0 0 16px}.concierge-intro{margin:0 0 6px;font-size:15px;color:var(--encre-2);line-height:1.5}.concierge .choix-chips{margin:6px 0 10px}.concierge-choix{display:grid;gap:0 24px}@media (min-width:640px){.concierge-choix{grid-template-columns:repeat(3,auto);justify-content:start}}.concierge .champs-2{gap:0 18px}.concierge .champs-2 > div{min-width:0}.concierge .actions{margin:8px 0 0}
@media (max-width:640px){.concierge .champs-2{grid-template-columns:1fr}.concierge-bloc{padding:16px 16px 18px}}
.masthead-logo{display:inline-block;padding:0;margin-bottom:6px}
.masthead-agence{margin-left:auto;display:flex;align-items:center;gap:10px;padding-bottom:6px;text-decoration:none;color:var(--encre-2)}.masthead-agence span{font-family:var(--texte);font-style:italic;font-size:13px}.masthead-agence img{height:48px;width:auto;max-width:160px;object-fit:contain;display:block}@media (max-width:640px){.masthead-agence{margin-left:0}.masthead-agence img{height:36px}}.masthead-logo img{display:block;height:48px;width:auto}
@media (min-width:700px){.masthead-logo img{height:64px}}
.bandeau-logo{display:block;max-width:min(260px,60vw);height:auto}
.carte:not(:has(.vignette)){grid-template-columns:1fr;border-top:1px solid var(--filet);padding:14px 0 0;background:#fff}.carte:not(:has(.vignette)) h3{margin:4px 0 6px}.carte:not(:has(.vignette)) img{width:100%;height:auto;border-radius:0}
.chiffres .carte h3{font-size:30px;margin:0}.chiffres .carte p{margin:2px 0 0;color:var(--encre-2)}
.commentaire.reponse{margin-left:34px}.commentaire .meta a{text-decoration:underline;text-underline-offset:3px}.fil-communaute{display:grid;gap:14px}
.barre-redaction{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 16px;padding:8px 0;border-top:1px solid var(--ligne);border-bottom:1px solid var(--ligne);font-family:var(--titre);font-size:13px}
.barre-redaction span{font-weight:600;color:var(--encre-2);margin-right:auto}
.barre-redaction form{margin:0}
.barre-redaction .bouton{padding:5px 10px;font-size:13px}
.bouton-danger{border-color:var(--ligne);color:#A32D2D}.bouton-danger:hover{border-color:#A32D2D}
.carte-qr{background:#fff;border-radius:0;padding:10px;display:inline-block;margin:8px 0}.carte-qr svg{display:block;width:180px;height:180px}@media print{.carte-qr svg{width:240px;height:240px}}
.corps .image-corps{margin:26px 0}.corps .image-corps img{width:100%;height:auto;border-radius:0;display:block}.corps .image-corps figcaption{font-size:13.5px;color:var(--encre-2);margin-top:6px}
.corps .galerie{margin:28px 0}.galerie-grille{display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}.galerie-grille .image-corps{margin:0}.galerie-grille img{aspect-ratio:4/3;object-fit:cover}.galerie-grille .image-corps:only-child{grid-column:1/-1}.galerie-grille .image-corps:only-child img{aspect-ratio:auto}
@media (min-width:700px){.galerie-grille{grid-template-columns:repeat(3,minmax(0,1fr))}.galerie-grille:has(> :nth-child(2):last-child),.galerie-grille:has(> :nth-child(4):last-child){grid-template-columns:repeat(2,minmax(0,1fr))}}

.menu-bas{display:none}
@media (max-width:899px){
  body{padding-bottom:calc(64px + env(safe-area-inset-bottom))}
  .menu-bas{position:fixed;left:0;right:0;bottom:0;z-index:45;display:grid;grid-template-columns:repeat(5,1fr);background:var(--stout);color:#fff;padding-bottom:env(safe-area-inset-bottom)}
  .menu-bas a,.menu-bas button{display:flex;flex-direction:column;align-items:center;gap:3px;padding:9px 2px 8px;font:inherit;font-family:var(--titre);font-size:10.5px;font-weight:600;letter-spacing:.03em;color:inherit;background:none;border:0;opacity:.78;text-decoration:none}
  .menu-bas a[aria-current],.menu-bas button[aria-current],.menu-bas button[aria-expanded]{opacity:1;color:var(--or)}
  .feuille{position:fixed;inset:0;z-index:44;background:rgba(17,17,17,.45)}
  .feuille-panneau{position:absolute;left:0;right:0;bottom:calc(64px + env(safe-area-inset-bottom));max-height:70vh;overflow:auto;background:#fff;color:var(--encre);border-top:1px solid var(--filet);padding:14px 20px 18px}
  .feuille-titre{margin:0 0 6px;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--encre-2)}
  .feuille-panneau > a{display:block;padding:11px 0;border-bottom:1px solid var(--ligne);font-size:16.5px;font-weight:500}
  .feuille-panneau > a:last-child{border-bottom:0}
  .feuille-univers b{display:block;color:var(--encre);font-family:var(--titre);font-weight:800;border-top:2px solid var(--u);padding-top:6px;margin-top:2px}.feuille-univers small{display:block;font-size:13px;color:var(--encre-2);line-height:1.35}
  .bandeau-consentement{bottom:calc(64px + env(safe-area-inset-bottom))}
}
body.application .entete .tiroir{display:none}
.fil-page{padding-top:16px}.fil-colonnes{display:grid;grid-template-columns:minmax(0,1fr);gap:22px;max-width:var(--max);margin:0 auto;padding:0 var(--marge);box-sizing:border-box}.fil-principal,.fil-cote{min-width:0}@media (min-width:1000px){.fil-colonnes{grid-template-columns:minmax(0,1fr) 300px}}
.fil-principal > h1,.groupes-page > h1{font-size:clamp(28px,4vw,36px);letter-spacing:-.02em;margin:8px 0 16px}.fil-onglets{display:flex;gap:2px;overflow-x:auto;scrollbar-width:none;align-items:stretch;padding:0;margin:0 0 18px;border-bottom:1px solid var(--ligne)}.fil-onglets::-webkit-scrollbar{display:none}
.fil-onglets a{white-space:nowrap;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:10px 12px 11px;border:0;border-bottom:3px solid transparent;margin-bottom:-1px;background:none;color:var(--encre-2);display:inline-flex;align-items:center;gap:6px}.fil-onglets a:hover{color:var(--encre)}.fil-onglets a[aria-current]{background:none;color:var(--encre);border-bottom-color:var(--u,var(--or))}
.panneau-fil{background:#fff;border:1px solid var(--ligne);border-top:2px solid var(--filet);border-radius:0;padding:16px 18px;margin-bottom:14px}.panneau-fil h2{font-family:var(--titre);font-size:11.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--encre-2);margin:0 0 10px;display:flex;align-items:center;gap:8px}.panneau-fil h2::before{content:"";width:18px;height:2px;background:var(--or);flex:none}
.composer textarea{width:100%;font:inherit;padding:10px 12px;border:1px solid #a39b91;border-radius:0;box-sizing:border-box;resize:vertical}.composer-ligne{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:8px}
.composer-ligne select,.composer-ligne input[type=url]{font:inherit;font-size:14px;padding:8px 10px;border:1px solid #a39b91;border-radius:0;background:#fff}.composer-ligne input[type=url]{flex:1 1 200px}
.composer-fichier{font-size:14px;font-weight:600;padding:8px 12px;border:1px solid var(--ligne);border-radius:0;cursor:pointer;background:var(--malt)}.composer-fichier input{width:0;height:0;opacity:0;position:absolute}
.publication{background:#fff;border:1px solid var(--ligne);border-radius:0;padding:16px 18px 10px;margin-bottom:14px}
.pub-entete{display:flex;gap:12px;align-items:center;margin-bottom:10px}.pub-avatar{flex:none;width:48px;height:48px;border-radius:50%;background:var(--u,var(--stout));color:#fff;display:grid;place-items:center;overflow:hidden;font-family:var(--titre);font-weight:700;font-size:18px}.pub-avatar img{width:100%;height:100%;object-fit:cover;display:block}
.pub-avatar.petit{width:32px;height:32px;font-size:13px}.pub-avatar.grand{width:96px;height:96px;font-size:34px}
.pub-qui{margin:0;font-size:15px}.pub-univers{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--encre);border-bottom:3px solid var(--u,var(--ligne));margin-left:6px}.pub-pseudo{font-weight:500;color:var(--encre-2);font-size:13px}.profil-entete h1 .pub-pseudo{font-size:15px}.pub-quand{margin:0;font-size:13px;color:var(--encre-2)}.pub-quand a{color:inherit}
.pub-texte p{margin:0 0 8px;font-size:16.5px}.pub-image{display:block;margin:6px 0 10px}.pub-image img{width:100%;height:auto;max-height:520px;object-fit:cover;border-radius:0;display:block}
.pub-lien{display:flex;gap:12px;align-items:center;border:1px solid var(--ligne);border-radius:0;padding:8px 12px;margin:6px 0 10px;background:var(--malt)}.pub-lien img{width:64px;height:48px;object-fit:cover;border-radius:0;flex:none}.pub-lien small{display:block;font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--encre-2)}.pub-lien b{font-size:15px}
.pub-actions{display:flex;flex-wrap:wrap;gap:2px 4px;align-items:center;border-top:1px solid #d9d3cb;padding-top:6px;margin-top:4px}.pub-actions form{margin:0}.pub-secondaires{display:flex;gap:2px;align-items:center;margin-left:auto}
.pub-jaime,.pub-repondre,.pub-actions .signaler button{font:inherit;font-size:14px;font-weight:600;padding:6px 10px;border-radius:0;border:0;background:none;color:var(--encre-2);cursor:pointer;white-space:nowrap;line-height:1.3}.pub-jaime.actif{color:#B4232C}.pub-jaime span,.pub-repondre span{font-weight:700;color:var(--encre)}
.pub-modifier,.pub-actions .signaler button{padding:6px 8px;font-weight:500;font-size:13px;color:var(--encre-2);text-decoration:none}.pub-modifier:hover,.pub-actions .signaler button:hover{text-decoration:underline}.pub-supprimer button{color:#B4232C}.pub-modifie{font-size:12.5px;color:var(--encre-2)}
@media (max-width:699px){.publication{padding:12px 12px 6px}.pub-entete{gap:10px;margin-bottom:8px}.pub-entete>div{flex:1;min-width:0}.pub-avatar{width:40px;height:40px;font-size:15px}.pub-qui{font-size:14.5px;line-height:1.35}.pub-quand{font-size:12.5px}.pub-texte p{font-size:16px}.pub-jaime,.pub-repondre{font-size:13.5px;padding:6px 8px}.pub-jaime{padding-left:0}.pub-modifier,.pub-actions .signaler button{font-size:12.5px;padding:6px 6px}}
.pub-reponses{border-top:1px solid #d9d3cb;margin-top:8px;padding-top:8px}.pub-toutes{display:block;font-size:14px;font-weight:600;margin-bottom:8px;text-decoration:underline;text-underline-offset:3px}
.pub-reponse{display:flex;gap:10px;padding:6px 0}.pub-reponse p{margin:0;font-size:15px}.pub-reponse .pub-qui small{color:var(--encre-2);font-weight:400;margin-left:6px}
.pub-formulaire{display:flex;gap:8px;align-items:flex-start;margin-top:10px}.pub-formulaire textarea{flex:1;font:inherit;padding:8px 10px;border:1px solid #a39b91;border-radius:0;resize:vertical}
.liste-membres{list-style:none;padding:0;margin:0 0 8px}.membre-ligne{display:flex;gap:12px;align-items:center;padding:10px 0;border-bottom:1px solid var(--filet)}.membre-ligne-qui{display:flex;gap:12px;align-items:center;flex:1;min-width:0;text-decoration:none;color:inherit}.membre-ligne-qui>span:last-child{display:grid;min-width:0}.membre-ligne-qui small{color:var(--gris);font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.membre-ligne form{flex:none;margin:0}.recherche-membres{margin:0 0 8px}
.membres-actifs{list-style:none;padding:0;margin:0}.membres-actifs li{margin:0 0 8px}.membres-actifs a{display:flex;gap:10px;align-items:center}
.profil-entete{display:flex;gap:20px;align-items:flex-start;background:transparent;border:0;border-bottom:1px solid var(--filet);padding:8px 0 18px;margin-bottom:22px}.profil-entete h1{margin:0 0 6px;font-size:clamp(26px,3.6vw,34px);letter-spacing:-.02em}.profil-entete .meta{margin:0 0 8px;font-size:12.5px;font-weight:700;color:var(--encre-2)}
.application-page [data-plateforme]{opacity:.55}.application-page .plateforme-courante{opacity:1;background:var(--malt);border-radius:0;padding:4px 14px 10px;margin:0 -14px}
.pub-avatar.univers{background:#fff;border:1px solid var(--malt)}.pub-avatar.univers img{object-fit:contain;padding:4px;background:#fff}
.roue,.portail{display:none;align-items:center;color:inherit;opacity:.8;padding:4px}.roue:hover,.roue.active,.portail:hover,.portail.active{opacity:1;color:var(--or)}@media (min-width:900px){.roue,.portail{display:inline-flex}}
.cloche{position:relative;display:inline-flex;align-items:center;color:inherit;opacity:.8;padding:4px;margin-right:2px}.cloche.sonne{opacity:1;color:var(--or)}.cloche b{position:absolute;top:-2px;right:-4px;min-width:16px;height:16px;padding:0 4px;border-radius:0;background:var(--or);color:var(--stout);font-size:10px;line-height:16px;text-align:center}
.panier{position:relative;display:inline-flex;align-items:center;color:inherit;opacity:.8;padding:4px}.panier:hover{opacity:1}.panier b{position:absolute;top:-2px;right:-4px;min-width:16px;height:16px;padding:0 4px;border-radius:0;background:var(--or);color:var(--stout);font-size:10px;line-height:16px;text-align:center}
.pastille{display:inline-block;min-width:18px;height:18px;padding:0 5px;border-radius:0;background:var(--or);color:var(--stout);font-size:11px;line-height:18px;text-align:center;font-weight:700}.menu-bas .pastille{position:absolute;top:4px;right:calc(50% - 22px)}.menu-bas button{position:relative}
.notifications{list-style:none;padding:0;margin:16px 0}.notification{display:flex;gap:12px;align-items:flex-start;padding:12px 0;border-top:1px solid var(--ligne)}.notification.nouvelle{background:var(--malt);border-left:3px solid var(--or);margin:0 -12px;padding:12px 12px 12px 9px}.notification p{margin:0}.notification a{text-decoration:none;font-weight:600}.mention{font-weight:600;text-decoration:none}
.choix-pseudo .ligne-categorie{display:flex;gap:8px;flex-wrap:wrap}.choix-pseudo input[type=text]{flex:1 1 180px;min-width:0}
.groupes-page{max-width:var(--max);margin:0 auto}.groupes-page h2{font-size:clamp(20px,2.4vw,24px);margin:32px 0 14px;padding-top:14px;border-top:1px solid var(--filet)}.grille-groupes{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px 28px}.groupe-carte{background:transparent;border:0;border-top:3px solid var(--filet);padding:14px 0 6px;min-width:0;display:flex;flex-direction:column;gap:6px}.groupe-carte a{text-decoration:none;font-family:var(--titre);font-weight:800;font-size:19px;line-height:1.15;letter-spacing:-.01em}.groupe-carte a:hover{text-decoration:underline;text-decoration-color:var(--or);text-decoration-thickness:3px;text-underline-offset:4px}.groupe-carte p{margin:0;font-size:15px;color:var(--encre-2);line-height:1.4}.groupe-carte small{font-family:var(--titre);font-size:12px;font-weight:600;letter-spacing:.04em;color:var(--encre-2)}.groupe-carte.premium{border-top-color:var(--or)}
.groupe-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:0 0 14px;font-size:14px;color:var(--encre-2)}.groupe-actions form{margin:0}.fil-retour{margin:0 0 4px;font-size:14px}.pub-groupe{font-size:13px;color:var(--encre-2);text-decoration:none;margin-left:6px}.pub-retirer{margin:-8px 0 14px;text-align:right}.pub-retirer button{font-size:12px}
body.hors-ligne::before{content:'Hors ligne : voici la dernière version enregistrée. Tout se met à jour dès que le réseau revient.';display:block;background:var(--stout);color:#fff;font-size:13px;text-align:center;padding:6px 12px}
.push-panneau{margin:0 0 18px}
.barre-notifications{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:12px 0}.barre-notifications .bouton[type=submit]{margin-left:auto}.notification input[type=checkbox]{margin:8px 0 0;flex:none}
.bilan-colonnes{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:start}@media (max-width:760px){.bilan-colonnes{grid-template-columns:1fr}}.bilan-chiffres{list-style:none;padding:0;margin:0 0 16px;display:grid;grid-template-columns:1fr 1fr;gap:10px}.bilan-chiffres li{background:transparent;border:0;border-top:3px solid var(--filet);padding:12px 0 6px;display:flex;flex-direction:column}.bilan-chiffres b{font-family:var(--titre);font-size:clamp(28px,3vw,36px);font-weight:900;line-height:1.05;letter-spacing:-.02em;color:var(--stout)}.bilan-chiffres .points{border-top-color:var(--or)}.bilan-chiffres span{font-size:14px;color:var(--encre-2);margin-top:4px}.bilan-image img{width:100%;max-width:540px;height:auto;border-radius:0;display:block;margin-bottom:12px}.bilan-annees{display:flex;gap:8px;flex-wrap:wrap}.bilan-annees a{padding:5px 12px;border:1px solid var(--ligne);border-radius:0;text-decoration:none;font-size:14px}.bilan-annees a[aria-current]{background:var(--stout);color:#fff;border-color:var(--stout)}
.aide-memoire .am-entete{margin:8px 0 18px}.am-marque{font-family:var(--titre);font-size:15px;color:var(--encre-2);margin:0 0 4px}.am-marque em{color:var(--or);font-style:normal}.aide-memoire h1{font-size:30px;margin:0 0 6px}.am-grille{display:grid;grid-template-columns:1fr 1fr;gap:14px}@media (max-width:760px){.am-grille{grid-template-columns:1fr}}.am-bloc{background:#fff;border:1px solid var(--ligne);border-radius:0;padding:14px 18px}.am-bloc h2{font-size:19px;margin:0 0 8px}.am-bloc h2 small{font-weight:400;color:var(--encre-2);font-size:13px;margin-left:6px}.am-bloc ol,.am-bloc ul{margin:0;padding-left:20px;font-size:14.5px;line-height:1.45}.am-bloc li{margin:4px 0}.am-rappel{margin:10px 0 0;padding:8px 12px;background:var(--creme,#f4f2ee);border-radius:0;font-size:14px}.am-pied{margin-top:16px;font-size:13px;color:var(--encre-2)}
@media print{.aide-memoire .admin-nav,.sans-impression,.entete,.pied,.menu-bas,.bandeau-consentement{display:none!important}.aide-memoire{max-width:none;margin:0;padding:0}.am-grille{grid-template-columns:1fr 1fr;gap:10px}.am-bloc{break-inside:avoid;border-color:#999}body{background:#fff}}
.boutique-page h1,.produit-page h1{margin:0 0 6px}.carte.produit .prix{margin:6px 0 0;font-size:17px}.carte.produit .prix small{color:var(--encre-2);font-size:12px}.produit-colonnes{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:28px;align-items:start}@media (max-width:760px){.produit-colonnes{grid-template-columns:1fr}}.produit-image img{width:100%;height:auto;border-radius:0;display:block}.produit-page .prix{font-size:24px;margin:0 0 12px}.produit-page .prix small{font-size:13px;color:var(--encre-2);margin-left:6px}.produit-description{margin:0 0 18px}.formulaire.commande fieldset{border:1px solid var(--ligne);border-radius:0;padding:8px 14px;margin:10px 0}.formulaire.commande legend{font-weight:600;font-size:14px}.commande-carte h2{font-size:18px}.commande-carte h2 small{font-weight:400;color:var(--encre-2)}.qr-commande{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.qr-commande svg{width:140px;height:140px;background:#fff;border-radius:0;padding:6px}
.calendrier-entete{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:8px 0}.calendrier-entete h1,.calendrier-entete h2,.calendrier-entete h3{margin:0;font-size:26px}.vues a{font-weight:400}.vues a[aria-current]{font-weight:700;color:var(--or)}.calendrier-legende{font-size:13px;color:var(--encre-2);display:flex;gap:12px;flex-wrap:wrap;align-items:center}.calendrier-legende span{padding:2px 8px;border-radius:0;color:#fff}.calendrier{border:1px solid var(--ligne);border-radius:0;overflow:hidden;background:#fff}.calendrier-jours,.calendrier-semaine{display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}.calendrier-jours span{padding:6px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--encre-2);border-bottom:1px solid var(--ligne);text-align:center}.calendrier-jour{min-height:92px;padding:6px;border-right:1px solid var(--ligne);border-bottom:1px solid var(--ligne);font-size:12px;display:flex;flex-direction:column;gap:3px}.calendrier-jour:nth-child(7n){border-right:0}.calendrier-jour.hors-mois{background:var(--fond,#F7F2E8);color:var(--encre-2)}.calendrier-jour.aujourdhui b{color:var(--or)}.calendrier-jour b{font-size:13px}.calendrier-jour a{display:block;padding:2px 6px;border-radius:0;color:#fff;text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cal-contenu{background:#2F5F7F}.cal-depot{background:#F5C400}.cal-evenement{background:#B3261E}.cal-infolettre{background:#4E7A3B}.calendrier-jour a.cal-brouillon,.calendrier-jour a.cal-relecture,.calendrier-jour a.cal-a_venir{opacity:.7}.calendrier-jour a.cal-en_retard{background:#B3261E}.calendrier-jour a.cal-saute,.calendrier-jour a.cal-annule{text-decoration:line-through;opacity:.5}@media (max-width:760px){.calendrier-jours{display:none}.calendrier-semaine{grid-template-columns:1fr}.calendrier-jour{min-height:0;border-right:0}.calendrier-jour.hors-mois{display:none}.calendrier-jour a{white-space:normal}}.editions tr.inactif td{opacity:.6}
.tableau-bord h1 small{font-weight:400;font-size:14px;color:var(--encre-2);margin-left:8px}.tableau-bord h3{font-size:15px;margin:8px 0 6px}.panneau-alerte{border-color:#B3261E}.pastille-genre{display:inline-block;padding:1px 7px;border-radius:0;color:#fff;font-size:11px;text-decoration:none;margin-right:4px}
.calendrier-colonnes{display:grid;grid-template-columns:1fr;gap:18px;align-items:start}.calendrier-cote{background:#fff;border:1px solid var(--ligne);border-radius:0;padding:14px 16px}.calendrier-cote h2{font-size:18px;margin:0 0 6px}.calendrier-cote h2 small{font-weight:400;color:var(--encre-2)}.calendrier-jour b a{color:inherit;text-decoration:none}.calendrier-jour b a:hover{color:var(--or)}.collaborateurs{border:1px solid var(--ligne);border-radius:0;padding:8px 12px;margin:10px 0}.collaborateurs legend{font-size:13px;font-weight:600}.collaborateurs .ligne-categorie{margin:4px 0}.collaborateurs select{max-width:100%}
.super-entete{background:var(--stout);color:#fff;background-size:cover;background-position:center;position:relative}.super-entete.avec-couverture::before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(17,17,17,.35),rgba(17,17,17,.88))}.super-entete-contenu{position:relative;padding:28px var(--marge) 34px}.super-entete .fil a{color:#F7EFDF}.super-identite{display:flex;gap:24px;align-items:flex-end;flex-wrap:wrap;margin-top:12px}.super-photo{width:160px;height:160px;border-radius:50%;object-fit:cover;border:4px solid #fff;flex:none;font-size:48px}.super-identite h1{font-size:44px;margin:0 0 4px;color:#fff}.super-titre{font-family:var(--titre);font-size:22px;margin:0 0 6px;color:var(--or)}.super-role{margin:0 0 8px;color:#E6D9C6;font-size:15px}.super-liens{display:flex;gap:10px;flex-wrap:wrap;margin:0}.super-liens a{color:#fff;border:1px solid rgba(255,255,255,.4);border-radius:0;padding:3px 12px;font-size:13px;text-decoration:none}.super-corps{padding-top:28px}.super-colonnes{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,4fr);gap:32px;align-items:start;margin-bottom:12px}@media (max-width:860px){.super-colonnes{grid-template-columns:1fr}.super-identite h1{font-size:32px}.super-photo{width:110px;height:110px}}.super-presentation{font-size:18px;line-height:1.6}.super-citation{font-family:var(--titre);font-size:26px;line-height:1.3;color:var(--u);border-left:4px solid var(--u);margin:0 0 20px;padding:4px 0 4px 18px}.super-cote .panneau-fil{margin-bottom:14px}.super-cote .cartes{grid-template-columns:1fr;gap:16px}.super-cote .cartes .carte{grid-template-columns:104px 1fr;gap:12px}.super-cote .cartes .carte h3{font-size:16px}.auteur-liens{display:flex;gap:10px;flex-wrap:wrap;margin:8px 0 0}.auteur-liens:empty{display:none}.auteur-liens a{border:1px solid var(--ligne);border-radius:0;padding:3px 12px;font-size:13px;text-decoration:none}.super-univers{padding-top:8px}
.admin-nav-familles{margin-bottom:6px}.admin-nav-familles a:not(.bouton){font-size:15px}.admin-nav-familles a[aria-current]{background:var(--stout);color:#fff}.admin-nav-sous{background:transparent;border:0;padding:0 6px;margin:0 0 18px}.admin-nav-sous a:not(.bouton){font-size:13.5px;font-weight:600;padding:5px 10px}.admin-nav-sous a[aria-current]{background:#f4f2ee;color:var(--encre)}.admin-nav-sous:empty{display:none}
.vue-ensemble{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px 26px;margin:22px 0 10px}.tuile-compte{display:flex;flex-direction:column;gap:3px;background:transparent;border:0;border-top:3px solid var(--filet);border-radius:0;padding:12px 0 6px;text-decoration:none;color:inherit;min-width:0}.tuile-compte small{display:flex;align-items:center;gap:6px;font-family:var(--titre);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--encre-2)}.tuile-compte small .ico-petite{width:16px;height:16px;vertical-align:0}.tuile-compte small .capsule-pastille{width:12px;height:12px;vertical-align:0}.tuile-compte b{font-family:var(--titre);font-size:clamp(26px,3vw,32px);font-weight:900;line-height:1.05;letter-spacing:-.02em;overflow-wrap:anywhere}.tuile-compte b.mots{font-size:clamp(20px,2.1vw,24px);line-height:1.1;letter-spacing:-.01em}.tuile-compte span{font-family:var(--texte);font-size:14.5px;color:var(--encre-2);line-height:1.35}.tuile-compte.a-faire{border-top-color:var(--or)}a.tuile-compte:hover{border-top-color:var(--or)}
/* L'entête tient sur une ligne jusqu'à 1 600 px : menu resserré, recherche compacte qui s'élargit au focus, avatar seul (le nom est dans le titre du lien). */
@media (min-width:900px){.entete-ligne{gap:10px}.marque img{height:32px}.menu{gap:8px;margin-left:8px;font-size:11px;letter-spacing:.04em}.outils{gap:6px}.entete .bouton-or{padding:8px 10px}.roue,.portail,.cloche,.panier{padding:3px}.recherche{padding-left:2px;position:relative}.recherche input{width:0}.compte span:last-child{display:none}}@media (min-width:900px) and (max-width:1199px){.recherche:focus-within input{position:absolute;right:100%;top:-1px;height:calc(100% + 2px);width:180px;padding:0 10px;background:var(--stout);border:1px solid #3a3531;border-right:0}}@media (min-width:1200px){.entete-ligne{gap:14px}.marque img{height:36px}.menu{gap:14px;margin-left:14px;font-size:12px;letter-spacing:.06em}.outils{gap:8px}.entete .bouton-or{padding:9px 14px}.roue,.portail,.cloche,.panier{padding:4px}.recherche{padding-left:10px}.recherche input{width:90px;transition:width .15s}.recherche:focus-within input{width:170px}}@media (min-width:1300px){.inscription{display:inline}}
@media (min-width:1600px){.menu{gap:20px}.recherche input{width:130px}.entete .bouton-or .long{display:inline}.entete .bouton-or .court{display:none}.compte span:last-child{display:inline}}
.section-contraste{background:var(--malt);border-top:0!important;padding:30px 0}
.rendez-vous{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px 28px;font-family:var(--titre)}.rendez-vous li{border-top:1px solid var(--ligne);padding:10px 0 4px;display:flex;flex-direction:column;gap:3px}.rendez-vous b{font-size:15.5px;font-weight:700;line-height:1.2}.rendez-vous span{font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--encre-2);font-weight:600}.rendez-vous small{color:var(--encre-2);font-size:13px}.onglet-sep{width:1px;height:22px;background:var(--ligne);margin:0 4px;align-self:center}.onglet-groupes b{background:var(--or);color:var(--stout);border-radius:0;padding:0 6px;font-size:12px;margin-left:2px}
.champ-media-ligne{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.champ-media-apercu{width:48px;height:48px;object-fit:cover;border-radius:0;border:1px solid var(--ligne)}.champ-media-recherche{width:140px}.champ-media-retirer{background:none;border:1px solid var(--ligne);border-radius:0;width:32px;height:32px;cursor:pointer}.choix-media-liste{display:grid;grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:6px;margin:8px 0}.choix-media-vignette{border:1px solid var(--ligne);border-radius:0;background:#fff;padding:3px;cursor:pointer;display:flex;flex-direction:column;gap:2px;align-items:center}.choix-media-vignette img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:0}.choix-media-vignette span{font-size:11px;color:var(--encre-2)}.choix-media-vignette:hover{border-color:var(--or)}.choix-media-suite{margin:4px 0 8px}.champ-media-televerser{margin:6px 0;border:1px solid var(--ligne);padding:0 8px}.champ-media-televerser summary{cursor:pointer;padding:6px 0;font-size:14px}.champ-media-televerser[open]{padding-bottom:8px}.champ-media-televerser .actions{margin:6px 0 0}.champ-media.depot,.champ-galerie.depot{outline:2px dashed var(--or);outline-offset:4px}
.comptoir-unique .ligne-categorie{display:flex;gap:8px;margin:6px 0 12px}.comptoir-unique input[name=code]{flex:1;font-size:18px;padding:10px 12px}
.point-nouveau{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--or);margin-left:4px;vertical-align:top}.menu-bas .point-nouveau{position:absolute;top:8px;right:calc(50% - 16px)}.menu-bas a{position:relative}@media (max-width:899px){body.saisie .menu-bas{display:none}body.saisie{padding-bottom:0}}
.raccourcis-recherche{display:flex;gap:6px;flex-wrap:wrap;align-items:center;font-size:14px;margin:0 0 10px}.raccourcis-recherche a{padding:3px 10px;border:1px solid var(--ligne);border-radius:0;text-decoration:none;color:inherit;background:#fff}.raccourcis-recherche a[aria-current]{background:var(--u,var(--stout));color:#fff;border-color:var(--u,var(--stout))}.recherche-feuille{display:flex;gap:8px;margin:0 0 10px}.recherche-feuille input{flex:1;min-width:0;font-size:16px;padding:10px 12px}
.panier-vignette{border-radius:0;vertical-align:middle;margin-right:8px;object-fit:cover}.tableau.panier td{vertical-align:middle}.tableau.panier .ligne-categorie{display:flex;gap:4px}.boutique-entete{display:flex;align-items:flex-end;justify-content:space-between;gap:18px 28px;padding:0 0 18px;margin:0 0 18px;border-bottom:3px solid var(--stout)}
.boutique-entete .genre{margin:0 0 6px;font-family:var(--titre);font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--encre-2);display:inline-flex;align-items:center;gap:8px}.boutique-entete .genre::before{content:"";width:18px;height:2px;background:var(--or)}
.boutique-entete h1{margin:0 0 8px}.boutique-entete .chapo{margin:0;max-width:720px}
.boutique-panier{white-space:nowrap;flex:0 0 auto}
.boutique-sauts{margin:0 0 26px}
.boutique-page .entete-section{margin-top:8px;padding-top:14px;border-top:1px solid var(--filet)}.boutique-page .entete-section + .cartes,.boutique-page .entete-section + .tuile-vide,.boutique-page .entete-section + .avantage{margin-top:4px}
.boutique-page .cartes{margin-bottom:34px}
.tuile-vide{margin:0 0 34px;padding:22px 24px 24px;background:var(--malt);border:2px dashed var(--ligne);display:flex;flex-direction:column;gap:8px;max-width:680px}
.tuile-vide .genre{margin:0;font-family:var(--titre);font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--encre-2);display:inline-flex;align-items:center;gap:8px}.tuile-vide .genre::before{content:"";width:18px;height:2px;background:var(--or)}
.tuile-vide h3{font-size:22px;margin:0}.tuile-vide p{margin:0}.tuile-vide .bouton{align-self:flex-start;margin-top:6px}
.cartes + .invite-favoris{margin-top:30px}.invite-favoris{margin-bottom:0}
.carte.article-boutique{background:var(--papier);border:1px solid var(--ligne);border-top:4px solid var(--or);padding:0 0 18px}.carte.article-boutique > div{padding:14px 18px 0}.carte.article-boutique .vignette{aspect-ratio:4/3}
.carte.article-boutique h3{font-size:20px}.carte.article-boutique h3 a{text-decoration:none}.carte.article-boutique h3 a:hover{text-decoration:underline;text-decoration-color:var(--or)}
.carte.article-boutique .prix{margin:12px 0 0;font-family:var(--titre);font-size:24px;font-weight:800;letter-spacing:-.01em}.carte.article-boutique .prix small{font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;margin-left:6px}
.carte.abonnement{padding:18px 20px 20px;border:1px solid var(--ligne)}.carte.abonnement h3{font-size:22px}.carte.abonnement h3 a{text-decoration:none}.carte.abonnement h3 a:hover{text-decoration:underline;text-decoration-color:var(--or)}
.carte.abonnement .abonnement-texte{margin:10px 0 0;font-size:15.5px;line-height:1.45}
.carte.abonnement .prix{margin:14px 0 0;font-family:var(--titre);font-size:26px;font-weight:800;letter-spacing:-.01em;line-height:1.1}.carte.abonnement .prix small{display:block;font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;margin-top:4px}
.carte.abonnement-premium{background:var(--stout);color:#fff;border-color:var(--stout);border-top:4px solid var(--or)}.carte.abonnement-premium .genre,.carte.abonnement-premium .prix small{color:#ddd}.carte.abonnement-premium .genre::before{background:var(--or)}.carte.abonnement-premium h3 a{color:#fff}.carte.abonnement-premium .prix{color:var(--or)}
.carte.abonnement-cadeau{background:var(--papier);border-top:4px solid var(--or)}.carte.abonnement-cadeau .genre{color:var(--encre)}.carte.abonnement-cadeau .genre::before{background:var(--or)}
.boutique-page .avantage{margin:0 0 22px}.boutique-page .avantage h3{font-size:clamp(20px,2.4vw,26px);line-height:1.15;margin:0}
.carte.recompense{background:var(--papier);border:1px solid var(--ligne);border-top:4px solid var(--stout);padding:16px 18px 18px}.carte.recompense h3{font-size:20px}.carte.recompense h3 a{text-decoration:none}
@media (max-width:699px){.boutique-entete{flex-direction:column;align-items:stretch}.boutique-panier{align-self:flex-start}.boutique-page .avantage .bouton,.tuile-vide .bouton{width:100%;align-self:stretch}}
.strategie-resume{margin:0;padding-left:20px;line-height:1.6}.strategie-resume li:first-child{font-weight:600}.strategie-moderation .panneau{margin-bottom:16px}.strategie-moderation textarea{width:100%;max-width:520px;font-family:inherit}
.grille-reglages{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:10px;margin:0 0 18px}.reglage-carte{display:flex;gap:10px;align-items:flex-start;background:#fff;border:1px solid var(--ligne);border-radius:0;padding:12px 14px;cursor:pointer}.reglage-carte input{margin-top:4px;width:20px;height:20px}.reglage-carte span{display:flex;flex-direction:column;gap:3px;min-width:0}.reglage-carte small{color:var(--encre-2)}.reglage-carte code{font-size:11px;color:var(--encre-2);white-space:normal;word-break:break-all}.reglage-carte:has(input:not(:checked)){background:#f4f2ee;opacity:.85}
.liste-notes{list-style:none;padding:0;margin:14px 0}.note-contact{border-top:1px solid var(--ligne);padding:10px 0}.note-contact.a-faire{background:var(--creme,#f4f2ee);margin:0 -8px;padding:10px 8px;border-radius:0}.note-contact .meta{font-size:13px;color:var(--encre-2);margin:0 0 4px}.note-contact p{margin:0 0 6px}.statut-prospect{background:#EEE}.statut-contacte,.statut-rendez_vous,.statut-proposition{background:#FFF1D6}.statut-partenaire,.statut-client{background:#DDF3E0}.statut-perdu,.statut-inactif{background:#F1E4E4}
.champ-video .ligne-categorie{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.champ-video input[type=text]{flex:1 1 220px}.champ-video-bouton{cursor:pointer}.champ-video-bouton input{width:0;height:0;opacity:0;position:absolute}.champ-video-etat{font-family:var(--titre);font-size:13px;color:var(--encre-2);margin:6px 0 0;min-height:1em}.champ-video-apercu{display:block;max-width:320px;height:auto;margin-top:8px;border:1px solid var(--ligne)}
.pub-video{position:relative;aspect-ratio:16/9;margin:6px 0 10px;background:var(--stout)}.pub-video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.pub-video-attente{margin:6px 0 10px;padding:10px 12px;background:var(--malt);font-family:var(--titre);font-size:13px;color:var(--encre-2)}.composer-video-etat{margin:8px 0 0}.composer-apercu{margin:10px 0 0}.composer-apercu .pub-lien{margin:0;position:relative;padding-right:88px}.composer-apercu .pub-lien.attente{color:var(--encre-2);font-family:var(--titre);font-size:13px}.composer-apercu .composer-apercu-retirer{position:absolute;top:8px;right:8px;font-family:var(--titre);font-size:12px;font-weight:700;background:none;border:1px solid var(--ligne);padding:4px 8px;cursor:pointer}.pub-lien-externe{align-items:flex-start}.pub-lien-externe img{width:96px;height:72px}.pub-lien-externe em{display:block;font-style:normal;font-size:13.5px;color:var(--encre-2);margin-top:2px}.pub-lien-externe b{display:block;font-family:var(--titre);font-size:15px;line-height:1.25}
.grille-services{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px;margin:18px 0}.service-carte{display:block;border:1px solid var(--ligne);border-top:2px solid var(--filet);padding:16px 18px;color:inherit;text-decoration:none}.service-carte h2{font-size:17px;margin:0 0 6px}.service-carte p{margin:0 0 10px;color:var(--encre-2);font-size:14.5px}.secrets{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:4px}.secrets li{font-family:var(--titre);font-size:11px;letter-spacing:.02em;padding:2px 7px;border:1px solid var(--ligne);color:var(--encre-2)}.secrets li.present{border-color:#0E8C7F;color:#0E6E64}.secrets li.manquant{border-color:#B3261E;color:#B3261E;text-decoration:line-through}.secrets-page{margin:0 0 18px}.service-erreur{color:#B3261E;font-size:13px;overflow-wrap:anywhere}.fiche-service{display:grid;gap:10px;margin:0 0 16px}.fiche-service div{display:grid;grid-template-columns:150px 1fr;gap:10px}.fiche-service dt{font-family:var(--titre);font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--encre-2);padding-top:2px}.fiche-service dd{margin:0}@media (max-width:600px){.fiche-service div{grid-template-columns:1fr}}
.formulaire .champs-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 14px}

.resume .section{padding:56px 0}
.resume .section + .section{border-top:3px solid var(--stout)}
.resume h1,.resume h2,.resume h3,.resume h4{margin:0}
.resume p{margin:0}
.resume-ligne{max-width:var(--max);margin:0 auto;padding:0 var(--marge)}
.resume-surtitre{font-family:var(--titre);font-weight:700;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--encre-2);display:flex;align-items:center;gap:10px}
.resume-surtitre::before{content:"";width:22px;height:2px;background:var(--stout)}
.resume-note{font-family:var(--titre);font-size:13px;color:var(--encre-2);line-height:1.5}
.resume-titre{display:grid;gap:14px;margin-bottom:34px;max-width:760px}
.resume-titre h2{font-size:clamp(28px,4vw,40px)}
.resume-titre p{font-size:19px;color:var(--encre-2)}
.resume-heros{padding:64px 0 56px}
.resume-heros .resume-ligne{display:grid;gap:28px}
.resume-heros h1{font-size:clamp(34px,6vw,64px);max-width:14ch;margin-top:16px}
.resume-chapo{font-size:21px;max-width:60ch;color:var(--encre)}
.resume-chapo strong{font-weight:600}
.resume-droite{display:grid;gap:22px}
@media (min-width:900px){.resume-heros .resume-ligne{grid-template-columns:1.1fr 1fr;align-items:end;gap:48px}}
.resume-chiffres{display:grid;grid-template-columns:repeat(2,1fr);border:1px solid var(--stout)}
.resume-chiffres div{padding:18px 20px;border-right:1px solid var(--stout);border-bottom:1px solid var(--stout)}
.resume-chiffres div:nth-child(2n){border-right:0}
.resume-chiffres div:nth-last-child(-n+2){border-bottom:0}
.resume-chiffres b{display:block;font-family:var(--titre);font-weight:800;font-size:38px;line-height:1;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.resume-chiffres span{font-family:var(--titre);font-size:13px;color:var(--encre-2);display:block;margin-top:8px}
@media (min-width:900px){.resume-chiffres{grid-template-columns:repeat(4,1fr)}.resume-chiffres div{border-bottom:0}.resume-chiffres div:nth-child(2n){border-right:1px solid var(--stout)}.resume-chiffres div:last-child{border-right:0}}
.resume-univers{display:grid;gap:18px}
@media (min-width:700px){.resume-univers{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1000px){.resume-univers{grid-template-columns:repeat(4,1fr)}}
.resume-tuile{border:1px solid var(--ligne);border-top:4px solid var(--u);display:grid;grid-template-rows:auto auto auto 1fr auto;gap:14px;padding-bottom:20px}
.resume-plaque{height:96px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:16px 22px;border-bottom:1px solid var(--ligne);text-decoration:none}
.resume-plaque img{max-height:56px;max-width:100%;width:auto;display:block}
.resume-mot{font-family:var(--titre);font-weight:800;font-size:22px;letter-spacing:-.02em;text-align:center;line-height:1.05}
.resume-plaque small{font-family:var(--titre);font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--u)}
.resume-tuile h3{font-size:18px;padding:0 20px}
.resume-tuile h3 a{text-decoration:none}
.resume-slogan{padding:0 20px;font-style:italic;color:var(--encre-2)}
.resume-tuile ul{list-style:none;margin:0;padding:0 20px;display:flex;flex-wrap:wrap;gap:6px;align-content:start}
.resume-tuile li a{display:block;font-family:var(--titre);font-size:12px;font-weight:600;padding:4px 8px;border:1px solid var(--ligne);text-decoration:none}
.resume-tuile li a:hover{border-color:var(--encre)}
.resume-lexique{margin:0 20px;padding-top:12px;border-top:1px solid var(--ligne);font-family:var(--titre);font-size:12.5px;color:var(--encre-2);line-height:1.5}
.resume-lexique b{color:var(--encre);font-weight:700}
.resume-reseau{margin-top:26px;padding:22px 24px;background:var(--malt);display:grid;gap:10px}
.resume-reseau p{max-width:70ch}
.resume-reseau a{text-decoration:underline;text-underline-offset:3px}
.resume-menu{font-family:var(--titre);font-weight:700;font-size:12px;letter-spacing:.08em;text-transform:uppercase;display:flex;flex-wrap:wrap;gap:6px 0;max-width:none!important}
.resume-menu span + span::before{content:"·";margin:0 10px;color:var(--encre-2)}
.resume-menu .resume-premium{background:var(--or);padding:2px 8px}
.resume-faire{display:grid;border-top:1px solid var(--stout);border-left:1px solid var(--stout)}
@media (min-width:700px){.resume-faire{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1000px){.resume-faire{grid-template-columns:repeat(3,1fr)}}
.resume-faire article{padding:20px 22px 24px;border-right:1px solid var(--stout);border-bottom:1px solid var(--stout);display:grid;gap:8px;align-content:start}
.resume-faire h3{font-size:17px}
.resume-faire p{font-size:15.5px;color:var(--encre-2)}
.resume-acces{font-family:var(--titre);font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--encre)!important;margin-top:6px}
.resume-acces.libre{color:var(--vert)!important}
.resume-acces.premium::before{content:"";display:inline-block;width:10px;height:10px;background:var(--or);margin-right:6px;vertical-align:-1px}
.resume-legende{display:flex;flex-wrap:wrap;gap:8px 22px;margin-bottom:18px}
.resume-legende .resume-acces{margin:0}
.resume-profils{display:grid;gap:32px}
.resume-profil{display:grid;gap:18px;padding-top:28px;border-top:1px solid var(--stout)}
.resume-profil:first-child{border-top:0;padding-top:0}
@media (min-width:900px){.resume-profil{grid-template-columns:280px 1fr;gap:40px}}
.resume-profil header{display:grid;gap:12px;align-content:start}
.resume-profil header h3{font-size:24px}
.resume-profil header p{color:var(--encre-2);font-size:16px}
.resume-colonnes{display:grid;gap:22px}
@media (min-width:700px){.resume-colonnes{grid-template-columns:1fr 1fr}}
.resume-profil h4{font-family:var(--titre);font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--encre-2);margin-bottom:10px}
.resume-profil ul{margin:0;padding:0;list-style:none;display:grid;gap:8px}
.resume-profil li{padding-left:18px;position:relative;font-size:16px}
.resume-profil li::before{content:"";position:absolute;left:0;top:11px;width:8px;height:2px;background:var(--stout)}
.resume-suite{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:center;gap:12px 18px;padding:14px 16px;background:var(--malt);font-family:var(--titre);font-size:14px}
.resume-suite p{flex:1 1 320px}
.resume-abonnement{display:grid;gap:28px}
@media (min-width:900px){.resume-abonnement{grid-template-columns:1fr 1fr;gap:48px}}
.resume-gauche{display:grid;gap:14px;align-content:start}
.resume-plans{display:grid;border:1px solid var(--stout)}
.resume-plan{display:grid;grid-template-columns:1fr auto;gap:4px 16px;padding:16px 20px;border-bottom:1px solid var(--stout);align-items:baseline}
.resume-plan:last-child{border-bottom:0}
.resume-plan b{font-family:var(--titre);font-weight:700;font-size:15px}
.resume-prix{font-family:var(--titre);font-weight:800;font-size:26px;letter-spacing:-.02em;font-variant-numeric:tabular-nums;text-align:right}
.resume-plan small{grid-column:1/-1;font-family:var(--titre);font-size:12.5px;color:var(--encre-2)}
.resume-plan.lancement{background:var(--or)}
.resume-plan.lancement small{color:var(--stout)}
.resume-regle{display:grid;gap:14px;align-content:start}
.resume-defile{overflow-x:auto}
.resume-regle table{border-collapse:collapse;width:100%;font-family:var(--titre);font-size:14px}
.resume-regle th,.resume-regle td{text-align:left;padding:9px 10px;border-bottom:1px solid var(--ligne);vertical-align:top}
.resume-regle th{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--encre-2);font-weight:700}
.resume-regle td:first-child{font-weight:700;min-width:180px}
.resume-independance{background:var(--stout);color:#fff}
.resume-independance .resume-ligne{display:grid;gap:22px}
@media (min-width:900px){.resume-independance .resume-ligne{grid-template-columns:1fr 1fr;gap:48px}}
.resume-independance h2{font-size:clamp(28px,4vw,40px);margin-top:14px!important;color:#fff}
.resume-independance .resume-surtitre{color:#bbb}
.resume-independance .resume-surtitre::before{background:var(--or)}
.resume-independance ul{margin:0;padding:0;list-style:none;display:grid;gap:12px;font-size:16.5px}
.resume-independance li{padding-left:22px;position:relative}
.resume-independance li::before{content:"";position:absolute;left:0;top:10px;width:10px;height:10px;background:var(--or)}
@media print{.resume .section{break-inside:avoid;padding:28px 0}}

.kit-heros .fil{margin:0 0 18px}
.kit-heros .resume-chapo{margin-top:18px}
.kit-heros .avis{margin:18px 0 0}
.kit-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px!important}
.kit-certificat{background:var(--stout);color:#fff;border-top:4px solid var(--or);padding:22px 24px 18px;font-family:var(--titre);display:grid;gap:6px;max-width:420px}
.kit-certificat-genre{font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--or);display:flex;justify-content:space-between;gap:10px}
.kit-certificat-genre span{color:#bbb;font-weight:600;letter-spacing:.08em}
.kit-certificat-valeur{font-size:54px;font-weight:800;line-height:1;letter-spacing:-.03em;margin-top:6px!important}
.kit-certificat-note{font-size:13px;color:#ddd}
.kit-certificat-nom,.kit-certificat-code{font-size:18px;font-weight:700;margin-top:10px!important}
.kit-certificat-nom small,.kit-certificat-code small{display:block;font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#bbb;margin-bottom:2px}
.kit-certificat-code{letter-spacing:.08em;font-variant-numeric:tabular-nums}
.kit-certificat-pied{display:flex;justify-content:space-between;align-items:end;margin-top:12px!important;padding-top:12px;border-top:1px solid rgba(255,255,255,.18);font-size:12px;color:#ddd}
.kit-qr{width:44px;height:44px;background:linear-gradient(#fff,#fff) 0 0/14px 14px no-repeat,linear-gradient(#fff,#fff) 100% 0/14px 14px no-repeat,linear-gradient(#fff,#fff) 0 100%/14px 14px no-repeat,linear-gradient(var(--stout),var(--stout)) 4px 4px/6px 6px no-repeat,linear-gradient(var(--stout),var(--stout)) calc(100% - 4px) 4px/6px 6px no-repeat,linear-gradient(var(--stout),var(--stout)) 4px calc(100% - 4px)/6px 6px no-repeat,repeating-linear-gradient(90deg,#fff 0 4px,transparent 4px 8px) 20px 20px/24px 4px no-repeat,repeating-linear-gradient(90deg,transparent 0 4px,#fff 4px 8px) 20px 28px/24px 4px no-repeat,repeating-linear-gradient(90deg,#fff 0 4px,transparent 4px 8px) 24px 36px/20px 4px no-repeat}
.kit-sommaire{position:sticky;top:66px;z-index:5;background:var(--malt);border-top:3px solid var(--stout);border-bottom:1px solid var(--ligne)}
.kit-sommaire .resume-ligne{display:flex;gap:2px 18px;overflow-x:auto;padding-top:10px;padding-bottom:10px;scrollbar-width:none}
.kit-sommaire a{white-space:nowrap;font-family:var(--titre);font-size:12.5px;font-weight:600;text-decoration:none;padding:4px 0;border-bottom:2px solid transparent}
.kit-sommaire a:hover{border-bottom-color:var(--stout)}
.kit-sommaire b{color:var(--encre-2);font-weight:700;margin-right:3px}
.kit .section{scroll-margin-top:116px}
.kit-sommaire-or{margin-left:auto;background:var(--or);padding:4px 10px!important;border-bottom:0!important}
.kit-lignes{list-style:none;margin:0;padding:0;counter-reset:ligne;display:grid;border-top:1px solid var(--stout)}
.kit-lignes li{counter-increment:ligne;display:grid;grid-template-columns:44px 1fr;gap:4px 14px;padding:18px 0;border-bottom:1px solid var(--stout);align-items:baseline}
.kit-lignes li::before{content:counter(ligne,decimal-leading-zero);grid-row:1/3;font-family:var(--titre);font-weight:800;font-size:26px;letter-spacing:-.02em;color:var(--encre-2);line-height:1}
.kit-lignes b{font-family:var(--titre);font-size:19px;font-weight:700}
.kit-lignes span{font-size:16.5px;color:var(--encre-2);grid-column:2}
@media (min-width:900px){.kit-lignes li{grid-template-columns:44px 220px 1fr}.kit-lignes span{grid-column:3}}
@media (min-width:1000px){.resume-faire.kit-quatre{grid-template-columns:repeat(4,1fr)}.resume-faire.kit-trois{grid-template-columns:repeat(3,1fr)}}
.kit-encadre{margin-top:26px!important;padding:20px 24px;background:var(--malt);border-left:4px solid var(--or);font-size:17px;max-width:none}
.kit-deux{display:grid;gap:28px}
@media (min-width:900px){.kit-deux{grid-template-columns:1fr 1fr;gap:48px;align-items:start}}
.kit-deux.kit-serre{gap:22px}
.kit-deux .resume-gauche h2{font-size:clamp(28px,4vw,40px)}
.kit-deux .resume-gauche h3{font-size:19px;margin-top:10px}
.kit-devise{font-family:var(--titre);font-weight:700;font-size:20px;letter-spacing:-.01em;margin-top:8px!important}
.kit-chronologie{list-style:none;margin:0;padding:0;display:grid;gap:0;border-left:2px solid var(--stout)}
.kit-chronologie li{padding:0 0 26px 24px;position:relative;display:grid;gap:4px}
.kit-chronologie li::before{content:"";position:absolute;left:-7px;top:6px;width:12px;height:12px;background:var(--or);border:2px solid var(--stout)}
.kit-chronologie li:last-child{padding-bottom:0}
.kit-chronologie b{font-family:var(--titre);font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--encre-2)}
.kit-chronologie h3{font-size:20px}
.kit-chronologie p{color:var(--encre-2)}
.kit-etapes{list-style:none;margin:0;padding:0;counter-reset:etape;display:grid;gap:18px}
@media (min-width:700px){.kit-etapes{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1000px){.kit-etapes{grid-template-columns:repeat(4,1fr)}.kit-etapes.kit-trois{grid-template-columns:repeat(3,1fr)}}
.kit-etapes li{counter-increment:etape;border:1px solid var(--ligne);border-top:4px solid var(--stout);padding:18px 20px 22px;display:grid;gap:8px;align-content:start;background:#fff}
.kit-etapes li::before{content:counter(etape);font-family:var(--titre);font-weight:800;font-size:30px;line-height:1;letter-spacing:-.02em;color:var(--or);-webkit-text-stroke:1px var(--stout)}
.kit-etapes h3{font-size:17px}
.kit-etapes p{font-size:15.5px;color:var(--encre-2)}
.kit-genre{font-family:var(--titre);font-size:11.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--encre-2)}
.resume-tuile .kit-genre{padding:0 20px;color:var(--u);margin-bottom:-8px}
.kit-tuile-texte{padding:0 20px;font-size:15px;color:var(--encre-2)}
.kit .resume-tuile{grid-template-rows:auto auto auto auto 1fr}
.kit .resume-reseau h3{font-size:20px}
.kit-options{display:grid;gap:18px;align-items:stretch}
@media (min-width:900px){.kit-options{grid-template-columns:1fr auto 1fr}.kit-options.kit-avantages{grid-template-columns:1fr 1fr}}
.kit-option{border:1px solid var(--stout);padding:24px 26px 26px;display:grid;gap:12px;align-content:start;background:#fff}
.kit-option:first-child{border-top:5px solid var(--stout)}
.kit-option:last-child{border-top:5px solid var(--or)}
.kit-option h3{font-size:24px;letter-spacing:-.01em}
.kit-option h3 small{display:block;font-family:var(--titre);font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--encre-2);margin-top:6px}
.kit-option p{font-size:16px}
.kit-option ul{margin:0;padding:0;list-style:none;display:grid;gap:6px}
.kit-option li{padding-left:18px;position:relative;font-size:15.5px}
.kit-option li::before{content:"";position:absolute;left:0;top:11px;width:8px;height:2px;background:var(--stout)}
.kit-recevez{margin-top:auto!important;padding-top:12px;border-top:1px solid var(--ligne);font-size:15px!important;color:var(--encre-2)}
.kit-recevez b{color:var(--encre)}
.kit-etou{align-self:center;justify-self:center;font-family:var(--titre);font-weight:800;font-size:13px;letter-spacing:.14em;text-transform:uppercase;padding:8px 12px;border:1px solid var(--stout);border-radius:999px;background:var(--malt)}
.kit-liste{margin:0;padding:0;list-style:none;display:grid;gap:10px;font-size:16px}
.kit-liste li{padding-left:22px;position:relative}
.kit-liste li::before{content:"";position:absolute;left:0;top:10px;width:10px;height:10px;background:var(--or)}
.kit-liste b{font-weight:700}
@media (min-width:900px){.kit-liste.kit-colonnes{grid-template-columns:1fr 1fr;gap:12px 40px}}
.kit-bareme{border:1px solid var(--stout);background:#fff}
.kit-bareme ul{list-style:none;margin:0;padding:0}
.kit-bareme li{display:flex;justify-content:space-between;gap:16px;padding:13px 20px;border-bottom:1px solid var(--ligne);font-size:16px;align-items:baseline}
.kit-bareme li b{font-family:var(--titre);font-weight:800;font-variant-numeric:tabular-nums;white-space:nowrap}
.kit-seuil{padding:20px;background:var(--or);font-family:var(--titre);font-size:16px;font-weight:600}
.kit-seuil b{display:block;font-size:44px;font-weight:800;line-height:1;letter-spacing:-.02em;margin-bottom:6px}
.kit-bareme .resume-note{padding:14px 20px}
.kit-pratique .kit-sous{font-size:24px;letter-spacing:-.01em;margin:44px 0 10px;padding-top:26px;border-top:1px solid var(--stout)}
.kit-pratique .kit-sous:first-of-type{margin-top:0;border-top:0;padding-top:0}
.kit-pratique .kit-sous-petit{font-size:18px;margin:28px 0 12px}
.kit-intro{font-size:17px;color:var(--encre-2);max-width:70ch;margin-bottom:22px!important}
.kit-pratique .kit-genre{margin-bottom:10px}
.kit-numerotee{margin:0;padding:0;list-style:none;counter-reset:pas;display:grid;gap:10px}
.kit-numerotee li{counter-increment:pas;display:flex;gap:12px;font-size:16px;align-items:baseline}
.kit-numerotee li::before{content:counter(pas);flex:0 0 28px;font-family:var(--titre);font-weight:800;font-size:15px;width:28px;height:28px;display:grid;place-items:center;background:var(--stout);color:#fff}.kit-numerotee li>span{flex:1}
.kit-cout{border:1px solid var(--stout);padding:20px 22px;background:var(--malt);display:grid;gap:8px;align-content:start;font-size:16px}
.kit-formulaire{background:#fff;border:1px solid var(--ligne);padding:8px 24px 22px}
.kit-formulaire h3{font-size:18px;margin:22px 0 4px}
.kit-formulaire .actions{margin-top:18px}
.entente-minutes{border:1px solid var(--stout);border-top:5px solid var(--or);background:#fff;padding:22px 24px 24px;display:grid;gap:12px;max-width:420px;font-size:16px}
.entente-chiffre{display:flex;align-items:baseline;gap:10px;font-family:var(--titre)}
.entente-chiffre b{font-size:56px;font-weight:800;line-height:1;letter-spacing:-.03em}
.entente-chiffre span{font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--encre-2)}
.entente .kit-heros h1{font-size:clamp(34px,5vw,56px)}
.entente-etapes{grid-template-columns:1fr!important}
.entente-formulaire{max-width:860px;margin:0 auto;padding:0 24px 22px}
.entente-formulaire .champs-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 14px}
.entente-formulaire .champs-2 > div,.entente-formulaire .champs-3 > div{display:flex;flex-direction:column}
.entente-formulaire .champs-2 > div > label,.entente-formulaire .champs-3 > div > label{flex:1}
@media (max-width:640px){.entente-formulaire .champs-2,.entente-formulaire .champs-3{grid-template-columns:1fr}}
.entente-bloc{margin:0;padding:28px 0 30px;border-top:3px solid var(--stout)}
.entente-bloc:first-of-type{border-top:0;padding-top:10px}
.entente-bloc legend{display:grid;gap:6px;padding:0;margin:0 0 6px;float:left;width:100%}
.entente-bloc legend b{font-family:var(--titre);font-size:24px;font-weight:800;letter-spacing:-.015em;line-height:1.15}
.entente-bloc legend span{font-family:var(--texte);font-size:16px;color:var(--encre-2);font-weight:400;letter-spacing:0}
.entente-bloc legend + *{clear:both}
.entente-question{font-family:var(--titre);font-weight:700;font-size:13px;letter-spacing:.02em;margin:14px 0 6px}
.entente-choix{display:grid;gap:6px}
.entente-formulaire .entente-choix label.ligne{margin:0;font-size:16px}
.entente-formulaire .champ-aide{font-family:var(--titre);font-size:13px;color:var(--encre-2);line-height:1.45;margin:5px 0 0}
.entente-clair{margin:8px 0 18px;display:grid;gap:10px 16px;grid-template-columns:1fr;font-size:15.5px}
.entente-clair dt{font-family:var(--titre);font-weight:700;font-size:15px}
.entente-clair dd{margin:0 0 6px;color:var(--encre-2)}
@media (min-width:700px){.entente-clair{grid-template-columns:200px 1fr;gap:12px 20px}.entente-clair dd{margin:0}}
.entente-engagements{display:grid;gap:12px;padding:18px 20px;background:var(--malt);border-left:4px solid var(--or);margin:0 0 6px}
.entente-formulaire .entente-engagements label.ligne{align-items:flex-start;margin:0;font-size:15.5px;line-height:1.45}
.entente-engagements input{margin-top:5px;flex:none}
.entente-engagements b{display:block;font-family:var(--titre);font-size:14px}
.entente-formulaire .actions{margin-top:26px;padding-top:22px;border-top:3px solid var(--stout)}
@media (min-width:900px){.annoncer-formats{grid-template-columns:1fr 1fr}}
.annoncer-formats .kit-option:first-child,.annoncer-formats .kit-option:last-child{border-top:5px solid var(--stout)}
.annoncer .kit-sous-petit{font-size:18px;margin:34px 0 12px}
@media (max-width:899px){.kit-etou{margin:-4px 0}}
.vues{display:none}
@media (max-width:899px){[data-section].vue-cachee{display:none}
  .vues{display:flex;gap:2px;overflow-x:auto;position:sticky;top:66px;z-index:30;background:var(--papier);border-bottom:1px solid var(--ligne);padding:8px 10px;scrollbar-width:none}
  .vues::-webkit-scrollbar{display:none}
  .vues button{flex:1 0 auto;font:inherit;font-family:var(--titre);font-size:10px;font-weight:700;letter-spacing:0;text-transform:uppercase;padding:8px 5px;border:1px solid var(--ligne);background:#fff;color:var(--encre);cursor:pointer}
  .vues button[aria-pressed="true"]{background:var(--stout);border-color:var(--stout);color:#fff}
  .heros[data-section]{padding-top:22px}
}
@media (min-width:900px){.vues,[data-section="tout"]{display:none}}
.pres-region{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin:0 0 18px}.pres-region h2 label{cursor:pointer}
.pres-region select{font:inherit;font-family:var(--titre);font-size:14px;padding:8px 10px;border:1px solid #8d857b;background:#fff;color:var(--encre);max-width:100%}
.pres-vide{color:var(--encre-2);margin:0 0 18px}
#pres-resultats .cartes{margin-bottom:26px}#pres-resultats .entete-section h2{font-size:18px}
.pilules-univers{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 18px}
.pilules-univers a{font-family:var(--titre);font-size:13.5px;font-weight:600;padding:7px 12px;border:1px solid var(--ligne);border-bottom:2px solid var(--u,var(--stout));background:#fff;color:var(--encre);text-decoration:none}
.compte-page :where(p a:not(.bouton),.tableau a,dd a){color:var(--bleu);font-weight:600;text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1.5px}
.compte-page :where(p a:not(.bouton),.tableau a,dd a):hover{color:var(--encre);text-decoration-color:var(--or);text-decoration-thickness:2px}
.compte-page .carte-membre a:not(.bouton),.compte-page .carte-membre a:not(.bouton):hover{color:#fff;text-decoration-color:var(--or)}
.compte-page .aide{color:var(--encre-2);font-size:15px;margin:0 0 14px}
.compte-page dl{margin:0 0 6px}.compte-page dt{font-family:var(--titre);font-weight:700;font-size:15px;margin-top:10px}.compte-page dd{margin:2px 0 0}
.acces-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:14px 0}.acces-actions form{display:contents}
.liens-page{display:flex;flex-wrap:wrap;gap:6px 22px;margin:0 0 8px;font-family:var(--titre);font-size:14.5px}
.grades{display:grid;gap:16px;margin:0 0 8px}
@media (min-width:640px){.grades{grid-template-columns:repeat(2,1fr)}}
.grade{display:flex;flex-direction:column;gap:6px;border:1px solid var(--ligne);border-top:5px solid var(--u);background:#fff;padding:18px 20px 16px}
.grade .genre{margin:0;font-family:var(--titre);font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--encre-2);display:flex;align-items:center;gap:8px}
.grade .genre::before{content:"";width:18px;height:2px;background:var(--u);flex:none}
.grade h3{font-size:clamp(26px,4vw,32px);font-weight:900;letter-spacing:-.02em;line-height:1.05;margin:0}
.grade-rang{margin:0;font-family:var(--titre);font-size:13.5px;color:var(--encre-2)}.grade-rang b{font-size:17px;color:var(--encre)}
.echelle{list-style:none;padding:0;margin:10px 0 2px;display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:4px}
.echelle li{position:relative;padding-top:13px;font-family:var(--titre);font-size:11px;font-weight:600;text-align:center;line-height:1.15;color:#a8a097;hyphens:auto;overflow-wrap:anywhere}
.echelle li::before{content:"";position:absolute;left:0;right:0;top:0;height:7px;background:var(--ligne)}
.echelle li::after{content:"";position:absolute;left:0;top:0;height:7px;width:0;background:var(--u)}
.echelle li.atteint{color:var(--encre-2)}.echelle li.atteint::after{width:100%}
.echelle li.courant{color:var(--encre);font-weight:800}.echelle li.courant::after{width:max(6%,var(--p,0%))}
.grade .meta{margin:4px 0 0;font-size:13.5px;font-weight:600;color:var(--encre-2)}.grade .meta b{color:var(--encre)}
.jauge-defi{height:6px;background:rgba(255,255,255,.2);margin:10px 0 8px}.jauge-defi i{display:block;height:100%;width:var(--p,0%);background:var(--u)}
@media (max-width:480px){.echelle li{font-size:9.5px}.grade{padding:16px 14px 14px}}

/* Espace membre : une bande de titre comme le masthead d'un univers (liseré or, nom, onglets), un sous-menu en pilules, puis la colonne de lecture. */
.compte-masthead{background:var(--papier);border-top:4px solid var(--or);border-bottom:1px solid var(--ligne)}
.compte-masthead-ligne{max-width:920px;margin:0 auto;padding:18px var(--marge) 0;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 24px}
.compte-masthead-nom{margin:0;font-family:var(--titre);font-weight:800;font-size:clamp(24px,3.6vw,32px);letter-spacing:-.02em;line-height:1}
.compte-masthead-qui{margin:0;display:flex;align-items:center;gap:10px;font-family:var(--titre);min-width:0}
.compte-masthead-avatar{width:38px;height:38px;border-radius:50%;background:var(--stout);color:#fff;display:grid;place-items:center;font-weight:800;font-size:13px;letter-spacing:0;flex:none}
.compte-masthead-qui b{display:block;font-size:14.5px;font-weight:700;line-height:1.15;overflow-wrap:anywhere}
.compte-masthead-qui small{display:block;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--encre-2);margin-top:2px}
.compte-masthead-nav{max-width:920px;margin:12px auto 0;padding:0 var(--marge);display:flex;gap:2px;overflow-x:auto;scrollbar-width:none;font-family:var(--titre)}
.compte-masthead-nav::-webkit-scrollbar{display:none}
.compte-masthead-nav a{white-space:nowrap;padding:10px 12px 11px;font-weight:700;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--encre-2);border-bottom:3px solid transparent;margin-bottom:-1px;display:inline-flex;align-items:center;gap:6px}
.compte-masthead-nav a:hover{color:var(--encre)}
.compte-masthead-nav a[aria-current]{color:var(--encre);border-bottom-color:var(--or)}
@media (max-width:699px){.compte-masthead-nav{display:grid;grid-template-columns:repeat(2,1fr);gap:0 8px;overflow:visible;margin-top:10px}.compte-masthead-nav a{white-space:normal;justify-content:center;text-align:center;padding:10px 6px 11px;font-size:11px;line-height:1.25;border-bottom-color:var(--ligne);margin-bottom:0}.compte-masthead-nav a[aria-current]{border-bottom-color:var(--or)}}
.compte-sous{background:var(--malt);border-bottom:1px solid var(--ligne)}
.compte-sous-nav{max-width:920px;margin:0 auto;padding:10px var(--marge);display:flex;flex-wrap:wrap;gap:6px;font-family:var(--titre)}
.compte-sous-nav a{font-size:13px;font-weight:600;padding:6px 12px;border:1px solid var(--ligne);background:#fff;color:var(--encre);white-space:nowrap;line-height:1.3}
.compte-sous-nav a:hover{border-color:var(--encre)}
.compte-sous-nav a[aria-current]{background:var(--stout);border-color:var(--stout);color:#fff}
.compte-sous-nav:empty{display:none}
.compte-page h1::before{content:"";display:block;width:36px;height:4px;background:var(--or);margin:0 0 14px}
.compte-page h2 small{font-family:var(--titre);font-size:13px;font-weight:600;letter-spacing:.04em;color:var(--encre-2);margin-left:8px}
.compte-page .panneau{background:#fff;border:1px solid var(--ligne);border-top:2px solid var(--filet);padding:18px 20px;margin:0 0 14px;min-width:0}
.compte-page .panneau h3{font-size:18px;margin:0 0 8px;line-height:1.25}
.compte-page .panneau h3 small{font-family:var(--titre);font-size:13px;font-weight:500;letter-spacing:0;color:var(--encre-2)}
.compte-page .panneau p{margin:6px 0}
.compte-page .panneau .avantages{margin:10px 0}
.compte-page .push-panneau{border-top-color:var(--or);background:var(--malt)}
.carte-marque{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 10px;font-size:11.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--or);margin:0 0 10px}
.carte-membre .carte-marque{margin:0 0 10px}
.carte-marque span{color:#bdb6ad;font-weight:600;letter-spacing:.08em;text-align:right;white-space:nowrap}
.carte-nom small{font-size:13px;font-weight:600;letter-spacing:0;color:#bdb6ad}
.carte-membre details{margin-top:10px;font-size:13.5px;color:#ddd}.carte-membre summary{cursor:pointer;font-weight:600}
.carte-membre .formulaire label{color:#fff}
.carte-identite{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px 28px;align-items:end;max-width:680px}.carte-identite .carte-code code{font-size:15.5px;letter-spacing:.02em}
.carte-identite .carte-qr{margin:0;justify-self:end}
@media (max-width:560px){.carte-identite{grid-template-columns:1fr}.carte-identite .carte-qr{justify-self:start}}
.carte-claire{background:#fff;color:var(--encre);border:1px solid var(--ligne);border-top:0;border-left:5px solid var(--u,var(--or))}
.carte-claire .carte-marque{color:var(--encre-2)}.carte-claire .carte-marque span{color:var(--encre-2)}
.carte-claire .carte-nom{font-size:19px}.carte-claire .carte-nom small{color:var(--encre-2)}
.carte-claire .carte-note{color:var(--encre-2)}
.carte-claire .bouton-ligne{color:var(--encre);border-color:var(--ligne)}.carte-claire .bouton-ligne:hover{border-color:var(--encre);color:var(--encre)}
.carte-claire .jauge-defi{background:var(--malt)}
.compte-page .carte-claire a:not(.bouton),.compte-page .carte-claire a:not(.bouton):hover{color:var(--bleu)}
.fil-principal > h1::before,.groupes-page > h1::before{content:"";display:block;width:36px;height:4px;background:var(--or);margin:0 0 14px}
.fil-principal > h2{font-size:clamp(20px,2.4vw,24px);margin:30px 0 14px;padding-top:14px;border-top:1px solid var(--filet)}
.certificats-offerts{margin:0 0 34px}.certificats-offerts h3{font-size:22px;margin:4px 0 6px}.certificats-offerts h3 small{font-family:var(--texte);font-size:14px;font-weight:600;color:var(--encre-2);margin-left:8px}
.carte.certificat-virtuel{background:var(--malt);border:2px dashed var(--or);padding:14px 16px 16px;position:relative}
.carte.certificat-virtuel::before{content:"";position:absolute;inset:5px;border:1px solid var(--ligne);pointer-events:none}
.carte.certificat-virtuel > div{position:relative}
.carte.certificat-virtuel .genre{color:var(--encre)}.carte.certificat-virtuel .genre::before{background:var(--or)}
.carte.certificat-virtuel h3{font-size:20px}.carte.certificat-virtuel h3 a{text-decoration:none}.carte.certificat-virtuel h3 a:hover{text-decoration:underline;text-decoration-color:var(--or)}
.carte.certificat-virtuel .meta{font-size:13.5px;color:var(--encre-2);margin:0}
.certificat-details{margin:8px 0 0;padding:0 0 0 18px;font-family:var(--texte);font-size:14px;line-height:1.45;color:var(--encre)}.certificat-details li{margin:3px 0}
.carte.produit .prix.rabais-gros b{font-family:var(--titre);font-size:26px;font-weight:800;letter-spacing:-.01em;line-height:1.1}
.carte.rabais-premium{background:var(--papier);border:1px solid var(--ligne);border-top:4px solid var(--stout);padding:16px 18px 18px}
.carte.rabais-premium .genre{color:var(--encre)}.carte.rabais-premium .genre::before{background:var(--stout)}
.carte.rabais-premium h3{font-size:20px}.carte.rabais-premium h3 a{text-decoration:none}.carte.rabais-premium h3 a:hover{text-decoration:underline;text-decoration-color:var(--or)}
.carte.rabais-premium .meta{margin:6px 0 0;font-size:13.5px;font-weight:600;color:var(--encre-2)}
.carte.rabais-premium .prix.rabais-gros{display:flex;flex-direction:column;gap:3px;margin:14px 0 0;padding:12px 16px 13px;background:var(--stout);color:#fff;border-left:5px solid var(--or)}
.carte.rabais-premium .prix.rabais-gros b{color:var(--or);font-size:30px}
.carte.rabais-premium .prix.rabais-gros small{color:#ddd;font-family:var(--titre);font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
.carte.rabais-premium .certificat-details{list-style:none;margin:14px 0 0;padding:0;color:var(--encre)}
.carte.rabais-premium .certificat-details li{display:flex;gap:10px;margin:0;padding:7px 0;border-top:1px solid var(--ligne)}
.carte.rabais-premium .certificat-details li:last-child{border-bottom:1px solid var(--ligne)}
.carte.rabais-premium .certificat-details li::before{content:"";flex:0 0 10px;height:2px;margin-top:9px;background:var(--or)}
.carte.rabais-premium .certificat-details li b{font-weight:600}
.carte.rabais-premium .bouton{margin-top:2px}
.carte.produit form{margin:10px 0 0}
.avantage{display:flex;flex-direction:column;gap:8px;padding:22px 24px 24px;background:var(--malt);border-top:4px solid var(--or)}
.avantage .genre{margin:0;font-family:var(--titre);font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--encre-2);display:inline-flex;align-items:center;gap:8px}.avantage .genre::before{content:"";width:18px;height:2px;background:var(--or)}
.avantage p{margin:0;font-size:16px}
.avantage-chiffre{font-family:var(--titre);font-weight:700;font-size:15px;color:var(--encre)}
.avantage .bouton{align-self:flex-start;margin-top:8px}
.avantage-premium{background:var(--stout);color:#fff;border-top-color:var(--or)}.avantage-premium .genre,.avantage-premium .avantage-chiffre{color:#ddd}.avantage-premium p{color:#eee}
.avantage-certificat{border:2px dashed var(--or);border-top:4px solid var(--or)}.avantage-certificat .bouton{background:var(--stout);color:#fff;border-color:var(--stout)}
.rabais-page h2,.partenaire-page h2{font-size:clamp(20px,2.4vw,24px);margin:36px 0 14px;padding-top:14px;border-top:1px solid var(--filet)}
.rabais-page .pilules-univers{margin:0 0 22px}.rabais-page .devenir-partenaire{margin-top:36px;padding-top:18px;border-top:1px solid var(--ligne)}
.rabais-page .vide{color:var(--encre-2)}
/* L'offre du moment : une carte boisée, comme le rabais est noire et le certificat or. */
.carte.offre-moment{background:var(--papier);border:1px solid var(--ligne);border-top:4px solid var(--houblon);padding:16px 18px 18px}
.carte.offre-moment .genre{color:var(--encre)}.carte.offre-moment .genre::before{background:var(--houblon)}
.carte.offre-moment h3{font-size:20px}.carte.offre-moment h3 a{text-decoration:none}.carte.offre-moment h3 a:hover{text-decoration:underline;text-decoration-color:var(--houblon)}
.carte.offre-moment .meta{margin:6px 0 0;font-size:13.5px;font-weight:600;color:var(--encre-2)}
.carte.offre-moment .offre-texte{margin:12px 0 0;font-size:15.5px;line-height:1.45}
.carte.offre-moment .offre-dates{margin:12px 0 0;padding:7px 0;border-top:1px solid var(--ligne);border-bottom:1px solid var(--ligne);font-family:var(--titre);font-size:12.5px;font-weight:700;color:var(--houblon)}
.carte.offre-moment.carte-premium{border-top-color:var(--or)}
.carte.offre-moment .bouton-ligne{margin-top:2px}
/* À la une : les vedettes de la rédaction, sinon le hasard, sur une bande crème avant les onglets. */
.vedettes{margin:0 0 28px;padding:22px 24px 26px;background:var(--malt);border-top:4px solid var(--or)}
.vedettes-entete{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 18px;margin:0 0 18px}
.vedettes-entete .genre{margin:0;font-family:var(--titre);font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--encre-2);display:inline-flex;align-items:center;gap:8px;order:2}.vedettes-entete .genre::before{content:"";width:18px;height:2px;background:var(--or)}
.rabais-page .vedettes h2{font-size:clamp(24px,3vw,32px);letter-spacing:-.02em;margin:0;padding:0;border:0;order:1}
.vedettes .carte.certificat-virtuel{background:var(--papier)}
/* La carte des partenaires (fragments/carte-geo.njk) : le fond attend le consentement, le canevas ne prend sa hauteur qu'une fois Google Maps chargé; la légende, une pastille par catégorie. */
.carte-geo{margin:0 0 28px}.partenaire-page .carte-geo{margin-top:30px}
.carte-geo-entete{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 18px;margin:0 0 12px}
.carte-geo-entete .genre{margin:0;font-family:var(--titre);font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--encre-2);display:inline-flex;align-items:center;gap:8px;order:2}.carte-geo-entete .genre::before{content:"";width:18px;height:2px;background:var(--stout)}
.rabais-page .carte-geo h2,.partenaire-page .carte-geo h2{font-size:clamp(20px,2.4vw,24px);letter-spacing:-.02em;margin:0;padding:0;border:0;order:1}
.carte-geo-fond{position:relative;background:var(--malt);border-top:4px solid var(--stout)}
.carte-geo-canevas{height:0;overflow:hidden}
.carte-geo-chargee .carte-geo-canevas{height:460px}.partenaire-page .carte-geo-chargee .carte-geo-canevas{height:320px}
.carte-geo-attente{margin:0;padding:22px 24px;display:flex;flex-wrap:wrap;align-items:center;gap:12px 18px;color:var(--encre-2);font-size:15px}.carte-geo-attente .bouton{margin:0}
.carte-geo-chargee .carte-geo-attente{display:none}
.carte-geo-legende{list-style:none;display:flex;flex-wrap:wrap;gap:6px 16px;margin:10px 0 0;padding:0;font-family:var(--titre);font-size:13px}
.carte-geo-legende i{display:inline-block;width:12px;height:12px;border-radius:50%;background:var(--c);border:1px solid rgba(0,0,0,.15);margin-right:6px;vertical-align:-1px}
.carte-geo-bulle{font-family:var(--texte);color:var(--encre);max-width:220px}.carte-geo-bulle a{font-family:var(--titre);font-weight:700;color:var(--encre)}.carte-geo-bulle p{margin:4px 0 0;font-size:13px;color:var(--encre-2)}
@media (max-width:699px){.carte-geo-chargee .carte-geo-canevas{height:340px}.carte-geo-attente{padding:16px}}
/* Les tuiles de l'À la une (fragments/vedette-tuile.njk) : une seule forme pour le rabais et le certificat — médaillon carré à côté du nom, bandeau noir et or, « des conditions s'appliquent » vers la fiche, bouton poussé en bas pour s'aligner avec la voisine (direction : « la tuile doit être plus petite », « Ils ne sont pas égaux »). */
.vedette-tuile{display:grid;grid-template-columns:1fr;grid-row:span 4;grid-template-rows:subgrid;row-gap:0;padding:12px 14px 14px}
.vedette-entete{position:relative;display:grid;grid-template-columns:96px 1fr;gap:14px;align-items:start}
.vedette-entete .vignette{aspect-ratio:1}
.vedette-entete .genre{margin-bottom:5px;font-size:10px}
.vedette-entete h3{font-size:17px;line-height:1.2;margin:0}
.vedette-entete .meta{font-size:12.5px;margin:3px 0 0;font-weight:600;color:var(--encre-2)}
.vedette-tuile .prix.rabais-gros{display:flex;flex-direction:column;justify-content:center;align-self:stretch;gap:2px;margin:12px 0 0;padding:8px 12px 9px;background:var(--stout);color:#fff;border-left:5px solid var(--or)}
.vedette-tuile .prix.rabais-gros b{color:var(--or);font-size:22px}
.vedette-tuile .prix.rabais-gros small{color:#ddd;font-family:var(--titre);font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
.vedette-tuile .vedette-conditions{position:relative;margin:8px 0 0;font-size:13px;line-height:1.4;color:var(--encre-2)}.vedette-tuile .vedette-conditions a{color:var(--encre);font-weight:600}
.vedette-tuile .vedette-bouton{position:relative;margin:0;padding-top:14px;align-self:end}
.vedette-tuile .vedette-bouton .bouton{margin:0;padding:8px 12px;font-size:13.5px}
@media (max-width:699px){.vedette-entete{grid-template-columns:84px 1fr}.vedette-tuile .vedette-bouton .bouton{width:auto;align-self:start;padding:8px 12px;font-size:13.5px}}
/* Les trois onglets : liens vers les panneaux; sans script tout s'empile, avec, un panneau à la fois. */
.onglets-consigne{margin:0 0 8px;font-family:var(--titre);font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--encre-2);display:flex;align-items:center;gap:8px}.onglets-consigne::before{content:"";width:18px;height:2px;background:var(--or)}
.onglets-boutons{display:flex;gap:6px;margin:0 0 22px;border-bottom:3px solid var(--stout);overflow-x:auto;scrollbar-width:none}.onglets-boutons::-webkit-scrollbar{display:none}
.onglets-boutons a{flex:1 1 0;position:relative;display:flex;flex-direction:column;gap:3px;padding:12px 44px 13px 16px;text-decoration:none;color:var(--encre-2);background:#fff;border:1px solid var(--stout);border-bottom:0;font-family:var(--titre);min-width:0;cursor:pointer;transition:background .15s,transform .15s}
.onglets-boutons a::after{content:"→";position:absolute;right:14px;top:50%;transform:translateY(-50%);width:24px;height:24px;display:grid;place-items:center;border:1px solid var(--stout);border-radius:50%;font-size:13px;font-weight:700;color:var(--stout);background:#fff}
.onglets-boutons a b{font-size:15px;font-weight:700;letter-spacing:-.01em;color:var(--encre);white-space:nowrap;text-decoration:underline;text-decoration-color:transparent;text-decoration-thickness:2px;text-underline-offset:3px}.onglets-boutons a small{font-size:12px;font-weight:600;white-space:nowrap}
.onglets-boutons a:hover,.onglets-boutons a:focus-visible{background:var(--malt)}.onglets-boutons a:hover b{text-decoration-color:var(--or)}.onglets-boutons a:hover::after{background:var(--or);border-color:var(--or)}
.onglets-actifs .onglets-boutons a[aria-current="true"]{background:var(--stout);border-color:var(--stout);color:#ddd;cursor:default}.onglets-actifs .onglets-boutons a[aria-current="true"] b{color:var(--or)}
.onglets-actifs .onglets-boutons a[aria-current="true"]::after{content:"↓";background:var(--or);border-color:var(--or);color:var(--stout)}
.onglets-actifs .onglets-boutons a:not([aria-current="true"]){margin-top:4px}
.onglet-panneau{scroll-margin-top:90px}.onglet-panneau + .onglet-panneau{margin-top:36px}
.onglets-actifs .onglet-panneau + .onglet-panneau{margin-top:0}.onglets-actifs .panneau-ferme{display:none}
.onglet-panneau .avantage{margin:0 0 22px}.onglet-panneau .avantage h2{font-size:clamp(22px,2.6vw,28px);line-height:1.15;margin:0;padding:0;border:0}
.avantage-offres{border-top-color:var(--houblon)}.avantage-offres .genre::before{background:var(--houblon)}
@media (max-width:699px){.vedettes{padding:18px 16px 20px}.onglets-boutons{gap:3px}.onglets-boutons a{padding:10px 30px 11px 10px}.onglets-boutons a::after{right:6px;width:18px;height:18px;font-size:11px}.onglets-boutons a b{font-size:13px;white-space:normal}.onglets-boutons a small{font-size:11px}}
@media (max-width:699px){.carte.rabais-premium,.carte.certificat-virtuel{grid-template-columns:1fr;gap:12px}.carte.rabais-premium .vignette,.carte.certificat-virtuel .vignette{aspect-ratio:3/2}}
@media (max-width:699px){.certificat-virtuel .bouton,.rabais-premium .bouton,.avantage .bouton{width:100%;align-self:stretch;padding:12px 14px;font-size:15px}.avantage{padding:18px 18px 20px}.carte.certificat-virtuel h3,.carte.rabais-premium h3{font-size:19px}.carte.produit .prix.rabais-gros b{font-size:28px}}
/* Ma valise : les listes à cocher, les jauges de remplissage, le choix des formats */
.valise-page .chapo{margin-bottom:16px}
.valise-formulaire .cases label.ligne,.valise-formats-choix label.ligne{flex:1 1 220px;flex-wrap:wrap;align-items:baseline}
.valise-formats-choix label.ligne{flex-basis:300px}
.valise-formulaire .cases input,.valise-formats-choix input{width:auto;flex:none}
.valise-formulaire .cases small,.valise-formats-choix small{flex-basis:100%;padding-left:24px;color:#5a554e;font-size:13px}
.valise-listes{margin:20px 0}
.valise-liste h2{margin:24px 0 8px;font-family:var(--titre);font-size:20px}
.valise-liste h3{margin:14px 0 4px;font-family:var(--titre);font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:#5a554e}
.valise-elements{list-style:none;margin:0;padding:0}
.valise-elements li{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;padding:8px 0;border-bottom:1px solid var(--ligne)}
.valise-elements li.coche span,.valise-lecture li.coche{text-decoration:line-through;color:#5a554e}
.valise-elements form{display:inline-flex;align-items:center;gap:6px;margin:0}
.valise-cocher{flex:1 1 220px}
.valise-cocher label{display:flex;align-items:center;gap:8px;margin:0;cursor:pointer}
.valise-quantite input{width:64px;margin:0;padding:4px 6px}
.valise-quantite small,.valise-volume{color:#5a554e}
.valise-ranger select{margin:0;padding:4px 6px;max-width:180px}
.bouton-croix{background:none;border:0;color:#B3261E;font-size:20px;line-height:1;padding:0 6px;cursor:pointer}
.jauge-valise{display:block;height:8px;background:var(--ligne);margin:6px 0}
.jauge-valise i{display:block;height:100%;width:var(--p,0%);max-width:100%;background:var(--u,var(--houblon))}
.valise-progression{display:grid;grid-template-columns:1fr auto;align-items:center;gap:12px;font-size:14px;color:#5a554e}
.valise-progression .jauge-valise{margin:0}
.valise-carte{border-top:3px solid var(--filet);padding:12px 0;margin:8px 0}
.valise-carte h3{margin:0 0 4px;font-family:var(--titre);font-size:16px}
.valise-carte h3 small{font-weight:400;color:#5a554e}
.valise-carte.deborde .jauge-valise i{background:#B3261E}
.valise-carte p{margin:4px 0;font-size:14px}
/* L'onglet Ajouter, partager : quatre cartes à icône — ajouter (large), dates, partage, suppression */
.valise-outils{margin-top:24px}
.outils-grille{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:16px;align-items:start}
.outil-carte{position:relative;border:1.5px solid var(--ligne);border-top:5px solid var(--c,#111);background:#fff;padding:16px 18px 18px}
.outil-ajouter{grid-row:span 3}
.outil-carte header{display:grid;grid-template-columns:44px 1fr;gap:12px;align-items:start;margin:0 0 6px}
.outil-carte header img{width:44px;height:44px}
.outil-carte h2{margin:2px 0 4px;font-size:20px;line-height:1.15}
.outil-carte header p{margin:0;font-size:13.5px;color:#5a554e;line-height:1.4}
.outil-carte .formulaire label{margin:10px 0 4px;font-size:12.5px}
.outil-carte .formulaire input:not([type=checkbox]),.outil-carte .formulaire select{padding:8px 10px;font-size:15px}
.outil-champs{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}
.outil-champs>div{min-width:0}
.outil-carte .actions{margin:14px 0 0}
.outil-carte .actions .bouton{margin:0}
.outil-lien{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:6px 0 0}
.outil-lien code{flex:1 1 200px;min-width:0;overflow-wrap:anywhere;font-size:13px;padding:8px 10px;background:var(--malt);border:1px solid var(--ligne)}
.outil-supprimer{border-style:dashed;border-top-style:solid;background:transparent}
.outil-supprimer h2{font-size:17px}
@media (max-width:799px){.outils-grille{grid-template-columns:1fr}.outil-ajouter{grid-row:auto}.outil-carte{padding:14px 14px 16px}.outil-champs{grid-template-columns:1fr 1fr}.outil-champs>div:first-child{grid-column:1/3}}
.valise-formats small{display:block;color:#5a554e;font-size:13px}
.valise-formats{list-style:none;padding:0;margin:0}
.valise-formats li{padding:8px 0;border-bottom:1px solid var(--ligne)}
.valise-faire .actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px}
.valise-faire small{color:#5a554e;flex:1 1 260px}
.valise-bilan-liste{list-style:none;padding:0;margin:8px 0}
.valise-bilan-liste li{padding:6px 0;border-bottom:1px solid var(--ligne);font-size:15px}
.avis-succes{background:#EAF6EC;border-color:#2E9E4F}
/* L'atelier de Ma valise : les zones (à ranger, chaque valise), les jetons qu'on glisse ou qu'on touche, les verdicts */
.atelier-aide{color:#5a554e;font-size:15px}
.atelier-actions{display:flex;flex-wrap:wrap;gap:8px 12px;margin:12px 0 16px}
.atelier-actions form{margin:0}
.atelier-message{margin:8px 0}
/* L'atelier : « À ranger » en bande pleine largeur au-dessus, les valises en grille dessous; dans chaque zone, les jetons par catégorie */
.atelier-grille{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px;align-items:start}
.atelier-zone{border:2px solid var(--ligne);background:#fff;padding:12px;min-height:120px;transition:border-color .15s,background .15s}
.atelier-zone.a-ranger{grid-column:1/-1;background:var(--malt);border-style:dashed;min-height:0;display:grid;grid-template-columns:auto 1fr;gap:4px 18px;align-items:start}
.atelier-zone.a-ranger .zone-entete{min-width:120px}.atelier-zone.a-ranger .zone-etat{margin-bottom:0}
.atelier-zone.a-ranger .chip-groupe{display:none}
.chip-groupe{flex-basis:100%;margin:6px 0 -2px;font-family:var(--titre);font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#8d857b}
.chip-groupe:first-child{margin-top:0}
@media (min-width:900px){.atelier-zone.zone-large{grid-column:span 2}}
.atelier-zone.deborde{border-color:#B3261E}
.atelier-zone.cible-ok{border-color:#2E9E4F;background:#EAF6EC}
.atelier-zone.cible-partiel{border-color:#D98E04;background:#FFF6E0}
.atelier-zone.cible-non{border-color:#B3261E;background:#FDECEC}
.zone-entete h3{margin:0 0 6px;font-family:var(--titre);font-size:16px}
.zone-entete h3 small{font-weight:400;color:#5a554e}
.zone-etat{margin:4px 0 10px;font-size:13px;color:#5a554e}
.zone-alerte{color:#B3261E}
.atelier-chips{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:5px}
.chip{display:inline-flex;flex-wrap:wrap;align-items:center;gap:3px 5px;padding:4px 9px;border:1px solid #8d857b;border-radius:999px;background:#fff;font-size:13.5px;line-height:1.2;cursor:grab;touch-action:pan-y;user-select:none;-webkit-user-select:none;max-width:100%}
.chip:focus-visible{outline:2px solid var(--jaune);outline-offset:1px}
.chip-qte{font-weight:700}
.chip-vol{color:#5a554e;font-size:12px}
.chip-avert{flex-basis:100%;font-size:12px;color:#8a5a00}
.chip.chip-alerte{border-color:#B3261E}
.chip.chip-alerte .chip-avert{color:#B3261E}
.chip.choisi{background:var(--jaune);border-color:#111;box-shadow:0 0 0 3px rgba(245,196,0,.35)}
.chip.en-main{opacity:.4}
.chip.en-route{opacity:.5;pointer-events:none}
.chip.fantome{position:fixed;top:0;left:0;z-index:60;pointer-events:none;box-shadow:0 8px 24px rgba(0,0,0,.25);background:#fff;transform:translate(-9999px,-9999px)}
.chip-form{display:flex;flex-wrap:wrap;align-items:center;gap:6px;flex-basis:100%;margin:0}
.chip-form select,.chip-form input{width:auto;margin:0;padding:3px 6px;font-size:13px}
.chip-form .bouton{padding:3px 10px;font-size:13px}
.atelier-vivant .chip-form{display:none}
.atelier-vivant .chip.choisi .chip-form{display:flex}
.atelier-vivant .chip.choisi .chip-form select,.atelier-vivant .chip.choisi .chip-form .bouton{display:none}
.atelier-vivant .chip.choisi .chip-form label:has(select){display:none}
.atelier-vivant .chip.choisi .chip-form label:has(.chip-combien)::before{content:"Combien : ";font-size:13px}
.chip-combien{width:64px}
.valise-formats-choix{display:flex;flex-wrap:wrap;gap:4px 16px}
.valise-formats-choix input[type=number]{width:64px}
.secoue{animation:secouer .4s}
@keyframes secouer{0%,100%{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}
@media (prefers-reduced-motion:reduce){.secoue{animation:none}}
@media (max-width:699px){.atelier-grille{grid-template-columns:1fr}.atelier-zone{min-height:90px}.atelier-zone.a-ranger{grid-template-columns:1fr;gap:6px}}
/* L'agenda de Ma valise : les tâches par date, et le calendrier */
.agenda-entete{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 16px}
.agenda-vues{display:flex;gap:6px}
.agenda-vues .bouton[aria-pressed=true]{background:var(--stout);color:#fff;border-color:var(--stout)}
.agenda-jour{display:flex;align-items:center;gap:8px}
.agenda-jour.passe{color:#B3261E}
.agenda-j{display:inline-block;padding:2px 8px;background:var(--stout);color:#fff;border-radius:999px;font-size:11px;letter-spacing:.04em}
.agenda-jour.passe .agenda-j{background:#B3261E}
.agenda-liste-nom{color:#5a554e;font-size:12px}
.quand{color:#5a554e;font-size:13px;margin-left:6px}
.calendrier-mois{margin:12px 0 20px}
.calendrier-mois h3{margin:0 0 8px;font-family:var(--titre);font-size:15px;text-transform:capitalize}
.calendrier-grille{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}
.calendrier-tete{text-align:center;font-family:var(--titre);font-size:11px;color:#5a554e;padding:4px 0}
.calendrier-case{min-height:64px;padding:4px;background:#fff;border:1px solid var(--ligne);font-size:12px;overflow:hidden}
.calendrier-case.hors-mois{background:var(--malt);color:#9a948c}
.calendrier-case.passe .calendrier-tache{opacity:.55}
.calendrier-case.aujourdhui{border-color:var(--stout);box-shadow:inset 0 0 0 1px var(--stout)}
.calendrier-case.depart{background:#FFF6D6}
.calendrier-jour{display:block;font-family:var(--titre);font-weight:700;font-size:12px}
.calendrier-depart{display:block;font-family:var(--titre);font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:#8a5a00}
.calendrier-tache{display:block;margin-top:2px;padding:1px 4px;background:var(--jaune);border-radius:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:11px}
.calendrier-tache.coche{text-decoration:line-through;background:var(--ligne)}
@media (max-width:699px){.calendrier-case{min-height:44px;padding:2px}.calendrier-tache{font-size:0;height:6px;margin-top:3px;padding:0;border-radius:3px}.calendrier-depart{font-size:0;height:6px;background:#8a5a00;border-radius:3px;margin-top:2px}}
/* Les icônes de Ma valise : des SVG dessinés maison dans public/icones/valise, contour épais et aplats de couleur */
.ico{display:inline-block;width:36px;height:36px;flex:none;vertical-align:middle}
.ico-petite{width:22px;height:22px;vertical-align:-5px}
/* Ma valise, la mise en page : cartes à choisir, entête du voyage avec sa carte, onglets, cartes des formats */
.valise-formulaire-ligne{display:grid;grid-template-columns:2fr 1fr 1fr;gap:0 12px}
.valise-formulaire-ligne label{margin-top:14px}
.choix-cartes{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px;margin:6px 0 14px}
.choix-carte{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px;border:2px solid var(--ligne);background:#fff;cursor:pointer;text-align:center;font-family:var(--titre);font-size:13px;font-weight:600;color:var(--encre);transition:border-color .15s,box-shadow .15s}
.choix-carte input{position:absolute;opacity:0;width:1px;height:1px}
.choix-carte .ico{width:56px;height:56px;transition:transform .15s}
.choix-carte:hover .ico{transform:scale(1.08)}
.choix-carte:hover{border-color:var(--c)}
.choix-carte:has(input:checked){border-color:var(--c);background:color-mix(in srgb,var(--c) 10%,#fff);box-shadow:0 0 0 3px color-mix(in srgb,var(--c) 25%,transparent)}
.choix-carte:has(input:focus-visible){outline:2px solid var(--jaune);outline-offset:2px}
.choix-chips{display:flex;flex-wrap:wrap;gap:8px;margin:6px 0 14px}
.choix-chip{position:relative;display:inline-flex;align-items:center;padding:7px 14px;border:1.5px solid #8d857b;border-radius:999px;background:#fff;cursor:pointer;font-size:14px;font-weight:500}
.choix-chip input{position:absolute;opacity:0;width:1px;height:1px}
.choix-chip:has(input:checked){background:var(--stout);border-color:var(--stout);color:#fff}
.choix-chip:has(input:checked)::before{content:"✓ ";font-weight:700}
.choix-chip:has(input:focus-visible){outline:2px solid var(--jaune);outline-offset:2px}
.formulaire .choix-carte{display:flex;margin:0;letter-spacing:0;font-size:13px;font-weight:600}
.formulaire .choix-chip{display:inline-flex;margin:0;letter-spacing:0;font-size:14px;font-weight:500}
.voyage-entete{display:grid;grid-template-columns:1fr;gap:16px;align-items:center;padding:16px 0 8px;border-top:4px solid var(--c)}
.voyage-identite{display:flex;gap:16px;align-items:flex-start}
.voyage-ico{width:72px;height:72px;margin-top:2px}
.voyage-identite h1{margin:0 0 6px}
.voyage-faits{display:flex;flex-wrap:wrap;gap:4px 14px;margin:0 0 8px;font-size:15px;color:#5a554e}
.voyage-faits span{display:inline-flex;align-items:center;gap:4px}

.voyage-fait{color:#2E9E4F;font-weight:700}
.onglets{display:flex;gap:4px;margin:16px 0 0;border-bottom:2px solid var(--ligne);overflow-x:auto;scrollbar-width:none}
.onglets a{flex:none;padding:10px 14px;font-family:var(--titre);font-size:13px;font-weight:700;letter-spacing:.02em;text-decoration:none;color:#5a554e;border-bottom:3px solid transparent;margin-bottom:-2px;white-space:nowrap}
.onglets a b{display:inline-block;min-width:20px;padding:0 6px;margin-left:4px;border-radius:999px;background:var(--malt);color:var(--encre);font-size:11px;text-align:center}
.onglets a[aria-current]{color:var(--encre);border-bottom-color:var(--or)}
.onglets a[aria-current] b{background:var(--or)}
.onglet{padding-top:8px}
.onglet h2 small{font-size:14px;font-weight:400;color:#5a554e;margin-left:8px}
.formats-cartes{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px;margin:8px 0 12px}
.format-carte,.formulaire .format-carte{display:grid;grid-template-columns:52px 1fr;grid-template-rows:auto auto auto auto;gap:2px 12px;align-items:start;margin:0;padding:12px;border:2px solid var(--ligne);background:#fff;--c:#4B4F58;font-weight:400;font-size:14px;letter-spacing:0}
.format-carte[data-groupe=cabine]{--c:#1F4FD8}.format-carte[data-groupe=sac]{--c:#2E9E4F}.format-carte[data-groupe=appoint]{--c:#0E8C7F}.format-carte[data-groupe=sport]{--c:#E5443A}.format-carte[data-groupe=auto]{--c:#FF7A00}
.format-carte .ico{grid-row:1/5;width:52px;height:52px;margin-top:2px}
.format-nom{font-family:var(--titre);font-weight:700;font-size:15px;line-height:1.2}
.format-chiffres{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;font-size:13px;color:#5a554e}
.format-chiffres b{display:inline-block;padding:1px 8px;border-radius:999px;background:color-mix(in srgb,var(--c) 14%,#fff);color:var(--c);font-family:var(--titre);font-size:13px}
.format-carte small{color:#5a554e;font-size:12px;line-height:1.35}
.format-nombre{display:flex;align-items:center;gap:8px;margin-top:8px;font-family:var(--titre);font-size:12px;font-weight:700;letter-spacing:.03em;text-transform:uppercase;color:#5a554e}
.formulaire .format-nombre input{width:64px;margin:0;padding:4px 8px;font-size:15px;text-align:center}
.format-carte.posee{border-color:var(--stout);background:var(--malt);box-shadow:inset 0 0 0 1px var(--stout)}
.formats-legende{display:flex;flex-wrap:wrap;gap:6px 14px;margin:0 0 14px;font-size:13px;color:#5a554e}.formats-legende span::before{content:"";display:inline-block;width:10px;height:10px;border-radius:50%;background:var(--c);margin-right:5px;vertical-align:-1px}
@media (min-width:800px){.voyage-entete{grid-template-columns:1fr 360px}}
@media (max-width:699px){.valise-formulaire-ligne{grid-template-columns:1fr}.choix-cartes{grid-template-columns:repeat(3,1fr)}.choix-carte{padding:8px}.choix-carte .ico{width:44px;height:44px}.voyage-ico{width:48px;height:48px}}
.zone-emplacement{display:inline-flex;margin:0 0 6px;border:1px solid #8d857b;border-radius:999px;overflow:hidden;font-size:12px}
.zone-emplacement label{position:relative;margin:0;padding:3px 10px;cursor:pointer;font-weight:600;color:#5a554e}
.zone-emplacement input{position:absolute;opacity:0;width:1px;height:1px}
.zone-emplacement label:has(input:checked){background:var(--stout);color:#fff}
.valise-qui{display:grid;grid-template-columns:1fr 1fr;gap:0 24px}
.valise-qui .choix-cartes{grid-template-columns:repeat(2,minmax(80px,120px))}
@media (max-width:699px){.valise-qui{grid-template-columns:1fr}}
/* La vignette du voyage : un trait pointillé de la maison à la destination, le transport en route, la couleur du type */
.voyage-vignette{position:relative;overflow:hidden;border-radius:14px;padding:14px 16px 12px;min-height:150px;background:linear-gradient(135deg,color-mix(in srgb,var(--c) 18%,#fff),color-mix(in srgb,var(--c) 55%,#fff));border:1.5px solid color-mix(in srgb,var(--c) 60%,#fff)}
.vignette-route{position:absolute;left:0;right:0;bottom:8px;width:100%;height:auto}
.vignette-transport{position:absolute;left:50%;top:22px;width:54px;height:54px;transform:translateX(-50%) rotate(-8deg);filter:drop-shadow(0 4px 6px rgba(0,0,0,.18))}
.vignette-type{position:absolute;right:16px;top:12px;width:44px;height:44px;opacity:.9}
.vignette-destination{margin:0;font-family:var(--titre);font-size:20px;font-weight:800;letter-spacing:-.01em;max-width:55%}
.vignette-compte{margin:2px 0 0;font-size:14px;color:#3d3a36}
.vignette-compte b{font-family:var(--titre);font-size:26px;font-weight:800;color:var(--encre);margin-right:4px}
@media (max-width:799px){.voyage-vignette{min-height:130px}.vignette-transport{top:14px;width:46px;height:46px}}
.atelier-toast{position:fixed;left:50%;bottom:18px;transform:translateX(-50%);z-index:70;max-width:min(92vw,720px);margin:0;padding:12px 18px;background:var(--stout);color:#fff;border-left:4px solid var(--or);box-shadow:0 8px 24px rgba(0,0,0,.3);font-size:15px;line-height:1.35;animation:toast-monte .25s ease-out}
.atelier-toast-alerte{border-left-color:#E5443A}
.atelier-toast.parti{opacity:0;transition:opacity .4s}
@keyframes toast-monte{from{transform:translate(-50%,16px);opacity:0}to{transform:translate(-50%,0);opacity:1}}
@media (max-width:899px){.atelier-toast{bottom:76px}}
/* Le volet de destination : l'élément choisi, combien, une destination par bouton avec la place qui reste et le verdict */
.atelier-volet{position:fixed;left:50%;bottom:16px;transform:translateX(-50%);z-index:60;width:min(94vw,760px);max-height:min(60vh,420px);overflow:auto;margin:0;padding:12px 16px 14px;background:#fff;color:var(--encre);border:2px solid var(--stout);border-top:5px solid var(--or);box-shadow:0 12px 32px rgba(0,0,0,.28);animation:volet-monte .2s ease-out}
@keyframes volet-monte{from{opacity:0;margin-bottom:-12px}to{opacity:1;margin-bottom:0}}
.volet-entete{display:flex;align-items:baseline;gap:8px 10px;flex-wrap:wrap;padding-right:36px;position:relative}
.volet-entete b{font-family:var(--titre);font-size:17px}.volet-entete>span{font-size:13.5px;color:#5a554e}
.volet-fermer{position:absolute;right:-6px;top:-6px;width:32px;height:32px;border:1px solid var(--ligne);border-radius:50%;background:#fff;font-size:20px;line-height:1;cursor:pointer}
.volet-combien{display:flex;align-items:center;gap:6px;margin:8px 0 0;font-family:var(--titre);font-size:13px;font-weight:700}
.volet-combien input{width:64px;padding:4px 8px;font-size:15px;text-align:center}.volet-combien span{font-weight:400;color:#5a554e}
.volet-consigne{margin:10px 0 6px;font-family:var(--titre);font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#8d857b}
.volet-zones{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:8px}
.volet-zone{display:flex;align-items:center;gap:10px;padding:8px 10px;border:1.5px solid var(--ligne);border-left-width:5px;background:#fff;font:inherit;text-align:left;cursor:pointer;min-height:52px}
.volet-zone img{width:32px;height:32px;flex:none}.volet-zone>span{display:flex;flex-direction:column;gap:2px;min-width:0}
.volet-zone b{font-family:var(--titre);font-size:14px}.volet-zone small{font-size:12px;color:#5a554e}
.volet-zone.volet-ok{border-left-color:#2E9E4F}.volet-zone.volet-ok:hover,.volet-zone.volet-ok:focus-visible{background:#EAF6EC}
.volet-zone.volet-partiel{border-left-color:#D98E04}.volet-zone.volet-partiel:hover,.volet-zone.volet-partiel:focus-visible{background:#FFF6E0}
.volet-zone.volet-plein,.volet-zone.volet-interdit{border-left-color:#B3261E;opacity:.55;cursor:not-allowed}
body.volet-ouvert{padding-bottom:calc(64px + 42vh)}
body.volet-ouvert .chip.choisi .chip-form{display:none}
@media (max-width:899px){.atelier-volet{bottom:calc(60px + env(safe-area-inset-bottom));width:100%;left:0;transform:none;border-left:0;border-right:0;max-height:min(55vh,400px)}.volet-zones{grid-template-columns:1fr 1fr}.volet-zone{min-height:48px;padding:6px 8px}.volet-zone img{width:26px;height:26px}}
@media (max-width:459px){.volet-zones{grid-template-columns:1fr}}
/* Sur téléphone, les onglets du voyage restent sous l'entête et tiennent sur la largeur */
@media (max-width:899px){.onglets{position:sticky;top:66px;z-index:30;background:var(--papier);margin-top:8px}.onglets a{flex:1 1 0;min-width:0;padding:8px 4px;font-size:11px;line-height:1.15;text-align:center;white-space:normal;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px}.onglets a b{min-width:16px;padding:0 4px;margin-left:2px;font-size:10px}}
@media (prefers-reduced-motion:reduce){.atelier-toast{animation:none}}
/* Les cartes des voyages : une par voyage, lisible d'un coup d'œil, cliquable en entier */
.voyages-cartes{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px;margin:8px 0 20px}
.voyage-carte{border:1.5px solid var(--ligne);border-left:5px solid var(--c);background:#fff;transition:box-shadow .15s,transform .15s}
.voyage-carte:hover{box-shadow:0 6px 18px rgba(0,0,0,.1);transform:translateY(-1px)}
.voyage-carte-lien{display:grid;grid-template-columns:48px 1fr auto;gap:12px;align-items:center;padding:12px 14px;text-decoration:none;color:var(--encre)}
.voyage-carte-lien .ico{width:48px;height:48px}
.voyage-carte-corps{display:flex;flex-direction:column;gap:4px;min-width:0}
.voyage-carte-titre{font-family:var(--titre);font-size:18px;font-weight:800;letter-spacing:-.01em}
.voyage-carte-faits{display:inline-flex;flex-wrap:wrap;align-items:center;gap:4px;font-size:13px;color:#5a554e}
.voyage-carte-faits .ico{width:18px;height:18px}
.voyage-carte-etat{display:flex;flex-wrap:wrap;gap:6px}
.voyage-carte-pastille{display:inline-block;padding:2px 9px;border-radius:999px;background:var(--malt);font-family:var(--titre);font-size:11px;font-weight:700;letter-spacing:.03em}
.voyage-carte-pastille.faite{background:#EAF6EC;color:#1E6B34}
.voyage-carte-pastille.passe{background:#eee;color:#5a554e}
.voyage-carte-pastille.partage{background:#FFF6D6;color:#8a5a00}
.voyage-carte-progression{display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px;font-size:12px;color:#5a554e}
.voyage-carte-progression .jauge-valise{margin:0;height:6px}
.voyage-carte-fleche{font-size:22px;color:var(--c);font-weight:700}
/* L'encadré Ma valise sur la page de l'univers Voyages */
.valise-encadre-boite{display:grid;grid-template-columns:auto 1fr auto;gap:16px 20px;align-items:center;padding:18px 20px;border:2px solid var(--u);border-left-width:8px;background:color-mix(in srgb,var(--u) 8%,#fff)}
.valise-encadre-ico{width:64px;height:64px}
.valise-encadre-texte h2{margin:0 0 4px;font-family:var(--titre);font-size:22px}
.valise-encadre-texte p{margin:0;font-size:15px;color:#3d3a36}
.valise-encadre-forme{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.valise-encadre-forme label{margin:0}
.valise-encadre-forme input{margin:0;padding:8px 10px;border:1px solid #8d857b;font:inherit;background:#fff}
.valise-encadre-forme input[name=destination]{width:200px}
.valise-encadre-forme input[name=jours]{width:64px}
@media (max-width:799px){.valise-encadre-boite{grid-template-columns:auto 1fr}.valise-encadre-forme{grid-column:1/3}.valise-encadre-forme input[name=destination]{flex:1 1 140px;width:auto}}
/* La page de présentation de Ma valise */
.valise-hero{display:grid;grid-template-columns:auto 1fr;gap:20px;align-items:center;padding:8px 0 16px}
.valise-hero-ico{width:96px;height:96px}
.valise-hero h1{margin:0 0 6px}
.valise-etapes{list-style:none;counter-reset:etape;margin:8px 0 20px;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}
.valise-etapes li{counter-increment:etape;display:grid;grid-template-columns:56px 1fr;grid-template-rows:auto auto;gap:2px 12px;padding:14px;border:1.5px solid var(--ligne);background:#fff;position:relative}
.valise-etapes li::before{content:counter(etape);position:absolute;top:-10px;left:-10px;width:26px;height:26px;border-radius:50%;background:var(--stout);color:#fff;font-family:var(--titre);font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center}
.valise-etapes img{grid-row:1/3;width:56px;height:56px}
.valise-etapes b{font-family:var(--titre);font-size:15px}
.valise-etapes span{font-size:14px;color:#3d3a36;line-height:1.4}
.valise-encadre-plus{grid-column:1/4;margin:0;font-size:13px}
@media (max-width:699px){.valise-hero{grid-template-columns:1fr}.valise-hero-ico{width:64px;height:64px}.valise-etapes li::before{left:-6px}}
/* L'encadré « Préparer ma valise » sous un contenu de Voyages */
.bloc-valise-preparer{display:grid;grid-template-columns:auto 1fr;gap:18px;align-items:start;margin:24px 0;padding:18px 20px;border:2px solid var(--u,#111);border-left-width:8px;background:var(--malt)}
.bloc-valise-preparer img{width:64px;height:64px}
.bloc-valise-preparer h2{margin:0 0 6px;font-size:22px}
.bloc-valise-preparer p{margin:0 0 10px;font-size:15px;line-height:1.45}
.valise-preparer-etiquette{margin:0 0 4px!important;font-family:var(--titre);font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--u,#111)}
.bloc-valise-preparer .actions{margin:0}
.voyage-origine{margin:0 0 12px;font-size:14px;color:#3d3a36}
@media (max-width:699px){.bloc-valise-preparer{grid-template-columns:1fr;padding:14px 16px}.bloc-valise-preparer img{width:48px;height:48px}}

/* Capsules Sensations : le tableau, le test, le résultat, le profil; les teintes ne vivent que dans lib/capsules/tableau.ts, la feuille ne fait que les colorer */
.capsule-pastille{display:inline-block;width:16px;height:16px;border-radius:50%;border:1px solid rgba(0,0,0,.25);vertical-align:-2px;background:#ddd}
.capsule-pastille.grande{width:64px;height:64px;border-width:3px;flex:none}
.capsule-pastille[data-couleur=blanche],.capsule-vignette[data-couleur=blanche],.couleur-carre[data-couleur=blanche]{background:#F7E7A8}.capsule-pastille[data-couleur=blonde],.capsule-vignette[data-couleur=blonde],.couleur-carre[data-couleur=blonde]{background:#F5C400}.capsule-pastille[data-couleur=ambree],.capsule-vignette[data-couleur=ambree],.couleur-carre[data-couleur=ambree]{background:#F08A00}.capsule-pastille[data-couleur=rousse],.capsule-vignette[data-couleur=rousse],.couleur-carre[data-couleur=rousse]{background:#D4501E}.capsule-pastille[data-couleur=brune],.capsule-vignette[data-couleur=brune],.couleur-carre[data-couleur=brune]{background:#5C2A0E}.capsule-pastille[data-couleur=noire],.capsule-vignette[data-couleur=noire],.couleur-carre[data-couleur=noire]{background:#000000}.capsule-pastille[data-couleur=fruitee],.capsule-vignette[data-couleur=fruitee],.couleur-carre[data-couleur=fruitee]{background:#8B0B6E}
.capsule-vignette{display:inline-flex;flex-direction:column;align-items:center;justify-content:space-between;width:112px;height:120px;padding:8px 6px;border:3px solid #111;border-radius:16px;color:#fff;font-family:var(--titre);font-weight:800;line-height:1;text-align:center;flex:none}
.capsule-vignette[data-couleur=blanche],.capsule-vignette[data-couleur=blonde],.couleur-carre[data-couleur=blanche],.couleur-carre[data-couleur=blonde]{color:#111}
.capsule-vignette-image{display:block;width:112px;height:112px;padding:0;border:0;background:none;object-fit:contain}.capsule-vignette-image.grande{width:184px;height:184px}
.capsule-vignette:not(.capsule-vignette-image){justify-content:center;gap:10px}.capsule-vignette-couleur{font-size:17px}.capsule-vignette-sensation{font-size:13px}
.capsule-vignette.grande{width:170px;height:184px;padding:12px 8px;border-radius:22px}.capsule-vignette.grande .capsule-vignette-couleur{font-size:26px}.capsule-vignette.grande .capsule-vignette-sensation{font-size:19px}
.capsules-page h1{margin-top:0}
.capsules-hero{display:grid;grid-template-columns:minmax(0,1fr);gap:24px;align-items:center;margin:0 0 32px;padding:28px 22px;border-radius:20px;background:var(--stout);color:#fff;overflow:hidden}.capsules-hero-texte{min-width:0}
@media (min-width:800px){.capsules-hero{grid-template-columns:auto 1fr;gap:40px;padding:36px 44px}}
.capsules-hero-vignettes{display:flex;justify-content:center;align-items:center;padding:10px 0}
.capsules-hero-vignettes .capsule-vignette{width:104px;height:104px;margin:0 -10px;transform:rotate(-9deg);box-shadow:0 14px 30px rgba(0,0,0,.5);border-radius:18px}
.capsules-hero-vignettes .capsule-vignette:nth-child(2){transform:rotate(2deg) translateY(-16px);z-index:1}
.capsules-hero-vignettes .capsule-vignette:nth-child(3){transform:rotate(10deg)}
@media (min-width:800px){.capsules-hero-vignettes .capsule-vignette{width:160px;height:160px}}
.capsules-hero .kicker{color:var(--or)}.capsules-hero .kicker::before{background:var(--or)}
.capsules-hero h1{margin:0 0 4px;font-size:40px;line-height:1.05;color:#fff}
@media (min-width:800px){.capsules-hero h1{font-size:48px}}
.capsules-slogan{margin:0 0 14px;font-family:var(--titre);font-size:20px;font-weight:800;color:var(--or)}
.capsules-hero .chapo{color:#d9d3ca}
.capsules-hero .bouton-ligne{color:#fff;border-color:rgba(255,255,255,.6)}.capsules-hero .bouton-ligne:hover{border-color:var(--or);color:var(--or)}
.capsules-encadre{padding:0 0 26px}
.capsules-encadre-boite{display:grid;grid-template-columns:auto 1fr auto;gap:16px 20px;align-items:center;padding:18px 20px;border:2px solid var(--u);border-left-width:8px;background:color-mix(in srgb,var(--u) 8%,#fff)}
.capsules-encadre-pastilles{display:flex;flex-wrap:wrap;gap:5px;max-width:84px}
.capsules-encadre-pastilles .capsule-pastille{width:22px;height:22px}
.capsules-encadre-texte h2{margin:0 0 6px}.capsules-encadre-texte p{margin:0}
.capsules-encadre-actions{display:flex;gap:10px;flex-wrap:wrap;margin:0}
.capsules-tableau-cadre{overflow-x:auto;margin:0 0 10px;border:1px solid var(--ligne)}
.capsules-tableau{border-collapse:collapse;width:100%;min-width:640px;font-size:13px}
.capsules-tableau th,.capsules-tableau td{border:1px solid var(--ligne);padding:0;text-align:center}
.capsules-tableau thead th{padding:8px 4px;font-family:var(--titre);font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;background:var(--malt)}
.capsules-tableau thead abbr{text-decoration:none;border:0}
.capsules-tableau tbody th{padding:8px 10px;text-align:left;font-family:var(--titre);font-size:13px;font-weight:700;white-space:nowrap;background:var(--malt)}
.capsules-tableau tbody th .capsule-pastille{margin-right:6px}
.capsules-grille-cadre{overflow-x:auto;margin:0 0 12px;padding:18px;border-radius:20px;background:var(--malt)}
.capsules-grille{display:grid;grid-template-columns:repeat(9,1fr);gap:6px;width:100%;max-width:720px;min-width:500px;margin:0 auto}
.capsule-case{position:relative;display:block;border-radius:6px;text-decoration:none}
.capsule-case .capsule-vignette{display:block;width:100%;height:auto;aspect-ratio:1}.capsule-case .capsule-vignette-image{border-radius:6px}
.capsule-case:hover,.capsule-case:focus-visible{outline:3px solid var(--or);outline-offset:1px}
.capsule-case.mienne{outline:3px solid var(--stout);outline-offset:1px}.capsule-case.duo,.capsule-case.explorer{outline:3px solid var(--or);outline-offset:1px}.capsule-case.sortie{outline:3px dashed var(--or);outline-offset:1px}
.capsule-case small{display:block;margin:3px auto 0;padding:1px 6px;border-radius:9px;background:var(--or);color:#111;white-space:nowrap;text-align:center;font-family:var(--titre);font-size:10px;font-weight:800;letter-spacing:.04em}.capsule-case.mienne small{background:var(--stout);color:var(--or);text-transform:uppercase}
.bloc-capsules-invitation{display:grid;grid-template-columns:auto 1fr;gap:18px;align-items:start;margin:24px 0;padding:18px 20px;border:2px solid var(--u,#111);border-left-width:8px;background:var(--malt)}
.bloc-capsules-invitation .capsules-encadre-pastilles{max-width:84px;padding-top:4px}.bloc-capsules-invitation .capsule-vignette{width:96px;height:96px}
.capsules-invitation-etiquette{margin:0 0 6px;font-family:var(--titre);font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--encre-2)}
.bloc-capsules-invitation h2{margin:0 0 6px;font-size:22px}.bloc-capsules-invitation p{margin:0 0 10px;font-size:15px;line-height:1.45}.bloc-capsules-invitation .actions{margin:0}
@media (max-width:699px){.bloc-capsules-invitation{grid-template-columns:1fr;padding:14px 16px}}
.capsules-magasins-forme{margin:0 0 18px}.capsules-magasins-etat{font-size:14px;color:var(--encre-2)}
.capsules-magasins{list-style:none;margin:0 0 20px;padding:0;display:grid;gap:10px}
.capsules-magasin{display:grid;gap:4px;padding:14px 18px;border:2px solid var(--ligne);border-radius:14px;background:#fff}.capsules-magasin a{font-family:var(--titre);font-size:18px;text-decoration:none}.capsules-magasin a:hover{text-decoration:underline}
.capsules-magasin-groupes{display:flex;flex-wrap:wrap;gap:12px 28px;margin-top:12px;padding-top:12px;border-top:1px solid var(--ligne)}
.capsules-magasin-groupe{display:grid;gap:6px}.capsules-magasin-groupe-titre{font-family:var(--titre);font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--encre-2)}
.capsules-magasin-capsules{display:flex;flex-wrap:wrap;gap:6px 12px;align-items:flex-start}
.capsule-magasin-puce{display:flex;flex-direction:column;align-items:center;width:64px;gap:2px;text-decoration:none;color:var(--encre);text-align:center;line-height:1.2}.capsule-magasin-puce .capsule-vignette{display:block;width:56px;height:56px;border-radius:8px}
.capsule-magasin-puce b{font-family:var(--titre);font-size:11px;font-weight:800;color:var(--encre);white-space:nowrap}.capsule-magasin-puce.mienne b{color:var(--or-encre);background:var(--or);padding:0 6px;border-radius:8px}
.capsule-magasin-puce small{font-family:var(--titre);font-size:11px;font-weight:600;color:var(--encre-2);white-space:nowrap}
.capsule-magasin-puce:hover .capsule-vignette{outline:2px solid var(--or);outline-offset:1px}
.capsule-cadre{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;margin-top:8px;padding:12px 8px 6px;border:2px solid var(--or);border-radius:12px;text-decoration:none;color:var(--encre);text-align:center;line-height:1.2}
.capsule-cadre.mienne{border-color:var(--stout)}.capsule-cadre.sortie{border-style:dashed}.capsule-cadre:hover{background:var(--malt)}
.capsule-cadre .capsule-vignette{display:block;width:56px;height:56px;border-radius:8px}
.capsule-cadre-legende{position:absolute;top:-9px;left:50%;transform:translateX(-50%);padding:0 6px;background:#fff;font-family:var(--titre);font-size:11px;font-weight:800;letter-spacing:.04em;white-space:nowrap;color:var(--encre)}
.capsule-cadre:hover .capsule-cadre-legende{background:var(--malt)}
.capsule-cadre small{font-family:var(--titre);font-size:11px;font-weight:600;color:var(--encre-2);white-space:nowrap}
.capsules-magasin-groupe:has(.capsule-cadre){align-self:end}
@media (max-width:699px){.capsules-magasin{padding:12px 14px}.capsules-magasin-groupes{gap:10px 20px}.capsules-magasin-capsules{gap:8px}.capsule-magasin-puce{width:58px}.capsule-magasin-puce .capsule-vignette,.capsule-cadre .capsule-vignette{width:50px;height:50px}.capsule-cadre{padding:10px 6px 5px}}.capsule-magasin-puce:hover .capsule-vignette{outline:2px solid var(--or);outline-offset:1px}
.capsules-magasin-adresse{font-size:15px}.capsules-magasin-comptes{font-size:14px;color:var(--encre-2)}
.capsules-accords{margin:28px 0 8px}.capsules-accords h2{margin:0 0 12px}
.capsules-accords-grille{display:grid;gap:12px}@media (min-width:700px){.capsules-accords-grille{grid-template-columns:1fr 1fr}}@media (min-width:1000px){.capsules-accords-grille{grid-template-columns:1fr 1fr 1fr}}
.capsules-accord{padding:14px 16px;border:2px solid var(--ligne);border-radius:14px;background:#fff}.capsules-accord .genre{margin:0 0 2px;font-size:11px}.capsules-accord h3{margin:0 0 6px;font-size:17px}.capsules-accord p{margin:0 0 6px;font-size:15px;line-height:1.45}.capsules-accord-produits{color:var(--encre-2);font-size:13px}
.capsule-magasin-entete{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap;margin:0 0 8px}.capsule-magasin-entete h1{margin:0 0 4px}.capsule-magasin-entete .actions{margin:6px 0 0}
.capsule-magasin-adresse{margin:0 0 8px;font-size:16px}.capsule-magasin-adresse small{color:var(--encre-2)}
.capsule-magasin-groupe-titre{margin:22px 0 10px;font-size:20px}
.capsule-mienne.proche{background:var(--malt)}
.capsules-magasin-liste{display:grid;gap:10px;margin:0 0 20px}
.capsule-magasin-capsule{border:2px solid var(--ligne);border-radius:14px;background:#fff;padding:0 16px}.capsule-magasin-capsule.mienne{border-color:var(--stout)}
.capsule-magasin-capsule summary{display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:center;padding:12px 0;cursor:pointer;list-style:none}.capsule-magasin-capsule summary::-webkit-details-marker{display:none}
.capsule-magasin-capsule summary .capsule-vignette{width:64px;height:64px}.capsule-magasin-titre b{display:block;font-family:var(--titre);font-size:18px}.capsule-magasin-titre small{display:block;color:var(--encre-2);font-size:14px}
.capsule-magasin-bieres{margin:0 0 12px;padding:0 0 0 18px;columns:2;column-gap:28px;font-size:15px;line-height:1.5}.capsule-magasin-bieres li{break-inside:avoid}.capsule-magasin-bieres span{color:var(--encre-2)}.capsule-magasin-bieres small{color:var(--encre-2);font-size:12px}
.capsule-magasin-capsule .actions{margin:0 0 14px}
@media (max-width:699px){.capsule-magasin-bieres{columns:1}}
.capsule-axes{margin:0 0 14px;font-size:19px;line-height:1.4;color:var(--encre-2)}.capsule-axes div{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 4px}.capsule-axes dt{font-weight:700;color:var(--encre)}.capsule-axes dt::after{content:" :"}.capsule-axes dd{margin:0}
.capsules-proches{display:grid;gap:12px;margin:0 0 8px}
@media (min-width:800px){.capsules-proches{grid-template-columns:1fr 1fr}}
.capsule-proche{display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:center;padding:16px 18px;border:2px solid var(--ligne);border-radius:16px;text-decoration:none;color:var(--encre);background:#fff}
.capsule-proche:hover{border-color:var(--stout)}.capsule-proche.duo,.capsule-proche.sortie{border-color:var(--or)}.capsule-proche.sortie{border-style:dashed}.capsule-proche.loin{border-color:var(--ligne);background:var(--malt)}.capsule-proche.loin h3 small{background:var(--encre-2);color:#fff}
.capsule-proche .genre{margin:0 0 4px;font-size:12px;color:var(--encre-2)}.capsule-proche h3{margin:0 0 6px;font-size:19px}.capsule-proche h3 small{color:var(--or-encre);background:var(--or);padding:1px 7px;border-radius:9px;font-family:var(--titre);font-size:12px;font-weight:800;vertical-align:middle}.capsule-proche p{margin:0;font-size:15px;line-height:1.45;color:var(--encre-2)}
.capsules-page .capsules-verdict h3{margin:0 0 4px;font-size:30px}.capsules-page .capsules-verdict .genre{margin:0 0 4px}
.capsules-legende{display:flex;flex-wrap:wrap;gap:8px 18px;margin:0 0 12px;font-size:14px}.capsules-legende span{display:inline-flex;align-items:center;gap:6px}.capsules-legende span::before{content:"";width:12px;height:12px;border-radius:3px;border:3px solid var(--or);flex:none}.capsules-legende .mienne::before{border-color:var(--stout)}.capsules-legende .sortie::before{border-style:dashed}.capsules-legende-lien{margin-left:auto;font-family:var(--titre);font-weight:700;text-decoration:underline;text-underline-offset:3px}.capsules-legende-lien::before{display:none}
.capsules-tableau-admin td a{display:block;padding:6px 4px;text-decoration:none;color:var(--encre)}.capsules-tableau-admin td small{color:var(--encre-2)}
.capsules-page > .ligne > h2{margin:32px 0 12px}
/* Les sept couleurs et les neuf sensations en listes à puces. La puce d'une couleur est son rectangle, nommé dedans, aux couleurs des vignettes; celle d'une sensation, le pictogramme de la direction découpé de sa vignette (public/icones/sensations/), sans couleur. */
.couleurs-liste,.sensations-liste{list-style:none;margin:0 0 8px;padding:0;display:grid;gap:0 28px}
@media (min-width:600px){.couleurs-liste{grid-template-columns:repeat(2,1fr)}}
.couleurs-liste li{align-items:center}
.couleur-carre{flex:none;width:96px;height:64px;display:grid;place-items:center;padding:4px;border:3px solid #111;border-radius:14px;background:#ddd;color:#fff;font-family:var(--titre);font-size:15px;font-weight:800;line-height:1;text-align:center}
.couleurs-liste li > span{font-size:15px;line-height:1.4;color:var(--encre-2)}
@media (min-width:700px){.sensations-liste{grid-template-columns:repeat(3,1fr)}}
@media (min-width:1000px){.couleurs-liste{grid-template-columns:repeat(4,1fr)}}
.couleurs-liste li,.sensations-liste li{display:flex;gap:12px;align-items:flex-start;padding:12px 0;border-top:1px solid var(--ligne)}
.sensation-picto{flex:none;width:48px;height:48px;display:grid;place-items:center;color:var(--encre)}
.sensation-picto img{width:48px;height:48px;display:block}
.sensations-liste b{display:block;font-family:var(--titre);font-size:15px;font-weight:800;line-height:1.2;padding-top:4px}
.sensations-liste div span{display:block;margin-top:3px;font-size:15px;line-height:1.4;color:var(--encre-2)}
.capsules-comment{display:grid;gap:18px;align-items:center;margin:32px 0 0;padding:28px 26px;border-radius:20px;background:var(--stout);color:#fff}
@media (min-width:900px){.capsules-comment{grid-template-columns:1fr auto;gap:36px;padding:32px 44px}}
.capsules-comment h2{margin:0 0 10px;color:var(--or)}.capsules-comment p{margin:0 0 10px}.capsules-comment .note{background:none;border:0;padding:0;font-size:14px;color:#b8b1a6;margin:0}
.capsules-comment .actions{display:flex;flex-direction:column;gap:10px;margin:0}
.capsules-comment .bouton-ligne{color:#fff;border-color:rgba(255,255,255,.6);text-align:center}.capsules-comment .bouton-ligne:hover{border-color:var(--or);color:var(--or)}
.bloc-detaillant{margin:28px 0 8px;padding:22px 26px;border:3px solid #111;border-radius:20px;background:#fff}
.detaillant-corps{display:grid;gap:18px;align-items:center}
@media (min-width:700px){.detaillant-corps{grid-template-columns:auto 1fr}}
@media (min-width:1000px){.detaillant-corps{grid-template-columns:auto 1fr auto}}
.detaillant-logo{width:120px;height:120px;object-fit:contain}.detaillant-image{width:260px;max-width:100%;height:auto;border-radius:12px}
.detaillant-corps h2{margin:0 0 8px}.detaillant-corps p{margin:0 0 10px}.detaillant-corps .actions{margin:0 0 8px}.detaillant-corps .agence-phrase{margin:0;font-size:13px;color:var(--encre-2)}
.capsule-entete{display:grid;grid-template-columns:auto 1fr;gap:18px;align-items:start;margin:0 0 20px}
.capsule-mienne{display:inline-block;vertical-align:middle;margin-left:10px;padding:2px 10px;background:var(--jaune);font-family:var(--titre);font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.capsules-voisines{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 20px}
.capsule-lien{display:inline-flex;align-items:center;gap:8px;padding:5px 12px 5px 6px;border:1px solid var(--ligne);border-radius:10px;text-decoration:none;font-family:var(--titre);font-size:14px;font-weight:600}.capsule-lien img,.capsule-mini{width:32px;height:32px;border-radius:6px;flex:none;vertical-align:middle;margin-right:6px}.capsule-lien img{margin:0}
.capsule-lien:hover{border-color:var(--encre)}.capsule-lien small{color:var(--encre-2);font-weight:500}
.capsule-fiche-note{margin:6px 0 0;font-size:14px}.capsule-fiche-note b{font-size:18px}
.capsule-etiquette{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0 0 14px;font-size:15px}
.capsule-etiquette-mot{font-family:var(--titre);font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--encre-2)}
.capsule-etiquette a{font-family:var(--titre);font-weight:700;text-decoration:underline;text-underline-offset:3px}
.capsules-du-style a .capsule-pastille{margin-right:5px}
.capsules-test{max-width:760px}
.capsules-question h1{font-size:30px;margin:8px 0 12px}
.capsules-progression{height:4px;background:var(--ligne);margin:0 0 14px}.capsules-progression span{display:block;height:100%;background:var(--u,var(--jaune))}
.capsules-options,.capsules-echelle{display:grid;gap:10px;margin:0 0 18px}
@media (min-width:600px){.capsules-options{grid-template-columns:1fr 1fr}.capsules-echelle{grid-template-columns:repeat(5,1fr)}}
.capsules-option{display:flex;align-items:center;gap:12px;padding:16px 18px;border:2px solid var(--ligne);background:#fff;text-align:left;font-family:var(--texte);font-size:17px;line-height:1.35;color:var(--encre);cursor:pointer}
.capsules-option:hover,.capsules-option:focus-visible{border-color:var(--encre);background:var(--malt)}
.capsules-option.choisie{border-color:var(--stout);background:var(--jaune)}
.capsules-cran{flex-direction:column;text-align:center;gap:6px;font-size:14px}.capsules-cran b{font-family:var(--titre);font-size:26px}
.capsules-age-forme{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 14px}
.capsules-retour{margin:0}.lien-bouton{background:none;border:0;padding:0;font:inherit;color:var(--encre-2);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.capsules-bieres label{display:block;font-family:var(--titre);font-weight:700;margin:0 0 6px}
.capsules-bieres input[type=search]{width:100%;max-width:520px;padding:12px 14px;border:2px solid var(--ligne);font:inherit;font-size:16px}
.capsules-fiches-trouvees{margin:8px 0 12px}.capsules-fiches-liste{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.capsules-fiches-liste label{display:flex;gap:10px;align-items:baseline;padding:8px 12px;border:1px solid var(--ligne);cursor:pointer}.capsules-fiches-liste small{color:var(--encre-2)}
.capsules-verdict{display:grid;grid-template-columns:auto 1fr;gap:18px 24px;align-items:start;padding:24px;margin:0 0 24px;border:3px solid var(--stout);background:#fff}
.capsules-verdict h1,.capsules-titre{font-size:40px;margin:4px 0 10px}.capsules-verdict h1 a,.capsules-titre a{text-decoration:none}
.capsules-et{font-family:var(--texte);font-weight:400;font-size:22px;color:var(--encre-2)}
.capsules-indice{font-family:var(--titre);font-size:18px;margin:0 0 12px}.capsules-indice b{color:var(--u,var(--encre))}
.capsules-resultat-grille{display:grid;gap:16px;margin:0 0 18px}
@media (min-width:800px){.capsules-resultat-grille{grid-template-columns:repeat(3,1fr)}}
.capsules-tuile h2{font-size:18px;margin:0 0 6px}.capsules-tuile p{margin:0 0 10px;font-size:15px;color:var(--encre-2)}.capsules-tuile .capsules-voisines{margin:0}
.capsules-sortie{border-top-color:var(--jaune)}.capsules-rouge{border-top-color:#B3261E}
.capsules-honnetete{margin:0 0 26px}
/* La démonstration des capsules (direction, 18 septembre) : une page nue, avec son propre bandeau de tête et son pied — le logo Bières et Plaisirs, les trois vignettes en éventail, le slogan. */
.page-nue .capsules-page{padding-top:18px}.page-nue .capsules-page .fil{font-size:13px;letter-spacing:.06em;text-transform:uppercase;font-weight:700;color:var(--encre)}.page-nue .capsules-page .fil span{color:var(--encre-2)}.page-nue .capsules-demo-magasins{margin-bottom:40px}
.demo-entete-barre{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:14px;padding-bottom:14px}.demo-entete-logo{display:inline-flex}.demo-entete-logo img{height:40px;width:auto;display:block}
.demo-entete-mention{font-family:var(--titre);font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--encre-2)}
.demo-bandeau{background:var(--stout);color:#fff;border-top:4px solid var(--or)}.demo-bandeau-ligne{display:grid;grid-template-columns:minmax(0,1fr);gap:20px;align-items:center;padding-top:26px;padding-bottom:28px}
@media (min-width:800px){.demo-bandeau-ligne{grid-template-columns:auto 1fr;gap:44px;padding-top:34px;padding-bottom:36px}.demo-entete-logo img{height:52px}}
.demo-bandeau .kicker{color:var(--or)}.demo-bandeau .kicker::before{background:var(--or)}.demo-titre{margin:0 0 4px;font-family:var(--titre);font-size:36px;font-weight:800;line-height:1.05;color:#fff}
@media (min-width:800px){.demo-titre{font-size:46px}}.demo-chapo{margin:0;font-size:17px;line-height:1.5;color:#d9d3cb;max-width:640px}
@media (max-width:799px){.demo-bandeau-ligne{grid-template-columns:auto 1fr;gap:14px;padding-top:14px;padding-bottom:14px}.demo-bandeau .capsules-hero-vignettes{padding:6px 0 0}.demo-bandeau .capsules-hero-vignettes .capsule-vignette{width:58px;height:58px;margin:0 -7px;border-radius:10px;box-shadow:0 6px 14px rgba(0,0,0,.5)}.demo-bandeau .capsules-hero-vignettes .capsule-vignette:nth-child(2){transform:rotate(2deg) translateY(-8px)}.demo-bandeau .kicker{display:none}.demo-titre{font-size:22px}.demo-bandeau .capsules-slogan{font-size:14px;margin:0}.demo-chapo{display:none}.page-nue .capsules-page{padding-top:14px}.page-nue .capsules-verdict{padding:16px}.page-nue .capsules-verdict .capsule-vignette.grande{width:140px;height:140px}}
.demo-pied{background:var(--stout);color:#a89f93;margin-top:48px;border-top:4px solid var(--or)}.demo-pied-ligne{padding-top:34px;padding-bottom:28px}
.demo-pied-marque{display:grid;gap:12px;max-width:560px}.demo-pied-marque img{height:44px;width:auto;background:#fff;padding:8px 12px;border-radius:8px;justify-self:start}.demo-pied-marque p{margin:0;font-size:15px;line-height:1.5;color:#d9d3cb}
.demo-pied-couleurs{display:flex;gap:6px;margin:22px 0 0}.demo-pied-couleurs .capsule-pastille{width:18px;height:18px;border-radius:50%;border:2px solid #fff;display:inline-block}
.demo-pied-legal{display:flex;flex-wrap:wrap;gap:8px 22px;margin:22px 0 0;padding-top:16px;border-top:1px solid #3a3531;font-family:var(--titre);font-size:12.5px}.demo-pied-legal a{color:#d9d3cb;text-decoration:none}.demo-pied-legal a:hover{color:var(--or)}
.capsules-garder{margin:24px 0}
.capsules-partage{margin:26px 0 0;padding-top:18px;border-top:3px solid var(--stout)}
.capsules-partage .partage{margin:12px 0 14px;padding:0;border-top:0}
.capsules-historique,.capsules-carnet{list-style:none;padding:0;margin:0 0 20px}
.capsules-historique li,.capsules-carnet li{display:flex;flex-wrap:wrap;gap:8px 12px;align-items:center;padding:10px 0;border-top:1px solid var(--ligne)}
.capsules-carnet-note{color:var(--encre-2);font-size:14px}.capsules-carnet-retirer{margin-left:auto}
.capsules-carnet-forme{max-width:560px;margin-top:12px}
@media (max-width:699px){.capsules-encadre-boite{grid-template-columns:auto 1fr}.capsules-encadre-actions{grid-column:1/3}.capsules-hero,.capsules-verdict,.capsule-entete{grid-template-columns:1fr}.capsules-verdict h1,.capsules-titre{font-size:30px}.capsules-liste div{grid-template-columns:1fr;gap:2px}}
.forfaits-page h1 small{display:block;font-size:15px;font-weight:600;color:var(--encre-2);letter-spacing:0;margin-top:4px}
.publicite-ligne{margin:0 0 14px;font-size:13.5px;color:var(--encre-2);display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.forfaits-page .publicite-etiquette{font-family:var(--titre);font-size:10.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;background:var(--encre);color:#fff;padding:3px 7px}
.forfaits-filtre{margin-bottom:26px}.forfaits-filtre a small{font-weight:400;color:var(--encre-2);margin-left:4px}.forfaits-filtre a[aria-current="true"]{background:var(--u);color:var(--u-encre,#111);border-color:var(--u)}.forfaits-filtre a[aria-current="true"] small{color:inherit}
.forfaits-genre{margin:0 0 36px}
.carte.forfait{grid-template-columns:1fr}
.carte.forfait .publicite-etiquette{justify-self:start}
.carte.forfait .vignette img{background:#d9d3cb}
.forfait-prix{margin:8px 0 0;font-family:var(--titre);font-size:17px;font-weight:800}
.forfait-note{margin:12px 0 0;padding:10px 14px;border-left:3px solid var(--u);background:color-mix(in srgb,var(--u) 8%,#fff);font-size:14.5px;line-height:1.45}
.forfait-note p{margin:0;font-style:italic}.forfait-note footer{margin-top:6px;font-family:var(--titre);font-size:12.5px;font-weight:700;color:var(--encre-2)}
.forfaits-partenaire{display:flex;gap:14px;align-items:flex-start;margin:36px 0 0;padding:16px 0 0;border-top:1px solid var(--ligne);font-size:13.5px;line-height:1.5;color:var(--encre-2)}
.forfaits-partenaire img{width:48px;height:48px;object-fit:contain;flex:none}.forfaits-partenaire p{margin:0 0 6px}
.forfaits-partenaire-titre{font-family:var(--titre);font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.forfaits-partenaire-phrase{font-size:12.5px}.forfaits-partenaire a{color:var(--encre)}
.masthead-nav .masthead-forfaits b,.feuille-rubriques .masthead-forfaits b{font-weight:800}
.masthead-forfaits{display:inline-flex;align-items:center;gap:8px}.masthead-forfaits img{height:20px;width:auto;max-width:72px;object-fit:contain}

.presentation{display:none;position:fixed;inset:0;z-index:9100;background:var(--papier);color:var(--encre);font-family:var(--titre)}
.presentation:target,.presentation.ouverte{display:grid;grid-template-rows:auto auto 1fr auto}
.presentation.fermee{display:none}
body.presentation-ouverte{overflow:hidden}
.presentation-tete,.presentation-pied{display:flex;align-items:center;gap:12px;width:100%;max-width:520px;margin:0 auto;padding:10px var(--marge)}
.presentation-tete{padding-top:calc(10px + env(safe-area-inset-top))}
.presentation-tete img{height:30px;width:auto}
.presentation-compte{margin-left:auto;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--encre-2)}
.presentation-passer{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:7px 12px;border:1px solid var(--ligne);border-radius:999px;color:var(--encre)}
.presentation-barre{height:3px;background:var(--malt);width:100%;max-width:520px;margin:0 auto}
.presentation-barre i{display:block;height:100%;width:10%;background:var(--or);transition:width .3s}
.presentation-piste{display:flex;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;overscroll-behavior:contain;scrollbar-width:none;width:100%;max-width:520px;margin:0 auto;outline:none}
.presentation-piste::-webkit-scrollbar{display:none}
@media (prefers-reduced-motion:no-preference){.presentation-piste{scroll-behavior:smooth}}
.presentation-ecran{flex:0 0 100%;scroll-snap-align:start;scroll-snap-stop:always;min-height:100%;overflow-y:auto;display:flex;flex-direction:column;justify-content:center;gap:14px;padding:22px var(--marge) 30px}
.presentation-ecran h2{font-size:clamp(28px,7.4vw,36px);line-height:1.06;letter-spacing:-.02em}
.presentation-ecran h2 em{font-style:normal;background:linear-gradient(transparent 58%,var(--or) 58%);padding:0 3px}
.presentation-ecran > p{margin:0;font-family:var(--texte);font-size:17px;line-height:1.5;color:var(--encre-2)}
.presentation-kicker{font-family:var(--titre);font-size:11.5px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--encre);margin:0;display:flex;align-items:center;gap:10px}
.presentation-kicker::before{content:"";width:22px;height:3px;background:var(--u,var(--or))}
.presentation-bandes{display:flex;gap:6px;margin-bottom:8px}
.presentation-bandes i{display:block;width:44px;height:8px;background:var(--u)}
.presentation-credo{font-family:var(--titre);font-size:16px;line-height:1.35;padding:14px 16px;background:var(--malt);border-left:4px solid var(--or);color:var(--encre)}
.presentation-credo b{display:block;font-weight:800;margin-bottom:2px}
.presentation-indice{font-family:var(--titre);font-size:13px;font-weight:600;color:var(--encre-2);margin-top:6px}
.presentation-affiche{display:flex;flex-direction:column;gap:10px;background:var(--u);color:var(--u-encre);padding:26px 22px 22px;margin:0 calc(-1 * var(--marge)) 6px;position:relative;overflow:hidden}
.presentation-affiche::after{content:"";position:absolute;right:-40px;top:-40px;width:160px;height:160px;border-radius:50%;background:var(--u-encre);opacity:.08}
.presentation-affiche img{width:150px;height:auto;position:relative}
.presentation-slogan{margin:0;font-family:var(--texte);font-style:italic;font-size:18px;line-height:1.3;position:relative}
.presentation-etat{align-self:flex-start;font-size:10.5px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;padding:4px 8px;border:1px solid currentColor;border-radius:999px;position:relative}
.presentation-pilules{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.presentation-pilules li{font-size:12.5px;font-weight:600;padding:6px 11px;border:1px solid var(--ligne);border-bottom:2px solid var(--u);background:#fff;color:var(--encre)}
.presentation-outil{font-family:var(--titre);font-size:14px;color:var(--encre-2)}.presentation-outil b{color:var(--encre)}
.presentation-entrer{align-self:flex-start;background:var(--stout);border-color:var(--stout);color:#fff;padding:11px 18px}
.presentation-grille{list-style:none;margin:6px 0 0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:10px}
.presentation-grille li{display:flex;flex-direction:column;gap:6px;padding:14px 14px 16px;background:var(--malt);border-top:3px solid var(--or);font-family:var(--texte);font-size:13.5px;line-height:1.4;color:var(--encre-2)}
.presentation-grille svg,.presentation-carte-claire svg{width:26px;height:26px;color:var(--encre)}
.presentation-grille b,.presentation-carte-claire b{font-family:var(--titre);font-size:14px;font-weight:800;color:var(--encre);line-height:1.2}
.presentation-illustration svg{width:180px;height:auto;display:block;margin-bottom:4px}
.presentation-cartes{display:grid;gap:10px;margin-top:4px}
.presentation-carte-claire{display:grid;grid-template-columns:auto 1fr;gap:4px 14px;padding:16px;background:var(--malt);border-top:3px solid var(--or);font-family:var(--texte);font-size:15px;line-height:1.45;color:var(--encre-2)}
.presentation-carte-claire svg{grid-row:1/3;align-self:start;margin-top:2px}
.presentation-pres .bouton,.presentation-premium .bouton{align-self:flex-start;padding:11px 18px}
.presentation-liste{list-style:none;margin:0;padding:0;display:grid;gap:10px;font-family:var(--texte);font-size:15.5px;line-height:1.4;color:var(--encre)}
.presentation-liste li{display:flex;gap:10px}
.presentation-liste li::before{content:"✓";flex:none;width:22px;height:22px;display:grid;place-items:center;border-radius:50%;background:var(--or);color:var(--stout);font-family:var(--titre);font-weight:900;font-size:12px}
.presentation-carte{display:grid;grid-template-columns:1fr auto;gap:2px 12px;align-items:center;background:var(--stout);color:#fff;border-top:4px solid var(--or);padding:18px 18px 16px;max-width:340px;box-shadow:0 12px 30px rgba(17,17,17,.18);margin:4px 0 6px}
.presentation-carte b{font-size:15px;font-weight:900;letter-spacing:-.01em;text-transform:uppercase}
.presentation-carte span{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--or)}
.presentation-carte i{grid-column:2;grid-row:1/4;width:64px;height:64px;background:#fff;border:6px solid #fff;background-image:repeating-conic-gradient(#111 0 25%,#fff 0 50%);background-size:10px 10px;background-clip:content-box}
.presentation-carte small{font-size:12px;color:#a89f93;margin-top:8px}
.presentation-choix{display:grid;gap:8px}
.presentation-choix button{display:flex;align-items:center;justify-content:space-between;font:inherit;font-family:var(--titre);font-size:15px;font-weight:700;padding:13px 14px 13px 16px;border:1px solid var(--ligne);border-left:6px solid var(--u);background:#fff;color:var(--encre);cursor:pointer;text-align:left}
.presentation-choix button i{font-style:normal;width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:var(--u);color:var(--u-encre)}
.presentation-installer{font-family:var(--titre);font-size:14px;text-align:center}.presentation-installer a{color:var(--encre);border-bottom:2px solid var(--or)}
/* La boîte d'installation (fragments/installer.njk) : un dialog natif au centre, ouvert par le script quinze secondes après l'arrivée; l'icône, le mot, les gestes iPhone ou le bouton du navigateur. */
.invite-installer{padding:0;border:0;background:transparent;max-width:none;color:var(--encre)}
.invite-installer::backdrop{background:rgba(17,17,17,.55)}
.invite-installer-cadre{position:relative;width:min(400px,calc(100vw - 32px));box-sizing:border-box;padding:28px 22px 18px;background:var(--papier);border-radius:18px;text-align:center;box-shadow:0 20px 60px rgba(17,17,17,.3)}
.invite-installer-cadre img{width:64px;height:64px;border-radius:16px;box-shadow:0 4px 14px rgba(17,17,17,.18)}
.invite-installer-cadre h2{font-family:var(--titre);font-size:21px;line-height:1.2;margin:14px 0 8px}
.invite-installer-cadre p{margin:0 0 14px;font-size:14.5px;line-height:1.45;color:var(--encre-2)}
.invite-installer-etapes{margin:0 0 16px;padding:12px 14px;text-align:left;background:var(--malt);border-radius:12px;list-style:none;counter-reset:geste}
.invite-installer-etapes li{display:flex;gap:10px;align-items:flex-start;font-size:14px;line-height:1.4;padding:5px 0;counter-increment:geste}
.invite-installer-etapes li::before{content:counter(geste);flex:none;width:22px;height:22px;border-radius:50%;background:var(--stout);color:#fff;font-family:var(--titre);font-size:12px;font-weight:700;display:grid;place-items:center}
.invite-installer-etapes[hidden]{display:none}
.invite-installer-cadre .actions{display:flex;flex-direction:column;gap:8px;margin:0 0 10px}.invite-installer-cadre .actions .bouton{width:100%;padding:12px 16px}.invite-installer-cadre .actions [hidden]{display:none}
.invite-installer-lien{margin:0;font-size:13px}.invite-installer-lien a{color:var(--encre);border-bottom:2px solid var(--or)}
.invite-installer-fermer{position:absolute;top:10px;right:10px;width:32px;height:32px;border:0;border-radius:50%;background:transparent;color:var(--encre-2);font-size:24px;line-height:1;cursor:pointer}.invite-installer-fermer:hover{background:var(--malt);color:var(--encre)}
.presentation-pied{padding-bottom:calc(14px + env(safe-area-inset-bottom));border-top:1px solid var(--ligne);justify-content:space-between}
.presentation-points{display:flex;gap:5px}
.presentation-points i{width:6px;height:6px;border-radius:3px;background:var(--ligne)}
.presentation-points i[aria-current]{width:20px;background:var(--stout)}
.presentation-suivant{background:var(--stout);border-color:var(--stout);color:#fff;padding:11px 20px;gap:8px}
.presentation-suivant[hidden]{display:none}
@media (min-width:900px){.presentation:target,.presentation.ouverte{background:var(--malt)}.presentation-tete,.presentation-barre,.presentation-piste,.presentation-pied{background:var(--papier)}.presentation-piste{height:min(720px,calc(100vh - 150px))}.presentation{grid-template-rows:auto auto auto auto;align-content:center}}
.presentation-guide{position:fixed;right:8px;bottom:calc(56px + env(safe-area-inset-bottom));z-index:43;display:flex;align-items:flex-end;gap:0;padding:0;border:0;background:transparent;cursor:pointer;animation:presentation-surgir .6s cubic-bezier(.2,.9,.3,1.2)}
.presentation-guide[hidden]{display:none}
.presentation-guide svg{width:112px;height:auto;display:block;filter:drop-shadow(0 -2px 6px rgba(17,17,17,.15))}
.presentation-guide .bulle{animation:presentation-bulle 2.4s ease-in-out infinite;transform-origin:70px 40px}
.presentation-guide-fermer{position:fixed;right:6px;bottom:calc(150px + env(safe-area-inset-bottom));z-index:43;width:22px;height:22px;border-radius:50%;border:1px solid var(--ligne);background:#fff;color:var(--encre-2);font:700 12px/1 var(--titre);cursor:pointer;display:grid;place-items:center;padding:0}
.presentation-guide-fermer[hidden]{display:none}
@keyframes presentation-surgir{from{transform:translateY(110%)}to{transform:none}}
@keyframes presentation-bulle{0%,100%{transform:none}50%{transform:translateY(-3px) rotate(-3deg)}}
@media (prefers-reduced-motion:reduce){.presentation-guide,.presentation-guide .bulle{animation:none}}
@media (min-width:900px){.presentation-guide{bottom:0}.presentation-guide-fermer{bottom:96px}}