/* ═══════════════════════════════════════════════════════════════════════
   vente.css — les trois pages de vente de metiersenuniforme.fr
   Les Deux Galons (main.vt-dg), Le Premier Galon (main.vt-pg),
   Les Deux Colonnes (main.vt-dc).

   Mis en ligne le 5 octobre 2026 : ce sont les maquettes v2 validées par
   Walid (_maquettes/deux-galons-v2, premier-galon-v2, deux-colonnes-v2),
   la garance de la charte partout — l'or de la maquette Deux Colonnes a été
   repassé au rouge, comme les deux autres.

   RÈGLES DE CE FICHIER
   - Chargé APRÈS style.css, par ces trois pages seulement. Son adresse porte
     l'empreinte de son contenu (/vente.css?v=…), posée par _outils/vente.mjs :
     il est servi en cache immuable un an.
   - Tout est enfermé sous main.vt : chaque règle commence par .vt, .vt-dg,
     .vt-pg ou .vt-dc, et chaque classe porte le préfixe de sa page (dg-,
     pg-, dc-) ou vt- pour ce qui est commun. Rien ne peut toucher une autre
     page ni l'habillage (barre, en-tête, pied), qui reste celui de style.css.
   - Les couleurs passent par les jetons de la charte (--nuit, --garance,
     --marine, --papier, --encre…) : le mode sombre suit. Les seules teintes
     fixes sont celles des surfaces posées sur une photo ou sur le drap nuit,
     qui restent les mêmes dans les deux modes.
   - Classes gardées telles quelles parce que la chaîne les lit : zone, fil
     (fil d'Ariane, metadonnees.mjs), chapeau (achat du haut, offre.mjs),
     date (plan de site), sources et maj (le cachet, controles.mjs).
   - Les questions jouables, le bouton « voir les autres », la barre d'achat
     et l'apparition au défilement sont dans /vente.js ; les états qu'il pose
     sont préfixés vt- (vt-repondu, vt-bon, vt-faux, vt-ouvert, vt-visible,
     vt-cache, vt-vu, vt-ok, vt-ko).
   ═══════════════════════════════════════════════════════════════════════ */

/* ── Socle commun : la base de style.css est remise à plat sous main.vt ──
   style.css stylise des éléments nus pour les pages de contenu : marges des
   p et des titres, largeur de lecture de 68 caractères, <section> à 58 px de
   marge, <details>/<summary> des corrigés (« La réponse »), boutons violets.
   Les maquettes partaient d'une page blanche ; :where() garde ce socle à la
   spécificité d'une seule classe, pour que toute règle de page passe devant. */
body.vt-page{overflow-x:clip}
main.vt{display:block;padding:0}
.vt :where(h1,h2,h3,p,section,details,summary,ul,ol,li,figure,figcaption,blockquote,article,header){margin:0;padding:0;max-width:none;border:0}
.vt :where(ul,ol){list-style:none}
.vt :where(a){color:var(--marine);text-decoration-color:currentColor;text-decoration-thickness:1px;text-underline-offset:3px}
.vt :where(summary){font:inherit;letter-spacing:normal;text-transform:none;min-height:0;line-height:inherit;color:inherit;display:block}
.vt summary::before,.vt details[open] summary::before{content:none}
.vt details[open] summary{margin-bottom:0}
.vt summary:hover{text-decoration:none}
.vt :where(details p){font-size:inherit}
.vt :where(button){font:inherit;padding:0;border:0;background:none;color:inherit;text-transform:none;letter-spacing:normal}
.vt :where(img){max-width:100%;display:block}
.vt :where(sup){line-height:0;font-size:.7em}

/* ═══ Les Deux Galons — main.vt-dg ═══ */
.vt-dg img{max-width:100%;display:block}
.vt-dg .dg-t{font-family:var(--corps);font-stretch:72%;font-weight:800;line-height:1.02;letter-spacing:-.005em}
.vt-dg .dg-sur{font-family:var(--mono);font-size:13px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--vermillon);display:inline-flex;align-items:center;gap:12px;margin-bottom:18px}
.vt-dg .dg-sur::before{content:"";width:34px;height:2px;background:currentColor}
.vt-dg .dg-num{font-family:var(--mono);font-weight:600;letter-spacing:-.02em}
.vt-dg :focus-visible{outline:3px solid var(--garance);outline-offset:3px}
.vt-dg .dg-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;font-family:var(--corps);font-weight:700;font-size:16.5px;line-height:1.2;text-decoration:none;padding:17px 26px;border:2px solid transparent;transition:background .15s,color .15s,border-color .15s,transform .15s;cursor:pointer;text-align:center}
.vt-dg .dg-btn-plein{background:var(--garance);color:#fff}
.vt-dg .dg-btn-plein:hover{background:#A50D26;transform:translateY(-1px)}
.vt-dg .dg-btn-trait{border-color:rgba(255,255,255,.7);color:#fff}
.vt-dg .dg-btn-trait:hover{background:#fff;color:var(--nuit)}
.vt-dg .dg-btn-contour{border-color:var(--marine);color:var(--marine)}
.vt-dg .dg-btn-contour:hover{background:var(--nuit);color:#fff}
.vt-dg .dg-btn svg{flex:none}
.vt-dg .dg-heros{position:relative;background:var(--nuit);color:#fff;overflow:hidden;isolation:isolate}
.vt-dg .dg-heros picture,.vt-dg .dg-heros .dg-fond{position:absolute;inset:0;width:100%;height:100%;z-index:-2}
.vt-dg .dg-heros .dg-fond{object-fit:cover;object-position:62% 58%}
.vt-dg .dg-heros::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(10,27,51,.97) 0%,rgba(10,27,51,.9) 42%,rgba(10,27,51,.55) 72%,rgba(10,27,51,.35) 100%)}
.vt-dg .dg-heros::after{content:"";position:absolute;left:0;top:0;bottom:0;width:14px;background:var(--garance)}
.vt-dg .dg-heros .zone{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:56px;align-items:center;padding-top:84px;padding-bottom:96px}
.vt-dg .dg-heros .dg-sur{color:#fff;opacity:.9}
.vt-dg .dg-heros .dg-sur::before{background:var(--garance)}
.vt-dg .dg-heros h1{font-size:clamp(3rem,7.6vw,6.2rem);color:#fff;margin:0 0 8px}
.vt-dg .dg-heros h1 em{font-style:normal;box-shadow:inset 0 -.15em 0 var(--garance)}
.vt-dg .dg-heros .dg-sous-titre{font-stretch:80%;font-weight:700;font-size:clamp(1.25rem,2.4vw,1.75rem);line-height:1.2;color:#E3E8F0;margin-bottom:22px}
.vt-dg .dg-heros .chapeau{font-size:19px;line-height:1.6;color:#D9DFE9;max-width:34em}
.vt-dg .dg-heros .chapeau strong{color:#fff}
.vt-dg .dg-urgence{display:inline-flex;flex-wrap:wrap;align-items:center;gap:8px 14px;margin:28px 0 0;padding:10px 14px;background:rgba(255,255,255,.07);border-left:4px solid var(--garance);font-size:15px;color:#fff}
.vt-dg .dg-urgence b{font-weight:700}
.vt-dg .dg-urgence .dg-compte{font-family:var(--mono);font-weight:600;font-size:14px;background:var(--garance);padding:2px 8px}
.vt-dg .dg-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:28px}
.vt-dg .dg-rassure{display:flex;flex-wrap:wrap;gap:8px 22px;margin-top:22px;font-size:14.5px;color:#D9DFE9}
.vt-dg .dg-rassure span{display:inline-flex;align-items:center;gap:8px}
.vt-dg .dg-rassure svg{color:#fff;flex:none}
.vt-dg .dg-credit{position:absolute;right:16px;bottom:10px;font-size:13px;color:rgba(255,255,255,.72)}
@media(max-width:960px){
.vt-dg .dg-heros .zone{grid-template-columns:minmax(0,1fr);gap:44px;padding-top:56px;padding-bottom:72px}
.vt-dg .dg-heros::before{background:linear-gradient(180deg,rgba(10,27,51,.93) 0%,rgba(10,27,51,.88) 55%,rgba(10,27,51,.96) 100%)}
}
@media(max-width:600px){
.vt-dg .dg-heros .zone{padding-left:30px;padding-top:40px}
.vt-dg .dg-heros .dg-sur{font-size:13px;letter-spacing:.1em}
.vt-dg .dg-heros .dg-sous-titre{margin-bottom:16px}
.vt-dg .dg-urgence{margin-top:20px}
.vt-dg .dg-heros .chapeau{font-size:17.5px}
.vt-dg .dg-actions .dg-btn{width:100%}
}
.vt-dg .dg-couv{position:relative;justify-self:center;width:100%;max-width:400px}
.vt-dg .dg-couv-carte{position:relative;background:linear-gradient(160deg,#13294B 0%,#0A1B33 70%);border:1px solid rgba(255,255,255,.18);padding:30px 28px 0;box-shadow:0 40px 80px -30px rgba(0,0,0,.75);overflow:hidden}
.vt-dg .dg-couv-carte::after{content:"";position:absolute;left:0;right:0;bottom:0;height:10px;background:var(--garance)}
.vt-dg .dg-couv-marque{display:flex;gap:12px;align-items:center}
.vt-dg .dg-couv-marque i{width:6px;height:34px;background:var(--garance)}
.vt-dg .dg-couv-marque b{display:block;font-stretch:70%;font-weight:900;font-size:17px;text-transform:uppercase;line-height:1}
.vt-dg .dg-couv-marque small{display:block;font-family:var(--mono);font-size:13px;letter-spacing:.18em;text-transform:uppercase;color:var(--argent);margin-top:4px}
.vt-dg .dg-couv-sur{font-family:var(--mono);font-size:13px;letter-spacing:.16em;text-transform:uppercase;color:#FF8A9A;margin:34px 0 10px}
.vt-dg .dg-couv-titre{font-size:52px;color:#fff}
.vt-dg .dg-couv-galons{display:grid;gap:12px;width:132px;margin:26px 0 24px}
.vt-dg .dg-couv-galons span{display:block;height:20px;background:linear-gradient(180deg,#E7EAEF,#AEB5C0);transform:skewX(-14deg)}
.vt-dg .dg-couv-pied{border-top:1px solid rgba(255,255,255,.18);padding:16px 0 30px;font-size:15px;color:var(--argent);line-height:1.45}
.vt-dg .dg-couv-pied b{color:#fff;font-weight:700}
.vt-dg .dg-pastille{position:absolute;right:-18px;top:-20px;background:#fff;color:var(--nuit);padding:12px 16px;text-align:center;box-shadow:0 20px 40px -18px rgba(0,0,0,.6);border-top:4px solid var(--garance)}
.vt-dg .dg-pastille b{display:block;font-family:var(--mono);font-weight:600;font-size:30px;line-height:1}
.vt-dg .dg-pastille span{display:block;font-size:13px;color:#39465C;margin-top:4px}
.vt-dg .dg-couv .dg-legende{font-size:13px;color:rgba(255,255,255,.7);margin-top:12px;text-align:center}
@media(max-width:960px){
.vt-dg .dg-couv{max-width:340px}
.vt-dg .dg-couv-titre{font-size:44px}
}
@media(max-width:420px){
.vt-dg .dg-pastille{right:-6px}
}
.vt-dg .dg-chiffres{background:var(--nuit-2);color:#fff;border-top:1px solid rgba(255,255,255,.12)}
.vt-dg .dg-chiffres .zone{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
.vt-dg .dg-chiffre{padding:28px 22px 26px;border-left:1px solid rgba(255,255,255,.14)}
.vt-dg .dg-chiffre:first-child{border-left:0;padding-left:0}
.vt-dg .dg-chiffre b{display:block;font-family:var(--mono);font-size:40px;font-weight:600;line-height:1;letter-spacing:-.02em}
.vt-dg .dg-chiffre span{display:block;margin-top:10px;font-size:14.5px;color:var(--argent);line-height:1.4}
@media(max-width:760px){
.vt-dg .dg-chiffres .zone{grid-template-columns:repeat(2,minmax(0,1fr))}
.vt-dg .dg-chiffre{padding:22px 14px}
.vt-dg .dg-chiffre:nth-child(odd){border-left:0;padding-left:0}
.vt-dg .dg-chiffre:nth-child(n+3){border-top:1px solid rgba(255,255,255,.14)}
.vt-dg .dg-chiffre b{font-size:32px}
}
.vt-dg>section{padding:96px 0}
@media(max-width:700px){
.vt-dg>section{padding:60px 0}
.vt-dg .dg-intro{font-size:17px}
}
.vt-dg .dg-lavis{background:var(--blanc)}
.vt-dg h2.dg-t{font-size:clamp(2.2rem,4.8vw,3.6rem);color:var(--marine);max-width:17em}
.vt-dg h2.dg-t em{font-style:normal;color:var(--vermillon)}
.vt-dg .dg-intro{font-size:18.5px;color:var(--encre-2);max-width:40em;margin-top:18px}
.vt-dg .dg-intro strong{color:var(--encre)}
.vt-dg h3{font-stretch:85%;font-weight:800;font-size:21px;line-height:1.2;color:var(--marine)}
.vt-dg .dg-grille{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:16px;margin-top:48px}
.vt-dg .dg-carte{position:relative;background:var(--papier);border:1px solid var(--filet);border-top:4px solid var(--marine);padding:28px 26px 26px;overflow:hidden}
.vt-dg .dg-lavis .dg-carte{background:var(--papier)}
.vt-dg .dg-carte p{color:var(--encre-2);font-size:16px;margin-top:10px}
.vt-dg .dg-carte p strong{color:var(--encre)}
.vt-dg .dg-carte .dg-ico{width:46px;height:46px;display:grid;place-items:center;background:var(--nuit);color:#fff;margin-bottom:20px}
.vt-dg .dg-carte .dg-gros{position:absolute;right:22px;top:18px;font-family:var(--mono);font-weight:600;font-size:56px;line-height:1;color:var(--marine);opacity:.09}
.vt-dg .dg-carte .dg-compte{display:flex;gap:18px;margin-top:16px;padding-top:14px;border-top:1px solid var(--filet-p);font-size:14px;color:var(--acier)}
.vt-dg .dg-carte .dg-compte b{font-family:var(--mono);font-weight:600;font-size:20px;color:var(--marine);display:block;line-height:1.1}
.vt-dg .dg-carte.dg-accent{background:var(--nuit);border-color:var(--marine);border-top-color:var(--garance);color:#fff}
.vt-dg .dg-carte.dg-accent h3{color:#fff}
.vt-dg .dg-carte.dg-accent p{color:var(--argent)}
.vt-dg .dg-carte.dg-accent p strong{color:#fff}
.vt-dg .dg-carte.dg-accent .dg-ico{background:var(--garance)}
.vt-dg .dg-carte.dg-accent .dg-gros{color:#fff;opacity:.12}
.vt-dg .dg-carte.dg-accent .dg-compte{border-top-color:rgba(255,255,255,.15);color:var(--argent)}
.vt-dg .dg-carte.dg-accent .dg-compte b{color:#fff}
.vt-dg .dg-c4{grid-column:span 4}
.vt-dg .dg-c6{grid-column:span 6}
.vt-dg .dg-c8{grid-column:span 8}
.vt-dg .dg-c12{grid-column:span 12}
@media(max-width:900px){
.vt-dg .dg-c4,.vt-dg .dg-c6,.vt-dg .dg-c8{grid-column:span 6}
}
@media(max-width:640px){
.vt-dg .dg-c4,.vt-dg .dg-c6,.vt-dg .dg-c8,.vt-dg .dg-c12{grid-column:span 12}
.vt-dg .dg-grille{gap:12px;margin-top:32px}
.vt-dg .dg-carte{padding:20px 18px 18px;display:grid;grid-template-columns:40px minmax(0,1fr);column-gap:14px;align-items:center}
.vt-dg .dg-carte .dg-ico{width:40px;height:40px;margin-bottom:0}
.vt-dg .dg-carte .dg-ico svg{width:20px;height:20px}
.vt-dg .dg-carte h3{font-size:19px}
.vt-dg .dg-carte p,.vt-dg .dg-carte .dg-compte{grid-column:1/-1}
.vt-dg .dg-carte p{font-size:15.5px}
.vt-dg .dg-carte .dg-gros{font-size:44px;top:12px;right:14px}
.vt-dg .dg-sous-bloc{margin-top:44px}
}
.vt-dg .dg-sous-bloc{margin-top:64px}
.vt-dg .dg-sous-bloc .dg-sur{margin-bottom:6px}
.vt-dg .dg-etapes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:52px;border-top:2px solid var(--marine)}
.vt-dg .dg-etape{padding:30px 28px 8px 0}
.vt-dg .dg-etape+.dg-etape{padding-left:28px;border-left:1px solid var(--filet)}
.vt-dg .dg-etape .dg-n{font-family:var(--mono);font-weight:600;font-size:15px;color:#fff;background:var(--garance);display:inline-block;padding:4px 10px}
.vt-dg .dg-etape h3{margin:16px 0 10px}
.vt-dg .dg-etape p{color:var(--encre-2);font-size:16px}
.vt-dg .dg-etape .dg-duree{display:inline-block;margin-top:14px;font-family:var(--mono);font-size:13px;font-weight:500;color:var(--marine);border:1px solid var(--filet);padding:3px 10px}
@media(max-width:860px){
.vt-dg .dg-etapes{grid-template-columns:minmax(0,1fr)}
.vt-dg .dg-etape,.vt-dg .dg-etape+.dg-etape{padding:26px 0;border-left:0;border-bottom:1px solid var(--filet)}
}
.vt-dg .dg-frise{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:48px;position:relative}
.vt-dg .dg-frise::before{content:"";position:absolute;left:0;right:0;top:9px;height:2px;background:var(--nuit)}
.vt-dg .dg-jalon{position:relative;padding:34px 22px 0 0}
.vt-dg .dg-jalon::before{content:"";position:absolute;left:0;top:0;width:20px;height:20px;background:var(--papier);border:4px solid var(--marine)}
.vt-dg .dg-jalon.dg-premier::before{background:var(--garance);border-color:var(--garance)}
.vt-dg .dg-jalon .dg-jdate{font-family:var(--mono);font-weight:600;font-size:14px;color:var(--vermillon);letter-spacing:.04em}
.vt-dg .dg-jalon h3{margin:6px 0 8px;font-size:20px}
.vt-dg .dg-jalon p{font-size:15.5px;color:var(--encre-2)}
.vt-dg .dg-jalon p strong{color:var(--encre)}
@media(max-width:860px){
.vt-dg .dg-frise{grid-template-columns:minmax(0,1fr);padding-left:8px}
.vt-dg .dg-frise::before{left:17px;right:auto;top:0;bottom:0;width:2px;height:auto}
.vt-dg .dg-jalon{padding:0 0 30px 44px}
.vt-dg .dg-jalon::before{left:0;top:2px}
}
.vt-dg .dg-photo-bande{position:relative;background:var(--nuit);color:#fff;overflow:hidden;isolation:isolate}
.vt-dg .dg-photo-bande img.dg-fond{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;object-position:50% 60%}
.vt-dg .dg-photo-bande::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(10,27,51,.97) 0%,rgba(10,27,51,.93) 55%,rgba(10,27,51,.7) 100%)}
.vt-dg .dg-photo-bande::after{content:"";position:absolute;left:0;top:0;bottom:0;width:14px;background:var(--garance)}
.vt-dg .dg-photo-bande h2.dg-t{color:#fff}
.vt-dg .dg-photo-bande h2.dg-t em{color:#fff;box-shadow:inset 0 -.15em 0 var(--garance)}
.vt-dg .dg-photo-bande .dg-sur{color:#fff}
.vt-dg .dg-photo-bande .dg-sur::before{background:var(--garance)}
.vt-dg .dg-photo-bande .dg-intro{color:#D9DFE9}
.vt-dg .dg-photo-bande .dg-intro strong{color:#fff}
.vt-dg .dg-deux{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;align-items:center}
@media(max-width:900px){
.vt-dg .dg-deux{grid-template-columns:minmax(0,1fr);gap:40px}
.vt-dg .dg-photo-bande .zone{padding-left:30px}
}
.vt-dg .dg-barres{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.16);padding:26px 24px}
.vt-dg .dg-barres .dg-titre{font-family:var(--mono);font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--argent);margin-bottom:18px}
.vt-dg .dg-barre-l{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 12px;margin-bottom:18px}
.vt-dg .dg-barre-l .dg-nom{font-weight:700;font-size:15.5px}
.vt-dg .dg-barre-l .dg-val{font-family:var(--mono);font-weight:600;font-size:15px}
.vt-dg .dg-barre-l .dg-piste{grid-column:1/-1;height:12px;background:rgba(255,255,255,.1);position:relative}
.vt-dg .dg-barre-l .dg-piste i{position:absolute;left:0;top:0;bottom:0;background:var(--papier)}
.vt-dg .dg-barre-l.dg-fort .dg-piste i{background:var(--garance)}
.vt-dg .dg-barre-l .dg-ecart{grid-column:1/-1;font-size:13.5px;color:var(--argent)}
.vt-dg .dg-barres .dg-rem{font-size:13px;color:var(--argent);line-height:1.5;border-top:1px solid rgba(255,255,255,.14);padding-top:14px;margin-top:6px}
.vt-dg .dg-photo-bande .dg-credit{position:absolute}
.vt-dg .dg-qcms{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:44px;align-items:start}
@media(max-width:900px){
.vt-dg .dg-qcms{grid-template-columns:minmax(0,1fr)}
}
.vt-dg .dg-qcm{background:var(--papier);border:1px solid var(--filet);border-left:4px solid var(--marine);padding:24px}
.vt-dg .dg-qcm .dg-bloc{font-family:var(--mono);font-size:13px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--vermillon)}
.vt-dg .dg-qcm .dg-q{color:var(--encre);font-weight:700;font-size:16.5px;line-height:1.5;margin:10px 0 14px}
.vt-dg .dg-qcm button{display:flex;gap:12px;align-items:flex-start;width:100%;text-align:left;font:inherit;font-size:15.5px;line-height:1.45;color:var(--encre);background:var(--papier);border:1px solid var(--filet);padding:11px 13px;margin-top:8px;cursor:pointer;transition:border-color .15s,background .15s}
.vt-dg .dg-qcm button:hover:not([disabled]){border-color:var(--marine);background:var(--blanc)}
.vt-dg .dg-qcm button .dg-l{flex:none;width:26px;height:26px;display:grid;place-items:center;font-family:var(--mono);font-weight:600;font-size:13px;background:var(--filet-p);color:var(--marine)}
.vt-dg .dg-qcm button[disabled]{cursor:default}
.vt-dg .dg-qcm button.vt-bon{border-color:var(--vert);background:#EAF4EE}
.vt-dg .dg-qcm button.vt-bon .dg-l{background:var(--vert);color:#fff}
.vt-dg .dg-qcm button.vt-faux{border-color:var(--garance);background:var(--tampon-p)}
.vt-dg .dg-qcm button.vt-faux .dg-l{background:var(--garance);color:#fff}
.vt-dg .dg-qcm .dg-corr{display:none;margin-top:16px;padding-top:14px;border-top:1px solid var(--filet);font-size:15px;color:var(--encre-2)}
.vt-dg .dg-qcm .dg-corr b{color:var(--encre)}
.vt-dg .dg-qcm .dg-verdict{display:block;font-family:var(--mono);font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;margin-bottom:6px}
.vt-dg .dg-qcm .dg-verdict.vt-ok{color:var(--vert)}
.vt-dg .dg-qcm .dg-verdict.vt-ko{color:var(--vermillon)}
.vt-dg .dg-qcm.vt-repondu .dg-corr{display:block}
.vt-dg .dg-qcms-plus{display:none}
@media(max-width:900px){
.vt-dg .dg-qcms:not(.vt-ouvert) .dg-qcm:nth-child(n+4){display:none}
.vt-dg .dg-qcms-plus{display:flex;width:100%;margin-top:16px}
.vt-dg .dg-qcms.vt-ouvert+.dg-qcms-plus{display:none}
}
.vt-dg .dg-score{margin-top:22px;font-family:var(--mono);font-weight:600;font-size:15px;color:var(--marine)}
.vt-dg .dg-essai-suite{margin-top:36px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px 32px;align-items:center;background:var(--nuit);color:#fff;padding:28px;border-left:6px solid var(--garance)}
.vt-dg .dg-essai-suite p{color:#D9DFE9;font-size:16.5px}
.vt-dg .dg-essai-suite p strong{color:#fff}
@media(max-width:760px){
.vt-dg .dg-essai-suite{grid-template-columns:minmax(0,1fr)}
.vt-dg .dg-essai-suite .dg-btn{width:100%}
}
.vt-dg .dg-compare{margin-top:48px;border:1px solid var(--filet);background:var(--papier)}
.vt-dg .dg-compare-tete,.vt-dg .dg-compare-ligne{display:grid;grid-template-columns:minmax(0,1.1fr) repeat(3,minmax(0,1fr))}
.vt-dg .dg-compare-tete>div{padding:18px 18px;font-weight:800;font-stretch:85%;font-size:17px;color:var(--marine);border-bottom:2px solid var(--marine)}
.vt-dg .dg-compare-tete .dg-nous{background:var(--nuit);color:#fff;border-bottom-color:var(--garance)}
.vt-dg .dg-compare-tete small{display:block;font-weight:500;font-stretch:100%;font-size:13px;color:var(--acier);margin-top:2px}
.vt-dg .dg-compare-tete .dg-nous small{color:var(--argent)}
.vt-dg .dg-compare-ligne>div{padding:16px 18px;border-top:1px solid var(--filet-p);font-size:15.5px;color:var(--encre-2)}
.vt-dg .dg-compare-ligne .dg-crit{font-weight:700;color:var(--encre)}
.vt-dg .dg-compare-ligne .dg-nous{background:#F1F4F9;color:var(--encre);font-weight:600;border-left:2px solid var(--marine);border-right:2px solid var(--marine)}
.vt-dg .dg-compare-ligne:last-child .dg-nous{border-bottom:2px solid var(--marine)}
.vt-dg .dg-compare-ligne .dg-nous svg{color:var(--vert);vertical-align:-3px;margin-right:6px}
.vt-dg .dg-compare-ligne .dg-lab{display:none}
.vt-dg .dg-compare-note{font-size:14px;color:var(--acier);margin-top:14px;max-width:52em}
@media(max-width:860px){
.vt-dg .dg-compare{border:0;background:transparent}
.vt-dg .dg-compare-tete{display:none}
.vt-dg .dg-compare-ligne{grid-template-columns:minmax(0,1fr);border:1px solid var(--filet);background:var(--papier);margin-bottom:12px}
.vt-dg .dg-compare-ligne>div{border-top:0;padding:8px 16px;font-size:15px}
.vt-dg .dg-compare-ligne .dg-crit{background:var(--blanc);border-bottom:1px solid var(--filet);padding:12px 16px}
.vt-dg .dg-compare-ligne .dg-lab{display:block;font-family:var(--mono);font-size:13px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--acier);margin-bottom:2px}
.vt-dg .dg-compare-ligne .dg-nous{border:0;border-left:4px solid var(--garance)!important;order:-1}
.vt-dg .dg-compare-ligne .dg-crit{order:-2}
.vt-dg .dg-compare-ligne .dg-nous .dg-lab{color:var(--vermillon)}
.vt-dg .dg-compare-ligne:last-child .dg-nous{border-bottom:0}
}
.vt-dg .dg-couverture{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;margin-top:44px;align-items:start}
@media(max-width:900px){
.vt-dg .dg-couverture{grid-template-columns:minmax(0,1fr);gap:36px}
}
.vt-dg .dg-cov{border-top:2px solid var(--marine);padding-top:20px}
.vt-dg .dg-cov-l{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 12px;margin-bottom:18px}
.vt-dg .dg-cov-l .dg-nom{font-weight:700}
.vt-dg .dg-cov-l .dg-val{font-family:var(--mono);font-weight:600;font-size:15px;color:var(--marine)}
.vt-dg .dg-cov-l .dg-piste{grid-column:1/-1;height:12px;background:var(--filet-p);position:relative}
.vt-dg .dg-cov-l .dg-piste i{position:absolute;left:0;top:0;bottom:0;background:var(--nuit)}
.vt-dg .dg-cov-l.dg-plein .dg-piste i{background:var(--vert)}
.vt-dg .dg-cov-total{display:flex;align-items:baseline;gap:14px;border-top:1px solid var(--filet);padding-top:16px;margin-top:4px}
.vt-dg .dg-cov-total b{font-family:var(--mono);font-weight:600;font-size:40px;color:var(--marine);line-height:1}
.vt-dg .dg-cov-total span{color:var(--encre-2);font-size:15.5px}
.vt-dg .dg-limites{list-style:none;display:grid;gap:16px}
.vt-dg .dg-limites li{display:grid;grid-template-columns:auto minmax(0,1fr);gap:14px;font-size:16px;color:var(--encre-2)}
.vt-dg .dg-limites li strong{color:var(--encre)}
.vt-dg .dg-limites svg{color:var(--vermillon);margin-top:3px}
.vt-dg .dg-gratuit{margin-top:40px;background:var(--papier);border:1px solid var(--filet);border-left:6px solid var(--vert);padding:24px 26px}
.vt-dg .dg-gratuit h3{font-size:19px}
.vt-dg .dg-gratuit p{color:var(--encre-2);margin-top:8px;font-size:16px}
.vt-dg .dg-tickets{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:20px;margin-top:48px;align-items:stretch}
@media(max-width:900px){
.vt-dg .dg-tickets{grid-template-columns:minmax(0,1fr)}
}
/* 13/10/2026 : Objectif 5 novembre sous les deux billets, jusqu'au 04/11 (data-jusqua, mesure.js). */
.vt-dg .dg-obj5{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:center;margin-top:20px;background:#0A1B33;color:#fff;padding:24px 28px;border-left:8px solid var(--garance)}
.vt-dg .dg-obj5[hidden]{display:none}
.vt-dg .dg-obj5-txt{min-width:0}
.vt-dg .dg-obj5-sur{display:block;font-size:12.5px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:#C9CED6}
.vt-dg .dg-obj5-t{margin:6px 0;font-size:26px;font-weight:800;line-height:1.15;color:#fff}
.vt-dg .dg-obj5-d{margin:0;font-size:15.5px;line-height:1.5;color:#E4E7EC}
.vt-dg .dg-obj5-prix{display:flex;flex-direction:column;align-items:center;gap:10px}
.vt-dg .dg-obj5-prix b{font-size:44px;line-height:1;font-weight:800;color:#fff}
.vt-dg .dg-obj5-prix .dg-btn{white-space:nowrap}
@media(max-width:640px){.vt-dg .dg-obj5{grid-template-columns:minmax(0,1fr);padding:20px}.vt-dg .dg-obj5-prix{flex-direction:row;justify-content:space-between}.vt-dg .dg-obj5-prix b{font-size:36px}}
.vt-dg .dg-ticket{display:flex;flex-direction:column;background:var(--papier);border:1px solid var(--filet);padding:34px 32px}
.vt-dg .dg-ticket.dg-principal{background:var(--nuit);color:#fff;border:0;border-top:8px solid var(--garance);box-shadow:0 40px 80px -40px rgba(10,27,51,.7)}
.vt-dg .dg-ticket .dg-badge{align-self:flex-start;font-family:var(--mono);font-size:13px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--vermillon);border:1px solid currentColor;padding:4px 10px;margin-bottom:16px}
.vt-dg .dg-ticket.dg-principal .dg-badge{color:#fff;border-color:rgba(255,255,255,.5)}
.vt-dg .dg-ticket .dg-nom{font-stretch:75%;font-weight:800;font-size:32px;line-height:1.05;color:var(--marine)}
.vt-dg .dg-ticket.dg-principal .dg-nom{color:#fff}
.vt-dg .dg-ticket .dg-sous-nom{font-size:15px;color:var(--acier);margin-top:4px}
.vt-dg .dg-ticket.dg-principal .dg-sous-nom{color:var(--argent)}
.vt-dg .dg-montant{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px 14px;margin:22px 0 4px}
.vt-dg .dg-montant b{font-family:var(--mono);font-weight:600;font-size:76px;line-height:.95;letter-spacing:-.04em}
.vt-dg .dg-montant span{font-size:16px;color:var(--argent)}
.vt-dg .dg-ticket:not(.dg-principal) .dg-montant b{font-size:56px;color:var(--marine)}
.vt-dg .dg-ticket:not(.dg-principal) .dg-montant span{color:var(--acier)}
.vt-dg .dg-ticket ul{list-style:none;margin:22px 0 28px;display:grid;gap:11px;flex:1}
.vt-dg .dg-ticket li{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;font-size:16px}
.vt-dg .dg-ticket li svg{color:#fff;margin-top:3px}
.vt-dg .dg-ticket:not(.dg-principal) li{color:var(--encre-2)}
.vt-dg .dg-ticket:not(.dg-principal) li svg{color:var(--vert)}
.vt-dg .dg-ticket .dg-btn{width:100%}
.vt-dg .dg-ticket .dg-note{margin-top:14px;font-size:14px;color:var(--argent);text-align:center}
.vt-dg .dg-ticket:not(.dg-principal) .dg-note{color:var(--acier)}
.vt-dg .dg-ticket .dg-note a{color:inherit}
.vt-dg .dg-avant-payer{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;margin-top:20px}
@media(max-width:900px){
.vt-dg .dg-avant-payer{grid-template-columns:minmax(0,1fr)}
}
.vt-dg .dg-cadre{background:var(--papier);border:1px solid var(--filet);border-top:4px solid var(--marine);padding:24px 24px}
.vt-dg .dg-cadre h3{font-size:18.5px}
.vt-dg .dg-cadre p{font-size:15.5px;color:var(--encre-2);margin-top:8px}
.vt-dg .dg-cadre p strong{color:var(--encre)}
.vt-dg .dg-lien-gratuit{margin-top:26px;text-align:center}
.vt-dg .dg-faq{max-width:840px;margin-top:40px;border-top:2px solid var(--marine)}
.vt-dg .dg-faq details{border-bottom:1px solid var(--filet)}
.vt-dg .dg-faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px 0;font-weight:700;font-size:18px;color:var(--marine)}
.vt-dg .dg-faq summary::-webkit-details-marker{display:none}
.vt-dg .dg-faq summary i{flex:none;width:30px;height:30px;display:grid;place-items:center;font-style:normal;font-family:var(--mono);font-weight:600;font-size:18px;background:var(--nuit);color:#fff;transition:transform .2s,background .2s}
.vt-dg .dg-faq details[open] summary i{transform:rotate(45deg);background:var(--garance)}
.vt-dg .dg-faq details p{padding:0 50px 22px 0;color:var(--encre-2)}
@media(max-width:600px){
.vt-dg .dg-faq summary{font-size:16.5px}
.vt-dg .dg-faq details p{padding-right:0}
}
.vt-dg .dg-fin{position:relative;background:var(--nuit);color:#fff;overflow:hidden;isolation:isolate;text-align:center}
.vt-dg .dg-fin picture,.vt-dg .dg-fin .dg-fond{position:absolute;inset:0;width:100%;height:100%;z-index:-2}
.vt-dg .dg-fin .dg-fond{object-fit:cover}
.vt-dg .dg-fin::before{content:"";position:absolute;inset:0;z-index:-1;background:rgba(10,27,51,.88)}
.vt-dg .dg-fin .zone{padding-top:100px;padding-bottom:100px}
.vt-dg .dg-fin h2.dg-t{color:#fff;margin:0 auto;max-width:15em}
.vt-dg .dg-fin h2.dg-t em{color:#fff;box-shadow:inset 0 -.15em 0 var(--garance)}
.vt-dg .dg-fin p{color:#D9DFE9;max-width:34em;margin:20px auto 32px;font-size:18px}
.vt-dg .dg-fin .dg-actions{justify-content:center}
.vt-dg .dg-barre-achat{position:fixed;left:0;right:0;bottom:0;z-index:60;display:none;align-items:center;justify-content:space-between;gap:12px;background:var(--nuit);border-top:4px solid var(--garance);padding:10px 16px calc(10px + env(safe-area-inset-bottom));transform:translateY(120%);transition:transform .3s ease;box-shadow:0 -10px 30px -10px rgba(0,0,0,.4)}
.vt-dg .dg-barre-achat.vt-visible{transform:none}
.vt-dg .dg-barre-achat b{display:block;color:#fff;font-family:var(--mono);font-weight:600;font-size:22px;line-height:1.1}
.vt-dg .dg-barre-achat small{display:block;color:var(--argent);font-size:13px;line-height:1.25}
.vt-dg .dg-barre-achat .dg-btn{padding:13px 16px;font-size:15px;white-space:nowrap}
@media(max-width:760px){
.vt-dg .dg-barre-achat{display:flex}
}
@media(prefers-reduced-motion:reduce){
.vt-dg .dg-btn:hover{transform:none}
}

/* ═══ Le Premier Galon — main.vt-pg ═══ */
.vt-pg de page : à reporter dans style.pg-css,.vt-pg préfixe pg-).
     Textes repris de le-premier-galon.pg-html (en ligne),.vt-pg des CGV art. 3.9-3.11,.vt-pg 6,.vt-pg 11.2-11.3,.vt-pg et de la fiche mémoire le-premier-galon-produit-agent. Voir NOTES.pg-md. -->
<link rel="icon" href="data:image/svg+xml,.vt-pg %3Csvg xmlns='http://www.pg-w3.pg-org/2000/svg' viewBox='0 0 16 16'%3E%3Crect width='16' height='16' fill='%230A1B33'/%3E%3Crect width='4' height='16' fill='%23C8102E'/%3E%3C/svg%3E">
<style>
@font-face{font-family:'Archivo';font-style:normal;font-weight:400 900;font-stretch:62% 125%;font-display:swap;src:url(fonts/archivo-v25-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
.vt-pg img{max-width:100%;display:block}
.vt-pg .pg-t{font-family:var(--corps);font-stretch:72%;font-weight:800;line-height:1.02;letter-spacing:-.005em;color:var(--marine)}
.vt-pg .pg-sur{font-family:var(--mono);font-size:13px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--vermillon);margin-bottom:16px}
.vt-pg .pg-num{font-family:var(--mono);font-variant-numeric:tabular-nums}
.vt-pg .pg-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;font-family:var(--corps);font-weight:700;font-size:16px;text-decoration:none;padding:17px 26px;border:2px solid transparent;transition:background .15s,color .15s,border-color .15s,transform .15s;text-align:center;line-height:1.25}
.vt-pg .pg-btn-plein{background:var(--garance);color:#fff}
.vt-pg .pg-btn-plein:hover{background:#A50D26;transform:translateY(-1px)}
.vt-pg .pg-btn-trait{border-color:rgba(255,255,255,.75);color:#fff}
.vt-pg .pg-btn-trait:hover{background:#fff;color:var(--nuit)}
.vt-pg .pg-btn-contour{border-color:var(--marine);color:var(--marine)}
.vt-pg .pg-btn-contour:hover{background:var(--nuit);color:#fff}
.vt-pg .pg-btn-petit{padding:10px 16px;font-size:14.5px}
.vt-pg .pg-btn svg{flex:none}
.vt-pg .pg-heros{position:relative;color:#fff;background:var(--nuit);overflow:hidden}
.vt-pg .pg-heros picture,.vt-pg .pg-heros picture img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.vt-pg .pg-heros::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(100deg,rgba(10,27,51,.97) 0%,rgba(10,27,51,.90) 45%,rgba(10,27,51,.62) 100%)}
.vt-pg .pg-heros::after{content:"";position:absolute;left:0;top:0;bottom:0;width:14px;background:var(--garance);z-index:2}
.vt-pg .pg-heros .zone{position:relative;z-index:3;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:56px;align-items:center;padding-top:76px;padding-bottom:84px}
.vt-pg .pg-pastille{display:inline-flex;align-items:center;gap:10px;border:1px solid rgba(255,255,255,.28);padding:7px 14px 7px 10px;font-family:var(--mono);font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:var(--argent);background:rgba(255,255,255,.04)}
.vt-pg .pg-pastille i{width:9px;height:9px;background:var(--garance);flex:none}
.vt-pg .pg-heros h1{font-stretch:72%;font-weight:800;color:#fff;font-size:clamp(46px,7.6vw,96px);line-height:.95;letter-spacing:-.01em;margin:24px 0 20px}
.vt-pg .pg-heros h1 span{display:block;font-stretch:85%;font-weight:600;font-size:.4em;line-height:1.15;color:var(--argent);margin-top:.35em;letter-spacing:0;max-width:22ch}
.vt-pg .chapeau{font-size:18.5px;color:#D9DFE9;max-width:58ch;line-height:1.6}
.vt-pg .chapeau strong{color:#fff}
.vt-pg .pg-actions{display:flex;flex-wrap:wrap;gap:12px;margin:32px 0 20px}
.vt-pg .pg-rassure{display:flex;flex-wrap:wrap;gap:8px 22px;font-size:14.5px;color:var(--argent)}
.vt-pg .pg-rassure span{display:inline-flex;align-items:center;gap:7px}
.vt-pg .pg-rassure svg{color:#fff}
.vt-pg .pg-credit{position:absolute;right:16px;bottom:10px;z-index:3;font-size:13px;color:rgba(255,255,255,.6)}
.vt-pg .pg-scene{position:relative;justify-self:center;width:100%;max-width:500px}
.vt-pg .pg-ecran{background:#1b2638;padding:12px 12px 0;border:1px solid rgba(255,255,255,.14);box-shadow:0 50px 90px -30px rgba(0,0,0,.85);transform:rotate(1.5deg)}
.vt-pg .pg-ecran .pg-barre-nav{display:flex;gap:6px;padding:0 0 10px}
.vt-pg .pg-ecran .pg-barre-nav i{width:9px;height:9px;border-radius:50%;background:rgba(255,255,255,.22)}
.vt-pg .pg-ecran img{width:100%;height:auto;aspect-ratio:16/9}
.vt-pg .pg-ecran .pg-pied-ecran{background:#fff;color:#0F1826;padding:14px 16px 16px;margin:0 -12px}
.vt-pg .pg-ecran .pg-pied-ecran b{display:block;font-stretch:80%;font-weight:800;font-size:18px;color:#0A1B33}
.vt-pg .pg-ecran .pg-pied-ecran span{font-size:13.5px;color:#5D6B84}
.vt-pg .pg-flotte{position:absolute;background:#fff;color:#0F1826;border-top:4px solid var(--garance);padding:13px 16px;box-shadow:0 24px 50px -18px rgba(0,0,0,.6);font-size:13.5px;line-height:1.4}
.vt-pg .pg-flotte b{display:block;font-family:var(--corps);font-stretch:80%;font-weight:800;font-size:32px;line-height:1.05;color:#0A1B33}
.vt-pg .pg-f-a{right:-26px;top:-34px;width:178px}
.vt-pg .pg-f-b{right:-30px;bottom:-30px;width:200px}
.vt-pg .pg-legende{font-size:13px;color:var(--argent);margin-top:20px;text-align:left;max-width:52%}
@media(max-width:960px){
.vt-pg .pg-heros .zone{grid-template-columns:minmax(0,1fr);gap:56px;padding-top:44px;padding-bottom:60px}
.vt-pg .pg-scene{max-width:420px}
.vt-pg .pg-f-a{right:-6px;top:-30px;width:160px}
.vt-pg .pg-f-b{right:-6px;bottom:-30px}
.vt-pg .pg-heros::before{background:linear-gradient(180deg,rgba(10,27,51,.94) 0%,rgba(10,27,51,.9) 60%,rgba(10,27,51,.97) 100%)}
}
@media(max-width:420px){
.vt-pg .pg-heros h1{font-size:13vw}
.vt-pg .pg-f-a{width:146px}
.vt-pg .pg-flotte b{font-size:25px}
.vt-pg .pg-f-b{width:190px}
.vt-pg .pg-actions .pg-btn{width:100%}
}
.vt-pg .pg-bande{background:var(--blanc);border-bottom:1px solid var(--filet)}
.vt-pg .pg-bande .zone{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
.vt-pg .pg-bande div{padding:30px 20px;border-left:1px solid var(--filet)}
.vt-pg .pg-bande div:first-child{border-left:0;padding-left:0}
.vt-pg .pg-bande b{display:block;font-family:var(--mono);font-weight:600;font-size:clamp(30px,4vw,46px);line-height:1;color:var(--marine)}
.vt-pg .pg-bande b em{font-style:normal;color:var(--vermillon)}
.vt-pg .pg-bande span{display:block;margin-top:8px;font-size:14.5px;color:var(--encre-2);line-height:1.4}
@media(max-width:760px){
.vt-pg .pg-bande .zone{grid-template-columns:1fr 1fr}
.vt-pg .pg-bande div{padding:24px 14px}
.vt-pg .pg-bande div:nth-child(odd){border-left:0;padding-left:0}
.vt-pg .pg-bande div:nth-child(n+3){border-top:1px solid var(--filet)}
}
.vt-pg>section{padding:104px 0}
@media(max-width:700px){
.vt-pg>section{padding:72px 0}
}
.vt-pg h2.pg-t{font-size:clamp(34px,4.8vw,56px);max-width:22ch}
.vt-pg h2.pg-t em{font-style:normal;color:var(--vermillon)}
.vt-pg .pg-intro{font-size:18.5px;color:var(--encre-2);max-width:64ch;margin-top:20px}
.vt-pg .pg-intro strong{color:var(--encre)}
.vt-pg h3{font-family:var(--corps);font-stretch:80%;font-weight:800;color:var(--marine);font-size:22px;line-height:1.2}
.vt-pg .pg-p{max-width:68ch;color:var(--encre-2);margin-top:18px}
.vt-pg .pg-p strong{color:var(--encre)}
.vt-pg .pg-reforme{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:52px}
@media(max-width:900px){
.vt-pg .pg-reforme{grid-template-columns:minmax(0,1fr)}
}
.vt-pg .pg-ep{border:1px solid var(--filet);background:var(--papier);display:flex;flex-direction:column}
.vt-pg .pg-ep header{background:var(--nuit);color:#fff;padding:18px 22px;display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap}
.vt-pg .pg-ep header b{font-stretch:80%;font-weight:800;font-size:20px}
.vt-pg .pg-ep header span{font-family:var(--mono);font-size:13px;color:var(--argent);letter-spacing:.04em}
.vt-pg .pg-ep .pg-avant,.vt-pg .pg-ep .pg-apres{padding:18px 22px;font-size:15.5px}
.vt-pg .pg-ep .pg-avant{color:var(--acier);border-bottom:1px dashed var(--filet)}
.vt-pg .pg-ep .pg-apres{background:var(--tampon-p);flex:1}
.vt-pg .pg-ep .pg-k{display:block;font-family:var(--mono);font-size:13px;letter-spacing:.12em;text-transform:uppercase;margin-bottom:6px}
.vt-pg .pg-ep .pg-avant .pg-k{color:var(--acier)}
.vt-pg .pg-ep .pg-apres .pg-k{color:var(--vermillon)}
.vt-pg .pg-ep .pg-apres strong{color:var(--marine)}
.vt-pg .pg-coef{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;margin-top:16px}
@media(max-width:700px){
.vt-pg .pg-coef{grid-template-columns:minmax(0,1fr)}
}
.vt-pg .pg-coef div{background:var(--nuit);color:#D9DFE9;padding:22px 24px;border-left:6px solid var(--garance)}
.vt-pg .pg-coef b{display:block;font-family:var(--mono);font-weight:600;color:#fff;font-size:34px;line-height:1.1}
.vt-pg .pg-marche{margin-top:28px;border-left:3px solid var(--garance);padding:4px 0 4px 22px;max-width:76ch;color:var(--encre-2)}
.vt-pg .pg-marche strong{color:var(--encre)}
.vt-pg .pg-grille{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:16px;margin-top:52px}
.vt-pg .pg-carte{position:relative;background:var(--blanc);border:1px solid var(--filet);padding:30px;overflow:hidden;transition:border-color .2s,transform .2s}
.vt-pg .pg-carte:hover{border-color:var(--marine);transform:translateY(-3px)}
.vt-pg .pg-carte p{color:var(--encre-2);font-size:16px;margin-top:10px}
.vt-pg .pg-carte p strong{color:var(--encre)}
.vt-pg .pg-carte .pg-gros{position:absolute;right:24px;top:16px;font-family:var(--mono);font-weight:600;font-size:72px;line-height:1;color:var(--marine);opacity:.07}
.vt-pg .pg-carte .pg-meta{font-family:var(--mono);font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--vermillon);margin-bottom:8px}
.vt-pg .pg-ico{width:48px;height:48px;display:grid;place-items:center;background:var(--nuit);color:#fff;margin-bottom:22px;border-bottom:3px solid var(--garance)}
.vt-pg .pg-c-7{grid-column:span 7}
.vt-pg .pg-c-5{grid-column:span 5}
@media(max-width:860px){
.vt-pg .pg-c-7,.vt-pg .pg-c-5{grid-column:span 12}
}
.vt-pg .pg-puces{display:flex;flex-wrap:wrap;gap:6px;margin-top:18px}
.vt-pg .pg-puces span{font-size:13px;border:1px solid var(--filet);background:var(--papier);padding:4px 10px;color:var(--encre-2)}
.vt-pg .pg-puces span b{font-family:var(--mono);font-weight:600;color:var(--marine)}
.vt-pg .pg-total{margin-top:26px;font-size:17px;color:var(--encre-2);max-width:76ch}
.vt-pg .pg-total strong{color:var(--encre)}
.vt-pg .pg-etapes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:56px;border-top:2px solid var(--marine)}
.vt-pg .pg-etape{padding:32px 30px 8px 0}
.vt-pg .pg-etape+.pg-etape{padding-left:30px;border-left:1px solid var(--filet)}
.vt-pg .pg-etape .pg-n{font-family:var(--mono);font-weight:600;font-size:15px;color:#fff;background:var(--garance);display:inline-block;padding:4px 10px}
.vt-pg .pg-etape h3{margin:18px 0 10px}
.vt-pg .pg-etape p{color:var(--encre-2);font-size:16px}
.vt-pg .pg-etape .pg-duree{display:inline-block;margin-top:16px;font-family:var(--mono);font-size:13px;color:var(--marine);border:1px solid var(--filet);padding:4px 10px}
@media(max-width:860px){
.vt-pg .pg-etapes{grid-template-columns:minmax(0,1fr)}
.vt-pg .pg-etape,.vt-pg .pg-etape+.pg-etape{padding:28px 0;border-left:0;border-bottom:1px solid var(--filet)}
}
.vt-pg .pg-oral{background:var(--nuit);color:#D9DFE9;padding:0}
.vt-pg .pg-oral .pg-cols{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}
.vt-pg .pg-oral figure{position:relative;min-height:100%}
.vt-pg .pg-oral figure img{width:100%;height:100%;object-fit:cover;min-height:420px}
.vt-pg .pg-oral figure figcaption{position:absolute;left:12px;bottom:10px;font-size:13px;color:rgba(255,255,255,.75);text-shadow:0 1px 2px rgba(0,0,0,.6)}
.vt-pg .pg-oral .pg-texte{padding:96px 56px 96px 56px;border-left:6px solid var(--garance)}
.vt-pg .pg-oral h2.pg-t{color:#fff}
.vt-pg .pg-oral .pg-intro{color:#D9DFE9}
.vt-pg .pg-oral .pg-intro strong,.vt-pg .pg-oral p strong{color:#fff}
.vt-pg .pg-frise{list-style:none;margin-top:34px;border-left:2px solid rgba(255,255,255,.25)}
.vt-pg .pg-frise li{position:relative;padding:0 0 18px 24px}
.vt-pg .pg-frise li::before{content:"";position:absolute;left:-7px;top:6px;width:12px;height:12px;background:var(--nuit);border:2px solid var(--argent)}
.vt-pg .pg-frise li.pg-fort::before{background:var(--garance);border-color:var(--garance)}
.vt-pg .pg-frise .pg-d{display:block;font-family:var(--mono);font-size:13px;color:#fff;letter-spacing:.02em}
.vt-pg .pg-frise .pg-e{font-size:15.5px;color:var(--argent)}
.vt-pg .pg-chiffre-oral{margin-top:22px;padding:20px 22px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);font-size:15.5px}
.vt-pg .pg-chiffre-oral b{display:block;font-family:var(--mono);font-weight:600;font-size:36px;color:#fff;line-height:1.1}
@media(max-width:900px){
.vt-pg .pg-oral .pg-cols{grid-template-columns:minmax(0,1fr)}
.vt-pg .pg-oral figure img{min-height:0;height:260px}
.vt-pg .pg-oral .pg-texte{padding:60px 16px 64px 22px}
}
.vt-pg .pg-deux{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;align-items:center}
@media(max-width:900px){
.vt-pg .pg-deux{grid-template-columns:minmax(0,1fr);gap:40px}
}
.vt-pg .pg-coches{list-style:none;margin-top:28px;display:grid;gap:12px}
.vt-pg .pg-coches li{display:flex;gap:12px;align-items:flex-start;color:var(--encre);font-size:16px}
.vt-pg .pg-coches svg{flex:none;margin-top:4px;color:var(--vermillon)}
.vt-pg .pg-planche{background:var(--papier);border:1px solid var(--filet);box-shadow:0 30px 60px -36px rgba(10,27,51,.55);padding:22px;aspect-ratio:1/1.3;display:grid;grid-template-rows:auto 1fr 1fr auto;gap:12px;max-width:420px;justify-self:center;width:100%}
.vt-pg .pg-planche .pg-z{border:1.5px dashed var(--acier);display:grid;place-items:center;text-align:center;font-family:var(--mono);font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:var(--acier);padding:10px}
.vt-pg .pg-planche .pg-titre-z{border:2px solid var(--marine);color:var(--marine);padding:14px}
.vt-pg .pg-planche .pg-rang{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.vt-pg .pg-planche .pg-legende-p{font-family:var(--corps);text-transform:none;letter-spacing:0;font-size:13px;color:var(--acier);text-align:center}
.vt-pg .pg-essai{background:var(--blanc);border-top:1px solid var(--filet);border-bottom:1px solid var(--filet)}
.vt-pg .pg-qcms{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:48px;align-items:start}
@media(max-width:900px){
.vt-pg .pg-qcms{grid-template-columns:minmax(0,1fr)}
}
.vt-pg .pg-qcm{background:var(--papier);border:1px solid var(--filet);border-top:3px solid var(--marine);padding:24px}
.vt-pg .pg-qcm .pg-mod{font-family:var(--mono);font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:var(--vermillon)}
.vt-pg .pg-qcm .pg-q{color:var(--marine);font-weight:700;font-size:16.5px;line-height:1.5;margin:10px 0 14px}
.vt-pg .pg-qcm button{display:flex;gap:12px;width:100%;text-align:left;font:inherit;font-size:15.5px;line-height:1.45;color:var(--encre);background:var(--papier);border:1px solid var(--filet);padding:11px 13px;margin-top:8px;cursor:pointer;transition:border-color .15s,background .15s}
.vt-pg .pg-qcm button:hover:not([disabled]){border-color:var(--marine);background:var(--blanc)}
.vt-pg .pg-qcm button .pg-l{flex:none;width:24px;height:24px;display:grid;place-items:center;font-family:var(--mono);font-weight:600;font-size:13px;background:var(--filet-p);color:var(--marine)}
.vt-pg .pg-qcm button[disabled]{cursor:default}
.vt-pg .pg-qcm button.vt-bon{border-color:var(--vert);background:color-mix(in srgb,var(--vert) 14%,var(--papier))}
.vt-pg .pg-qcm button.vt-bon .pg-l{background:var(--vert);color:#fff}
.vt-pg .pg-qcm button.vt-faux{border-color:var(--garance);background:var(--tampon-p)}
.vt-pg .pg-qcm button.vt-faux .pg-l{background:var(--garance);color:#fff}
.vt-pg .pg-qcm .pg-corr{display:none;margin-top:16px;padding-top:14px;border-top:1px solid var(--filet);font-size:15px;color:var(--encre-2)}
.vt-pg .pg-qcm .pg-corr b{color:var(--marine)}
.vt-pg .pg-qcm.vt-repondu .pg-corr{display:block;animation:pg-apparait .35s ease}
@keyframes pg-apparait{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.vt-pg .pg-apres-essai{margin-top:36px;display:flex;flex-wrap:wrap;align-items:center;gap:18px 28px}
.vt-pg .pg-apres-essai p{max-width:58ch;color:var(--encre-2)}
.vt-pg .pg-apres-essai strong{color:var(--encre)}
.vt-pg .pg-compare{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:52px;align-items:stretch}
@media(max-width:900px){
.vt-pg .pg-compare{grid-template-columns:minmax(0,1fr)}
}
.vt-pg .pg-col{border:1px solid var(--filet);padding:30px;background:var(--papier)}
.vt-pg .pg-col h3{font-size:20px}
.vt-pg .pg-col .pg-sous{color:var(--acier);font-size:14.5px;margin-top:4px}
.vt-pg .pg-col .pg-m{font-family:var(--mono);font-weight:600;font-size:30px;color:var(--acier);margin-top:18px;line-height:1.1}
.vt-pg .pg-col .pg-m small{display:block;font-family:var(--corps);font-weight:400;font-size:13.5px;margin-top:4px}
.vt-pg .pg-col ul{list-style:none;margin-top:22px;display:grid;gap:12px}
.vt-pg .pg-col li{display:flex;gap:11px;font-size:15.5px;color:var(--encre-2)}
.vt-pg .pg-col li svg{flex:none;margin-top:3px;color:var(--acier)}
.vt-pg .pg-col.pg-nous{background:var(--nuit);border-color:var(--marine);border-top:6px solid var(--garance);color:#D9DFE9}
.vt-pg .pg-col.pg-nous h3{color:#fff}
.vt-pg .pg-col.pg-nous .pg-sous{color:var(--argent)}
.vt-pg .pg-col.pg-nous .pg-m{color:#fff}
.vt-pg .pg-col.pg-nous li{color:#fff}
.vt-pg .pg-col.pg-nous li svg{color:#fff}
.vt-pg .pg-note-compare{margin-top:22px;font-size:14px;color:var(--acier);max-width:90ch}
.vt-pg .pg-manque{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 48px;margin-top:44px;border-top:2px solid var(--marine)}
@media(max-width:800px){
.vt-pg .pg-manque{grid-template-columns:minmax(0,1fr)}
}
.vt-pg .pg-manque div{padding:22px 0;border-bottom:1px solid var(--filet)}
.vt-pg .pg-manque b{display:block;color:var(--marine);font-size:17px;margin-bottom:6px}
.vt-pg .pg-manque p{color:var(--encre-2);font-size:15.5px}
.vt-pg .pg-prix .zone{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;align-items:start}
@media(max-width:900px){
.vt-pg .pg-prix .zone{grid-template-columns:minmax(0,1fr);gap:40px}
}
.vt-pg .pg-ticket{background:var(--papier);border:2px solid var(--marine);box-shadow:12px 12px 0 var(--garance);padding:36px}
.vt-pg .pg-ticket .pg-badge{display:inline-block;font-family:var(--mono);font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:#fff;background:var(--nuit);padding:4px 10px;margin-bottom:18px}
.vt-pg .pg-ticket .pg-nom{font-stretch:80%;font-weight:800;color:var(--marine);font-size:26px;line-height:1.15}
.vt-pg .pg-ticket .pg-sous-nom{color:var(--acier);font-size:15px;margin-top:4px}
.vt-pg .pg-ticket .pg-montant{display:flex;align-items:baseline;gap:12px;margin:20px 0 4px;flex-wrap:wrap}
.vt-pg .pg-ticket .pg-montant b{font-family:var(--mono);font-weight:600;font-size:76px;line-height:.95;color:var(--marine);letter-spacing:-.03em}
.vt-pg .pg-ticket .pg-montant span{color:var(--encre-2);font-size:16px}
.vt-pg .pg-ticket ul{list-style:none;margin:24px 0 28px;display:grid;gap:11px}
.vt-pg .pg-ticket li{display:flex;gap:12px;font-size:15.5px}
.vt-pg .pg-ticket li svg{flex:none;color:var(--vermillon);margin-top:3px}
.vt-pg .pg-ticket .pg-btn{width:100%}
.vt-pg .pg-ticket .pg-rem{margin-top:16px;font-size:13.5px;color:var(--acier);line-height:1.5}
.vt-pg .pg-ticket .pg-rem a{color:var(--marine)}
.vt-pg .pg-cadre{background:var(--blanc);border:1px solid var(--filet);padding:24px;margin-top:16px}
.vt-pg .pg-cadre:first-child{margin-top:0}
.vt-pg .pg-cadre h3{font-size:19px;margin-bottom:8px}
.vt-pg .pg-cadre p{font-size:15.5px;color:var(--encre-2)}
.vt-pg .pg-cadre p+p{margin-top:10px}
.vt-pg .pg-cadre a{color:var(--marine)}
.vt-pg .pg-cadre.pg-independant{border-left:6px solid var(--garance)}
.vt-pg .pg-faq{max-width:860px;margin-top:40px;border-top:2px solid var(--marine)}
.vt-pg .pg-faq details{border-bottom:1px solid var(--filet)}
.vt-pg .pg-faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px 0;font-weight:700;font-size:18px;color:var(--marine)}
.vt-pg .pg-faq summary::-webkit-details-marker{display:none}
.vt-pg .pg-faq summary i{flex:none;width:30px;height:30px;border:1px solid var(--filet);display:grid;place-items:center;font-style:normal;color:var(--vermillon);transition:transform .2s,background .2s}
.vt-pg .pg-faq details[open] summary i{transform:rotate(45deg);background:var(--tampon-p)}
.vt-pg .pg-faq details p{padding:0 50px 22px 0;color:var(--encre-2)}
.vt-pg .pg-faq details p a{color:var(--marine)}
@media(max-width:600px){
.vt-pg .pg-faq details p{padding-right:0}
.vt-pg .pg-faq summary{font-size:17px}
}
.vt-pg .pg-fin{position:relative;color:#fff;text-align:center;padding:120px 0;overflow:hidden;background:var(--nuit)}
.vt-pg .pg-fin picture,.vt-pg .pg-fin picture img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.vt-pg .pg-fin::before{content:"";position:absolute;inset:0;z-index:1;background:rgba(10,27,51,.86)}
.vt-pg .pg-fin .zone{position:relative;z-index:2}
.vt-pg .pg-fin h2.pg-t{color:#fff;margin:0 auto}
.vt-pg .pg-fin p{color:#D9DFE9;margin:20px auto 32px;max-width:56ch}
.vt-pg .pg-fin .pg-credit{z-index:2}
.vt-pg .pg-barre{position:fixed;left:10px;right:10px;bottom:10px;z-index:60;display:none;align-items:center;justify-content:space-between;gap:12px;background:var(--nuit);border-top:3px solid var(--garance);padding:10px 10px 10px 16px;box-shadow:0 18px 40px -12px rgba(0,0,0,.6);transform:translateY(150%);transition:transform .3s ease}
.vt-pg .pg-barre.vt-visible{transform:none}
.vt-pg .pg-barre b{color:#fff;font-family:var(--mono);font-weight:600;font-size:21px;line-height:1.1}
.vt-pg .pg-barre small{display:block;color:var(--argent);font-size:13px;line-height:1.25}
@media(max-width:760px){
.vt-pg .pg-barre{display:flex}
}
.vt-pg sup{line-height:0;font-size:.7em}
.vt-pg .pg-btn-petit{white-space:nowrap}
@media(max-width:600px){
.vt-pg .chapeau{font-size:17px}
.vt-pg .pg-heros::after{width:6px}
}
@media(prefers-reduced-motion:reduce){
.vt-pg .pg-carte:hover{transform:none}
}
.vt-pg :focus-visible{outline:2px solid var(--garance);outline-offset:3px}

/* ═══ Les Deux Colonnes — main.vt-dc ═══ */
.vt-dc img{max-width:100%;display:block}
.vt-dc h1,.vt-dc h2,.vt-dc h3{font-family:var(--display);font-stretch:72%;font-weight:800;color:var(--marine);letter-spacing:-.005em}
.vt-dc .dc-mono{font-family:var(--mono)}
.vt-dc .dc-sur{font-family:var(--mono);font-size:13px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--vermillon);display:inline-flex;align-items:center;gap:12px;margin-bottom:16px}
.vt-dc .dc-sur::before{content:"";width:30px;height:2px;background:var(--garance)}
.vt-dc h2{font-size:clamp(2rem,4.6vw,3.3rem);line-height:1.02;max-width:20ch;text-wrap:balance}
.vt-dc h2 em{font-style:normal;color:var(--vermillon)}
.vt-dc .dc-intro{font-size:18.5px;color:var(--encre-2);max-width:62ch;margin-top:18px}
.vt-dc h3{font-size:1.45rem;line-height:1.12}
.vt-dc>section{padding:104px 0}
@media(max-width:700px){
.vt-dc>section{padding:72px 0}
}
.vt-dc :focus-visible{outline:2px solid var(--garance);outline-offset:3px}
.vt-dc .dc-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;font-family:var(--corps);font-weight:700;font-size:16px;line-height:1.25;text-decoration:none;padding:16px 26px;border:2px solid transparent;transition:background .15s,color .15s,border-color .15s,transform .15s;cursor:pointer;text-align:center}
.vt-dc .dc-btn-or{background:var(--garance);color:#fff;border-color:var(--garance)}
.vt-dc .dc-btn-or:hover{background:#A50D26;border-color:#A50D26;color:#fff;transform:translateY(-1px)}
.vt-dc .dc-btn-trait{border-color:rgba(255,255,255,.65);color:#fff}
.vt-dc .dc-btn-trait:hover{background:#fff;color:var(--nuit)}
.vt-dc .dc-btn-nuit{background:var(--nuit);color:#fff}
.vt-dc .dc-btn-nuit:hover{background:#1D3A66}
.vt-dc .dc-btn-contour{border-color:var(--marine);color:var(--marine)}
.vt-dc .dc-btn-contour:hover{background:var(--nuit);color:#fff}
.vt-dc .dc-btn-petit{padding:10px 16px;font-size:14.5px}
.vt-dc .dc-heros{position:relative;background:var(--nuit);color:#fff;overflow:hidden;isolation:isolate}
.vt-dc .dc-heros picture,.vt-dc .dc-heros .dc-fond{position:absolute;inset:0;width:100%;height:100%;z-index:-2}
.vt-dc .dc-heros .dc-fond{object-fit:cover;object-position:62% 58%}
.vt-dc .dc-heros::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(10,27,51,.97) 0%,rgba(10,27,51,.9) 42%,rgba(10,27,51,.62) 70%,rgba(10,27,51,.4) 100%)}
.vt-dc .dc-heros .zone{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:56px;align-items:center;padding-top:84px;padding-bottom:96px}
.vt-dc .dc-pastille{display:inline-flex;align-items:center;gap:10px;border:1px solid rgba(255,255,255,.28);padding:7px 14px;font-family:var(--mono);font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:#E3E8F0;background:rgba(255,255,255,.04)}
.vt-dc .dc-pastille i{width:8px;height:8px;background:var(--garance);flex:none}
.vt-dc .dc-heros h1{color:#fff;font-size:clamp(2.9rem,8vw,6.2rem);line-height:.95;margin:24px 0 22px;letter-spacing:-.01em}
.vt-dc .dc-heros h1 span{display:block;color:#FF8A9A;font-size:.5em;line-height:1.08;margin-top:.22em;letter-spacing:0}
.vt-dc .chapeau{font-size:19.5px;line-height:1.55;color:#DCE3EE;max-width:36em}
.vt-dc .chapeau strong{color:#fff}
.vt-dc .dc-actions{display:flex;flex-wrap:wrap;gap:12px;margin:32px 0 20px}
.vt-dc .dc-rassure{display:flex;flex-wrap:wrap;gap:8px 22px;font-size:14.5px;color:#DCE3EE}
.vt-dc .dc-rassure span{display:inline-flex;align-items:center;gap:8px}
.vt-dc .dc-rassure svg{color:#FF8A9A;flex:none}
.vt-dc .dc-credit{position:absolute;right:14px;bottom:10px;font-size:13px;color:rgba(255,255,255,.72)}
.vt-dc .dc-independant{margin-top:22px;font-size:13.5px;color:#B9C3D3;border-left:3px solid var(--garance);padding-left:12px;max-width:40em}
@media(max-width:980px){
.vt-dc .dc-heros .zone{grid-template-columns:minmax(0,1fr);gap:44px;padding-top:56px;padding-bottom:72px}
.vt-dc .dc-heros::before{background:linear-gradient(180deg,rgba(10,27,51,.5) 0%,rgba(10,27,51,.82) 22%,rgba(10,27,51,.95) 50%,rgba(10,27,51,.98) 100%)}
.vt-dc .dc-heros .dc-fond{object-position:50% 0;height:auto;min-height:0;bottom:auto;-webkit-mask-image:linear-gradient(#000 55%,transparent 100%);mask-image:linear-gradient(#000 55%,transparent 100%)}
}
@media(max-width:420px){
.vt-dc .dc-heros h1{font-size:15vw}
.vt-dc .chapeau{font-size:18px}
.vt-dc .dc-actions .dc-btn{width:100%}
}
.vt-dc .dc-sommaire{background:var(--papier);color:var(--encre);box-shadow:0 40px 80px -30px rgba(0,0,0,.7);position:relative;border-top:6px solid var(--garance)}
.vt-dc .dc-sommaire .dc-tete-s{padding:20px 22px 14px;border-bottom:1px solid var(--filet)}
.vt-dc .dc-sommaire .dc-tete-s p{font-family:var(--mono);font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--acier)}
.vt-dc .dc-sommaire .dc-tete-s b{display:block;font-family:var(--display);font-stretch:72%;font-weight:800;font-size:26px;color:var(--marine);line-height:1.1;margin-top:4px}
.vt-dc .dc-sommaire ol{list-style:none;padding:6px 22px 8px}
.vt-dc .dc-sommaire li{display:grid;grid-template-columns:22px minmax(0,1fr) auto;gap:10px;align-items:baseline;padding:7px 0;border-bottom:1px dashed var(--filet-p);font-size:14px;line-height:1.35}
.vt-dc .dc-sommaire li:last-child{border-bottom:0}
.vt-dc .dc-sommaire li .dc-n{font-family:var(--mono);font-size:13px;color:var(--vermillon)}
.vt-dc .dc-sommaire li .dc-c{font-family:var(--mono);font-size:13px;color:var(--acier);white-space:nowrap;text-align:right}
.vt-dc .dc-sommaire li.dc-opt .dc-t::before{content:"Option · ";color:var(--acier)}
.vt-dc .dc-sommaire .dc-pied-s{display:flex;justify-content:space-between;gap:12px;background:var(--nuit);color:#fff;padding:12px 22px;font-family:var(--mono);font-size:13px}
.vt-dc .dc-sommaire .dc-pied-s b{color:#FF8A9A;font-weight:600}
.vt-dc .dc-leg{font-size:13px;color:#B9C3D3;margin-top:12px;text-align:center}
.vt-dc .dc-chiffres{background:var(--blanc);border-bottom:1px solid var(--filet)}
.vt-dc .dc-chiffres .zone{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
.vt-dc .dc-chiffres .zone>div{padding:30px 20px;border-left:1px solid var(--filet)}
.vt-dc .dc-chiffres .zone>div:first-child{border-left:0;padding-left:0}
.vt-dc .dc-chiffres b{display:block;font-family:var(--display);font-stretch:72%;font-weight:800;font-size:clamp(2.4rem,5vw,3.6rem);line-height:1;color:var(--marine)}
.vt-dc .dc-chiffres span{display:block;margin-top:8px;font-size:14.5px;color:var(--encre-2);line-height:1.4}
@media(max-width:760px){
.vt-dc .dc-chiffres .zone{grid-template-columns:1fr 1fr}
.vt-dc .dc-chiffres .zone>div{padding:24px 14px}
.vt-dc .dc-chiffres .zone>div:nth-child(odd){border-left:0;padding-left:0}
.vt-dc .dc-chiffres .zone>div:nth-child(n+3){border-top:1px solid var(--filet)}
}
.vt-dc .dc-calendrier{background:var(--nuit);color:#fff}
.vt-dc .dc-calendrier .zone{padding-top:28px;padding-bottom:28px;display:grid;grid-template-columns:auto minmax(0,1fr);gap:28px;align-items:center}
.vt-dc .dc-calendrier .dc-k{font-family:var(--mono);font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:#FF8A9A;max-width:14em}
.vt-dc .dc-frise{list-style:none;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0}
.vt-dc .dc-frise li{padding:4px 14px;border-left:1px solid rgba(255,255,255,.18)}
.vt-dc .dc-frise b{display:block;font-family:var(--display);font-stretch:72%;font-weight:800;font-size:19px;line-height:1.15;color:#fff}
.vt-dc .dc-frise span{display:block;font-size:13.5px;color:#B9C3D3;margin-top:2px}
.vt-dc .dc-frise li.dc-cle b{color:#FF8A9A}
.vt-dc .dc-calendrier .dc-rem{grid-column:1/-1;font-size:13px;color:#93A0B6}
@media(max-width:900px){
.vt-dc .dc-calendrier .zone{grid-template-columns:1fr;gap:16px}
.vt-dc .dc-frise{grid-template-columns:1fr 1fr}
.vt-dc .dc-frise li{padding:10px 12px}
.vt-dc .dc-frise li:nth-child(odd){border-left:0;padding-left:0}
}
.vt-dc .dc-epreuves{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:48px}
.vt-dc .dc-epreuve{border:1px solid var(--filet);padding:28px;background:var(--papier);position:relative}
.vt-dc .dc-epreuve.dc-fort{border-color:var(--marine);box-shadow:inset 0 4px 0 var(--garance)}
.vt-dc .dc-epreuve .dc-duree{display:flex;gap:18px;font-family:var(--mono);font-size:13px;color:var(--acier);margin-bottom:14px}
.vt-dc .dc-epreuve .dc-duree b{color:var(--marine);font-weight:600}
.vt-dc .dc-epreuve p{color:var(--encre-2);font-size:16px;margin-top:10px}
.vt-dc .dc-epreuve .dc-moy{margin-top:16px;font-family:var(--mono);font-size:13px;color:var(--acier)}
@media(max-width:900px){
.vt-dc .dc-epreuves{grid-template-columns:1fr}
}
.vt-dc .dc-constat{margin-top:28px;display:grid;grid-template-columns:auto minmax(0,1fr);gap:22px;align-items:center;background:var(--blanc);border-left:4px solid var(--garance);padding:22px 24px}
.vt-dc .dc-constat b.dc-big{font-family:var(--display);font-stretch:72%;font-weight:800;font-size:3.2rem;line-height:1;color:var(--marine)}
.vt-dc .dc-constat p{color:var(--encre-2);font-size:16px}
.vt-dc .dc-constat p strong{color:var(--encre)}
@media(max-width:600px){
.vt-dc .dc-constat{grid-template-columns:1fr;gap:8px}
}
.vt-dc .dc-grille{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:16px;margin-top:52px}
.vt-dc .dc-carte{position:relative;background:var(--papier);border:1px solid var(--filet);padding:30px;overflow:hidden;transition:border-color .2s,transform .2s,box-shadow .2s}
.vt-dc .dc-carte:hover{border-color:#1D3A66;transform:translateY(-3px);box-shadow:0 22px 40px -28px rgba(10,27,51,.45)}
.vt-dc .dc-carte p{color:var(--encre-2);font-size:16px;margin-top:10px}
.vt-dc .dc-carte p strong{color:var(--encre)}
.vt-dc .dc-ico{width:48px;height:48px;display:grid;place-items:center;background:var(--nuit);color:#FF8A9A;margin-bottom:20px}
.vt-dc .dc-carte .dc-gros{position:absolute;right:22px;top:14px;font-family:var(--display);font-stretch:72%;font-weight:800;font-size:84px;line-height:1;color:var(--marine);opacity:.06}
.vt-dc .dc-c7{grid-column:span 7}
.vt-dc .dc-c5{grid-column:span 5}
.vt-dc .dc-c6{grid-column:span 6}
.vt-dc .dc-c12{grid-column:span 12}
.vt-dc .dc-c4{grid-column:span 4}
.vt-dc .dc-puces{display:flex;flex-wrap:wrap;gap:6px;margin-top:18px}
.vt-dc .dc-puces span{font-size:13px;border:1px solid var(--filet);padding:4px 10px;color:var(--encre-2);background:var(--blanc)}
.vt-dc .dc-carte.dc-sombre{background:var(--nuit);border-color:var(--marine);color:#fff}
.vt-dc .dc-carte.dc-sombre h3{color:#fff}
.vt-dc .dc-carte.dc-sombre p{color:#C9D2E0}
.vt-dc .dc-carte.dc-sombre p strong{color:#fff}
.vt-dc .dc-carte.dc-sombre .dc-ico{background:var(--garance);color:#fff}
.vt-dc .dc-carte.dc-sombre .dc-gros{color:#fff;opacity:.08}
@media(max-width:900px){
.vt-dc .dc-c7,.vt-dc .dc-c5,.vt-dc .dc-c6,.vt-dc .dc-c4{grid-column:span 12}
}
.vt-dc .dc-options{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-top:22px}
.vt-dc .dc-option{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);padding:14px}
.vt-dc .dc-option b{display:block;font-size:15px;color:#fff;line-height:1.25}
.vt-dc .dc-option span{display:block;font-family:var(--mono);font-size:13px;color:#FF8A9A;margin-top:8px;line-height:1.4}
@media(max-width:1000px){
.vt-dc .dc-options{grid-template-columns:1fr 1fr}
}
@media(max-width:420px){
.vt-dc .dc-options{grid-template-columns:1fr}
}
.vt-dc .dc-etapes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:56px;border-top:2px solid var(--marine)}
.vt-dc .dc-etape{padding:32px 30px 8px 0}
.vt-dc .dc-etape+.dc-etape{padding-left:30px;border-left:1px solid var(--filet)}
.vt-dc .dc-etape .dc-num{font-family:var(--display);font-stretch:72%;font-weight:800;font-size:64px;line-height:1;color:var(--vermillon)}
.vt-dc .dc-etape h3{margin:16px 0 10px}
.vt-dc .dc-etape p{color:var(--encre-2);font-size:16px}
.vt-dc .dc-etape .dc-tag{display:inline-block;margin-top:16px;font-family:var(--mono);font-size:13px;color:var(--marine);border:1px solid var(--filet);padding:4px 10px;background:var(--blanc)}
@media(max-width:860px){
.vt-dc .dc-etapes{grid-template-columns:1fr}
.vt-dc .dc-etape,.vt-dc .dc-etape+.dc-etape{padding:28px 0;border-left:0;border-bottom:1px solid var(--filet)}
}
.vt-dc .dc-essai{background:var(--blanc);border-top:1px solid var(--filet);border-bottom:1px solid var(--filet)}
.vt-dc .dc-qcms{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:48px;align-items:start}
@media(max-width:900px){
.vt-dc .dc-qcms{grid-template-columns:1fr}
}
.vt-dc .dc-qcm{background:var(--papier);border:1px solid var(--filet);padding:26px}
.vt-dc .dc-qcm .dc-bloc{font-family:var(--mono);font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:var(--vermillon);font-weight:600}
.vt-dc .dc-qcm .dc-q{color:var(--marine);font-weight:600;font-size:16.5px;line-height:1.5;margin:10px 0 16px}
.vt-dc .dc-qcm button{display:flex;gap:12px;align-items:flex-start;width:100%;text-align:left;font:inherit;font-size:15.5px;line-height:1.45;color:var(--encre);background:var(--papier);border:1px solid var(--filet);padding:11px 14px;margin-top:8px;cursor:pointer;transition:border-color .15s,background .15s}
.vt-dc .dc-qcm button:hover:not([disabled]){border-color:var(--marine);background:var(--blanc)}
.vt-dc .dc-qcm button .dc-l{flex:none;width:24px;height:24px;display:grid;place-items:center;font-family:var(--mono);font-weight:600;font-size:13px;background:var(--filet-p);color:var(--marine)}
.vt-dc .dc-qcm button[disabled]{cursor:default}
.vt-dc .dc-qcm button.vt-bon{border-color:var(--vert);background:color-mix(in srgb,var(--vert) 14%,var(--papier))}
.vt-dc .dc-qcm button.vt-bon .dc-l{background:var(--vert);color:#fff}
.vt-dc .dc-qcm button.vt-faux{border-color:var(--garance);background:var(--tampon-p)}
.vt-dc .dc-qcm button.vt-faux .dc-l{background:var(--garance);color:#fff}
.vt-dc .dc-qcm .dc-corr{display:none;margin-top:16px;padding-top:16px;border-top:1px solid var(--filet);font-size:15px;color:var(--encre-2)}
.vt-dc .dc-qcm .dc-corr b{color:var(--marine)}
.vt-dc .dc-qcm.vt-repondu .dc-corr{display:block;animation:dc-apparait .35s ease}
@keyframes dc-apparait{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.vt-dc .dc-qcms.dc-suite{display:none;margin-top:16px}
.vt-dc .dc-qcms.dc-suite.vt-ouvert{display:grid}
.vt-dc .dc-plus{margin-top:24px;display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.vt-dc .dc-scelle{font-size:14.5px;color:var(--acier)}
.vt-dc .dc-juger{margin-top:36px;font-size:17px;color:var(--encre-2);max-width:62ch}
.vt-dc .dc-juger strong{color:var(--encre)}
.vt-dc .dc-deux{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;align-items:center}
@media(max-width:900px){
.vt-dc .dc-deux{grid-template-columns:1fr;gap:40px}
}
.vt-dc .dc-liste{list-style:none;margin-top:28px;display:grid;gap:12px}
.vt-dc .dc-liste li{display:flex;gap:12px;align-items:flex-start;font-size:16.5px;color:var(--encre)}
.vt-dc .dc-liste svg{flex:none;margin-top:4px;color:var(--vermillon)}
.vt-dc .dc-corrige{background:var(--nuit);color:#fff;padding:34px;position:relative}
.vt-dc .dc-corrige::before{content:"";position:absolute;left:-10px;top:30px;bottom:30px;width:10px;background:var(--garance)}
.vt-dc .dc-corrige .dc-k{font-family:var(--mono);font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:#FF8A9A}
.vt-dc .dc-corrige b.dc-big{display:block;font-family:var(--display);font-stretch:72%;font-weight:800;font-size:5rem;line-height:1;margin:14px 0 6px}
.vt-dc .dc-corrige p{color:#C9D2E0;font-size:16px}
.vt-dc .dc-corrige .dc-btn{margin-top:22px}
.vt-dc .dc-compare{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:52px}
@media(max-width:960px){
.vt-dc .dc-compare{grid-template-columns:1fr}
}
.vt-dc .dc-colonne{padding:30px;border:1px solid var(--filet);background:var(--papier)}
.vt-dc .dc-colonne h3{font-size:1.3rem}
.vt-dc .dc-colonne .dc-sous{color:var(--acier);font-size:14.5px;margin-top:4px}
.vt-dc .dc-colonne ul{list-style:none;margin-top:22px;display:grid;gap:14px}
.vt-dc .dc-colonne li{display:flex;gap:12px;font-size:16px;color:var(--encre-2)}
.vt-dc .dc-colonne li svg{flex:none;margin-top:3px;color:var(--acier)}
.vt-dc .dc-colonne.dc-nous{background:var(--nuit);border-color:var(--marine);box-shadow:inset 0 5px 0 var(--garance)}
.vt-dc .dc-colonne.dc-nous h3{color:#fff}
.vt-dc .dc-colonne.dc-nous .dc-sous{color:#FF8A9A}
.vt-dc .dc-colonne.dc-nous li{color:#E3E8F0}
.vt-dc .dc-colonne.dc-nous li svg{color:#FF8A9A}
.vt-dc .dc-compare-note{margin-top:20px;font-size:14px;color:var(--acier);max-width:70ch}
.vt-dc .dc-limites{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:40px}
@media(max-width:760px){
.vt-dc .dc-limites{grid-template-columns:1fr}
}
.vt-dc .dc-limite{border-left:4px solid var(--marine);background:var(--blanc);padding:22px 24px}
.vt-dc .dc-limite h3{font-size:1.2rem}
.vt-dc .dc-limite p{color:var(--encre-2);font-size:16px;margin-top:8px}
.vt-dc .dc-prix-zone{background:linear-gradient(180deg,var(--papier) 0,var(--blanc) 100%)}
.vt-dc .dc-tickets{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:52px;align-items:stretch}
@media(max-width:860px){
.vt-dc .dc-tickets{grid-template-columns:1fr}
}
.vt-dc .dc-ticket{display:flex;flex-direction:column;background:var(--papier);border:1px solid var(--filet);padding:36px;position:relative}
.vt-dc .dc-ticket.dc-principal{border:2px solid var(--marine);box-shadow:0 40px 80px -46px rgba(10,27,51,.55)}
.vt-dc .dc-ticket.dc-principal::before{content:"";position:absolute;left:-2px;right:-2px;top:-2px;height:6px;background:var(--garance)}
.vt-dc .dc-ticket .dc-badge{align-self:flex-start;font-family:var(--mono);font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:var(--marine);background:var(--tampon-p);border:1px solid var(--garance);padding:4px 10px;margin-bottom:18px}
.vt-dc .dc-ticket .dc-nom{font-family:var(--display);font-stretch:72%;font-weight:800;font-size:2rem;line-height:1.05;color:var(--marine)}
.vt-dc .dc-ticket .dc-sous-nom{color:var(--encre-2);font-size:15.5px;margin-top:6px}
.vt-dc .dc-ticket .dc-montant{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 12px;margin:20px 0 4px}
.vt-dc .dc-ticket .dc-montant b{font-family:var(--display);font-stretch:72%;font-weight:800;font-size:5.4rem;line-height:.9;color:var(--marine)}
.vt-dc .dc-ticket .dc-montant span{color:var(--acier);font-size:16px}
.vt-dc .dc-ticket ul{list-style:none;margin:24px 0 28px;display:grid;gap:12px;flex:1}
.vt-dc .dc-ticket li{display:flex;gap:12px;font-size:15.5px;color:var(--encre)}
.vt-dc .dc-ticket li svg{flex:none;color:var(--vert);margin-top:3px}
.vt-dc .dc-ticket .dc-btn{width:100%}
.vt-dc .dc-ticket .dc-note{margin-top:14px;font-size:13.5px;color:var(--acier);text-align:center}
.vt-dc .dc-conditions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:22px}
@media(max-width:860px){
.vt-dc .dc-conditions{grid-template-columns:1fr}
}
.vt-dc .dc-condition{border:1px dashed var(--filet);background:var(--papier);padding:20px 22px;font-size:14.5px;color:var(--encre-2)}
.vt-dc .dc-condition b{display:block;color:var(--marine);font-size:15.5px;margin-bottom:6px}
.vt-dc .dc-faq{max-width:860px;margin-top:40px;border-top:2px solid var(--marine)}
.vt-dc .dc-faq details{border-bottom:1px solid var(--filet)}
.vt-dc .dc-faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px 0;font-weight:700;font-size:18px;color:var(--marine)}
.vt-dc .dc-faq summary::-webkit-details-marker{display:none}
.vt-dc .dc-faq summary i{flex:none;width:30px;height:30px;border-radius:50%;border:1px solid var(--filet);display:grid;place-items:center;font-style:normal;color:var(--vermillon);transition:transform .2s,background .2s}
.vt-dc .dc-faq details[open] summary i{transform:rotate(45deg);background:var(--tampon-p)}
.vt-dc .dc-faq details p{padding:0 50px 22px 0;color:var(--encre-2)}
@media(max-width:600px){
.vt-dc .dc-faq details p{padding-right:0}
.vt-dc .dc-faq summary{font-size:17px}
}
.vt-dc .dc-fin{position:relative;background:var(--nuit);color:#fff;overflow:hidden;isolation:isolate;text-align:center}
.vt-dc .dc-fin picture,.vt-dc .dc-fin .dc-fond{position:absolute;inset:0;width:100%;height:100%;z-index:-2}
.vt-dc .dc-fin .dc-fond{object-fit:cover;object-position:50% 60%}
.vt-dc .dc-fin::before{content:"";position:absolute;inset:0;z-index:-1;background:rgba(10,27,51,.9)}
.vt-dc .dc-fin .zone{padding-top:110px;padding-bottom:110px}
.vt-dc .dc-fin h2{color:#fff;margin:0 auto;max-width:22ch}
.vt-dc .dc-fin h2 em{color:#FF8A9A}
.vt-dc .dc-fin p{color:#C9D2E0;margin:20px auto 32px;max-width:36em}
.vt-dc .dc-barre{position:fixed;left:10px;right:10px;bottom:10px;z-index:60;display:none;align-items:center;justify-content:space-between;gap:12px;background:var(--nuit);border-top:3px solid var(--garance);box-shadow:0 20px 40px -10px rgba(0,0,0,.55);padding:10px 10px 10px 16px;transform:translateY(150%);transition:transform .3s ease}
.vt-dc .dc-barre.vt-visible{transform:none}
.vt-dc .dc-barre b{display:block;color:#fff;font-family:var(--display);font-stretch:72%;font-weight:800;font-size:22px;line-height:1.05}
.vt-dc .dc-barre small{display:block;color:#B9C3D3;font-size:13px;line-height:1.25}
@media(max-width:760px){
.vt-dc .dc-barre{display:flex}
}
@media(prefers-reduced-motion:reduce){
.vt-dc .dc-carte:hover{transform:none}
}


/* ═══ Commun, après les pages : ce qui doit passer devant ═══ */

/* Le fil d'Ariane, dans le héros (metadonnees.mjs en tire le BreadcrumbList) */
.vt .fil{font-family:var(--mono);font-size:13px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--argent);margin:0 0 22px;line-height:1.5}
.vt .fil a{color:#fff;text-decoration-color:rgba(255,255,255,.5)}
.vt .fil a:hover{color:#fff;text-decoration-color:#fff}

/* L'achat du haut, posé par offre.mjs après le chapeau : l'échéance datée
   (mesure.js la masque le lendemain et écrit « dans N jours »), le bouton vers
   la caisse, puis l'essai des questions. Couleurs fixes : le héros reste nuit. */
.vt .mu-achat-haut{display:block;margin-top:26px}
.vt .mu-achat-haut .mu-urgence{display:inline-block;max-width:none;margin:0;padding:10px 14px;background:rgba(255,255,255,.07);border-left:4px solid var(--garance);font-family:var(--corps);font-size:15px;line-height:1.45;color:#fff}
.vt .mu-achat-haut .mu-urgence b{font-weight:700}
.vt .mu-achat-haut .mu-urgence span{font-family:var(--mono);font-weight:600;font-size:14px;color:#fff}
.vt .mu-achat-haut p:last-child{display:flex;flex-wrap:wrap;gap:12px;margin:24px 0 20px}
.vt .mu-achat-haut .mu-btn{font-size:16.5px;line-height:1.25;padding:17px 26px;text-align:center}
.vt .mu-achat-haut .mu-btn-plein:hover{background:#A50D26;color:#fff}
@media (max-width:640px){
  .vt .mu-achat-haut p:last-child{flex-direction:column}
  .vt .mu-achat-haut .mu-btn{display:block;width:100%}
}

/* Les crédits photo : auteur, licence, lien vers la page du fichier */
.vt .dg-credit a,.vt .pg-credit a,.vt .dc-credit a,.vt .pg-oral figcaption a{color:inherit;text-decoration:underline;text-decoration-color:rgba(255,255,255,.55);text-underline-offset:2px}
.vt .dg-credit,.vt .pg-credit,.vt .dc-credit{max-width:calc(100% - 40px);text-align:right;line-height:1.4}

/* La date de mise à jour et le cachet des sources, en fin de page */
.vt .vt-fin-page{padding-top:64px;padding-bottom:72px}
.vt .vt-fin-page .date{margin:0 0 28px;max-width:none}
.vt section.sources{margin:0;padding:26px 28px 24px;max-width:none}
.vt section.sources h2{font-family:var(--mono);font-size:13px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--vermillon);margin:0 0 14px;line-height:1.4;max-width:none}
.vt section.sources ol{list-style:decimal;padding-left:22px;display:grid;gap:8px;font-size:14.5px;line-height:1.6;color:var(--encre-2)}
.vt section.sources li{padding-left:2px}
.vt section.sources a{color:var(--marine)}
.vt section.sources .maj{margin:18px 0 0;max-width:none}
@media (max-width:600px){.vt section.sources{padding:22px 18px 20px}.vt .vt-fin-page{padding-top:48px;padding-bottom:56px}}

/* La barre d'achat des téléphones ne doit pas masquer le bas du pied */
@media (max-width:760px){body.vt-page footer.mu-pied{padding-bottom:104px}}

/* L'apparition au défilement (vente.js) : seuls les blocs encore sous l'écran
   au chargement sont masqués, et rien ne bouge pour qui préfère moins
   d'animations. Sans JavaScript, tout reste visible. */
.vt .vt-rev{transition:opacity .6s ease,transform .6s cubic-bezier(.2,.7,.2,1)}
.vt .vt-rev.vt-cache{opacity:0;transform:translateY(18px)}
.vt .vt-rev.vt-cache.vt-vu{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.vt .vt-rev,.vt .vt-rev.vt-cache{opacity:1;transform:none;transition:none}}
@media print{.vt .vt-rev.vt-cache{opacity:1;transform:none}}

/* Les boutons de l'achat du haut gardent leurs couleurs sur le héros : le
   socle « .vt a » plus haut leur donnerait l'encre marine. */
.vt .mu-achat-haut .mu-btn-plein{color:#fff;background:var(--garance);border-color:var(--garance)}
.vt .mu-achat-haut .mu-btn-trait{color:#fff;border-color:rgba(255,255,255,.7);background:transparent}
.vt .mu-achat-haut .mu-btn-trait:hover{background:#fff;color:#0A1B33}

/* La largeur des maquettes (1 180 px) sur toute la page, habillage compris,
   pour que le logo, le héros et le pied restent alignés ; gouttière de 16 px
   sur téléphone. Ces deux règles ne valent que pour les trois pages de vente. */
body.vt-page .zone{max-width:1180px}
@media (max-width:600px){body.vt-page .zone{padding-left:16px;padding-right:16px}}

/* Sur téléphone, le crédit photo quitte le coin de l'image et passe sous le
   contenu du bandeau : posé en absolu, il chevauchait le texte. */
@media (max-width:760px){
  .vt .dg-credit,.vt .pg-credit,.vt .dc-credit{position:relative;right:auto;bottom:auto;display:block;max-width:none;padding:0 16px 12px;text-align:right}
}

/* Le Premier Galon : l'étiquette « coef. 3 » chevauchait le bas de l'écran
   dessiné (ordinateur) et la légende (téléphone). Elle descend sous l'écran,
   à droite de la légende. */
.vt-pg .pg-f-b{bottom:-62px}
@media (max-width:960px){
  .vt-pg .pg-heros .zone{padding-bottom:116px}
  .vt-pg .pg-f-b{bottom:-84px}
}

/* ── Corrections du vérificateur (5 octobre 2026) ── */
/* Deux Galons : deux fonds clairs écrits en dur dans la maquette, illisibles
   en mode sombre (texte clair sur fond clair, 1,05 à 1,08:1). */
.vt-dg .dg-compare-ligne .dg-nous{background:color-mix(in srgb,var(--marine) 8%,var(--papier))}
.vt-dg .dg-qcm button.vt-bon{background:color-mix(in srgb,var(--vert) 14%,var(--papier))}
/* Mode sombre : la lettre blanche sur le vert éclairci tombait à 2,8:1 */
:root[data-theme="dark"] .vt button.vt-bon .dg-l,:root[data-theme="dark"] .vt button.vt-bon .pg-l,:root[data-theme="dark"] .vt button.vt-bon .dc-l{color:#0A1B33}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]) .vt button.vt-bon .dg-l,:root:not([data-theme="light"]) .vt button.vt-bon .pg-l,:root:not([data-theme="light"]) .vt button.vt-bon .dc-l{color:#0A1B33}
}
/* Premier Galon : le crédit de la vedette se lisait mal sur la coque et sur
   l'eau (2,1 à 3,3:1) ; c'est l'attribution exigée par la licence. */
.vt-pg .pg-oral figure figcaption{background:rgba(10,27,51,.8);color:#fff;padding:3px 8px;text-shadow:none}
/* Deux Galons, jusqu'à 1 024 px : la pastille « 99 € » couvrait la fin de
   « Concours de la douane » sur la couverture dessinée. */
@media (max-width:1024px){.vt-dg .dg-pastille{top:-46px}}
/* Contour de focus blanc sur le drap nuit (la garance y fait 2,9:1) */
.vt [class$="-heros"] :focus-visible,.vt [class$="-fin"] :focus-visible,.vt .dg-essai-suite :focus-visible,.vt .dg-photo-bande :focus-visible,.vt .pg-oral :focus-visible,.vt .dc-calendrier :focus-visible,.vt .dc-corrige :focus-visible,.vt [data-barre] :focus-visible{outline-color:#fff}
/* Les ancres (#essai, #prix, #faq) ne passent plus sous l'en-tête collant */
main.vt [id]{scroll-margin-top:96px}

/* ═══ L'accueil — main.vt-ac (6 octobre 2026) ═══
   Demande de Walid : « fais le site uniforme un peu comme SLA », l'accueil
   étant resté une page d'information alors que les trois pages de vente
   avaient déjà leur version v2. Ordre des blocs repris de Sport License
   Academy : héros avec une vraie question jouable, chiffres, six raisons,
   trois étapes en photos, les préparations côte à côte, le vrai sujet,
   les constats, les règles, la FAQ, le bandeau final, puis l'alerte.
   Pas d'avis clients : nous n'en avons aucun de vérifié. */
.vt-ac .ac-t{font-family:var(--corps);font-stretch:72%;font-weight:800;line-height:1.02;letter-spacing:-.005em;color:var(--marine);font-size:clamp(2.3rem,4.8vw,3.9rem)}
.vt-ac .ac-t em{font-style:normal;color:var(--vermillon)}
.vt-ac .ac-sur{font-family:var(--mono);font-size:13px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--vermillon);display:inline-flex;align-items:center;gap:12px;margin-bottom:18px}
.vt-ac .ac-sur::before{content:"";width:34px;height:2px;background:currentColor}
.vt-ac .ac-intro{font-size:18.5px;line-height:1.6;color:var(--encre-2);max-width:40em;margin-top:18px}
.vt-ac :focus-visible{outline:3px solid var(--garance);outline-offset:3px}
.vt-ac .ac-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;font-family:var(--corps);font-weight:700;font-size:16.5px;line-height:1.2;text-decoration:none;padding:17px 26px;border:2px solid transparent;transition:background .15s,color .15s,border-color .15s,transform .15s;cursor:pointer;text-align:center}
.vt-ac .ac-btn-plein{background:var(--garance);color:#fff}
.vt-ac .ac-btn-plein:hover{background:#A50D26;color:#fff;transform:translateY(-1px)}
.vt-ac .ac-btn-trait{border-color:rgba(255,255,255,.7);color:#fff}
.vt-ac .ac-btn-trait:hover{background:#fff;color:#0A1B33}
.vt-ac .ac-btn-nuit{background:#0A1B33;color:#fff}
.vt-ac .ac-btn-nuit:hover{background:var(--garance);color:#fff}
.vt-ac .ac-btn-contour{border-color:var(--marine);color:var(--marine)}
.vt-ac .ac-btn-contour:hover{background:#0A1B33;border-color:#0A1B33;color:#fff}
.vt-ac>section{padding:96px 0}
@media(max-width:700px){.vt-ac>section{padding:60px 0}.vt-ac .ac-intro{font-size:17px}}

/* Le héros : la photo de Bercy, le texte à gauche, une question jouable à droite */
.vt-ac .ac-heros{position:relative;background:#0A1B33;color:#fff;overflow:hidden;isolation:isolate}
.vt-ac .ac-heros picture,.vt-ac .ac-heros .ac-fond{position:absolute;inset:0;width:100%;height:100%;z-index:-2}
.vt-ac .ac-heros .ac-fond{object-fit:cover;object-position:50% 55%}
.vt-ac .ac-heros::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(10,27,51,.97) 0%,rgba(10,27,51,.9) 45%,rgba(10,27,51,.6) 75%,rgba(10,27,51,.45) 100%)}
.vt-ac .ac-heros::after{content:"";position:absolute;left:0;top:0;bottom:0;width:14px;background:var(--garance)}
.vt-ac .ac-heros .zone{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:56px;align-items:center;padding-top:52px;padding-bottom:76px}
.vt-ac .ac-badge{display:inline-flex;align-items:center;gap:10px;font-size:14px;font-weight:700;color:#fff;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.22);padding:7px 14px 7px 12px;margin-bottom:20px}
.vt-ac .ac-badge i{width:8px;height:8px;border-radius:50%;background:var(--garance);box-shadow:0 0 0 4px rgba(200,16,46,.25)}
.vt-ac .ac-heros h1{font-family:var(--corps);font-stretch:72%;font-weight:800;line-height:1;font-size:clamp(2.6rem,4.6vw,4.1rem);color:#fff;margin:0 0 20px}
.vt-ac .ac-heros h1 em{font-style:normal;box-shadow:inset 0 -.15em 0 var(--garance)}
/* 14/10/2026 : accroche courte (comme SLA), l'ancien titre suit dans le même h1 */
.vt-ac .ac-heros h1 .ac-h1-suite{display:block;margin-top:14px;font-stretch:100%;font-weight:700;font-size:clamp(1.25rem,2vw,1.6rem);line-height:1.25;color:rgba(255,255,255,.88)}
.vt-ac .ac-heros .chapeau{font-size:19px;line-height:1.6;color:#D9DFE9;max-width:33em}
.vt-ac .ac-heros .chapeau b{color:#fff}
.vt-ac .ac-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:26px}
.vt-ac .ac-rassure{display:grid;gap:8px;margin-top:24px;font-size:14.5px;color:#D9DFE9}
.vt-ac .ac-rassure li{display:flex;align-items:center;gap:10px}
.vt-ac .ac-rassure li::before{content:"";flex:none;width:7px;height:7px;background:var(--garance)}
.vt-ac .ac-credit{position:absolute;right:16px;bottom:10px;font-size:13px;color:rgba(255,255,255,.72);max-width:calc(100% - 40px);text-align:right;line-height:1.4}
.vt-ac .ac-credit a,.vt-ac .ac-etape figcaption a{color:inherit;text-decoration:underline;text-decoration-color:rgba(255,255,255,.55);text-underline-offset:2px}
@media(max-width:960px){
.vt-ac .ac-heros .zone{grid-template-columns:minmax(0,1fr);gap:44px;padding-top:52px;padding-bottom:64px}
.vt-ac .ac-heros::before{background:linear-gradient(180deg,rgba(10,27,51,.93) 0%,rgba(10,27,51,.88) 55%,rgba(10,27,51,.96) 100%)}
}
@media(max-width:760px){.vt-ac .ac-credit{position:relative;right:auto;bottom:auto;display:block;max-width:none;padding:0 16px 12px}}
@media(max-width:600px){
.vt-ac .ac-heros .zone{padding-left:30px;padding-top:40px}
.vt-ac .ac-heros .chapeau{font-size:17.5px}
.vt-ac .ac-actions .ac-btn{width:100%}
}

/* L'appareil : la question jouable du héros (vente.js, ①) */
.vt-ac .ac-appareil{justify-self:center;width:100%;max-width:390px;background:#06111F;border:1px solid rgba(255,255,255,.18);border-radius:30px;padding:12px;box-shadow:0 50px 90px -30px rgba(0,0,0,.8)}
.vt-ac .ac-ecran{background:var(--papier);color:var(--encre);border-radius:20px;padding:20px 18px 18px;overflow:hidden}
.vt-ac .ac-ecran-tete{display:flex;justify-content:space-between;align-items:center;gap:10px;font-family:var(--mono);font-size:12.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--acier);padding-bottom:12px;border-bottom:1px solid var(--filet);margin-bottom:14px}
.vt-ac .ac-ecran-tete b{color:var(--vermillon);font-weight:600}
.vt-ac .ac-qcm .ac-q{font-weight:700;font-size:16.5px;line-height:1.45;color:var(--encre);margin-bottom:12px}
.vt-ac .ac-qcm button{display:flex;gap:12px;align-items:center;width:100%;text-align:left;font:inherit;font-size:15.5px;line-height:1.4;color:var(--encre);background:var(--papier);border:1px solid var(--filet);border-radius:10px;padding:10px 12px;margin-top:8px;cursor:pointer;transition:border-color .15s,background .15s}
.vt-ac .ac-qcm button:hover:not([disabled]){border-color:var(--marine);background:var(--blanc)}
.vt-ac .ac-qcm button[disabled]{cursor:default}
.vt-ac .ac-qcm .ac-l{flex:none;width:26px;height:26px;display:grid;place-items:center;border-radius:6px;font-family:var(--mono);font-weight:600;font-size:13px;background:var(--filet-p);color:var(--marine)}
.vt-ac .ac-qcm button.vt-bon{border-color:var(--vert);background:color-mix(in srgb,var(--vert) 14%,var(--papier))}
.vt-ac .ac-qcm button.vt-bon .ac-l{background:var(--vert);color:#fff}
.vt-ac .ac-qcm button.vt-faux{border-color:var(--garance);background:var(--tampon-p)}
.vt-ac .ac-qcm button.vt-faux .ac-l{background:var(--garance);color:#fff}
.vt-ac .ac-qcm .ac-corr{display:none;margin-top:14px;padding:12px 14px;border-radius:10px;background:var(--blanc);font-size:14.5px;line-height:1.5;color:var(--encre-2)}
.vt-ac .ac-qcm .ac-corr b{color:var(--encre)}
.vt-ac .ac-qcm .ac-verdict{display:block;font-family:var(--mono);font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;margin-bottom:6px}
.vt-ac .ac-qcm .ac-verdict.vt-ok{color:var(--vert)}
.vt-ac .ac-qcm .ac-verdict.vt-ko{color:var(--vermillon)}
.vt-ac .ac-qcm.vt-repondu .ac-corr{display:block}
.vt-ac .ac-ecran-pied{margin-top:14px;padding-top:12px;border-top:1px solid var(--filet);font-size:13.5px;color:var(--acier);line-height:1.45}
.vt-ac .ac-ecran-pied a{color:var(--marine);font-weight:700}
:root[data-theme="dark"] .vt-ac button.vt-bon .ac-l{color:#0A1B33}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .vt-ac button.vt-bon .ac-l{color:#0A1B33}}

/* Les chiffres, sous le héros */
.vt-ac .ac-chiffres{padding:0;background:#13294B;color:#fff;border-top:1px solid rgba(255,255,255,.12)}
.vt-ac .ac-chiffres .zone{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
.vt-ac .ac-chiffre{padding:28px 22px 26px;border-left:1px solid rgba(255,255,255,.14)}
.vt-ac .ac-chiffre:first-child{border-left:0;padding-left:0}
.vt-ac .ac-chiffre b{display:block;font-family:var(--mono);font-size:40px;font-weight:600;line-height:1;letter-spacing:-.02em}
.vt-ac .ac-chiffre span{display:block;margin-top:10px;font-size:14.5px;color:#C9CED6;line-height:1.4}
@media(max-width:760px){
.vt-ac .ac-chiffres .zone{grid-template-columns:repeat(2,minmax(0,1fr))}
.vt-ac .ac-chiffre{padding:22px 14px}
.vt-ac .ac-chiffre:nth-child(odd){border-left:0;padding-left:0}
.vt-ac .ac-chiffre:nth-child(n+3){border-top:1px solid rgba(255,255,255,.14)}
.vt-ac .ac-chiffre b{font-size:32px}
}

/* Six raisons, en icônes */
.vt-ac .ac-raisons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px 40px;margin-top:52px}
.vt-ac .ac-raison{display:grid;grid-template-columns:46px minmax(0,1fr);gap:16px;align-items:start}
.vt-ac .ac-ico{width:46px;height:46px;display:grid;place-items:center;background:#0A1B33;color:#fff}
.vt-ac .ac-raison:nth-child(3n+1) .ac-ico{background:var(--garance)}
.vt-ac .ac-raison strong{display:block;font-size:17.5px;color:var(--marine);margin-bottom:5px}
.vt-ac .ac-raison p{font-size:15.5px;line-height:1.55;color:var(--encre-2)}
@media(max-width:900px){.vt-ac .ac-raisons{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.vt-ac .ac-raisons{grid-template-columns:minmax(0,1fr);gap:26px}}

/* Trois étapes, en photos, sur le drap nuit */
.vt-ac .ac-etapes-bloc{background:#0A1B33;color:#fff;position:relative}
.vt-ac .ac-etapes-bloc::before{content:"";position:absolute;left:0;top:0;bottom:0;width:14px;background:var(--garance)}
.vt-ac .ac-etapes-bloc .ac-t{color:#fff}
.vt-ac .ac-etapes-bloc .ac-t em{color:#FF8A9A}
.vt-ac .ac-etapes-bloc .ac-intro{color:#D9DFE9}
.vt-ac .ac-etapes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:48px}
.vt-ac .ac-etape{position:relative;min-height:440px;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;isolation:isolate;border-radius:14px;padding:26px 24px 22px}
.vt-ac .ac-etape img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.vt-ac .ac-etape::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(10,27,51,.15) 0%,rgba(10,27,51,.55) 38%,rgba(10,27,51,.96) 78%)}
.vt-ac .ac-etape .ac-n{font-family:var(--mono);font-weight:600;font-size:14px;color:#fff;background:var(--garance);align-self:flex-start;padding:3px 9px;margin-bottom:14px}
.vt-ac .ac-etape h3{font-family:var(--corps);font-stretch:80%;font-weight:800;font-size:26px;line-height:1.1;color:#fff;margin-bottom:10px}
.vt-ac .ac-etape p{font-size:15.5px;line-height:1.5;color:#E3E8F0}
.vt-ac .ac-etape .ac-btn{align-self:flex-start;margin-top:18px;padding:12px 18px;font-size:15px;background:#fff;color:#0A1B33}
.vt-ac .ac-etape .ac-btn:hover{background:var(--garance);color:#fff}
.vt-ac .ac-etape figcaption{margin-top:14px;font-size:12px;color:rgba(255,255,255,.7)}
@media(max-width:900px){.vt-ac .ac-etapes{grid-template-columns:minmax(0,1fr)}.vt-ac .ac-etape{min-height:380px}}

/* Les préparations : trois billets, comme les formules de SLA */
.vt-ac .ac-offres-bloc{background:var(--blanc)}
.vt-ac .ac-offres{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:44px;align-items:stretch}
.vt-ac .ac-offre{position:relative;display:flex;flex-direction:column;background:var(--papier);border:1px solid var(--filet);border-top:6px solid #0A1B33;padding:28px 26px 26px}
.vt-ac .ac-offre.ac-garance{border-top-color:var(--garance)}
.vt-ac .ac-offre .ac-cat{font-family:var(--mono);font-size:12.5px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--acier)}
.vt-ac .ac-offre .ac-galons{display:flex;gap:5px;margin:14px 0 16px}
.vt-ac .ac-offre .ac-galons i{width:34px;height:8px;background:linear-gradient(180deg,#E7EAEF,#AEB5C0);transform:skewX(-14deg);border:1px solid #AEB5C0}
.vt-ac .ac-offre h3{font-family:var(--corps);font-stretch:72%;font-weight:800;font-size:34px;line-height:1;color:var(--marine)}
.vt-ac .ac-offre .ac-pour{font-weight:700;font-size:16px;color:var(--vermillon);margin-top:6px}
.vt-ac .ac-offre .ac-cond{font-size:14px;color:var(--acier);margin-top:3px}
.vt-ac .ac-prix{display:flex;align-items:baseline;gap:10px;margin:20px 0 4px;padding-top:18px;border-top:1px solid var(--filet)}
.vt-ac .ac-prix b{font-family:var(--mono);font-weight:600;font-size:42px;line-height:1;color:var(--encre);letter-spacing:-.02em}
.vt-ac .ac-prix span{font-size:14.5px;color:var(--encre-2)}
.vt-ac .ac-offre ul{display:grid;gap:10px;margin:18px 0 24px}
.vt-ac .ac-offre li{display:grid;grid-template-columns:20px minmax(0,1fr);gap:10px;font-size:15.5px;line-height:1.45;color:var(--encre-2)}
.vt-ac .ac-offre li b{color:var(--encre)}
.vt-ac .ac-offre li::before{content:"";width:20px;height:20px;margin-top:1px;background:var(--vert) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5 10.5l3.2 3.2L15 7' fill='none' stroke='%23fff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/20px no-repeat}
.vt-ac .ac-offre .ac-btn{margin-top:auto;width:100%}
.vt-ac .ac-offre .ac-lien{display:block;text-align:center;margin-top:12px;font-size:14.5px}
.vt-ac .ac-offres-suite{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:18px}
.vt-ac .ac-encart{background:var(--papier);border:1px solid var(--filet);border-left:6px solid var(--garance);padding:20px 22px;font-size:15.5px;line-height:1.55;color:var(--encre-2)}
.vt-ac .ac-encart.ac-gris{border-left-color:var(--acier)}
/* 13/10/2026 : Walid « l'offre à 29 € on ne la voit pas » — l'encart gris devient un bandeau nuit, prix en gros,
   et un ruban dans le héros. Les deux disparaissent seuls après le 04/11 (data-jusqua, mesure.js). */
.vt-ac .ac-obj5{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:center;margin-top:26px;background:#0A1B33;color:#fff;padding:24px 28px;border-left:8px solid var(--garance)}
.vt-ac .ac-obj5[hidden],.vt-ac .ac-obj5-ruban[hidden]{display:none}
.vt-ac .ac-obj5-txt{min-width:0}
.vt-ac .ac-obj5-sur{display:block;font-size:12.5px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:#C9CED6}
.vt-ac .ac-obj5-t{margin:6px 0 6px;font-size:26px;font-weight:800;line-height:1.15;color:#fff}
.vt-ac .ac-obj5-d{margin:0;font-size:15.5px;line-height:1.5;color:#E4E7EC}
.vt-ac .ac-obj5-prix{display:flex;flex-direction:column;align-items:center;gap:10px}
.vt-ac .ac-obj5-prix b{font-size:44px;line-height:1;font-weight:800;color:#fff}
.vt-ac .ac-obj5-prix .ac-btn{white-space:nowrap}
.vt-ac .ac-obj5-ruban{display:inline-flex;flex-wrap:wrap;gap:2px 12px;margin-top:18px;padding:10px 16px;background:var(--garance);color:#fff;font-size:15px;line-height:1.35;text-decoration:none}
.vt-ac .ac-obj5-ruban:hover{background:#9E0C24;color:#fff}
@media(max-width:640px){.vt-ac .ac-obj5{grid-template-columns:minmax(0,1fr);padding:20px}.vt-ac .ac-obj5-prix{flex-direction:row;justify-content:space-between}.vt-ac .ac-obj5-prix b{font-size:36px}}
/* 12/10/2026 : les prix remontés sous les chiffres, la section des sujets suivait la plateforme, blanche elle aussi. */
.vt-ac .ac-sujet-bloc{background:var(--blanc)}
.vt-ac .ac-encart b{color:var(--encre)}
.vt-ac .ac-note{font-size:13.5px;color:var(--acier);margin-top:18px;max-width:60em}
@media(max-width:960px){.vt-ac .ac-offres{grid-template-columns:minmax(0,1fr);max-width:560px}.vt-ac .ac-offres-suite{grid-template-columns:minmax(0,1fr)}}

/* Le vrai sujet : la liste des annales et la carte d'entraînement */
.vt-ac .ac-sujet{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;align-items:start}
.vt-ac .ac-sujets{margin-top:28px;border-top:2px solid var(--marine)}
.vt-ac .ac-sujets li{display:flex;justify-content:space-between;gap:16px;align-items:baseline;padding:11px 0;border-bottom:1px solid var(--filet);font-size:15.5px}
.vt-ac .ac-sujets a{font-weight:700;text-decoration:none;color:var(--marine)}
.vt-ac .ac-sujets a:hover{text-decoration:underline}
.vt-ac .ac-sujets span{flex:none;font-family:var(--mono);font-size:13px;color:var(--acier)}
.vt-ac .ac-sujets span b{color:var(--encre)}
.vt-ac .ac-sujet .ac-texte p{margin-top:16px;font-size:16.5px;line-height:1.6;color:var(--encre-2)}
.vt-ac .ac-carte-sujet{position:sticky;top:110px;background:#0A1B33;color:#fff;border-top:6px solid var(--garance);padding:34px 32px 30px;box-shadow:0 40px 80px -40px rgba(10,27,51,.7)}
.vt-ac .ac-carte-sujet .ac-mini{font-family:var(--mono);font-size:12.5px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#FF8A9A}
.vt-ac .ac-carte-sujet h3{font-family:var(--corps);font-stretch:72%;font-weight:800;font-size:clamp(2.2rem,4vw,3.2rem);line-height:1;margin:14px 0 22px;color:#fff}
.vt-ac .ac-carte-sujet dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0 0 26px}
.vt-ac .ac-carte-sujet dt{font-family:var(--mono);font-weight:600;font-size:28px;line-height:1}
.vt-ac .ac-carte-sujet dd{font-size:13.5px;color:#C9CED6;margin:6px 0 0}
.vt-ac .ac-carte-sujet .ac-btn{width:100%}
.vt-ac .ac-carte-sujet p{font-size:14px;color:#C9CED6;margin-top:14px;line-height:1.5}
.vt-ac .ac-carte-sujet p a{color:#fff}
@media(max-width:900px){.vt-ac .ac-sujet{grid-template-columns:minmax(0,1fr);gap:40px}.vt-ac .ac-carte-sujet{position:static}}

/* Les constats chiffrés */
.vt-ac .ac-constats-bloc{background:var(--blanc)}
.vt-ac .ac-constats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:44px}
.vt-ac .ac-constat{background:var(--papier);border:1px solid var(--filet);padding:28px 26px}
.vt-ac .ac-constat b{display:block;font-family:var(--mono);font-weight:600;font-size:44px;line-height:1;color:var(--vermillon);letter-spacing:-.02em}
.vt-ac .ac-constat b small{font-size:.5em}
.vt-ac .ac-constat strong{display:block;font-size:17.5px;line-height:1.3;color:var(--marine);margin:16px 0 8px}
.vt-ac .ac-constat p{font-size:15px;line-height:1.55;color:var(--encre-2)}
.vt-ac .ac-renvoi{margin-top:24px;font-size:15.5px;color:var(--encre-2)}
@media(max-width:900px){.vt-ac .ac-constats{grid-template-columns:minmax(0,1fr)}}

/* Les quatre règles */
.vt-ac .ac-regles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin-top:44px;border-top:2px solid var(--marine)}
.vt-ac .ac-regle{padding:24px 22px 8px;border-left:1px solid var(--filet)}
.vt-ac .ac-regle:first-child{border-left:0;padding-left:0}
.vt-ac .ac-regle .ac-n{font-family:var(--mono);font-size:13px;font-weight:600;color:var(--vermillon);letter-spacing:.1em}
.vt-ac .ac-regle strong{display:block;font-size:17px;line-height:1.3;color:var(--marine);margin:10px 0 8px}
.vt-ac .ac-regle p{font-size:15px;line-height:1.55;color:var(--encre-2)}
@media(max-width:900px){.vt-ac .ac-regles{grid-template-columns:repeat(2,minmax(0,1fr))}.vt-ac .ac-regle:nth-child(3){border-left:0;padding-left:0}}
@media(max-width:600px){.vt-ac .ac-regles{grid-template-columns:minmax(0,1fr)}.vt-ac .ac-regle{border-left:0;padding-left:0;border-bottom:1px solid var(--filet);padding-bottom:20px}}

/* La FAQ */
.vt-ac .ac-faq-bloc{background:var(--blanc)}
.vt-ac .ac-faq{max-width:840px;margin-top:40px;border-top:2px solid var(--marine)}
.vt-ac .ac-faq details{border-bottom:1px solid var(--filet)}
.vt-ac .ac-faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px 0;font-weight:700;font-size:18px;color:var(--marine)}
.vt-ac .ac-faq summary::-webkit-details-marker{display:none}
.vt-ac .ac-faq summary i{flex:none;width:30px;height:30px;display:grid;place-items:center;font-style:normal;font-family:var(--mono);font-weight:600;font-size:18px;background:#0A1B33;color:#fff;transition:transform .2s,background .2s}
.vt-ac .ac-faq details[open] summary i{transform:rotate(45deg);background:var(--garance)}
.vt-ac .ac-faq details p{padding:0 50px 22px 0;color:var(--encre-2)}
@media(max-width:600px){.vt-ac .ac-faq summary{font-size:16.5px}.vt-ac .ac-faq details p{padding-right:0}}

/* Le bandeau final */
.vt-ac .ac-fin{background:#0A1B33;color:#fff;text-align:center;border-top:6px solid var(--garance)}
.vt-ac .ac-fin .ac-t{color:#fff}
.vt-ac .ac-fin .ac-t em{color:#FF8A9A}
.vt-ac .ac-fin p{color:#D9DFE9;font-size:18px;margin:18px auto 0;max-width:36em}
.vt-ac .ac-fin .ac-actions{justify-content:center}

/* La barre des téléphones (vente.js, ③) */
.vt-ac .ac-barre{position:fixed;left:0;right:0;bottom:0;z-index:60;display:none;align-items:center;justify-content:space-between;gap:12px;background:#0A1B33;border-top:4px solid var(--garance);padding:10px 16px calc(10px + env(safe-area-inset-bottom));transform:translateY(120%);transition:transform .3s ease;box-shadow:0 -10px 30px -10px rgba(0,0,0,.4)}
.vt-ac .ac-barre.vt-visible{transform:none}
.vt-ac .ac-barre b{display:block;color:#fff;font-weight:700;font-size:15px;line-height:1.2}
.vt-ac .ac-barre small{display:block;color:#C9CED6;font-size:13px;line-height:1.25}
.vt-ac .ac-barre .ac-btn{padding:13px 16px;font-size:15px;white-space:nowrap}
@media(max-width:760px){.vt-ac .ac-barre{display:flex}}

/* L'alerte (style.css, .mu-alerte) garde sa charte : on lui rend ses marges,
   que le socle de main.vt remet à zéro */
.vt-ac>section.mu-alerte{padding:64px 0}
.vt-ac .mu-alerte h2{margin:0 0 14px}
.vt-ac .mu-alerte p{margin:0}
.vt-ac .mu-alerte a{color:#fff}
.vt .ac-etapes-bloc :focus-visible,.vt .ac-carte-sujet :focus-visible,.vt .ac-fin :focus-visible{outline-color:#fff}
/* Vérificateur du 6/10 : le contour garance tombait à 2,9:1 sur la barre
   nuit et sur var(--blanc) en mode sombre */
.vt .ac-barre :focus-visible{outline-color:#fff}
:root[data-theme="dark"] .vt-ac :focus-visible{outline-color:var(--vermillon)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .vt-ac :focus-visible{outline-color:var(--vermillon)}}
/* Retouches du 6/10 au soir (points 3 à 5 de l'avis) :
   - la photo du chien de la douane cadrée sur l'agent et le chien ;
   - la liste des annales repliée après quatre sujets (vente.js, ②) ;
   - le bloc des règles resserré. */
.vt-ac .ac-etape-chien img{object-position:28% 60%}
.vt-ac .ac-sujets:not(.vt-ouvert) li:nth-child(n+5){display:none}
.vt-ac .ac-plus{display:inline-flex;align-items:center;gap:8px;margin-top:14px;font-weight:700;font-size:15px;color:var(--marine);border:2px solid var(--marine);padding:10px 16px;cursor:pointer}
.vt-ac .ac-plus:hover{background:#0A1B33;border-color:#0A1B33;color:#fff}
.vt-ac>section.ac-regles-bloc{padding:64px 0}
.vt-ac .ac-regles-bloc .ac-regles{margin-top:32px}
@media(max-width:700px){.vt-ac>section.ac-regles-bloc{padding:48px 0}}
/* La plateforme : une vraie capture du sommaire (6/10/2026, Chrome, page publique du cours) */
.vt-ac .ac-plateforme-grille{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;align-items:center}
.vt-ac .ac-points{display:grid;gap:12px;margin-top:24px}
.vt-ac .ac-points li{display:grid;grid-template-columns:20px minmax(0,1fr);gap:10px;font-size:16px;line-height:1.5;color:var(--encre-2)}
.vt-ac .ac-points li::before{content:"";width:8px;height:8px;margin-top:8px;background:var(--garance)}
.vt-ac .ac-navigateur{background:#fff;border:1px solid var(--filet);border-radius:12px;overflow:hidden;box-shadow:0 40px 80px -40px rgba(10,27,51,.55)}
.vt-ac .ac-nav-barre{display:flex;align-items:center;gap:7px;padding:10px 14px;background:#0A1B33}
.vt-ac .ac-nav-barre i{width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,.3)}
.vt-ac .ac-nav-barre span{margin-left:10px;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--mono);font-size:12.5px;color:#C9CED6;background:rgba(255,255,255,.08);padding:4px 10px;border-radius:6px}
.vt-ac .ac-navigateur img{width:100%;height:auto}
.vt-ac .ac-navigateur figcaption{font-size:13px;color:#5D6B84;padding:8px 14px;border-top:1px solid #E4EBF4;background:#fff}
@media(max-width:900px){.vt-ac .ac-plateforme-grille{grid-template-columns:minmax(0,1fr);gap:36px}}
.vt-ac .ac-plateforme{background:var(--papier)}
/* La plateforme, trois captures (6/10/2026, session de Walid dans Chrome, barre
   d'administration retirée de la capture) : la leçon en grand, puis deux cadres */
.vt-ac .ac-plateforme-tete{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:48px;align-items:end}
.vt-ac .ac-plateforme-tete .ac-intro{margin-top:0}
.vt-ac .ac-captures{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-top:44px;align-items:start}
.vt-ac .ac-navigateur.ac-grand{grid-column:1/-1}
@media(max-width:900px){.vt-ac .ac-plateforme-tete{grid-template-columns:minmax(0,1fr);gap:8px}.vt-ac .ac-captures{grid-template-columns:minmax(0,1fr)}}

/* ═══ « Des photos et un peu plus de couleurs » (Walid, 6/10/2026 au soir) ═══
   Couleurs ajoutées sans quitter la charte : le bleu-blanc-rouge des coques de
   la douane (liseré tricolore), un bleu ciel et le vert de la charte pour les
   icônes et la préparation d'agent, et un bloc de constats sur la garance.
   Teintes fixes sur fonds fixes : elles tiennent en mode sombre. */
.vt-ac{--ac-bleu:#1F4FA3;--ac-ciel:#2E7BCF;--ac-vert:#1E7A50}
/* Le liseré tricolore, sous la bande de chiffres et en tête des blocs nuit */
.vt-ac .ac-chiffres{border-bottom:0;position:relative}
.vt-ac .ac-chiffres::after,.vt-ac .ac-etapes-bloc::after,.vt-ac .ac-fin::after{content:"";position:absolute;left:0;right:0;height:6px;background:linear-gradient(90deg,var(--ac-bleu) 0 33.33%,#fff 33.33% 66.66%,var(--garance) 66.66%)}
.vt-ac .ac-chiffres::after{bottom:-6px;z-index:2}
.vt-ac .ac-etapes-bloc::after{top:0}
.vt-ac .ac-fin{position:relative;border-top:0}
.vt-ac .ac-fin::after{top:0}
.vt-ac .ac-chiffre b{color:#fff}
.vt-ac .ac-chiffre:nth-child(1) b{color:#8DB8F0}
.vt-ac .ac-chiffre:nth-child(2) b{color:#fff}
.vt-ac .ac-chiffre:nth-child(3) b{color:#FF8A9A}
.vt-ac .ac-chiffre:nth-child(4) b{color:#7FD6A6}
/* Les six raisons : icônes en trois couleurs, sur un fond bleuté */
.vt-ac .ac-raison:nth-child(3n+1) .ac-ico{background:var(--garance)}
.vt-ac .ac-raison:nth-child(3n+2) .ac-ico{background:var(--ac-bleu)}
.vt-ac .ac-raison:nth-child(3n) .ac-ico{background:var(--ac-vert)}
.vt-ac .ac-ico{border-radius:12px}
/* La bande photo du métier */
.vt-ac .ac-metiers-bloc{background:linear-gradient(180deg,#EAF2FC 0%,var(--papier) 100%)}
:root[data-theme="dark"] .vt-ac .ac-metiers-bloc{background:var(--blanc)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .vt-ac .ac-metiers-bloc{background:var(--blanc)}}
.vt-ac .ac-metiers{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:44px 0 30px}
.vt-ac .ac-metier{position:relative;height:380px;border-radius:14px;overflow:hidden;isolation:isolate;display:flex;align-items:flex-end;box-shadow:0 30px 60px -36px rgba(10,27,51,.6)}
.vt-ac .ac-metier img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform .6s ease}
.vt-ac .ac-metier:hover img{transform:scale(1.04)}
.vt-ac .ac-metier::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(10,27,51,0) 40%,rgba(10,27,51,.92) 100%)}
.vt-ac .ac-metier figcaption{padding:18px 18px 14px;color:#fff;font-size:15px;line-height:1.35}
.vt-ac .ac-metier strong{display:block;font-family:var(--corps);font-stretch:80%;font-weight:800;font-size:24px;line-height:1.05}
.vt-ac .ac-metier small{display:block;margin-top:10px;font-size:11.5px;color:rgba(255,255,255,.72)}
.vt-ac .ac-metier small a{color:inherit;text-decoration:underline;text-decoration-color:rgba(255,255,255,.5)}
.vt-ac .ac-pos-1{object-position:50% 50%}
.vt-ac .ac-pos-2{object-position:66% 40%}
.vt-ac .ac-pos-3{object-position:45% 60%}
.vt-ac .ac-pos-4{object-position:28% 60%}
@media(max-width:960px){.vt-ac .ac-metiers{grid-template-columns:repeat(2,minmax(0,1fr))}.vt-ac .ac-metier{height:300px}}
@media(max-width:520px){.vt-ac .ac-metier{height:240px}.vt-ac .ac-metier strong{font-size:21px}}
/* Une couleur par préparation : bleu pour l'agent, garance pour la douane,
   vert pour les finances publiques — sur le liseré du haut et le prix */
.vt-ac .ac-offre{border-top-width:8px;border-radius:0 0 12px 12px}
.vt-ac .ac-offres .ac-offre:nth-child(1){border-top-color:var(--ac-bleu)}
.vt-ac .ac-offres .ac-offre:nth-child(2){border-top-color:var(--garance)}
.vt-ac .ac-offres .ac-offre:nth-child(3){border-top-color:var(--ac-vert)}
.vt-ac .ac-offres .ac-offre:nth-child(1) .ac-pour{color:var(--ac-bleu)}
.vt-ac .ac-offres .ac-offre:nth-child(3) .ac-pour{color:var(--ac-vert)}
.vt-ac .ac-offres .ac-offre:nth-child(1) .ac-btn-nuit{background:var(--ac-bleu)}
.vt-ac .ac-offres .ac-offre:nth-child(3) .ac-btn-nuit{background:var(--ac-vert)}
.vt-ac .ac-offres .ac-offre .ac-btn-nuit:hover{background:#0A1B33}
:root[data-theme="dark"] .vt-ac .ac-offres .ac-offre:nth-child(1) .ac-pour{color:#8DB8F0}
:root[data-theme="dark"] .vt-ac .ac-offres .ac-offre:nth-child(3) .ac-pour{color:#7FD6A6}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]) .vt-ac .ac-offres .ac-offre:nth-child(1) .ac-pour{color:#8DB8F0}
  :root:not([data-theme="light"]) .vt-ac .ac-offres .ac-offre:nth-child(3) .ac-pour{color:#7FD6A6}
}
/* Les constats sur la garance */
.vt-ac .ac-constats-bloc{background:linear-gradient(135deg,#C8102E 0%,#9E0B24 100%);color:#fff}
.vt-ac .ac-constats-bloc .ac-sur,.vt-ac .ac-constats-bloc .ac-t,.vt-ac .ac-constats-bloc .ac-t em{color:#fff}
.vt-ac .ac-constats-bloc .ac-t em{text-decoration:underline;text-decoration-thickness:4px;text-underline-offset:8px;text-decoration-color:rgba(255,255,255,.55)}
.vt-ac .ac-constats-bloc .ac-renvoi{color:#FFE3E7}
.vt-ac .ac-constats-bloc .ac-renvoi a{color:#fff}
.vt-ac .ac-constats-bloc .ac-constat{background:#fff;border:0;border-radius:12px;box-shadow:0 30px 50px -30px rgba(60,0,10,.6)}
.vt-ac .ac-constats-bloc .ac-constat b{color:#C8102E}
.vt-ac .ac-constats-bloc .ac-constat strong{color:#0A1B33}
.vt-ac .ac-constats-bloc .ac-constat p{color:#39465C}
.vt .ac-constats-bloc :focus-visible{outline-color:#fff}
/* La FAQ sur un fond bleuté */
.vt-ac .ac-faq-bloc{background:#EAF2FC}
:root[data-theme="dark"] .vt-ac .ac-faq-bloc{background:var(--blanc)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .vt-ac .ac-faq-bloc{background:var(--blanc)}}
/* Zoom des captures de la plateforme (8/10/2026) — comportement dans vente.js, ⑤ */
.vt-zoomable{position:relative}
.vt-zoomable img{cursor:zoom-in}
.vt-zoomable img:focus-visible{outline:3px solid var(--garance);outline-offset:-3px}
.vt-zoomable::after{content:"⤢ Agrandir";position:absolute;right:12px;top:52px;padding:6px 10px;border-radius:6px;background:rgba(10,27,51,.86);color:#fff;font-size:13px;font-weight:700;pointer-events:none}
.vt-zoom-ouvert{overflow:hidden}
.vt-zoom{width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;background:#0A1B33;color:#fff}
.vt-zoom::backdrop{background:rgba(10,27,51,.6)}
.vt-zoom[open]{display:flex;flex-direction:column}
.vt-zoom-barre{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;flex:none}
.vt-zoom-aide{font-size:14px;color:#D9DFE9}
.vt-zoom-fermer{flex:none;font:inherit;font-weight:700;font-size:15px;color:#0A1B33;background:#fff;border:0;border-radius:8px;padding:10px 16px;cursor:pointer}
.vt-zoom-fermer:focus-visible{outline:3px solid #fff;outline-offset:3px}
.vt-zoom-cadre{flex:1;min-height:0;overflow:auto;display:flex;align-items:center;justify-content:center;padding:0 14px 14px;-webkit-overflow-scrolling:touch}
.vt-zoom-cadre img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;cursor:zoom-in;border-radius:8px;box-shadow:0 30px 80px rgba(0,0,0,.45)}
.vt-zoom-reel .vt-zoom-cadre{display:block}
.vt-zoom-reel .vt-zoom-cadre img{max-width:none;max-height:none;cursor:zoom-out;border-radius:0}
@media(max-width:600px){.vt-zoomable::after{top:46px;font-size:12px;padding:5px 8px}}

/* 12/10/2026 (Objectif 5 novembre) : un élément masqué par mesure.js ([data-jusqua] passé, [data-des] à venir) doit le
   rester, même quand une règle de cette feuille lui donne un display (.dg-barre-achat{display:flex}, boutons). */
main.vt [hidden]{display:none!important}

/* 23/10/2026 : l'annonce de la hausse des prix du 06/11/2026, posée par hausse.mjs (prix lus dans prix.mjs).
   Chaque bloc porte data-jusqua : mesure.js le masque dès le 6 novembre ; le premier build après le 5 le vide. */
.vt .mu-hausse-haut{margin:0 0 22px;padding:10px 14px;max-width:40em;background:rgba(255,255,255,.07);border-left:4px solid var(--garance);font-family:var(--corps);font-size:15px;line-height:1.45;color:#fff}
.vt .mu-hausse-haut b{font-weight:700}
.vt .mu-hausse-prix{margin:28px 0 0;padding:20px 22px;max-width:48em;background:var(--papier);border:1px solid var(--filet);border-left:6px solid var(--garance);font-size:15.5px;line-height:1.55;color:var(--encre-2)}
.vt .mu-hausse-prix .mu-hausse-t{margin:0 0 8px;font-size:17px;font-weight:700;color:var(--encre)}
.vt .mu-hausse-prix ul{margin:0 0 10px;padding-left:1.2em}
.vt .mu-hausse-prix li{margin:4px 0}
.vt .mu-hausse-prix b{color:var(--encre)}
.vt .mu-hausse-prix p{margin:0}
.vt-ac .ac-encart.mu-hausse-ac{margin:22px 0 0}