/* La Vidéothèque d'Alexandrie — une seule feuille.
   Salle obscure : bordeaux profond, écran crème, cuivre, halo de projecteur, serif d'époque. Polices système uniquement.
   Signature : le ticket de salle (rond cuivre numéroté, bords crantés) et la bande de pellicule perforée.
   Clair uniquement : fond écran et papier, bandeaux bordeaux ou nuit. */

/* ---------- jetons ---------- */
:root{
  --velours:#4a1020;--velours2:#6b1a30;--nuit:#1a1417;--pellicule:#2b2326;--ecran:#f4efe6;--papier:#fbf8f2;--voile:#ebe2d3;
  --cuivre:#b5532e;--cuivretx:#8a3a1c;--halo:#e9c98a;--ink:#231a1d;--muted:#5d4f53;--line:#dccfc6;
  --ok:#2f6b4c;--non:#9b2c2c;
  --serif:"Iowan Old Style","Palatino Linotype",Palatino,"Book Antiqua",Georgia,serif;
  --sans:ui-sans-serif,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  --r:4px;
  --ombre:0 8px 22px -16px rgba(26,20,23,.55);
  --conteneur:1240px;--gout:20px;--entete:68px;
  color-scheme:light;
}
@media (min-width:1700px){:root{--conteneur:1480px}}
@media (max-width:760px){:root{--gout:14px;--entete:60px}}

/* ---------- base ---------- */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:calc(var(--entete) + 16px)}
@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}
body{margin:0;min-height:100vh;display:flex;flex-direction:column;background:var(--ecran);color:var(--ink);font:400 17px/1.65 var(--sans);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;overflow-x:clip}
@media (max-width:760px){body{font-size:16px;line-height:1.6;padding-bottom:72px}}
main{flex:1 0 auto;display:block;min-width:0}
img,svg,video{max-width:100%;height:auto}
svg.ic{height:auto}
a{color:var(--velours2);text-decoration-color:var(--cuivre);text-underline-offset:3px;text-decoration-thickness:1px}
a:hover{color:var(--cuivretx);text-decoration-thickness:2px}
h1,h2,h3,h4,p,ul,ol,dl,dd,figure{margin:0}
ul,ol{padding:0}
button,input,select,textarea{font:inherit;color:inherit}
:focus-visible{outline:3px solid var(--velours2);outline-offset:3px;border-radius:2px}
.vqa-hero :focus-visible,.vqa-pied :focus-visible,.vqa-entete-page :focus-visible,.vqa-carte-forum__vue :focus-visible,.vqa-bande-photo :focus-visible,.vqa-rejoindre :focus-visible,.vqa-page-tete :focus-visible,.vqa-profil-tete :focus-visible{outline-color:var(--halo)}
.screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;margin:-1px;padding:0;border:0}
.vqa-saut{position:absolute;left:16px;top:-80px;z-index:100;background:var(--velours);color:var(--ecran);padding:10px 16px;border-radius:var(--r)}
.vqa-saut:focus{top:12px}
.vqa-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.vqa-wrap{width:min(100% - 2 * var(--gout),var(--conteneur));margin-inline:auto}
.ic{display:inline-block;vertical-align:middle;flex:none}

/* ---------- typographie ---------- */
.vqa-h1,.vqa-h2,.vqa-h3{font-family:var(--serif);font-weight:500;letter-spacing:-.01em;color:var(--velours)}
.vqa-h1{font-size:clamp(32px,4.4vw,58px);line-height:1.08;text-wrap:balance}
.vqa-h2{font-size:clamp(26px,3vw,38px);line-height:1.12;display:flex;align-items:center;gap:12px;text-wrap:balance}
.vqa-h3{font-size:clamp(20px,1.8vw,24px);line-height:1.2;display:flex;align-items:center;gap:10px}
.vqa-intro{font-size:19px;line-height:1.55;max-width:44em;margin-top:14px;color:#3d3135}
@media (max-width:760px){.vqa-intro{font-size:17px}}
.vqa-surtitre{font:600 11px/1.3 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--cuivretx);margin:0 0 10px}
.vqa-note{font:14.5px/1.5 var(--sans);color:var(--muted);margin-top:10px}
.vqa-lien{font-weight:600}
.vqa-maj{font:13px/1.5 var(--sans);color:var(--muted);margin-top:20px}
.vqa-aide{font:400 13.5px/1.4 var(--sans);color:var(--muted)}

/* ---------- boutons, champs ---------- */
.vqa-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:0 22px;border-radius:var(--r);border:1px solid var(--velours);background:var(--velours);color:var(--ecran);font:600 14px/1.1 var(--sans);letter-spacing:.03em;text-decoration:none;cursor:pointer;transition:background-color .15s,color .15s,transform .15s,box-shadow .15s}
.vqa-btn:hover{background:var(--velours2);color:#fff;text-decoration:none}
.vqa-btn:active{transform:translateY(1px)}
.vqa-btn--cuivre{background:var(--cuivre);border-color:var(--cuivre);color:#fff}
.vqa-btn--cuivre:hover{background:var(--cuivretx);border-color:var(--cuivretx);color:#fff;box-shadow:0 6px 14px -8px rgba(74,16,32,.6)}
.vqa-btn--halo{background:var(--halo);border-color:var(--halo);color:var(--nuit)}
.vqa-btn--halo:hover{background:#f3dba9;color:var(--nuit);box-shadow:0 0 0 4px rgba(233,201,138,.28)}
.vqa-btn--contour{background:transparent;border-color:var(--ecran);color:var(--ecran)}
.vqa-btn--contour:hover{background:var(--ecran);color:var(--velours)}
.vqa-btn--contour-clair{background:transparent;border-color:var(--velours);color:var(--velours)}
.vqa-btn--contour-clair:hover{background:var(--velours);color:var(--ecran)}
.vqa-btn--petit{min-height:44px;padding:0 16px;font-size:13px}
.vqa-btn--grand{min-height:54px;padding:0 26px;font-size:15px}
.vqa-champ,.vqa-formulaire textarea,.vqa-formulaire input[type=text],.vqa-formulaire select{width:100%;min-height:48px;padding:10px 14px;background:#fff;color:var(--ink);border:1px solid var(--velours2);border-radius:var(--r);font:400 17px/1.4 var(--sans)}
.vqa-champ:focus,.vqa-formulaire textarea:focus{outline:none;box-shadow:0 0 0 3px var(--halo);border-color:var(--velours)}
.vqa-champ::placeholder{color:#756a6d;opacity:1;font-style:italic}
.vqa-champ--court{max-width:300px}
.vqa-champ-groupe{margin-bottom:16px}
textarea.vqa-champ,.vqa-formulaire textarea{min-height:170px;resize:vertical;line-height:1.55}
.vqa-form label,.vqa-formulaire label{display:block;font:700 11px/1.3 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--cuivretx);margin-bottom:6px}
.vqa-form p,.vqa-formulaire p{margin-bottom:16px}
.vqa-coche{display:flex;gap:12px;align-items:flex-start;margin:0 0 12px}
.vqa-coche input[type=checkbox]{-webkit-appearance:none;appearance:none;flex:none;display:grid;place-items:center;width:24px;height:24px;margin:2px 0 0;border:1px solid var(--velours2);border-radius:3px;background:#fff;cursor:pointer}
.vqa-coche input[type=checkbox]::after{content:"";width:6px;height:12px;border:solid var(--halo);border-width:0 3px 3px 0;transform:translateY(-2px) rotate(45deg);opacity:0}
.vqa-coche input[type=checkbox]:checked{background:var(--velours)}
.vqa-coche input[type=checkbox]:checked::after{opacity:1}
.vqa-form .vqa-coche label,.vqa-formulaire .vqa-coche label,.vqa-coche label{display:block;font:400 15.5px/1.45 var(--sans);letter-spacing:0;text-transform:none;color:var(--ink);margin:0;cursor:pointer}
.vqa-coche--err input[type=checkbox]{border-color:var(--non);border-width:2px}
.vqa-coche--err label{color:var(--non)!important}
.vqa-radio,.vqa-form label.vqa-radio{display:flex;gap:12px;align-items:center;margin:0 0 8px;font:400 15.5px/1.4 var(--sans);letter-spacing:0;text-transform:none;color:var(--ink);min-height:44px}
.vqa-radio input[type=radio]{-webkit-appearance:none;appearance:none;flex:none;display:grid;place-items:center;width:24px;height:24px;margin:0;border:1px solid var(--velours2);border-radius:50%;background:#fff;cursor:pointer}
.vqa-radio input[type=radio]::after{content:"";width:12px;height:12px;border-radius:50%;background:var(--velours);transform:scale(0);transition:transform .12s}
.vqa-radio input[type=radio]:checked::after{transform:scale(1)}
.vqa-erreur{background:#fbeeea;color:var(--non);border:1px solid var(--non);border-radius:var(--r);padding:10px 14px;font:600 14.5px/1.4 var(--sans);margin:0 0 14px}
.vqa-avis-inline{background:var(--voile);color:var(--ink);border-radius:var(--r);padding:10px 14px;margin-bottom:14px;font:14.5px/1.4 var(--sans)}
.vqa-champ-mdp{display:flex;gap:8px;align-items:center}
.vqa-lien-act{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 12px;background:none;border:0;border-radius:var(--r);color:var(--velours2);font:600 13.5px/1 var(--sans);cursor:pointer;text-decoration:none}
.vqa-lien-act:hover{background:var(--voile);color:var(--velours)}
.vqa-form__act,.vqa-formulaire__act{display:flex;flex-wrap:wrap;gap:14px;align-items:center;margin-top:6px}
.vqa-ligne-champs{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}
.vqa-form--court .vqa-form__ligne{display:grid;grid-template-columns:1fr;gap:0}
@media (max-width:760px){.vqa-ligne-champs{grid-template-columns:1fr}}
.vqa-details-form{margin:0 0 16px;border:1px solid var(--line);border-radius:var(--r);padding:0 14px;background:#fff}
.vqa-details-form summary{min-height:48px;display:flex;align-items:center;cursor:pointer;font:600 14px/1.3 var(--sans);color:var(--velours2)}
.vqa-details-form[open]{padding-bottom:6px}
.vqa-choix-motif{border:0;margin:0 0 12px;padding:0}
.vqa-choix-motif legend{margin-bottom:10px}

/* ---------- cartes ---------- */
.vqa-case{position:relative;background:var(--papier);color:var(--ink);border:1px solid var(--line);border-top:3px solid var(--velours);border-radius:var(--r);box-shadow:var(--ombre);padding:24px}
@media (max-width:760px){.vqa-case{padding:18px}}

/* ---------- LE TICKET DE SALLE ---------- */
.vqa-salle{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:14px;row-gap:6px;align-items:center;max-width:100%}
.vqa-salle__rond{grid-row:1 / span 2;display:flex;flex-direction:column;align-items:center;justify-content:center;width:58px;height:58px;border-radius:50%;background:var(--cuivre);color:#fff;box-shadow:0 0 0 2px var(--velours),0 0 0 3px var(--halo);flex:none}
.vqa-salle__lib{font:700 8px/1 var(--sans);letter-spacing:.16em;text-transform:uppercase;margin-bottom:1px}
.vqa-salle__num{font:600 26px/1 var(--serif);font-variant-numeric:tabular-nums}
.vqa-salle__etiq{grid-column:1 / -1;font:700 11px/1 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--cuivretx)}
.vqa-salle__nom{grid-column:2;font:500 22px/1.15 var(--serif);color:var(--velours);margin:0;overflow-wrap:anywhere}
.vqa-salle:not(:has(.vqa-salle__rond)) .vqa-salle__nom{grid-column:1 / -1}
.vqa-salle__nom a{color:inherit;text-decoration:none}
.vqa-salle__nom a:hover{text-decoration:underline;text-decoration-color:var(--cuivre)}
.vqa-salle .vqa-statut{grid-column:2;justify-self:start}
.vqa-salle:not(:has(.vqa-salle__rond)) .vqa-statut{grid-column:1 / -1}
.vqa-salle--s .vqa-salle__rond{width:46px;height:46px}
.vqa-salle--s .vqa-salle__lib{font-size:7px}
.vqa-salle--s .vqa-salle__num{font-size:20px}
.vqa-salle--s .vqa-salle__nom{font-size:19px}
.vqa-salle--m .vqa-salle__nom{font-size:24px}
.vqa-salle--xl{column-gap:20px}
.vqa-salle--xl .vqa-salle__rond{width:96px;height:96px;box-shadow:0 0 0 3px var(--velours),0 0 0 5px var(--halo)}
.vqa-salle--xl .vqa-salle__lib{font-size:11px}
.vqa-salle--xl .vqa-salle__num{font-size:46px}
.vqa-salle--xl .vqa-salle__nom{font-size:clamp(28px,4vw,46px);line-height:1.05}
@media (max-width:760px){.vqa-salle--xl .vqa-salle__rond{width:68px;height:68px}.vqa-salle--xl .vqa-salle__num{font-size:32px}.vqa-salle--xl .vqa-salle__lib{font-size:8px}.vqa-salle--xl{column-gap:14px}}
@media(max-width:700px){.vqa-salle--m{margin-bottom:18px}}
/* ticket posé sur un fond bordeaux */
.vqa-carte-forum__vue .vqa-salle__nom,.vqa-carte-forum__vue .vqa-salle__nom a,.vqa-bande-photo .vqa-salle__nom,.vqa-bande-photo .vqa-salle__nom a{color:var(--ecran)}
.vqa-bande-photo .vqa-salle__etiq{color:var(--halo)}
.vqa-carte-forum__vue .vqa-salle__rond,.vqa-bande-photo .vqa-salle__rond{box-shadow:0 0 0 2px var(--velours),0 0 0 3px var(--halo)}
.vqa-statut{display:inline-flex;align-items:center;min-height:26px;padding:0 12px;border-radius:40px;font:600 12.5px/1 var(--sans);letter-spacing:.02em;color:#fff;white-space:nowrap;gap:6px}
.vqa-statut--ok{background:var(--ok)}
.vqa-statut--tolere{background:var(--cuivretx)}
.vqa-statut--non{background:var(--non)}
.vqa-statut--neutre{background:var(--voile);color:var(--velours)}
.vqa-carte-forum__vue .vqa-statut--neutre,.vqa-bande-photo .vqa-statut--neutre{background:rgba(244,239,230,.12);color:var(--ecran);box-shadow:inset 0 0 0 1px rgba(233,201,138,.55)}

/* ---------- pellicule (séparateur perforé) et motif de bandeau ---------- */
.vqa-pellicule{position:relative;height:26px;background:var(--nuit);overflow:hidden;pointer-events:none}
.vqa-pellicule::before,.vqa-pellicule::after{content:"";position:absolute;left:0;right:0;height:8px;background:repeating-linear-gradient(90deg,transparent 0 8px,var(--halo) 8px 22px,transparent 22px 30px);opacity:.85}
.vqa-pellicule::before{top:4px}
.vqa-pellicule::after{bottom:4px}
.vqa-pellicule--hero{position:absolute;left:0;right:0;bottom:0;z-index:1}
.vqa-pellicule--pied{height:22px}
.vqa-pellicule--pied::before{top:3px;height:6px}
.vqa-pellicule--pied::after{bottom:3px;height:6px}
@media (max-width:760px){.vqa-pellicule{height:20px}.vqa-pellicule::before{top:3px;height:6px}.vqa-pellicule::after{bottom:3px;height:6px}}
.vqa-motif{position:absolute;right:0;top:0;height:100%;width:min(62%,780px);pointer-events:none;z-index:0;opacity:.9}
.vqa-motif--page{width:min(50%,560px);opacity:.75}
@media (max-width:760px){.vqa-motif{width:100%;opacity:.35}.vqa-motif--page{width:100%;opacity:.3}}

/* ---------- en-tête ---------- */
.vqa-tete{position:sticky;top:0;z-index:50;min-height:var(--entete);background:rgba(244,239,230,.97);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
.vqa-tete::before{content:"";display:block;height:8px;background:var(--nuit) repeating-linear-gradient(90deg,transparent 0 6px,var(--halo) 6px 14px,transparent 14px 20px) 0 50%/20px 3px repeat-x}
.vqa-tete__in{display:flex;align-items:center;gap:20px;min-height:calc(var(--entete) - 8px)}
.vqa-logo{display:inline-flex;align-items:center;gap:12px;text-decoration:none;color:var(--velours);flex:none;min-width:0}
.vqa-logo:hover{color:var(--velours)}
.vqa-symbole{display:block;width:46px;height:46px}
.vqa-logo__txt{display:flex;flex-direction:column;gap:4px}
.vqa-logo__mot{font:600 20px/1.05 var(--serif);letter-spacing:.005em}
.vqa-logo__sous{font:600 9px/1.2 var(--sans);letter-spacing:.17em;text-transform:uppercase;color:var(--cuivretx)}
.vqa-nav{display:flex;align-items:center;gap:8px;margin-left:8px;flex:1;min-width:0}
.vqa-nav ul{list-style:none;display:flex;align-items:center;gap:2px;margin:0;padding:0}
.vqa-nav ul a{position:relative;display:flex;align-items:center;min-height:44px;padding:0 13px;font:500 14px/1 var(--sans);color:var(--ink);text-decoration:none;white-space:nowrap}
.vqa-nav ul a::after{content:"";position:absolute;left:13px;right:13px;bottom:6px;height:2px;background:var(--cuivre);transform:scaleX(0);transform-origin:left;transition:transform .28s}
.vqa-nav ul a:hover::after,.vqa-nav ul a[aria-current]::after{transform:scaleX(1)}
.vqa-nav ul a:hover{color:var(--velours)}
.vqa-rech{margin-left:auto;display:flex;align-items:center;background:#fff;border:1px solid var(--velours2);border-radius:var(--r);width:min(220px,100%);min-width:0}
.vqa-rech input{flex:1;min-width:0;height:42px;padding:0 6px 0 14px;border:0;background:transparent;font:400 15px/1 var(--sans)}
.vqa-rech input::placeholder{color:#756a6d;opacity:1}
.vqa-rech input:focus{outline:none}
.vqa-rech:focus-within{box-shadow:0 0 0 3px var(--halo)}
.vqa-rech button{display:grid;place-items:center;width:44px;height:42px;border:0;background:none;color:var(--velours);cursor:pointer}
.vqa-compte{display:flex;align-items:center;gap:10px;flex:none}
.vqa-compte__lien,.vqa-compte__sortie{display:inline-flex;align-items:center;min-height:44px;padding:0 6px;color:var(--ink);font:500 14px/1 var(--sans);text-decoration:none;white-space:nowrap}
.vqa-compte__lien:hover,.vqa-compte__sortie:hover{color:var(--cuivretx)}
.vqa-compte__moi{display:inline-flex;align-items:center;gap:8px;min-height:44px;color:var(--ink);font:600 14px/1 var(--sans);text-decoration:none;max-width:170px}
.vqa-compte__moi span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.vqa-compte__sortie{font-size:13px;color:var(--muted)}
.vqa-nav-bouton{display:none;align-items:center;gap:8px;min-height:44px;margin-left:auto;padding:0 14px;border:1px solid var(--velours);border-radius:var(--r);background:transparent;color:var(--velours);font:600 14px/1 var(--sans);cursor:pointer}
@media (max-width:1280px){.vqa-nav ul a{padding:0 9px}.vqa-nav ul a::after{left:9px;right:9px}.vqa-rech{width:min(170px,100%)}.vqa-logo__mot{font-size:18px}}
@media (max-width:1120px){
  .vqa-nav-bouton{display:inline-flex}
  .vqa-nav{position:fixed;inset:var(--entete) 0 auto 0;flex-direction:column;align-items:stretch;gap:12px;margin:0;padding:16px var(--gout) 24px;background:var(--papier);border-bottom:3px solid var(--cuivre);box-shadow:var(--ombre);max-height:calc(100vh - var(--entete));overflow:auto;transform:translateY(-8px);opacity:0;visibility:hidden;transition:opacity .2s,transform .2s,visibility 0s .2s}
  .vqa-nav.est-ouvert{transform:none;opacity:1;visibility:visible;transition:opacity .2s,transform .2s}
  .vqa-nav ul{flex-direction:column;align-items:stretch}
  .vqa-nav ul a{min-height:48px;font-size:16px;border-bottom:1px solid var(--line)}
  .vqa-nav ul a::after{display:none}
  .vqa-rech{width:100%;margin:0}
  .vqa-compte{flex-wrap:wrap}
}
@media (max-width:480px){.vqa-logo__mot{font-size:15px}.vqa-logo__sous{font-size:8px;letter-spacing:.1em}.vqa-symbole{width:40px;height:40px}.vqa-nav-bouton span{display:none}.vqa-logo{gap:9px}}

/* ---------- avatars ---------- */
.vqa-av{display:inline-block;border-radius:50%;background:var(--voile);flex:none;object-fit:cover}
.vqa-av--grand{width:120px;height:120px}
.vqa-pile{display:inline-flex;align-items:center}
.vqa-pile .vqa-av{margin-left:-8px;box-shadow:0 0 0 2px var(--papier)}
.vqa-pile .vqa-av:first-child{margin-left:0}
.vqa-pile__txt{margin-left:10px;font:13.5px var(--sans);color:var(--muted)}
.vqa-pile__plus{display:inline-grid;place-items:center;margin-left:-8px;border-radius:50%;background:var(--voile);color:var(--velours);font:700 12px/1 var(--sans);box-shadow:0 0 0 2px var(--papier);flex:none}

/* ---------- accueil : bandeau bordeaux ---------- */
.vqa-hero{position:relative;overflow:hidden;background:var(--velours);color:var(--ecran);padding:72px 0 118px}
.vqa-hero::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 84% 34%,rgba(233,201,138,.2),transparent 46%);pointer-events:none}
.vqa-hero__in{position:relative;z-index:2}
.vqa-hero__texte{max-width:40em}
.vqa-hero__sur{font:600 11px/1.3 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--halo);margin:0 0 16px}
.vqa-hero__h1{font:500 clamp(38px,5.8vw,80px)/1.03 var(--serif);letter-spacing:-.015em;color:var(--ecran);text-wrap:balance}
.vqa-hero__h1 em{display:block;font-style:italic;color:var(--halo)}
.vqa-hero__sous{font-size:19px;line-height:1.55;max-width:34em;margin-top:22px;color:#eadfd3}
.vqa-hero__act{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}
@media (max-width:760px){.vqa-hero{padding:44px 0 78px}.vqa-hero__sous{font-size:17px;margin-top:16px}.vqa-hero__act{margin-top:24px}.vqa-hero__act .vqa-btn{width:100%}}
.vqa-chercher__champ{width:100%;min-height:54px;padding:0 16px;background:#fff;border:1px solid var(--velours2);border-radius:var(--r);font:400 17px/1 var(--sans);color:var(--ink)}
.vqa-chercher__champ::placeholder{color:#756a6d;opacity:1;font-style:italic}
.vqa-chercher__champ:focus{outline:none;box-shadow:0 0 0 3px var(--halo)}
.vqa-chercher__ligne{display:flex;flex-direction:column;gap:12px}
.vqa-chercher__ligne .vqa-btn{width:100%}
.vqa-chercher--simple{margin-top:18px;max-width:760px}
.vqa-chercher--simple .vqa-chercher__ligne{flex-direction:row}
.vqa-chercher--simple .vqa-chercher__ligne .vqa-btn{width:auto}
@media (max-width:600px){.vqa-chercher--simple .vqa-chercher__ligne{flex-direction:column}.vqa-chercher--simple .vqa-chercher__ligne .vqa-btn{width:100%}}

/* ---------- bandes de l'accueil ---------- */
.vqa-bande{padding:72px 0;position:relative;background:var(--ecran)}
.vqa-bande:nth-of-type(even){background:var(--papier);border-block:1px solid var(--line)}
.vqa-bande__tete{margin-bottom:32px}
.vqa-bande__sous{margin-top:12px;font-size:18px;max-width:62ch;color:var(--muted)}
@media (max-width:760px){.vqa-bande{padding:48px 0}.vqa-bande__tete{margin-bottom:22px}}

/* ---------- cartes de forum : tickets de salle ---------- */
.vqa-grille-forums{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,290px),1fr));gap:24px}
.vqa-carte-forum{position:relative;display:flex;flex-direction:column;background:var(--papier);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--ombre);transition:transform .2s,box-shadow .2s;
  -webkit-mask:radial-gradient(circle 9px at 0 76px,transparent 98%,#000) left/51% 100% no-repeat,radial-gradient(circle 9px at 100% 76px,transparent 98%,#000) right/51% 100% no-repeat;
  mask:radial-gradient(circle 9px at 0 76px,transparent 98%,#000) left/51% 100% no-repeat,radial-gradient(circle 9px at 100% 76px,transparent 98%,#000) right/51% 100% no-repeat}
.vqa-carte-forum:hover,.vqa-carte-forum:focus-within{transform:translateY(-3px)}
.vqa-carte-forum__tout{position:absolute;inset:0;z-index:1}
.vqa-carte-forum__vue{background:var(--velours);padding:16px 18px;border-radius:var(--r) var(--r) 0 0;border-bottom:2px dashed var(--halo)}
.vqa-carte-forum__vue .vqa-salle__nom a::after{content:"";position:absolute;inset:0;z-index:2}
.vqa-carte-forum__corps{display:flex;flex-direction:column;gap:12px;padding:16px 18px 18px;flex:1}
.vqa-carte-forum__desc{font-size:15.5px;line-height:1.5;color:var(--ink);display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.vqa-chiffres-mini{display:flex;gap:0;border-top:1px dashed var(--line);padding-top:10px;margin-top:auto}
.vqa-chiffres-mini div{flex:1}
.vqa-chiffres-mini dt{font:600 10.5px/1.2 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--cuivretx)}
.vqa-chiffres-mini dd{font:500 24px/1.1 var(--serif);color:var(--velours);font-variant-numeric:tabular-nums}
.vqa-carte-forum__der{font:13px/1.4 var(--sans);color:var(--muted);position:relative;z-index:2}
.vqa-carte-forum__der a{color:var(--velours2);font-weight:600}
@media (max-width:640px){.vqa-grille-forums{grid-template-columns:1fr;gap:16px}}

/* ---------- lignes de sujet ---------- */
.vqa-sujets{background:var(--papier);color:var(--ink);border:1px solid var(--line);border-top:3px solid var(--velours);border-radius:var(--r);box-shadow:var(--ombre);overflow:hidden;margin-bottom:26px}
.vqa-sujet{position:relative;display:grid;grid-template-columns:32px minmax(0,1fr) auto 130px;gap:0 16px;align-items:center;padding:16px 20px;border-top:1px solid var(--line);transition:background-color .15s}
.vqa-sujet:first-child{border-top:0}
.vqa-sujet:hover,.vqa-sujet:focus-within{background:#fff}
.vqa-sujet__etat{display:grid;place-items:center;color:var(--cuivretx)}
.vqa-sujet--resolu .vqa-sujet__etat{color:var(--ok)}
.vqa-sujet__titre{font:500 20px/1.3 var(--serif);display:block}
.vqa-sujet__titre a{text-decoration:none;color:var(--velours)}
.vqa-sujet__titre a::after{content:"";position:absolute;inset:0}
.vqa-sujet__titre a:hover{text-decoration:underline;text-decoration-color:var(--cuivre);text-decoration-thickness:2px}
.vqa-resolu{display:inline-flex;align-items:center;min-height:22px;padding:0 10px;margin-left:8px;border-radius:40px;background:var(--ok);color:#fff;font:600 12px/1 var(--sans);vertical-align:2px}
.vqa-etat-txt{display:inline-flex;align-items:center;gap:4px;margin-left:8px;font:600 12.5px/1 var(--sans);color:var(--cuivretx)}
.vqa-sujet__meta{display:flex;flex-wrap:wrap;align-items:center;gap:4px 12px;margin-top:4px;font:13.5px/1.4 var(--sans);color:var(--muted)}
.vqa-type{display:inline-block;font:700 11px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--cuivretx)}
.vqa-type--question{color:var(--velours2)}
.vqa-type--debat{color:var(--non)}
.vqa-type--annonce{color:var(--ok)}
.vqa-sujet__forum{position:relative;z-index:1;display:inline-flex;gap:6px;align-items:center;min-height:26px;color:var(--velours);font:600 12.5px/1 var(--sans);text-decoration:none;background:var(--voile);padding:0 10px;border-radius:2px}
.vqa-sujet__forum-n{color:var(--cuivretx);font-variant-numeric:tabular-nums}
.vqa-sujet__forum:hover{text-decoration:underline}
.vqa-sujet__par strong{color:var(--ink)}
.vqa-niv-txt{color:var(--cuivretx);font-weight:600}
.vqa-sujet__chiffres{display:flex;align-items:center;gap:14px;justify-content:flex-end}
.vqa-sujet__rep{font:13.5px/1 var(--sans);color:var(--muted);white-space:nowrap}
.vqa-sujet__rep b{font:500 22px/1 var(--serif);color:var(--velours);margin-right:3px;font-variant-numeric:tabular-nums}
.vqa-sujet__rep--vide{font-weight:600;color:var(--cuivretx)}
.vqa-sujet__chiffres .vqa-pile .vqa-av{width:26px;height:26px}
.vqa-sujet__act{font:12.5px/1.3 var(--sans);color:var(--muted);display:flex;align-items:center;gap:6px;justify-content:flex-end;flex-wrap:wrap}
.vqa-nouv{font-weight:700;color:var(--cuivretx)}
.vqa-sujet--reponse{grid-template-columns:32px minmax(0,1fr) auto}
.vqa-sujet__extrait{margin-top:4px;font-size:15.5px}
.vqa-sujet__extrait mark,.vqa-recherche-page mark{background:var(--halo);color:var(--nuit);border-radius:2px;padding:0 2px}
.vqa-vide-txt{padding:24px}
@media (max-width:900px){
  .vqa-sujet{grid-template-columns:28px minmax(0,1fr);gap:4px 12px;padding:14px 16px}
  .vqa-sujet__chiffres{grid-column:2;justify-content:flex-start}
  .vqa-sujet__act{grid-column:2;justify-content:flex-start}
  .vqa-sujet--reponse{grid-template-columns:28px minmax(0,1fr)}
}

/* ---------- accueil : en ce moment ---------- */
.vqa-direct__grille{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:40px;align-items:start}
.vqa-direct__fils{margin-bottom:0}
.vqa-direct__sans{background:var(--ecran);border:1px solid var(--line);border-top:4px solid var(--cuivre);border-radius:var(--r);padding:22px 24px}
.vqa-sans{list-style:none;margin:14px 0 0}
.vqa-sans li{padding:14px 0;border-top:1px dashed var(--line)}
.vqa-sans li:first-child{border-top:0;padding-top:4px}
.vqa-sans__t{font:500 18px/1.3 var(--serif)}
.vqa-sans__t a{color:var(--velours);text-decoration:none}
.vqa-sans__t a:hover{text-decoration:underline}
.vqa-sans__m{font:13px/1.4 var(--sans);color:var(--muted);margin:4px 0 2px}
.vqa-sans__rep{display:inline-flex;align-items:center;gap:6px;min-height:44px;font:600 14px/1 var(--sans)}
.vqa-direct__tous{margin-top:10px;font:600 14px/1.3 var(--sans)}
.vqa-vide-bloc{padding:36px;border:1px dashed var(--velours2);background:var(--papier);border-radius:var(--r);display:grid;gap:10px;justify-items:start}
.vqa-vide-bloc__t{font:500 26px/1.15 var(--serif);color:var(--velours)}
@media (max-width:1020px){.vqa-direct__grille{grid-template-columns:1fr;gap:28px}}

/* ---------- accueil : réponses retenues, niveaux, actualités, rejoindre ---------- */
.vqa-chiffre{display:flex;flex-direction:column;gap:6px}
.vqa-chiffre__n{font:500 clamp(36px,4vw,52px)/1 var(--serif);font-variant-numeric:tabular-nums;color:var(--velours)}
.vqa-chiffre__l{font:600 11px/1.3 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.vqa-profil__chiffres{display:flex;flex-wrap:wrap;gap:20px 56px;margin-bottom:32px}
.vqa-grille-sol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.vqa-carte-sol{display:flex;flex-direction:column;gap:12px;background:var(--ecran);border:1px solid var(--line);border-left:6px solid var(--ok);border-radius:var(--r);padding:22px}
.vqa-bande:nth-of-type(even) .vqa-carte-sol{background:var(--ecran)}
.vqa-carte-sol__forum{display:flex;align-items:center;gap:8px;font:600 11px/1.2 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--cuivretx)}
.vqa-carte-sol__q{font-size:21px;font-weight:500;line-height:1.2}
.vqa-carte-sol__q a{color:var(--velours);text-decoration:none}
.vqa-carte-sol__q a:hover{text-decoration:underline}
.vqa-etiquette-sol{display:inline-flex;align-items:center;gap:8px;align-self:flex-start;min-height:26px;padding:0 12px;border-radius:40px;background:var(--ok);color:#fff;font:600 12.5px/1 var(--sans)}
.vqa-carte-sol__ex{font-size:15.5px;line-height:1.5}
.vqa-carte-sol__m{font:13px/1.4 var(--sans);color:var(--muted);margin-top:auto}
@media (max-width:1020px){.vqa-grille-sol{grid-template-columns:1fr}}
.vqa-frise{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;counter-reset:n}
.vqa-frise__etape{background:var(--ecran);border:1px solid var(--line);border-radius:var(--r);padding:22px;display:flex;flex-direction:column;gap:8px}
.vqa-bande:nth-of-type(odd) .vqa-frise__etape{background:var(--papier)}
.vqa-frise__ic{display:grid;place-items:center;width:58px;height:58px;border-radius:50%;background:var(--velours)}
.vqa-frise__ic .ic{color:var(--halo)}
.vqa-frise__nom{font:500 22px/1.15 var(--serif);color:var(--velours)}
.vqa-frise__seuil{font:700 11px/1.4 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--cuivretx);font-variant-numeric:tabular-nums}
.vqa-frise__droit{font-size:15.5px;color:var(--ink)}
.vqa-frise__lien{margin-top:24px;font:600 14px/1.3 var(--sans)}
.vqa-frise--regles{margin:20px 0}
@media (max-width:1020px){.vqa-frise{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.vqa-frise{grid-template-columns:1fr;gap:16px}}
.vqa-actus__tous{margin-top:24px;font:600 14px/1.3 var(--sans)}
.vqa-bande.vqa-rejoindre{background:var(--nuit);color:var(--ecran);border-block:0}
.vqa-rejoindre__in{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,520px);gap:48px;align-items:center}
.vqa-rejoindre .vqa-h2,.vqa-rejoindre__p{color:var(--ecran)}
.vqa-rejoindre__p{font-size:19px;margin:14px 0 22px;max-width:30em;color:#e1d6ca}
.vqa-rejoindre__carte{background:var(--papier);color:var(--ink);border:1px solid var(--halo);border-radius:var(--r);box-shadow:0 18px 40px -22px rgba(0,0,0,.8);padding:28px}
.vqa-rejoindre__carte .vqa-h2{color:var(--velours);font-size:26px;margin-bottom:12px}
.vqa-rejoindre__act{display:flex;flex-wrap:wrap;gap:14px}
@media (max-width:1020px){.vqa-rejoindre__in{grid-template-columns:1fr;gap:28px}}

/* ---------- bandeau de pages de texte ---------- */
.vqa-entete-page{position:relative;overflow:hidden;background:var(--velours);color:var(--ecran);padding:34px 0 40px;border-bottom:4px solid var(--cuivre)}
.vqa-entete-page__in{position:relative;z-index:1}
.vqa-entete-page .vqa-h1{margin-top:14px;color:var(--ecran)}
.vqa-entete-page .vqa-intro{color:#eadfd3}
.vqa-entete-page .vqa-ariane ol,.vqa-entete-page .vqa-ariane a,.vqa-entete-page .vqa-ariane [aria-current]{color:#dccfc6}
.vqa-entete-page .vqa-ariane a:hover{color:var(--halo)}
.vqa-signature{display:flex;align-items:center;gap:10px;margin-top:18px;font:13.5px/1.4 var(--sans);color:var(--muted)}
.vqa-entete-page .vqa-signature,.vqa-entete-page .vqa-signature a{color:#eadfd3}
.vqa-signature .vqa-av{width:30px;height:30px}
.vqa-ariane ol{list-style:none;display:flex;flex-wrap:wrap;gap:2px 0;margin:0;padding:0;font:600 12px/1.4 var(--sans);letter-spacing:.03em}
.vqa-ariane li{display:flex;align-items:center}
.vqa-ariane li:not(:last-child)::after{content:"/";margin:0 8px;color:var(--cuivre)}
.vqa-ariane a{display:inline-flex;align-items:center;min-height:32px;color:var(--muted);text-decoration:none}
.vqa-ariane a:hover{color:var(--cuivretx);text-decoration:underline}
.vqa-ariane [aria-current]{color:var(--ink)}

/* ---------- pages de texte ---------- */
.vqa-prose{display:grid;grid-template-columns:240px minmax(0,700px);gap:56px;padding-block:56px 80px;align-items:start}
.vqa-prose__corps{min-width:0}
.vqa-prose>.vqa-prose__corps:only-child{grid-column:1 / -1;max-width:760px}
.vqa-prose>p:only-child{grid-column:1 / -1}
.vqa-prose__corps>section+section{margin-top:44px}
.vqa-prose__corps h2{margin-bottom:14px}
.vqa-prose__corps h3{margin:26px 0 8px;font:500 21px/1.2 var(--serif);color:var(--velours)}
.vqa-prose__corps p,.vqa-prose__corps ul,.vqa-prose__corps ol{margin-bottom:14px}
.vqa-prose__corps ul,.vqa-prose__corps ol:not([class]){padding-left:1.3em;list-style:revert}
.vqa-prose__corps li+li{margin-top:.4em}
.vqa-prose__corps a{font-weight:600}
.vqa-sommaire{position:sticky;top:calc(var(--entete) + 24px);background:var(--papier);border:1px solid var(--line);border-top:3px solid var(--velours);border-radius:var(--r);padding:18px 20px}
.vqa-sommaire__t{font:700 11px/1 var(--sans);letter-spacing:.18em;text-transform:uppercase;color:var(--cuivretx);margin-bottom:10px}
.vqa-sommaire ol{list-style:none}
.vqa-sommaire a{display:flex;align-items:center;min-height:44px;font:500 14.5px/1.3 var(--sans);color:var(--ink);text-decoration:none;border-top:1px dashed var(--line)}
.vqa-sommaire li:first-child a{border-top:0}
.vqa-sommaire a:hover{color:var(--cuivretx);text-decoration:underline}
@media (max-width:900px){.vqa-prose{grid-template-columns:1fr;gap:24px;padding-block:32px 56px}.vqa-sommaire{position:static}}
.vqa-etapes{list-style:none}
.vqa-etapes li{display:flex;gap:14px;align-items:flex-start;margin-bottom:12px}
.vqa-etapes__n{flex:none;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--velours);color:var(--halo);font:600 16px/1 var(--serif);font-variant-numeric:tabular-nums}
.vqa-apropos-forums{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,250px),1fr));gap:22px 20px;margin:20px 0}
.vqa-apropos-forums__l{display:flex;flex-direction:column;gap:10px;padding:16px;background:var(--papier);border:1px solid var(--line);border-radius:var(--r)}
.vqa-apropos-grille__desc{font-size:15px;line-height:1.45;color:var(--muted)}

/* ---------- pages d'un forum ---------- */
.vqa-forum-tete{background:var(--ecran);padding:0}
.vqa-forum-tete__ariane{padding:14px 0 12px}
.vqa-forum-tete__bas{padding:22px 0 28px}
.vqa-forum-tete__desc{font-size:19px;line-height:1.5;max-width:36em;margin-bottom:6px}
.vqa-forum-tete__act{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:20px}
.vqa-forum-chiffres{display:flex;flex-wrap:wrap;gap:8px 40px;padding:16px 0 0;margin-top:18px;border-top:1px dashed var(--line)}
.vqa-forum-chiffres div{display:flex;align-items:baseline;gap:8px}
.vqa-forum-chiffres dd{font:500 26px/1 var(--serif);color:var(--velours);font-variant-numeric:tabular-nums;order:-1}
.vqa-forum-chiffres dt{font:600 11px/1.2 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.vqa-corps{padding-block:40px 72px}
.vqa-page-tete{background:var(--velours);color:var(--ecran);padding:28px 0 34px;border-bottom:4px solid var(--cuivre)}
.vqa-page-tete .vqa-h1{margin-top:14px;color:var(--ecran)}
.vqa-page-tete .vqa-intro{color:#eadfd3}
.vqa-page-tete .vqa-ariane ol,.vqa-page-tete .vqa-ariane a,.vqa-page-tete .vqa-ariane [aria-current]{color:#dccfc6}
.vqa-forum__grille{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:40px;align-items:start}
.vqa-forum__cote{position:sticky;top:calc(var(--entete) + 24px)}
@media (max-width:1020px){.vqa-forum__grille{grid-template-columns:1fr}.vqa-forum__cote{position:static}}
.vqa-filtres{margin-bottom:22px}
.vqa-filtres ul{list-style:none;display:flex;flex-wrap:wrap;gap:8px}
.vqa-filtres a{display:inline-flex;align-items:center;min-height:44px;padding:0 18px;border-radius:40px;background:var(--papier);border:1px solid var(--velours);font:600 13.5px/1 var(--sans);color:var(--velours);text-decoration:none}
.vqa-filtres a:hover{background:var(--velours);color:var(--ecran)}
.vqa-filtres a.is-actif{background:var(--velours);color:var(--halo)}
.vqa-cote__bloc{padding:0 0 20px;margin-bottom:20px;border-bottom:1px dashed var(--line)}
.vqa-cote__bloc:last-child{border-bottom:0;margin-bottom:0;padding-bottom:0}
.vqa-cote__t{display:flex;align-items:center;gap:8px;font:700 11px/1.3 var(--sans);letter-spacing:.16em;text-transform:uppercase;margin-bottom:10px;color:var(--cuivretx)}
.vqa-cote__q{font:500 18px/1.3 var(--serif)}
.vqa-cote__q a{color:var(--velours)}
.vqa-cote__ex{font-size:15.5px;color:var(--muted);margin:6px 0}
.vqa-cote__m,.vqa-cote__txt{font:14px/1.5 var(--sans);color:var(--muted)}
.vqa-cote__act{margin-top:10px}
.vqa-cote__chercher{display:flex;align-items:center;background:#fff;border:1px solid var(--velours2);border-radius:var(--r);margin-bottom:20px}
.vqa-cote__chercher input{flex:1;min-width:0;height:44px;padding:0 6px 0 14px;border:0;background:transparent;font:400 15px/1 var(--sans)}
.vqa-cote__chercher input:focus{outline:none}
.vqa-cote__chercher:focus-within{box-shadow:0 0 0 3px var(--halo)}
.vqa-cote__chercher button{width:44px;height:44px;border:0;background:none;color:var(--velours);display:grid;place-items:center;cursor:pointer}
.vqa-voisins{list-style:none}
.vqa-voisins li{border-top:1px dashed var(--line)}
.vqa-voisins li:first-child{border-top:0}
.vqa-voisins a{display:flex;align-items:center;min-height:44px;padding:6px 0;font:500 15px/1.3 var(--sans);color:var(--ink);text-decoration:none}
.vqa-voisins a:hover{color:var(--cuivretx);text-decoration:underline}
.vqa-regles-mini{list-style:none}
.vqa-regles-mini li{position:relative;padding:3px 0 3px 22px;font:14.5px/1.5 var(--sans)}
.vqa-regles-mini li::before{content:"";position:absolute;left:2px;top:.8em;width:8px;height:8px;border-radius:50%;background:var(--cuivre);box-shadow:0 0 0 2px var(--papier),0 0 0 3px var(--velours)}
.vqa-regles-mini--bas{margin-top:18px}

/* ---------- bandeau bordeaux des forums, À propos, Contact ---------- */
.vqa-bande-photo{position:relative;overflow:hidden;background:var(--velours);border-bottom:4px solid var(--cuivre);min-height:230px;display:flex;align-items:center;padding:40px 0}
.vqa-bande-photo::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 84% 40%,rgba(233,201,138,.18),transparent 46%);pointer-events:none}
.vqa-bande-photo--page{min-height:200px}
.vqa-bande-photo__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.vqa-bande-photo__salle{position:relative;z-index:3}
.vqa-entete-photo{background:var(--ecran)}
.vqa-entete-photo__txt{padding:22px 0 24px}
.vqa-entete-photo__txt .vqa-intro{margin-top:10px}
@media (max-width:760px){.vqa-bande-photo{min-height:150px;padding:26px 0}}

/* ---------- pagination ---------- */
.vqa-pagination{display:flex;flex-wrap:wrap;gap:10px 20px;align-items:center;justify-content:space-between;margin:0 0 18px}
.vqa-pagination__n{font:500 14px/1.3 var(--sans);color:var(--muted)}
.vqa-pagination__liens .page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:0 12px;margin:0 4px 4px 0;border:1px solid var(--velours);border-radius:var(--r);background:var(--papier);color:var(--velours);font:600 14px/1 var(--sans);text-decoration:none}
.vqa-pagination__liens .page-numbers.current{background:var(--velours);color:var(--halo)}
.vqa-pagination__liens a.page-numbers:hover{background:var(--voile)}

/* ---------- un fil ---------- */
.vqa-progression{position:fixed;left:0;top:0;right:0;height:3px;z-index:60;pointer-events:none}
.vqa-progression i{display:block;height:100%;width:0;background:var(--cuivre)}
.vqa-fil__ariane{padding-top:20px}
.vqa-fil-tete{background:var(--papier);border:1px solid var(--line);border-top:4px solid var(--velours);border-radius:var(--r);box-shadow:var(--ombre);padding:26px 30px;margin:14px 0 32px}
.vqa-entete__meta{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center;font:13.5px/1.4 var(--sans);color:var(--muted)}
.vqa-entete__titre{margin:14px 0 18px;font-size:clamp(28px,3.4vw,44px)}
.vqa-fil-tete__bas{display:flex;flex-wrap:wrap;gap:14px 24px;align-items:center;justify-content:space-between}
.vqa-entete__etat{display:flex;flex-wrap:wrap;gap:6px 22px;font:600 14px/1.3 var(--sans)}
.vqa-entete__etat span{display:inline-flex;align-items:center;gap:6px}
.vqa-fil-tete--vue{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:32px;align-items:center}
.vqa-fil-tete__vue{position:relative}
@media (max-width:1020px){.vqa-fil-tete--vue{grid-template-columns:1fr;gap:20px}}
.vqa-fil__grille{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:40px;align-items:start;padding-bottom:72px}
.vqa-fil__cote{position:sticky;top:calc(var(--entete) + 24px)}
@media (max-width:1020px){.vqa-fil__grille{grid-template-columns:1fr}.vqa-fil__cote{position:static}.vqa-fil-tete{padding:20px 18px}}
.vqa-messages{display:flex;flex-direction:column;gap:18px}
.vqa-msg{background:var(--papier);border:1px solid var(--line);border-radius:var(--r);padding:22px 24px;margin-bottom:18px;scroll-margin-top:calc(var(--entete) + 16px);box-shadow:var(--ombre)}
.vqa-messages .vqa-msg{margin-bottom:0}
.vqa-msg--ouverture{border-color:var(--line);border-left:6px solid var(--velours)}
.vqa-msg--sol{border-left:6px solid var(--ok)}
.vqa-msg--lu{outline:2px solid var(--voile)}
.vqa-msg__bandeau{display:inline-flex;align-items:center;gap:8px;min-height:26px;padding:0 12px;margin-bottom:12px;border-radius:40px;background:var(--ok);color:#fff;font:600 12.5px/1 var(--sans)}
.vqa-msg__tete{display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center;justify-content:space-between;margin-bottom:12px}
.vqa-msg__lien{display:inline-flex;align-items:center;gap:12px;color:var(--ink);text-decoration:none}
.vqa-msg__ident{display:flex;flex-direction:column;gap:2px}
.vqa-msg__nom{font:600 17px/1.2 var(--serif);color:var(--velours)}
.vqa-msg__niv{display:inline-flex;align-items:center;gap:6px;font:600 12.5px/1.2 var(--sans);color:var(--cuivretx)}
.vqa-msg__rang{display:flex;align-items:center;gap:14px;font:13px/1.3 var(--sans);color:var(--muted)}
.vqa-msg__num{display:inline-flex;align-items:center;min-height:44px;color:var(--muted);font-variant-numeric:tabular-nums}
.vqa-contenu{font-size:17.5px;line-height:1.65;overflow-wrap:anywhere;padding:4px 0 6px}
.vqa-contenu>*{max-width:70ch}
.vqa-contenu p{margin:0 0 12px}
.vqa-contenu a{font-weight:600}
.vqa-contenu img{border-radius:var(--r);margin:6px 0}
.vqa-contenu blockquote{margin:6px 0 14px;padding:10px 16px;background:var(--ecran);border-left:4px solid var(--cuivre);font-style:italic;color:var(--ink)}
.vqa-contenu blockquote p:last-child{margin-bottom:0}
.vqa-contenu ul,.vqa-contenu ol{margin:0 0 12px 22px}
.vqa-contenu ul{list-style:disc}
.vqa-contenu code,.vqa-contenu pre{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:14.5px;background:var(--ecran);border-radius:2px;padding:1px 6px}
.vqa-contenu pre{padding:10px 14px;overflow-x:auto}
/* spoilers : <details><summary>…</summary>…</details> */
.vqa-contenu details,.vqa-actu-corps details{margin:8px 0 14px;border:1px solid var(--velours2);border-radius:var(--r);background:var(--nuit);color:var(--ecran)}
.vqa-contenu details>summary,.vqa-actu-corps details>summary{display:flex;align-items:center;gap:10px;min-height:44px;padding:0 14px;cursor:pointer;font:700 12px/1.3 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--halo);list-style:none}
.vqa-contenu details>summary::-webkit-details-marker{display:none}
.vqa-contenu details>summary::before{content:"";width:14px;height:10px;flex:none;background:repeating-linear-gradient(90deg,var(--halo) 0 3px,transparent 3px 5px);opacity:.9}
.vqa-contenu details[open]>summary{border-bottom:1px dashed rgba(233,201,138,.5)}
.vqa-contenu details>*:not(summary){padding:10px 14px 2px;margin:0}
.vqa-contenu details a{color:var(--halo)}
.vqa-msg__pied{display:flex;flex-wrap:wrap;gap:8px 18px;align-items:center;justify-content:space-between;margin-top:12px;padding-top:12px;border-top:1px dashed var(--line)}
.vqa-msg__actions{display:flex;flex-wrap:wrap;gap:0 4px}
.vqa-reac{display:flex;flex-wrap:wrap;gap:8px}
.vqa-reac__f{margin:0}
.vqa-reac__b{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 14px;border-radius:40px;border:1px solid var(--velours);background:var(--papier);color:var(--velours);font:600 13.5px/1 var(--sans);cursor:pointer;text-decoration:none}
.vqa-reac__b:hover{background:var(--voile);color:var(--velours)}
.vqa-reac__b.is-actif{background:var(--velours);color:var(--halo)}
.vqa-reac__b--lecture{cursor:default}
.vqa-reac__n{font-variant-numeric:tabular-nums}
.vqa-admin{font:13px var(--sans);width:100%}
.vqa-admin a{color:var(--muted);margin-right:12px}
.vqa-admin a:hover{color:var(--non)}
.vqa-encadre{border-radius:var(--r);margin-bottom:18px}
.vqa-carte-fil{background:var(--ecran);border:1px solid var(--line);padding:16px 22px}
.vqa-carte-fil__l{display:flex;flex-wrap:wrap;gap:10px 36px}
.vqa-carte-fil__l dt{font:600 10.5px/1.2 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--cuivretx)}
.vqa-carte-fil__l dd{font:500 19px/1.2 var(--serif);color:var(--velours)}
.vqa-source{display:flex;gap:14px;align-items:center;background:var(--papier);border:1px solid var(--line);padding:14px 20px;color:var(--velours)}
.vqa-source p{margin:0;color:var(--ink);font:14.5px var(--sans)}
.vqa-solution{background:var(--papier);border:1px solid var(--ok);border-left-width:6px;padding:20px 24px}
.vqa-etiquette-retenue{display:inline-flex;align-items:center;flex-wrap:wrap;gap:8px 12px;margin-bottom:12px;font:600 13px/1.3 var(--sans);color:var(--muted)}
.vqa-etiquette-retenue strong{display:inline-flex;align-items:center;gap:8px;min-height:28px;padding:0 14px;border-radius:40px;background:var(--ok);color:#fff}
.vqa-solution__ex{font-size:17px;line-height:1.55;margin:2px 0 8px}
.vqa-solution__voir{margin-top:8px;font:600 14px/1.3 var(--sans)}
.vqa-finfil{display:flex;gap:20px;background:var(--papier);border:1px solid var(--line);padding:22px 24px}
.vqa-finfil__act{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin:14px 0}
.vqa-finfil .vqa-h3{margin-top:14px}
.vqa-repere{display:flex;flex-wrap:wrap;gap:10px 16px;align-items:center;margin:18px 0;padding:12px 16px;background:var(--voile);border-left:4px solid var(--cuivre);border-radius:var(--r);font:600 14px/1.3 var(--sans);color:var(--velours)}
.vqa-jalon{display:flex;align-items:center;gap:14px;margin:6px 0;font:500 13px/1 var(--sans);color:var(--muted)}
.vqa-jalon::before,.vqa-jalon::after{content:"";flex:1;height:1px;background:var(--line)}
.vqa-lecture__nouv{font:600 14px/1.3 var(--sans);margin-bottom:10px;color:var(--cuivretx)}
.vqa-formulaire{margin-top:26px}
.vqa-formulaire .vqa-h2{margin-bottom:16px;font-size:28px}
.vqa-invite{display:flex;gap:18px;align-items:center;background:var(--papier);border:1px solid var(--line);border-top:3px solid var(--velours);border-radius:var(--r);padding:22px 24px;color:var(--velours)}
.vqa-invite p{color:var(--ink);margin-bottom:10px}
.vqa-invite__act{display:flex;flex-wrap:wrap;gap:12px}
.vqa-aide--regle,.vqa-aide--niveau{display:flex;gap:10px;align-items:flex-start;background:var(--ecran);border-left:4px solid var(--cuivre);border-radius:var(--r);padding:10px 14px;color:var(--ink);margin-bottom:16px;font:14px/1.45 var(--sans)}
.bbp-template-notice{background:var(--voile);border-left:5px solid var(--cuivre);border-radius:var(--r);padding:8px 16px;margin:0 0 16px;font:14.5px/1.45 var(--sans)}
.bbp-template-notice.error{background:#fbeeea;border-left-color:var(--non)}
.bbp-template-notice ul{list-style:none;margin:0}
.bbp-template-notice p{margin:4px 0}

/* ---------- vides, raccourcis ---------- */
.vqa-vide{display:flex;flex-direction:column;align-items:flex-start;gap:12px;background:var(--papier);border:1px dashed var(--velours2);border-radius:var(--r);padding:28px;color:var(--ink)}
.vqa-vide svg{color:var(--velours)}
.vqa-vide--recherche{border-style:solid}
.vqa-raccourcis{list-style:none;display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
.vqa-raccourcis a{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:0 16px 0 8px;border-radius:40px;background:var(--papier);border:1px solid var(--velours);color:var(--velours);font:600 14px/1 var(--sans);text-decoration:none}
.vqa-raccourcis a:hover{background:var(--velours);color:var(--ecran)}
.vqa-raccourcis__n{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--cuivre);color:#fff;font:600 15px/1 var(--serif)}

/* ---------- profil ---------- */
.vqa-profil-tete{background:var(--velours);color:var(--ecran);padding:28px 0 34px;border-bottom:4px solid var(--cuivre)}
.vqa-profil-tete .vqa-ariane ol,.vqa-profil-tete .vqa-ariane a,.vqa-profil-tete .vqa-ariane [aria-current]{color:#dccfc6}
.vqa-identite{display:flex;gap:28px;align-items:center;margin-top:18px}
.vqa-profil-tete .vqa-identite{background:var(--papier);color:var(--ink)}
.vqa-identite__niv{display:flex;flex-wrap:wrap;gap:6px 12px;align-items:center;margin-top:10px;font:500 14.5px/1.3 var(--sans);color:var(--muted)}
.vqa-identite__niv strong{color:var(--velours)}
@media (max-width:640px){.vqa-identite{flex-direction:column;align-items:flex-start;gap:14px}.vqa-av--grand{width:88px;height:88px}}
.vqa-profil__bloc{margin-bottom:32px}
.vqa-profil__bloc>.vqa-h2,.vqa-profil__bloc>.vqa-h3{margin-bottom:14px}
.vqa-freq{list-style:none;display:grid;gap:8px}
.vqa-freq li{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 16px;background:var(--papier);border:1px solid var(--line);border-radius:var(--r)}
.vqa-freq a{display:inline-flex;align-items:center;gap:10px;min-height:44px;font:500 17px/1.2 var(--serif);color:var(--velours);text-decoration:none}
.vqa-freq b{font:500 13px/1 var(--sans);color:var(--muted)}
.vqa-jauge__t{font-size:16px;margin-bottom:10px}
.vqa-jauge__barre{height:12px;background:var(--voile);border:1px solid var(--velours2);border-radius:40px;overflow:hidden}
.vqa-jauge__barre i{display:block;height:100%;background:var(--cuivre)}
.vqa-jauge__m{font:14px/1.5 var(--sans);color:var(--muted);margin-top:10px}

/* ---------- pages de compte, contact, signalement, 404 ---------- */
.vqa-compte-page{padding:56px 0 80px}
.vqa-compte-page__in{display:grid;grid-template-columns:minmax(0,560px) minmax(0,1fr);gap:56px;align-items:center}
.vqa-compte-page__in--seul{grid-template-columns:minmax(0,600px)}
.vqa-compte-page__photo{align-self:stretch;min-height:320px;border-radius:var(--r);overflow:hidden;position:relative;background:var(--voile)}
.vqa-compte-page__photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.vqa-confirmation{padding:32px}
.vqa-confirmation .vqa-h1{font-size:clamp(28px,3vw,40px);margin-bottom:14px}
.vqa-confirmation .vqa-intro{font-size:17px;margin:0 0 18px;color:var(--ink)}
@media (max-width:900px){.vqa-compte-page{padding:28px 0 56px}.vqa-compte-page__in{grid-template-columns:1fr;gap:24px}.vqa-compte-page__photo{display:none}.vqa-confirmation{padding:22px}}
.vqa-contact__grille,.vqa-signal__grille{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:40px;align-items:start;padding-block:48px 80px}
@media (max-width:1020px){.vqa-contact__grille,.vqa-signal__grille{grid-template-columns:1fr;padding-block:28px 56px}}
.vqa-avis{display:flex;gap:16px;align-items:flex-start;padding:22px 24px;border-radius:var(--r);background:var(--papier);border:1px solid var(--line)}
.vqa-avis--ok{border-left:6px solid var(--ok)}
.vqa-avis--ok svg{color:var(--ok)}
.vqa-avis p{margin-bottom:8px}
.vqa-citation-signal{margin:0 0 18px}
.vqa-citation-signal__qui{display:flex;align-items:center;gap:10px;font:14.5px var(--sans);margin-bottom:8px}
.vqa-404{padding:72px 0 96px}
.vqa-404__in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,420px);gap:56px;align-items:center}
.vqa-404__salle{justify-self:center;padding:24px;background:var(--papier);border:1px solid var(--line);border-top:3px solid var(--velours);border-radius:var(--r);box-shadow:var(--ombre)}
@media (max-width:900px){.vqa-404{padding:36px 0 64px}.vqa-404__in{grid-template-columns:1fr;gap:28px}.vqa-404__salle{justify-self:start}}

/* ---------- pied de page ---------- */
.vqa-pied{position:relative;background:var(--velours);color:#e4d8cd;padding:0;margin-top:80px;border-top:4px solid var(--cuivre)}
.vqa-pied a{color:#f1e8dd;text-decoration:none}
.vqa-pied a:hover{color:var(--halo);text-decoration:underline}
.vqa-pied__in{display:grid;grid-template-columns:1.4fr 1.5fr 1fr 1.3fr;gap:36px;padding-block:44px 40px}
.vqa-pied__col{min-width:0}
.vqa-pied .vqa-logo{color:var(--ecran)}
.vqa-pied .vqa-logo__sous{color:var(--halo)}
.vqa-pied__base{margin-top:16px;font-size:15.5px;max-width:28em;color:#e4d8cd}
.vqa-pied__t{font:700 11px/1.2 var(--sans);letter-spacing:.18em;text-transform:uppercase;color:var(--halo);margin-bottom:12px}
.vqa-pied__col ul{list-style:none;display:flex;flex-direction:column;gap:2px;font:500 14px/1.3 var(--sans)}
.vqa-pied__col--forums ul{display:grid;grid-template-columns:1fr 1fr;gap:2px 20px}
.vqa-pied__col li a{display:flex;align-items:center;min-height:36px;padding:2px 0}
.vqa-pied__vide{font:14px/1.5 var(--sans)}
.vqa-pied__bas{border-top:1px solid rgba(255,255,255,.16);padding:18px 0 26px;font:12.5px/1.5 var(--sans);color:#d8cabd}
.vqa-pied__bas .vqa-wrap{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 20px}
.vqa-pied__bas p{max-width:48em}
@media (max-width:1200px){.vqa-pied__in{grid-template-columns:1fr 1fr 1fr}.vqa-pied__col--marque{grid-column:1 / -1}}
@media (max-width:640px){.vqa-pied{margin-top:56px}.vqa-pied__in{grid-template-columns:1fr 1fr;gap:28px 20px;padding-top:32px}.vqa-pied__col--forums{grid-column:1 / -1}.vqa-pied__col--forums ul{grid-template-columns:1fr 1fr}}

/* ---------- barre d'onglets mobile ---------- */
.vqa-onglets{display:none}
@media (max-width:760px){
  .vqa-onglets{display:block;position:fixed;left:0;right:0;bottom:0;z-index:55;background:var(--papier);border-top:3px solid var(--cuivre);padding-bottom:env(safe-area-inset-bottom)}
  .vqa-onglets ul{list-style:none;display:grid;grid-template-columns:repeat(5,1fr)}
  .vqa-onglets a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:60px;padding:6px 2px;color:var(--muted);font:600 11.5px/1.1 var(--sans);text-decoration:none}
  .vqa-onglets a:hover,.vqa-onglets .vqa-onglets__agir a{color:var(--velours)}
}

/* ---------- contact : le formulaire et son bouton tiennent dans le premier écran ---------- */
.vqa-contact .vqa-entete-page{padding-block:20px 22px}
.vqa-contact .vqa-entete-page .vqa-intro{margin-top:8px}
.vqa-contact .vqa-contact__grille{padding-block:24px 56px}
.vqa-contact .vqa-formulaire{margin-top:0}
.vqa-contact .vqa-formulaire p{margin-bottom:12px}
.vqa-contact textarea.vqa-champ{min-height:120px}
@media (max-width:600px){
  .vqa-contact .vqa-entete-page .vqa-intro,.vqa-contact .vqa-aide{display:none}
  .vqa-contact .vqa-case{padding:14px}
  .vqa-contact .vqa-contact__grille{padding-top:14px;padding-bottom:24px}
  .vqa-contact .vqa-entete-page{padding-block:12px 10px}
  .vqa-contact .vqa-entete-page .vqa-h1{font-size:26px;margin:4px 0 0}
  .vqa-contact textarea.vqa-champ{min-height:56px}
  .vqa-contact .vqa-formulaire p{margin-bottom:8px}
  .vqa-contact .vqa-case{padding:10px}
}

/* ---------- mouvement ---------- */
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}