@font-face{font-family:'Instrument Serif';src:url('fonts/instrument-serif.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Instrument Serif';src:url('fonts/instrument-serif-italique.woff2') format('woff2');font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:'Figtree';src:url('fonts/figtree.woff2') format('woff2');font-weight:300 900;font-style:normal;font-display:swap}
@font-face{font-family:'Figtree';src:url('fonts/figtree-italique.woff2') format('woff2');font-weight:300 900;font-style:italic;font-display:swap}
:root{--nuit:#0c1222;--nuit-2:#141b30;--nuit-3:#1c2440;--blanc:#f7f3ec;--brume:#b9c0d2;--or:#f2b544;--or-vif:#ffc658;--or-profond:#8a5d06;--or-sombre:#5a3d05;--encre-or:#3a3012;--papier:#f6f1e8;--craie:#fdfbf7;--sable:#ece5d8;--encre:#161b2b;--ardoise:#4f5668;--vert:#2f9e6b;--vert-sombre:#1f6f4b;--rouge:#c0392b;--rouge-sombre:#8e2a1f;--or-clair:#f6c05a;--or-fonce:#e6a52c;
--filet-nuit:rgba(247,243,236,.14);--filet-papier:rgba(22,27,43,.12);
--titre:'Instrument Serif','Iowan Old Style','Palatino Linotype',Georgia,serif;
--texte:'Figtree','Segoe UI','Helvetica Neue',Arial,sans-serif;
--e-2:8px;--e-3:12px;--e-4:16px;--e-5:24px;--e-6:32px;--e-7:48px;--e-8:64px;--e-9:96px;--e-10:128px;
--section:clamp(4.5rem,8vw,7.5rem);--marge:clamp(1rem,5vw,5rem);--cadre:1360px;
--rayon:20px;--rayon-petit:12px;--courbe:cubic-bezier(.2,.7,.2,1);--duree:.55s;
--ombre-photo:0 30px 60px -30px rgba(12,18,34,.55);
--ombre-carte:0 30px 60px -24px rgba(12,18,34,.45),0 0 0 1px rgba(255,255,255,.6) inset;
--entete-h:84px;
--t2:var(--ardoise);--filet:var(--filet-papier);--carte:var(--craie);--accent-t:var(--or-profond)}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;scroll-padding-top:calc(var(--entete-h) + 12px)}
body{margin:0;font-family:var(--texte);font-size:1.0625rem;line-height:1.6;color:var(--encre);background:var(--nuit);overflow-x:hidden;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
main{background:var(--papier)}
img,svg{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
p{margin:0}
ul,ol{margin:0;padding:0;list-style:none}
h1,h2,h3,h4{margin:0;font-weight:400}
button,input{font:inherit;color:inherit}
figure{margin:0}
fieldset{border:0;padding:0;margin:0;min-width:0}
q{quotes:'«\00a0' '\00a0»'}
p,li,.h3,figcaption,dd{text-wrap:pretty}
:focus-visible{outline:3px solid var(--or);outline-offset:3px;border-radius:4px}
.lecteur{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.saut{position:absolute;left:1rem;top:-100px;z-index:100;background:var(--or);color:var(--nuit);padding:.75rem 1.25rem;border-radius:999px;font-weight:600}
.saut:focus{top:1rem}
.cadre{width:min(100% - 2 * var(--marge),var(--cadre));margin-inline:auto}
.centre{text-align:center}
.h1{font-family:var(--titre);font-size:clamp(3rem,1rem + 5.4vw,6.25rem);line-height:.96;letter-spacing:-.018em;text-wrap:balance}
.h2{font-family:var(--titre);font-size:clamp(2.125rem,1rem + 3.2vw,3.75rem);line-height:1.04;letter-spacing:-.012em;text-wrap:balance}
.h2-grand{font-size:clamp(2.5rem,1rem + 4.6vw,5.5rem)}
.h2-geant{font-size:clamp(3rem,1rem + 6.4vw,8.75rem);line-height:.94;letter-spacing:-.022em}
.h3{font-family:var(--texte);font-weight:600;font-size:1.25rem;line-height:1.3;letter-spacing:-.005em}
.h3-serif{font-family:var(--titre);font-weight:400;font-size:1.875rem;line-height:1.08}
.h1 em,.h2 em{font-style:italic}
.ton-nuit .h1 em,.ton-nuit .h2 em{color:var(--or)}
.surtitre{font-weight:600;font-size:.75rem;letter-spacing:.14em;text-transform:uppercase;color:var(--accent-t);margin-bottom:var(--e-5);display:flex;align-items:center;gap:12px}
.surtitre::before{content:'';flex:none;width:11px;height:11px;background:currentColor;-webkit-mask:url('images/chevron.svg') center/contain no-repeat;mask:url('images/chevron.svg') center/contain no-repeat;transform:translateY(-1px)}
.chapeau{font-size:clamp(1.0625rem,1rem + .35vw,1.25rem);line-height:1.55;color:var(--t2);max-width:34em}
.petit{font-size:.9375rem;line-height:1.5;color:var(--t2)}
.prose{max-width:62ch;color:var(--t2)}
.prose p+p,.prose p+ul,.prose ul+p,.prose p+ol,.prose ol+p{margin-top:var(--e-4)}
.prose strong{color:currentColor;font-weight:600}
.ton-nuit .prose strong{color:var(--blanc)}
.ton-papier .prose strong,.ton-or .prose strong{color:var(--encre)}
.prose a{text-decoration:underline;text-underline-offset:3px;color:var(--accent-t)}
.prose ul{display:grid;gap:8px}
.prose ul li{position:relative;padding-left:22px}
.prose ul li::before{content:'';position:absolute;left:2px;top:.6em;width:7px;height:7px;border-left:1.5px solid var(--accent-t);border-top:1.5px solid var(--accent-t);transform:rotate(45deg)}
.prose ol{counter-reset:p;display:grid;gap:14px}
.prose ol li{counter-increment:p;position:relative;padding-left:52px}
.prose ol li::before{content:counter(p,decimal-leading-zero);position:absolute;left:0;top:-2px;font-family:var(--titre);font-size:1.5rem;line-height:1.1;color:var(--accent-t)}
.tete{margin-bottom:clamp(2.5rem,5vw,4rem);max-width:46rem}
.tete .h2+.chapeau{margin-top:var(--e-5)}
.tete-centre{margin-inline:auto;text-align:center}
.tete-centre .surtitre{justify-content:center}
.tete-centre .chapeau{margin-inline:auto}
.tete:has(.h2-geant){max-width:none}
.section{padding-block:var(--section);position:relative}
.ton-nuit{background:var(--nuit);color:var(--blanc);--t2:var(--brume);--filet:var(--filet-nuit);--carte:var(--nuit-2);--accent-t:var(--or)}
.ton-nuit.lueur{background:radial-gradient(120% 90% at 85% 0%,#1b2544 0%,var(--nuit) 55%)}
.ton-papier{background:var(--papier);color:var(--encre);--t2:var(--ardoise);--filet:var(--filet-papier);--carte:var(--craie);--accent-t:var(--or-profond)}
.ton-or{background:linear-gradient(160deg,var(--or-clair) 0%,var(--or) 45%,var(--or-fonce) 100%);color:var(--encre);--t2:var(--encre-or);--filet:rgba(22,27,43,.22);--carte:#fbf7ef;--accent-t:var(--or-sombre);overflow:hidden}
.bouton{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:56px;padding:0 28px;border-radius:999px;font-weight:600;font-size:1rem;line-height:1.1;cursor:pointer;border:1px solid transparent;text-align:center;transition:transform var(--duree) var(--courbe),background-color .25s,color .25s,border-color .25s}
.bouton .ic{width:18px;height:18px;stroke-width:2;transition:transform var(--duree) var(--courbe)}
.bouton:hover .ic{transform:translateY(-3px)}
.bouton-or{background:var(--or);color:var(--nuit)}
.bouton-or:hover{background:var(--or-vif)}
.bouton-ligne{background:transparent;border-color:var(--filet);color:currentColor}
.bouton-ligne:hover{border-color:currentColor}
.ton-or .bouton-ligne{border-color:rgba(22,27,43,.35)}
.bouton-nuit{background:var(--nuit);color:var(--blanc)}
.bouton-petit{min-height:44px;padding:0 20px;font-size:.9375rem}
.lien-fleche{display:inline-flex;align-items:center;gap:8px;font-weight:600;color:var(--accent-t);min-height:44px}
.lien-fleche .ic{width:18px;height:18px;transition:transform var(--duree) var(--courbe)}
.lien-fleche:hover .ic{transform:translateX(4px)}
.lien-texte{position:relative;font-weight:500;display:inline-flex;align-items:center;min-height:44px}
.lien-texte::after{content:'';position:absolute;left:0;right:0;bottom:10px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform var(--duree) var(--courbe)}
.lien-texte:hover::after{transform:scaleX(1)}
.boutons{display:flex;flex-wrap:wrap;gap:var(--e-3) var(--e-5);align-items:center;margin-top:var(--e-6)}
.ic{width:22px;height:22px;flex:none;stroke:currentColor;fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.chevrons{fill:none;stroke-width:6;stroke-linecap:round;stroke-linejoin:round}
.chevrons .c1{stroke:var(--or)}.chevrons .c2{stroke:#8c9bb8}.chevrons .c3{stroke:#3a4a6b}
.maquette{position:relative}
.etiquette{display:inline-flex;align-items:center;gap:6px;font-weight:600;font-size:.6875rem;letter-spacing:.12em;text-transform:uppercase;color:var(--or);background:rgba(12,18,34,.92);padding:7px 11px;border-radius:999px;line-height:1.2;white-space:nowrap}
.maquette>.etiquette{position:absolute;z-index:4;top:-13px;left:16px}
.etiquette-papier{color:var(--or-profond);background:var(--craie);box-shadow:0 0 0 1px var(--filet-papier)}
.tuile{background:var(--craie);color:var(--encre);border-radius:18px;box-shadow:var(--ombre-carte);font-size:.875rem;transition:transform var(--duree) var(--courbe)}
.tuile-legende{display:flex;align-items:center;gap:8px;padding:11px 16px;border-top:1px solid var(--filet-papier);font-size:.8125rem;color:var(--ardoise);background:var(--papier);border-radius:0 0 18px 18px}
.tuile-legende .ic{width:16px;height:16px;color:var(--or-profond)}
figure.tuile{padding-top:6px}
figure.tuile>.etiquette{top:-13px}
.entete{position:fixed;inset:0 0 auto 0;z-index:50;height:var(--entete-h);color:var(--blanc);transition:transform .45s var(--courbe),background-color .3s}
.entete::after{content:'';position:absolute;inset:auto 0 0 0;height:1px;background:linear-gradient(90deg,transparent,rgba(242,181,68,.55),transparent);opacity:0;transition:opacity .3s}
.entete.pleine,.entete:has(details[open]){background:var(--nuit)}
.entete.pleine::after{opacity:1}
.entete.cachee{transform:translateY(-100%)}
.entete-cadre{height:100%;display:flex;align-items:center;gap:var(--e-5)}
.marque{display:inline-flex;align-items:center;gap:12px;font-weight:600;letter-spacing:-.01em;font-size:1.0625rem;min-height:44px;line-height:1.1;color:inherit}
.marque .chevrons{width:34px;height:34px;flex:none}
.marque small{display:block;font-weight:400;font-size:.75rem;letter-spacing:.06em;color:var(--brume);line-height:1.15}
.nav{margin-left:auto}
.nav>ul{display:flex;align-items:center;gap:2px}
.nav-lien,.nav summary{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 14px;font-weight:500;font-size:.9375rem;color:var(--blanc);cursor:pointer;list-style:none;border-radius:999px;position:relative}
.nav summary::-webkit-details-marker{display:none}
.nav-lien::after,.nav summary::after{content:'';position:absolute;left:14px;right:14px;bottom:8px;height:1px;background:var(--or);transform:scaleX(0);transform-origin:left;transition:transform var(--duree) var(--courbe)}
.nav-lien:hover::after,.nav summary:hover::after,.nav details[open]>summary::after,.nav-lien[aria-current="page"]::after,.nav summary[aria-current]::after{transform:scaleX(1)}
.ic-bas{transform:rotate(180deg)}
.nav summary .ic{width:14px;height:14px;transition:transform .3s var(--courbe)}
.nav details[open]>summary .ic{transform:none}
.entete-cadre{position:relative}
.nav details{position:static}
.nav-pourquoi details{position:relative}
.mega{position:absolute;top:calc(100% - 6px);right:0;width:min(980px,100%);background:var(--craie);color:var(--encre);border-radius:var(--rayon);padding:var(--e-5);display:grid;grid-template-columns:1fr 1fr .85fr;gap:var(--e-5);box-shadow:0 40px 80px -30px rgba(12,18,34,.5),0 0 0 1px var(--filet-papier)}
.mega-petit{width:380px;grid-template-columns:1fr;top:calc(100% + 14px)}
.mega-col .surtitre{margin-bottom:var(--e-3);color:var(--or-profond)}
.mega-col ul{display:grid;gap:2px}
.mega-lien{display:flex;gap:12px;padding:10px 12px;border-radius:var(--rayon-petit);transition:background-color .2s;min-height:44px}
.mega-lien:hover,.mega-lien[aria-current="page"]{background:var(--papier)}
.mega-lien .ic{margin-top:2px;color:var(--or-profond)}
.mega-lien strong{display:block;font-weight:600;font-size:.9375rem}
.mega-lien span span{display:block;font-size:.875rem;color:var(--ardoise);line-height:1.4}
.mega-bilan{background:var(--nuit);color:var(--blanc);border-radius:var(--rayon-petit);padding:var(--e-5);display:flex;flex-direction:column;justify-content:flex-start;gap:var(--e-4)}
.mega-bilan .surtitre{color:var(--or);margin-bottom:0;letter-spacing:.08em}
.mega-bilan p{font-size:.9375rem;color:var(--brume)}
.mega-bilan p strong{color:var(--blanc)}
.mega-bilan .sig-bouton{align-self:flex-start;margin-top:4px}
.mega-bilan .lien-fleche{color:var(--blanc);align-self:flex-start}
.entete-cta{min-height:44px;padding:0 20px;font-size:.9375rem}
.entete-cta .sig-bouton-v{display:none}
.menu{display:none}
.menu-declencheur{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 14px;border-radius:999px;border:1px solid var(--filet-nuit);color:var(--blanc);font-weight:500;cursor:pointer;list-style:none}
.menu-declencheur::-webkit-details-marker{display:none}
.menu-declencheur .ic{width:20px;height:20px}
.menu-fermer,.menu[open] .menu-ouvrir{display:none}
.menu[open] .menu-fermer{display:inline}
.menu[open] svg.menu-fermer{display:block}
.tiroir{position:fixed;inset:var(--entete-h) 0 0 0;z-index:60;background:var(--nuit);color:var(--blanc);overflow:auto;padding:var(--e-4) var(--marge) var(--e-8);border-top:1px solid var(--filet-nuit)}
.tiroir-liste>li{border-bottom:1px solid var(--filet-nuit)}
.tiroir-liste a,.tiroir-liste summary{display:flex;justify-content:space-between;align-items:center;min-height:60px;font-family:var(--titre);font-size:1.875rem;list-style:none;cursor:pointer}
.tiroir-liste a[aria-current="page"]{color:var(--or)}
.tiroir-liste summary::-webkit-details-marker{display:none}
.tiroir-liste summary .ic{width:20px;height:20px;transition:transform .3s}
.tiroir-liste details[open] summary .ic{transform:none}
.tiroir-sous{padding:0 0 var(--e-4);display:grid;gap:2px}
.tiroir-liste .tiroir-sous a{font-family:var(--texte);font-size:1rem;min-height:48px;gap:12px;justify-content:flex-start;color:var(--brume)}
.tiroir-sous a .ic{color:var(--or)}
.tiroir-pied{margin-top:var(--e-6);display:grid;gap:var(--e-4)}
.tiroir-pied .sig-bouton{justify-content:center}
.tiroir-contact{font-family:var(--titre);font-size:1.5rem;min-height:44px;display:flex;align-items:center}
.rassurances{display:grid;gap:8px;font-size:.9375rem;color:var(--brume)}
.rassurances li{display:flex;gap:8px;align-items:center}
.rassurances .ic{width:16px;height:16px;color:var(--or)}
body:has(.menu[open]){overflow:hidden}
.heros{padding-top:calc(var(--entete-h) + clamp(1.5rem,4vw,3rem));padding-bottom:clamp(3rem,6vw,5rem);overflow:hidden}
.heros-grille{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:clamp(2rem,5vw,5rem);align-items:center}
.heros .chapeau{margin-top:var(--e-5)}
.heros-rassure{display:flex;flex-wrap:wrap;gap:8px 24px;margin-top:var(--e-6);font-size:.9375rem;color:var(--brume)}
.heros-rassure li{display:inline-flex;align-items:center;gap:8px}
.heros-rassure .ic{width:16px;height:16px;color:var(--or)}
.heros-simple{min-height:0}
.heros-simple .heros-grille{grid-template-columns:1fr}
.heros-simple .h1{font-size:clamp(3.25rem,1rem + 5vw,6rem);max-width:20ch}
.heros-service .h1{font-size:clamp(2.75rem,1rem + 4.4vw,5.25rem)}
.heros-accueil{min-height:min(100svh,940px);display:flex;align-items:center}
.heros-accueil .cadre{position:relative;z-index:2}
.heros-accueil .h1{font-size:clamp(3rem,1rem + 4.6vw,5.6rem)}
.heros-grille-accueil{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);row-gap:0;align-items:center}
.heros-grille-accueil>*{grid-column:1}
.heros-grille-accueil>.heros-visuel{grid-column:2;grid-row:1 / span 5;align-self:center}
.bilan{margin-top:var(--e-6);max-width:580px}
.capsule{display:flex;align-items:center;background:var(--craie);border-radius:999px;padding:6px 6px 6px 22px;gap:8px;box-shadow:0 0 0 1px rgba(247,243,236,.08),0 20px 50px -20px rgba(0,0,0,.6);transition:box-shadow .25s}
.capsule:focus-within{box-shadow:0 0 0 3px var(--or),0 20px 50px -20px rgba(0,0,0,.6)}
.capsule input{flex:1 1 auto;min-width:0;border:0;background:transparent;color:var(--encre);min-height:48px;font-size:1.0625rem;outline:none}
.capsule input::placeholder{color:var(--ardoise);opacity:1}
.capsule .sig-bouton{min-height:50px;padding:0 22px 0 26px;flex:none}
.note-bilan{margin-top:var(--e-3);padding-left:22px;max-width:52ch}
.note-bilan a,.ou-ecrire a{text-decoration:underline;text-underline-offset:3px}
.ou-ecrire{margin-top:var(--e-3)}
.sig-appel .surtitre{justify-content:center;color:var(--or)}
footer.sig-pied .sig-pied-col a,footer.sig-pied .sig-pied-bas a,footer.sig-pied .sig-pied-depart a:not(.sig-bouton){display:inline-flex;align-items:center;min-height:44px}
footer.sig-pied li+li{margin-top:0}
.sig-capsule-geante .note-bilan{padding:0;margin-inline:auto;max-width:60ch}
.sig-appel .appel-actions{margin-top:40px;display:flex;justify-content:center}
.ton-papier .capsule{box-shadow:0 0 0 1px var(--filet-papier),0 20px 50px -24px rgba(12,18,34,.35)}
.scene{position:relative;border-radius:var(--rayon);background:var(--nuit-2);box-shadow:var(--ombre-photo)}
.scene>.etiquette{top:18px;left:20px}
.scene-photo{overflow:hidden;aspect-ratio:4/4.4;max-height:660px}
.scene-photo-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:22% 50%}
.scene-photo::before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(12,18,34,0) 40%,rgba(12,18,34,.45));z-index:1}
.scene-maquette{min-height:520px;display:grid;place-items:center;padding:64px clamp(1.25rem,3vw,2.5rem) clamp(1.25rem,3vw,2.5rem);background:radial-gradient(90% 70% at 70% 20%,#223056 0%,var(--nuit-2) 60%);overflow:hidden}
.scene-maquette>:not(.etiquette){position:relative;z-index:2;width:100%;min-width:0}
.scene-maquette .tuile:hover{transform:none}
.scene-courriel .courriel{border-radius:16px;padding:24px 28px;font-size:1rem;box-shadow:var(--ombre-carte)}
.scene-site .portable{max-width:none}
.bc-tete .avatar{color:var(--or)}
.boite-avatar{width:34px;height:34px;border-radius:50%;background:var(--sable);color:var(--ardoise);font-weight:600;font-size:.75rem;display:grid;place-items:center;flex:none;line-height:1}
.tel{position:relative;z-index:1;width:min(250px,60%);aspect-ratio:9/18.6;background:#0a0d16;border-radius:40px;padding:10px;box-shadow:0 50px 80px -30px rgba(0,0,0,.8),0 0 0 1px rgba(255,255,255,.12),0 0 0 4px #1b2030}
.tel-ecran{width:100%;height:100%;background:var(--papier);border-radius:31px;overflow:hidden;display:flex;flex-direction:column;color:var(--encre)}
.tel-ecran .fil{justify-content:flex-end}
.tel-encoche{position:absolute;top:18px;left:50%;transform:translateX(-50%);width:80px;height:22px;background:#0a0d16;border-radius:999px;z-index:3}
.scene-victor .tel{position:absolute;z-index:2;right:22px;bottom:24px;width:min(250px,46%)}
.fenetre-barre{display:flex;align-items:center;gap:10px;padding:40px 16px 12px;background:var(--craie);border-bottom:1px solid var(--filet-papier)}
.avatar{width:32px;height:32px;border-radius:50%;background:var(--nuit);color:var(--or);font-family:var(--titre);font-size:1.125rem;display:grid;place-items:center;flex:none;line-height:1}
.fenetre-titre{line-height:1.25;min-width:0}
.fenetre-titre strong{display:block;font-size:.875rem;font-weight:600}
.fenetre-titre span{font-size:.75rem;color:var(--ardoise)}
.fenetre-etat{margin-left:auto;width:8px;height:8px;border-radius:50%;background:var(--vert);box-shadow:0 0 0 3px rgba(47,158,107,.2);flex:none}
.fil{padding:14px 12px;display:flex;flex-direction:column;gap:10px;flex:1}
.fil-jour{align-self:center;font-size:.6875rem;color:var(--ardoise);background:var(--sable);padding:3px 10px;border-radius:999px}
.msg{max-width:90%;font-size:.8125rem;line-height:1.45;padding:10px 12px;border-radius:16px;position:relative}
.msg-client{align-self:flex-end;background:var(--nuit);color:var(--blanc);border-bottom-right-radius:4px}
.msg-victor{align-self:flex-start;background:var(--craie);box-shadow:0 0 0 1px var(--filet-papier);border-bottom-left-radius:4px}
.msg-heure{display:block;font-size:.625rem;opacity:.75;margin-top:4px;text-align:right}
.msg-victor .preuve{display:flex;gap:6px;align-items:flex-start;margin-top:8px;padding-top:8px;border-top:1px solid var(--filet-papier);font-size:.6875rem;color:var(--ardoise);line-height:1.35}
.msg-victor .preuve .ic{width:13px;height:13px;margin-top:1px;color:var(--or-profond)}
.msg-victor.ecrit .texte::after{content:'';display:inline-block;width:2px;height:.9em;background:var(--encre);margin-left:2px;vertical-align:-1px}
.fenetre-saisie{margin:auto 12px 14px;display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:var(--craie);border-radius:999px;box-shadow:0 0 0 1px var(--filet-papier);font-size:.75rem;color:var(--ardoise)}
.fenetre-saisie .ic{width:16px;height:16px;color:var(--or-profond)}
.victor-grille{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(2rem,5vw,5rem);align-items:center}
.victor-visuel{display:grid;grid-template-columns:1fr;gap:var(--e-4)}
.photo-victor{position:relative;aspect-ratio:3/2;border-radius:var(--rayon);overflow:hidden;background:var(--nuit-2);box-shadow:var(--ombre-photo);width:78%}
.photo-victor img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .4s ease}
.photo-victor img.actif{opacity:1}
.fenetre-desktop{position:relative;z-index:2;margin:-38% 0 0 auto;width:min(420px,72%);background:var(--papier);color:var(--encre);border-radius:18px;overflow:hidden;box-shadow:var(--ombre-carte);display:flex;flex-direction:column}
.fenetre-desktop .fenetre-barre{padding:12px 16px}
.fenetre-desktop .fil{padding:12px;min-height:220px}
.fenetre-desktop .fenetre-saisie{margin:4px 12px 12px;opacity:.55;cursor:default}
.fil-panneaux{display:flex;flex-direction:column}
.panneau{display:none;flex-direction:column}
.panneau.actif{display:flex}
.echange{display:none;flex-direction:column;gap:10px}
.echange:first-child{display:flex}
.victor-visuel>.etiquette{top:14px;left:14px}
.essayez{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px}
.essayez-titre{font-weight:600;font-size:.9375rem;color:var(--ardoise)}
.pastilles{display:none;flex-wrap:wrap;gap:8px}
.pastilles.actif{display:flex}
.question-radio,.onglet-radio{position:absolute;opacity:0;width:1px;height:1px}
.pastille{display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border-radius:999px;background:var(--craie);border:1px solid var(--filet-papier);font-size:.9375rem;font-weight:500;cursor:pointer;transition:background-color .2s,border-color .2s,transform var(--duree) var(--courbe)}
.pastille:hover{border-color:var(--encre);transform:translateY(-2px)}
.question-radio:checked+.pastille{background:var(--nuit);color:var(--blanc);border-color:var(--nuit)}
.question-radio:focus-visible+.pastille,.onglet-radio:focus-visible+.onglet{outline:3px solid var(--or);outline-offset:3px}
.onglets{display:grid;grid-template-columns:repeat(2,max-content);gap:8px;margin-top:var(--e-2)}
.victor-texte .essayez{margin-top:var(--e-5)}
.onglet{display:inline-flex;align-items:center;gap:10px;min-height:52px;padding:4px 18px 4px 4px;border-radius:999px;background:var(--craie);border:1px solid var(--filet-papier);cursor:pointer;font-weight:500;font-size:1rem;transition:background-color .2s,border-color .2s,transform var(--duree) var(--courbe)}
.onglet:hover{transform:translateY(-2px)}
.onglet-photo{width:42px;height:42px;border-radius:50%;background:var(--sable) center/cover no-repeat;flex:none}
.onglet-photo-restaurant{background-image:url('images/restaurant.webp')}
.onglet-photo-boutique{background-image:url('images/boutique.webp')}
.onglet-photo-salon{background-image:url('images/salon.webp')}
.onglet-photo-boulangerie{background-image:url('images/boulangerie.webp')}
.onglet-radio:checked+.onglet{background:var(--nuit);color:var(--blanc);border-color:var(--nuit)}
.victor-suite{margin-top:var(--e-6)}
.mois-grille{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(2rem,5vw,5rem);align-items:start}
.mois-gauche{position:sticky;top:calc(var(--entete-h) + 32px)}
.mois-liste{display:grid;border-top:1px solid var(--filet)}
.mois-liste li{display:grid;grid-template-columns:48px 1fr;gap:14px;padding:20px 0;border-bottom:1px solid var(--filet);align-items:start}
.mois-liste .cas-ic{margin:0}
.cas-ic{width:48px;height:48px;border-radius:50%;background:var(--carte);box-shadow:0 0 0 1px var(--filet);color:var(--accent-t);display:grid;place-items:center;flex:none;margin-bottom:var(--e-2)}
.cas-ic .ic{width:22px;height:22px}
.mois-liste .h3{font-size:1.125rem}
.mois-liste p{font-size:1rem;color:var(--t2);margin-top:4px}
.mois-prix{margin-top:var(--e-5)}
.mois-prix a{display:block;font-size:1rem;color:var(--t2);line-height:1.5;max-width:44ch}
.mois-prix b{color:var(--blanc);font-weight:600}
.mois-prix .ic{display:inline-block;vertical-align:-3px;margin-left:6px;width:18px;height:18px;color:var(--or);transition:transform var(--duree) var(--courbe)}
.mois-prix a:hover .ic{transform:translateX(4px)}
.mosaique{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:var(--e-4);align-items:start}
.mosaique .tuile:hover{transform:translateY(-4px)}
.tuile-fiche{grid-row:span 3}
.tuile-fiche .fiche{padding:20px}
.fiche{padding:16px}
.fiche-tete{display:flex;gap:12px;align-items:center}
.fiche-logo{width:46px;height:46px;border-radius:12px;background:var(--nuit);color:var(--or);font-family:var(--titre);font-size:1.5rem;display:grid;place-items:center;flex:none}
.fiche-tete strong{display:block;font-size:1.0625rem;font-weight:600}
.fiche-tete div span{color:var(--ardoise);font-size:.8125rem}
.fiche-note{display:flex;align-items:center;gap:8px;margin-top:12px;font-weight:600}
.fiche-etoiles{display:inline-flex;gap:2px}
.fiche-etoiles .ic{width:14px;height:14px;fill:var(--or);stroke:none}
.fiche-note small{color:var(--ardoise);font-weight:500;font-size:.8125rem}
.fiche-infos{display:grid;gap:6px;margin-top:12px;padding-top:12px;border-top:1px solid var(--filet-papier);color:var(--ardoise);font-size:.8125rem}
.fiche-infos li{display:flex;gap:8px;align-items:flex-start}
.fiche-infos .ic{width:15px;height:15px;margin-top:2px}
.fiche-infos b{color:var(--vert-sombre);font-weight:600}
.avis{margin-top:12px;padding-top:12px;border-top:1px solid var(--filet-papier)}
.avis-tete{display:flex;align-items:center;gap:8px;font-size:.8125rem}
.avis-tete .boite-avatar{width:26px;height:26px;font-size:.625rem}
.avis-tete .fiche-etoiles .ic{width:11px;height:11px}
.avis p{margin-top:6px;font-size:.8125rem;line-height:1.45}
.avis-reponse{margin-top:8px;padding:9px 11px;background:var(--papier);border-radius:10px;border-left:2px solid var(--or);font-size:.8125rem;color:var(--ardoise);line-height:1.45}
.avis-reponse b{color:var(--encre);font-weight:600;display:block;margin-bottom:2px}
.publis{padding:14px 16px}
.publis-tete{display:flex;justify-content:space-between;align-items:baseline;gap:8px;font-weight:600;margin-bottom:10px;flex-wrap:wrap}
.publis-tete span:last-child{font-weight:400;color:var(--ardoise);font-size:.75rem}
.publis-liste{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.publi{border-radius:12px;overflow:hidden;background:var(--papier);box-shadow:0 0 0 1px var(--filet-papier)}
.publi-image{aspect-ratio:1;display:grid;place-items:center;position:relative;background:var(--sable)}
.publi-nuit{background:linear-gradient(145deg,#1c2440,#0c1222)}
.publi-or{background:linear-gradient(145deg,#f6c05a,#e6a52c)}
.publi-photo{background:url('images/boulangerie.webp') center/cover}
.publi-image .mot{font-family:var(--titre);color:var(--blanc);font-size:1.05rem;text-align:center;padding:8px;line-height:1.05}
.publi-or .mot,.publi-sable .mot{color:var(--nuit)}
.publi-pied{padding:7px 8px;font-size:.6875rem;color:var(--ardoise);display:flex;flex-direction:column;gap:2px}
.reseau{display:inline-flex;align-items:center;gap:4px;font-weight:600;color:var(--encre);white-space:nowrap}
.reseau i{width:8px;height:8px;border-radius:50%;display:inline-block;flex:none}
.reseau-ig i{background:linear-gradient(45deg,#f58529,#dd2a7b,#8134af)}
.reseau-fb i{background:#1877f2}
.reseau-gg i{background:#34a853}
.publi-etat{color:var(--vert-sombre);font-weight:600;white-space:nowrap}
.docs{padding:16px}
.docs-titre{font-weight:600;display:flex;justify-content:space-between;align-items:baseline;gap:8px}
.docs-titre span{font-weight:400;color:var(--ardoise);font-size:.75rem}
.docs-pile{display:grid;gap:8px;margin-top:10px}
.doc{background:#fff;border-radius:8px;padding:10px 12px;box-shadow:0 10px 24px -14px rgba(12,18,34,.5),0 0 0 1px var(--filet-papier);font-size:.8125rem;display:flex;justify-content:space-between;align-items:center;gap:8px}
.doc strong{font-weight:600;display:block;line-height:1.3}
.doc span{color:var(--ardoise);font-size:.75rem}
.doc .ic{width:18px;height:18px;color:var(--vert)}
.docs-pile .doc{width:calc(100% - 20px)}
.docs-pile .doc-2{margin-left:10px}
.docs-pile .doc-3{margin-left:20px}
.rapport-carte{background:var(--craie);color:var(--encre);border-radius:16px;padding:18px 20px;box-shadow:var(--ombre-carte);font-size:.875rem}
.rapport-tete{display:flex;justify-content:space-between;align-items:baseline;gap:12px;color:var(--ardoise);flex-wrap:wrap}
.rapport-tete strong{color:var(--encre);font-weight:600;font-size:.9375rem}
.jauge{display:flex;align-items:baseline;gap:10px;margin-top:8px;flex-wrap:wrap}
.jauge-note{font-family:var(--titre);font-size:4rem;line-height:.85;letter-spacing:-.02em}
.jauge-sur{font-size:.8125rem;color:var(--ardoise)}
.volets{margin-top:12px;display:grid;gap:8px}
.volet{display:grid;grid-template-columns:84px 1fr auto;gap:10px;align-items:center}
.volet-nom{color:var(--ardoise)}
.barre{height:6px;border-radius:999px;background:var(--sable);overflow:hidden}
.barre-plein{display:block;height:100%;border-radius:999px;background:var(--nuit);transform-origin:left}
.volet-points{font-weight:600;font-variant-numeric:tabular-nums}
.volet-points small{color:var(--ardoise);font-weight:400}
.rapport-point{margin-top:12px;padding-top:10px;border-top:1px solid var(--filet-papier);line-height:1.45;display:flex;gap:10px;align-items:flex-start}
.rapport-point>span{flex:none;width:22px;height:22px;border-radius:50%;background:var(--or);color:var(--nuit);font-weight:700;font-size:.75rem;display:grid;place-items:center}
.rapport-point .ic{width:14px;height:14px}
.tuile-rapport .rapport-carte,.tuile-docs .docs,.tuile .rapport-carte{box-shadow:none}
.rapport-mois .jauge{margin-top:4px}
.mosaique .tuile-rapport .rapport-point{margin-top:8px}
.portes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--e-4)}
.porte{background:var(--craie);border-radius:var(--rayon);display:grid;grid-template-rows:250px 1fr;box-shadow:0 0 0 1px var(--filet-papier);transition:transform var(--duree) var(--courbe),box-shadow .3s;position:relative}
.porte:hover{transform:translateY(-4px);box-shadow:0 0 0 1px var(--filet-papier),0 30px 50px -30px rgba(12,18,34,.35)}
.porte-visuel{background:var(--sable);padding:48px 22px 0;overflow:hidden;position:relative;display:flex;align-items:flex-end;justify-content:center;border-radius:var(--rayon) var(--rayon) 0 0}
.porte-visuel>.etiquette{top:12px;left:14px}
@media (max-width:600px){
.porte-visuel{flex-direction:column;align-items:center;justify-content:flex-start;padding-top:14px}
.porte-visuel>.etiquette{position:static;margin:0 0 12px;align-self:flex-start}
.porte-visuel>.etiquette+*{margin-top:auto}
}
.porte-2{background:var(--nuit);color:var(--blanc);box-shadow:none;--t2:var(--brume);--accent-t:var(--or)}
.porte-visuel-nuit{background:var(--nuit-2)}
.porte-corps{padding:var(--e-5) var(--e-6) var(--e-6);display:grid;grid-template-rows:auto auto auto 1fr auto;gap:10px}
.porte .surtitre{margin-bottom:0}
.porte-prix{font-family:var(--titre);font-size:4rem;line-height:1;letter-spacing:-.02em;margin-top:4px;color:var(--encre)}
.porte-2 .porte-prix{color:var(--blanc)}
.porte-prix small{display:block;font-family:var(--texte);font-size:.9375rem;letter-spacing:0;color:var(--t2);margin-top:10px;line-height:1.45}
.porte-texte{font-size:1rem;color:var(--t2)}
.porte-visuel .rapport-carte,.porte-visuel .courriel{width:100%;max-width:280px;border-radius:14px 14px 0 0;padding:14px 16px 12px;font-size:.8125rem;box-shadow:0 -10px 30px -20px rgba(12,18,34,.4)}
.porte-visuel .jauge-note{font-size:3rem}
.porte-visuel .volet{grid-template-columns:70px 1fr auto}
.porte-visuel .portable{max-width:290px}
.porte-visuel .mini-site{min-height:0}
.portes-suite{margin-top:var(--e-6);text-align:center}
.courriel{background:var(--craie);color:var(--encre);font-size:.8125rem}
.courriel-ligne{display:flex;justify-content:space-between;gap:8px;padding:4px 0;border-bottom:1px solid var(--filet-papier)}
.courriel-ligne span{color:var(--ardoise)}
.courriel-ligne strong{font-weight:600;text-align:right;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.alerte{display:flex;gap:8px;align-items:baseline;margin-top:6px;padding:7px 9px;border-radius:8px;font-size:.75rem;line-height:1.4}
.alerte b{flex:none;font-size:.625rem;letter-spacing:.08em;text-transform:uppercase;padding:2px 7px;border-radius:999px}
.alerte-avant{background:#fbe9e7;color:var(--rouge-sombre)}
.alerte-avant b{background:#f4c9c2}
.alerte-apres{background:#e3f5ec;color:var(--vert-sombre)}
.alerte-apres b{background:#bfe6d1}
.portable{width:100%;max-width:340px}
.portable-ecran{background:#0a0d16;border-radius:12px 12px 0 0;padding:7px 7px 0}
.portable-ecran>div{background:var(--craie);border-radius:6px 6px 0 0;overflow:hidden;position:relative}
.portable-base{height:10px;background:linear-gradient(#2a3147,#171c2b);border-radius:0 0 8px 8px;margin:0 -14px}
.mini-site{color:var(--encre);font-size:.6875rem;min-height:190px}
.mini-nav{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:8px 12px;border-bottom:1px solid var(--filet-papier)}
.mini-nav b{font-family:var(--titre);font-size:.9375rem;white-space:nowrap}
.mini-nav span{color:var(--ardoise);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mini-heros{padding:12px;display:grid;grid-template-columns:1.25fr .75fr;gap:10px;align-items:center}
.mini-heros b{font-family:var(--titre);font-size:1.3rem;line-height:1;display:block;letter-spacing:-.01em}
.mini-heros p{margin-top:5px;color:var(--ardoise);line-height:1.35}
.mini-heros i{display:block;aspect-ratio:3/4;border-radius:8px;background:url('images/boutique.webp') center/cover,linear-gradient(145deg,#1c2440,#0c1222)}
.mini-cta{display:inline-block;margin-top:8px;padding:5px 10px;border-radius:999px;background:var(--nuit);color:var(--blanc);font-weight:600}
.mini-victor{position:absolute;right:8px;bottom:8px;width:128px;background:var(--craie);border-radius:10px;box-shadow:0 6px 16px -8px rgba(0,0,0,.5),0 0 0 1px var(--filet-papier);padding:7px;line-height:1.3}
.mini-victor b{display:flex;align-items:center;gap:5px;font-weight:600;margin-bottom:3px}
.mini-victor b i{width:12px;height:12px;border-radius:50%;background:var(--nuit);display:inline-block}
.mini-victor span{display:block;background:var(--papier);border-radius:6px;padding:4px 6px}
.comparateur{margin-top:0}
.comp{border-top:1px solid var(--filet)}
.comp-entete{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) minmax(0,1fr) 32px;gap:var(--e-5);padding:0 0 10px;font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;font-weight:600;color:var(--t2)}
.comp-entete span:nth-child(3){color:var(--accent-t)}
.comp-ligne{border-bottom:1px solid var(--filet)}
.comp summary{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) minmax(0,1fr) 32px;gap:var(--e-5);align-items:start;padding:20px 0;cursor:pointer;list-style:none;min-height:60px}
.comp summary::-webkit-details-marker{display:none}
.comp-besoin{font-weight:600;display:flex;align-items:center;gap:12px;align-self:center}
.comp-besoin .ic{color:var(--accent-t)}
.comp-ailleurs{font-size:.9375rem;color:var(--t2)}
.comp-major{font-size:.9375rem;color:var(--t2)}
.comp-ailleurs b,.comp-major b{display:block;font-family:var(--titre);font-weight:400;font-size:1.5rem;line-height:1.1;color:var(--encre);margin-bottom:2px}
.ton-nuit .comp-ailleurs b,.ton-nuit .comp-major b{color:var(--blanc)}
.comp-ailleurs>span,.comp-major>span{display:none}
.comp-calcul{font-size:.875rem;color:var(--t2);margin-bottom:8px}
.comp .signe{align-self:center}
.comp-detail{padding:0 0 22px;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,2fr);gap:var(--e-6);font-size:.9375rem;color:var(--t2)}
.comp-detail>:last-child{align-self:start}
.comp-etiquette{font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;font-weight:600;margin-bottom:8px;color:var(--t2)}
.comp-marche ul{display:grid;gap:12px}
.comp-qui{font-weight:600;color:currentColor}
.ton-papier .comp-qui{color:var(--encre)}
.comp-montant strong{font-weight:600}
.comp-comprend span,.comp-reste span{font-weight:600}
.comp-chez-major{background:var(--carte);border-radius:var(--rayon-petit);padding:var(--e-5);box-shadow:0 0 0 1px var(--filet)}
.comp-chez-major .comp-etiquette{color:var(--accent-t)}
.comp-prix{font-family:var(--titre);font-size:2.25rem;line-height:1;color:currentColor;margin-bottom:8px}
.ton-papier .comp-prix{color:var(--encre)}
.comp-prix span{font-family:var(--texte);font-size:.9375rem;color:var(--t2)}
.comp-condition{margin-top:8px}
.comp-mention{margin-top:var(--e-4);font-size:.875rem;color:var(--t2)}
.comp-pied{margin-top:var(--e-5);display:flex;justify-content:space-between;align-items:center;gap:var(--e-4);flex-wrap:wrap}
.comp-pied .petit{max-width:70ch}
.comp-pied b{color:currentColor}
.signe{width:32px;height:32px;border-radius:50%;box-shadow:0 0 0 1px var(--filet);display:grid;place-items:center;position:relative;flex:none;transition:background-color .2s}
.signe::before,.signe::after{content:'';position:absolute;width:12px;height:1.5px;background:currentColor}
.signe::after{transform:rotate(90deg);transition:transform .3s var(--courbe)}
details[open]>summary .signe{background:var(--nuit);color:var(--blanc)}
.ton-nuit details[open]>summary .signe{background:var(--or);color:var(--nuit)}
details[open]>summary .signe::after{transform:rotate(0)}
.contrat-grille{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:clamp(2rem,5vw,5rem);align-items:start}
.contrat-cote{position:sticky;top:calc(var(--entete-h) + 24px)}
.contrat-chevrons{width:72px;margin-bottom:var(--e-6)}
.contrat-chevrons .chevrons .c1{stroke:var(--encre)}.contrat-chevrons .chevrons .c2{stroke:rgba(22,27,43,.55)}.contrat-chevrons .chevrons .c3{stroke:rgba(22,27,43,.3)}
.contrat-cote .tete{margin-bottom:var(--e-6)}
.document-pile{position:relative}
.document-pile::before{content:'';position:absolute;inset:14px -10px -12px 10px;background:#efe7d6;border-radius:6px;transform:rotate(1.2deg);box-shadow:0 30px 60px -30px rgba(60,40,0,.5)}
.document{position:relative;background:#fbf7ef url('images/grain.svg');border-radius:6px;padding:clamp(1.5rem,4vw,3.5rem);box-shadow:0 40px 80px -40px rgba(60,40,0,.55),0 0 0 1px rgba(22,27,43,.08);color:var(--encre)}
.document::after{content:'';position:absolute;top:0;right:0;width:0;height:0;border-style:solid;border-width:0 36px 36px 0;border-color:transparent var(--or) transparent transparent;border-top-right-radius:6px}
.document-entete{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;padding-bottom:var(--e-5);border-bottom:1px solid rgba(22,27,43,.18)}
.document-entete .marque{color:var(--encre)}
.document-entete .marque small{color:var(--ardoise)}
.document-ref{text-align:right;font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:var(--ardoise);line-height:1.5}
.document-titre{font-family:var(--titre);font-size:clamp(1.75rem,1rem + 1.6vw,2.5rem);line-height:1.05;margin:var(--e-6) 0 var(--e-5)}
.articles{display:grid;grid-template-columns:1fr 1fr;gap:0 var(--e-7)}
.article{display:grid;grid-template-columns:40px 1fr;gap:12px;padding:var(--e-4) 0 var(--e-5);border-top:1px solid rgba(22,27,43,.14)}
.article-num{font-family:var(--titre);font-size:1.5rem;line-height:1.1;color:var(--or-profond)}
.article .h3{font-size:1.125rem}
.article p{margin-top:6px;font-size:.9375rem;line-height:1.5;color:rgba(22,27,43,.8)}
.document-pied{margin-top:var(--e-5);padding-top:var(--e-5);border-top:1px solid rgba(22,27,43,.18);display:grid;grid-template-columns:1fr auto;gap:var(--e-5);align-items:center}
.document-note{font-size:.9375rem;color:var(--ardoise);display:flex;flex-direction:column;gap:4px;align-items:flex-start}
.document-note .lien-fleche{color:var(--or-profond)}
.sceau{width:104px;height:104px;border-radius:50%;position:relative;display:grid;place-items:center;background:radial-gradient(circle at 35% 30%,#ffd98a,#e6a52c 55%,#c48a1c);box-shadow:0 10px 24px -10px rgba(120,80,0,.6),inset 0 0 0 4px rgba(255,255,255,.25),inset 0 0 0 7px rgba(120,80,0,.25);transform:rotate(-8deg)}
.sceau::before{content:'';position:absolute;inset:10px;border-radius:50%;border:1px dashed rgba(60,40,0,.45)}
.sceau .chevrons{width:44px;height:44px;margin-top:-10px}
.sceau .chevrons .c1,.sceau .chevrons .c2,.sceau .chevrons .c3{stroke:#3a2a05}
.sceau span{position:absolute;bottom:18px;font-size:.5625rem;letter-spacing:.14em;text-transform:uppercase;color:#3a2a05;font-weight:700}
.derriere-grille{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(2rem,5vw,5rem);align-items:start}
.derriere-seul .derriere-grille{grid-template-columns:1fr}
.portrait{aspect-ratio:4/5;border-radius:var(--rayon);overflow:hidden;background:var(--nuit-2)}
.portrait img{width:100%;height:100%;object-fit:cover}
.qui-nom{font-family:var(--titre);font-size:2rem;line-height:1.1;margin-bottom:var(--e-4)}
.derriere-texte>p{font-family:var(--titre);font-size:clamp(1.5rem,1rem + 1vw,2rem);line-height:1.25;max-width:30ch}
.origine{margin-top:var(--e-6);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--e-5);border-top:1px solid var(--filet)}
.origine li{display:grid;gap:8px;padding:18px 0}
.origine strong{display:block;font-weight:600}
.origine p{font-size:1rem;color:var(--t2);margin-top:2px}
.origine-cartes{grid-template-columns:1fr;gap:0;margin-top:0}
.origine-cartes li{grid-template-columns:56px 1fr;padding:20px 0;border-bottom:1px solid var(--filet)}
.faq-grille{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(2rem,6vw,6rem);align-items:start}
.faq-cote{position:sticky;top:calc(var(--entete-h) + 24px)}
.faq-cote .tete{margin-bottom:var(--e-5)}
.faq-carte{margin-top:var(--e-6);background:var(--nuit);color:var(--blanc);border-radius:var(--rayon);padding:var(--e-6);display:flex;flex-direction:column;gap:12px;align-items:flex-start}
.ton-nuit .faq-carte{background:var(--nuit-2)}
.faq-carte .avatar{width:48px;height:48px;font-size:1.5rem;background:var(--or);color:var(--nuit)}
.faq-carte p{color:var(--brume);font-size:1rem}
.faq-carte .h3-serif{color:var(--blanc);font-size:1.875rem}
.faq-carte a:not(.sig-bouton){color:var(--or);text-decoration:underline;text-underline-offset:3px}
.faq-carte .sig-bouton{margin-top:8px}
.faq{border-top:1px solid var(--filet)}
.faq details{border-bottom:1px solid var(--filet)}
.faq summary{display:grid;grid-template-columns:minmax(0,1fr) 32px;align-items:center;gap:var(--e-4);padding:22px 0;cursor:pointer;list-style:none;font-weight:600;font-size:1.125rem;min-height:60px}
.faq summary::-webkit-details-marker{display:none}
.faq-reponse{padding:0 0 24px;color:var(--t2);font-size:1rem;max-width:62ch}
.faq-reponse p+p,.faq-reponse p+ul,.faq-reponse ul+p{margin-top:10px}
.faq-reponse ul{display:grid;gap:6px;padding-left:18px;list-style:disc}
.prix-ligne{margin-top:var(--e-6);display:flex;flex-wrap:wrap;gap:var(--e-4)}
.prix-bloc{padding:14px 18px;border:1px solid var(--filet-nuit);border-radius:14px;min-width:210px;flex:0 1 auto}
.prix-bloc .surtitre{margin-bottom:6px;font-size:.75rem}
.prix-bloc strong{font-family:var(--titre);font-weight:400;font-size:2.25rem;line-height:1;display:block;color:var(--blanc)}
.prix-bloc span{font-size:.875rem;color:var(--brume);display:block;margin-top:6px}
.cas{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--e-5)}
.cas li{padding:var(--e-5) 0 0;border-top:1px solid var(--filet);display:flex;flex-direction:column;gap:8px}
.cas .h3{font-size:1.1875rem}
.cas p{color:var(--t2);font-size:1rem}
.cas-vignette{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;margin-bottom:var(--e-2)}
.cas-vignette-icone{background:var(--nuit);color:var(--or)}
.cas-vignette .ic{width:26px;height:26px}
.cas-bulle{align-self:flex-start;margin-top:auto;background:var(--nuit);color:var(--blanc)!important;padding:10px 14px;border-radius:16px 16px 16px 4px;font-size:.9375rem!important;line-height:1.4}
.obtenez{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(2rem,5vw,5rem);align-items:center}
.obtenez-seul{grid-template-columns:minmax(0,1fr)}
.obtenez-suite{margin-top:var(--e-6);font-size:1rem}
.coches{display:grid;gap:14px}
.coches li{display:flex;gap:12px;align-items:flex-start;font-size:1.0625rem}
.coches .ic{color:var(--accent-t);margin-top:3px;width:20px;height:20px}
.coches strong{font-weight:600}
.etapes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--e-5);position:relative}
.etapes-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.etapes::before{content:'';position:absolute;left:0;right:0;top:22px;height:1px;background:rgba(22,27,43,.25)}
.etapes>.etape{position:relative;padding-top:var(--e-7)}
.etapes>.etape::before{content:'';position:absolute;top:15px;left:0;width:15px;height:15px;border-radius:50%;background:var(--encre);box-shadow:0 0 0 5px var(--or)}
.etape-delai{font-family:var(--titre);font-size:2.25rem;line-height:1.05;display:block;margin-bottom:10px;color:var(--encre)}
.etape-delai-long{font-size:1.75rem}
.etapes>.etape p{color:var(--encre-or);font-size:1rem}
.prix-carte{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));background:var(--craie);border-radius:var(--rayon);box-shadow:0 0 0 1px var(--filet-papier);overflow:hidden;max-width:1100px;margin-inline:auto}
.prix-carte-4{grid-template-columns:repeat(4,minmax(0,1fr));max-width:none}
.prix-carte-1{grid-template-columns:1fr;max-width:640px}
.prix-col{padding:var(--e-6);display:flex;flex-direction:column;gap:10px;color:var(--encre)}
.prix-carte-4 .prix-col+.prix-col{border-left:1px solid var(--filet-papier)}
.prix-col .surtitre{margin-bottom:0;color:var(--or-profond)}
.prix-grand{font-family:var(--titre);font-size:clamp(3rem,2rem + 2.6vw,4.75rem);line-height:.95;letter-spacing:-.02em}
.prix-carte-4 .prix-grand{font-size:clamp(2.5rem,1.5rem + 1.6vw,3.25rem)}
.prix-nature{color:var(--ardoise)}
.prix-delai{display:flex;gap:8px;align-items:flex-start;font-size:.9375rem;color:var(--ardoise)}
.prix-delai .ic{width:16px;height:16px;margin-top:4px;color:var(--or-profond)}
.prix-quoi{font-size:1rem;color:var(--ardoise)}
.prix-total{margin-top:auto;padding-top:12px;border-top:1px solid var(--filet-nuit);font-size:1rem}
.prix-total strong{font-family:var(--titre);font-weight:400;font-size:1.75rem;color:var(--or)}
.prix-nuit{background:var(--nuit);color:var(--blanc)}
.prix-nuit .surtitre{color:var(--or)}
.prix-nuit .prix-nature,.prix-nuit .prix-quoi,.prix-nuit .prix-delai,.prix-nuit .petit,.prix-nuit .prix-regles{color:var(--brume)}
.prix-nuit .prix-regles strong{color:var(--blanc)}
.prix-nuit .prix-regles a{color:var(--or)}
.prix-regles{font-size:.9375rem;margin-top:6px}
.prix-regle{margin:var(--e-6) auto 0;max-width:70ch;text-align:center}
.refus{border-top:1px solid var(--filet)}
.refus li{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:var(--e-6);align-items:baseline;padding:var(--e-5) 0;border-bottom:1px solid var(--filet)}
.refus-titre{font-family:var(--titre);font-size:clamp(1.75rem,1rem + 1.6vw,2.5rem);line-height:1.1;max-width:24ch;text-decoration:line-through;text-decoration-color:var(--or);text-decoration-thickness:2px}
.refus p{color:var(--t2)}
.jamais{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--e-5)}
.jamais li{display:flex;flex-direction:column;gap:10px;padding:var(--e-5);background:var(--carte);border-radius:var(--rayon-petit)}
.jamais .ic{color:var(--accent-t)}
.jamais p{color:var(--t2);font-size:1rem}
.jamais-liste{grid-template-columns:1fr;gap:var(--e-3)}
.jamais-liste li{flex-direction:row;align-items:flex-start;gap:14px}
.jamais-cinq{grid-template-columns:repeat(2,minmax(0,1fr))}
.source-pile{padding:var(--e-6) var(--e-5) 0}
.source-pile .pile{display:grid;gap:8px;padding-bottom:var(--e-5)}
.source-pile .doc{width:calc(100% - 42px);font-size:.875rem;padding:14px 16px}
.source-pile .doc:nth-child(2){margin-left:14px}
.source-pile .doc:nth-child(3){margin-left:28px}
.source-pile .doc:nth-child(4){margin-left:42px}
.source-pile .tuile-legende{margin:0 calc(-1 * var(--e-5))}
.bc-tete{display:flex;gap:12px;align-items:center;padding:16px 18px;border-bottom:1px solid var(--filet-papier)}
.bc-tete strong{display:block;font-weight:600;word-break:break-all}
.bc-tete span{color:var(--ardoise);font-size:.8125rem}
.bc-liste li{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px 18px;border-bottom:1px solid var(--filet-papier)}
.bc-liste strong{display:block;font-weight:500}
.bc-neuf strong{font-weight:700}
.bc-liste span{color:var(--ardoise)}
.bc-liste div span{display:block;font-size:.8125rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bc-heure{font-size:.75rem;white-space:nowrap}
.bc-import{display:flex;gap:8px;align-items:center;padding:12px 18px;color:var(--vert-sombre);font-weight:600;font-size:.8125rem}
.bc-import .ic{width:18px;height:18px}
.obtenez-courriels{grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr)}
.obtenez-module-reseaux{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}
.obtenez-avis .obtenez-visuel,.obtenez-visibilite .obtenez-visuel{order:-1}
.obtenez-site{grid-template-columns:1fr}
.obtenez-site .obtenez-visuel{order:-1}
.obtenez-site .obtenez-texte{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--e-7);align-items:start;margin-top:var(--e-7)}
.obtenez-site .obtenez-texte .tete{margin-bottom:0}
.obtenez-visuel .maquette.rev{position:relative}
.glissiere{padding-top:6px}
.gl-scene{position:relative;border-radius:18px;overflow:hidden;box-shadow:var(--ombre-carte);background:var(--craie)}
.gl-carte{padding:22px 24px 24px;background:var(--craie);color:var(--encre);font-size:.875rem}
.gl-apres-calque{position:absolute;inset:0;clip-path:inset(0 0 0 0)}
.gl-apres-calque .gl-carte{height:100%;background:var(--papier)}
.gl-tete{display:flex;gap:12px;align-items:center;padding-bottom:12px;border-bottom:1px solid var(--filet-papier)}
.gl-tete strong{display:block;font-weight:600}
.gl-tete span{color:var(--ardoise);font-size:.8125rem;word-break:break-all}
.gl-objet{font-weight:600;font-size:1rem;margin-top:14px}
.gl-corps{color:var(--ardoise);margin-top:6px;line-height:1.5}
.gl-bouton{display:inline-block;margin-top:14px;padding:8px 16px;border-radius:999px;background:var(--rouge);color:#fff;font-weight:600;font-size:.8125rem}
.gl-apres .gl-bouton{background:var(--sable);color:var(--ardoise);text-decoration:line-through}
.gl-apres .gl-objet,.gl-apres .gl-corps,.gl-apres .gl-tete{opacity:.6}
.gl-verdict{margin-top:18px;padding:12px 14px;border-radius:10px;display:grid;grid-template-columns:auto 1fr;gap:4px 10px;align-items:baseline}
.gl-verdict b{font-size:.625rem;letter-spacing:.1em;text-transform:uppercase;padding:2px 7px;border-radius:999px}
.gl-verdict strong{font-weight:600}
.gl-verdict span{grid-column:2;font-size:.8125rem;line-height:1.4}
.gl-avant .gl-verdict{background:#fbe9e7;color:var(--rouge-sombre)}
.gl-avant .gl-verdict b{background:#f4c9c2}
.gl-apres .gl-verdict{background:#e3f5ec;color:var(--vert-sombre)}
.gl-apres .gl-verdict b{background:#bfe6d1}
.gl-poignee{position:absolute;top:0;bottom:0;left:0;width:3px;margin-left:-1px;background:var(--or);z-index:2}
.gl-poignee i{position:absolute;top:50%;left:50%;width:34px;height:34px;margin:-17px 0 0 -17px;border-radius:50%;background:var(--or);box-shadow:0 6px 16px -6px rgba(0,0,0,.5)}
.gl-poignee i::before,.gl-poignee i::after{content:'';position:absolute;top:12px;width:8px;height:8px;border-left:2px solid var(--nuit);border-bottom:2px solid var(--nuit)}
.gl-poignee i::before{left:8px;transform:rotate(45deg)}
.gl-poignee i::after{right:8px;transform:rotate(-135deg)}
.gl-legende{display:flex;justify-content:space-between;margin-top:12px;font-size:.75rem;color:var(--brume);font-weight:600;letter-spacing:.08em;text-transform:uppercase}
.pile-docs{padding-top:0}
.pile{position:relative;height:520px;max-width:460px;margin-inline:auto}
.feuille{position:absolute;left:0;right:0;background:#fbf7ef url('images/grain.svg');border-radius:6px;padding:16px 46px 16px 56px;box-shadow:0 20px 40px -24px rgba(60,40,0,.6),0 0 0 1px rgba(22,27,43,.1);color:var(--encre);min-height:156px;display:grid;gap:4px;align-content:start;transform:rotate(var(--r,0deg));transform-origin:50% 100%}
.feuille-num{position:absolute;left:18px;top:14px;font-family:var(--titre);font-size:1.25rem;color:var(--or-profond)}
.feuille strong{font-weight:600;font-size:.9375rem;line-height:1.3}
.feuille-qui{font-size:.75rem;color:var(--ardoise)}
.feuille .ic{position:absolute;right:16px;top:16px;width:18px;height:18px;color:var(--vert)}
.feuille-1{--r:-2deg;top:0;z-index:1}.feuille-2{--r:1.5deg;top:40px;z-index:2}.feuille-3{--r:-1deg;top:80px;z-index:3}.feuille-4{--r:2deg;top:120px;z-index:4}.feuille-5{--r:-1.5deg;top:160px;z-index:5}
.feuille-6{--r:1deg;top:200px;z-index:6}.feuille-7{--r:-2deg;top:240px;z-index:7}.feuille-8{--r:1.5deg;top:280px;z-index:8}.feuille-9{--r:-1deg;top:320px;z-index:9}.feuille-10{--r:.5deg;top:360px;z-index:10}
.fiche-vivante{padding-top:6px;background:var(--craie);border-radius:18px;box-shadow:var(--ombre-carte);color:var(--encre);font-size:.875rem}
.fiche-vivante .fiche{padding:20px}
.fv-alerte{display:flex;gap:8px;align-items:center;margin-top:12px;padding:9px 12px;border-radius:10px;background:#fff4dc;color:var(--or-sombre);font-weight:600;font-size:.8125rem}
.fv-alerte .ic{width:16px;height:16px;flex:none}
.fv-avis{margin-top:12px;padding-top:12px;border-top:1px solid var(--filet-papier)}
.fv-avis p{margin-top:6px;font-size:.8125rem;line-height:1.45}
.fv-tape{display:inline-block;max-width:100%;white-space:nowrap;overflow:hidden;vertical-align:bottom}
.calendrier{padding-top:6px;background:var(--craie);border-radius:18px;box-shadow:var(--ombre-carte);color:var(--encre)}
.cal{padding:18px 20px 16px}
.cal-tete{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;align-items:baseline;margin-bottom:12px}
.cal-tete strong{font-weight:600}
.cal-tete span{font-size:.75rem;color:var(--ardoise)}
.cal-semaine,.cal-grille{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}
.cal-semaine{margin-bottom:6px}
.cal-semaine li{text-align:center;font-size:.6875rem;font-weight:600;color:var(--ardoise);letter-spacing:.08em}
.cal-jour{aspect-ratio:1;border-radius:10px;background:var(--papier);position:relative;display:grid;place-items:center;font-size:.8125rem;color:var(--ardoise)}
.cal-publie{background:var(--nuit);color:var(--blanc);font-weight:600}
.cal-publie i{position:absolute;right:5px;bottom:5px;width:8px;height:8px;border-radius:50%}
.cal-ig i{background:linear-gradient(45deg,#f58529,#dd2a7b,#8134af)}
.cal-fb i{background:#1877f2}
.cal-gg i{background:#34a853}
.cal-legende{display:flex;gap:14px;flex-wrap:wrap;margin-top:14px;font-size:.75rem;color:var(--ardoise)}
.portable-directions{padding-top:6px}
.pd{max-width:760px;margin-inline:auto;position:relative}
.pd-cadre{background:#0a0d16;border-radius:16px 16px 4px 4px;padding:12px 12px 0;box-shadow:0 50px 80px -40px rgba(0,0,0,.8),0 0 0 1px rgba(255,255,255,.08)}
.pd-ecrans{position:relative;aspect-ratio:16/10;border-radius:8px 8px 0 0;overflow:hidden;background:var(--craie)}
.pd-ecran{position:absolute;inset:0;display:flex;flex-direction:column;font-size:.75rem;opacity:0;transition:opacity .5s var(--courbe),transform 6s linear}
.pd-c{opacity:1}
.pd-ecrans:hover .pd-ecran{transform:translateY(-12%)}
.pd-nav{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:12px 18px;border-bottom:1px solid rgba(0,0,0,.08)}
.pd-nav b{font-family:var(--titre);font-size:1rem;white-space:nowrap}
.pd-nav span{opacity:.7;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pd-heros{flex:1;display:grid;grid-template-columns:1.1fr .9fr;gap:18px;padding:22px 18px 28px;align-items:center}
.pd-texte b{display:block;font-family:var(--titre);font-size:clamp(1.25rem,2.6vw,2.1rem);line-height:1.05;letter-spacing:-.01em}
.pd-texte p{margin-top:8px;opacity:.8;line-height:1.4}
.pd-cta{display:inline-block;margin-top:12px;padding:7px 14px;border-radius:999px;font-weight:600}
.pd-photo{display:block;aspect-ratio:4/3;border-radius:10px;background:var(--sable) center/cover no-repeat}
.pd-photo-a{background-image:url('images/boutique.webp')}
.pd-photo-b{background-image:url('images/boulangerie-grand.webp')}
.pd-photo-c{background-image:url('images/salon-grand.webp')}
.pd-ton-nuit{background:var(--nuit);color:var(--blanc)}
.pd-ton-nuit .pd-cta{background:var(--or);color:var(--nuit)}
.pd-ton-papier{background:var(--papier);color:var(--encre)}
.pd-ton-papier .pd-nav b,.pd-ton-papier .pd-texte b{font-family:var(--texte);font-weight:800;letter-spacing:-.02em;text-transform:uppercase}
.pd-ton-papier .pd-cta{background:var(--nuit);color:var(--blanc)}
.pd-ton-papier .pd-photo{border-radius:120px 120px 10px 10px}
.pd-ton-or{background:linear-gradient(160deg,var(--or-clair),var(--or-fonce));color:var(--nuit)}
.pd-ton-or .pd-texte b{font-style:italic;font-size:clamp(1.5rem,3vw,2.5rem)}
.pd-ton-or .pd-cta{background:var(--nuit);color:var(--blanc)}
.pd-ton-or .pd-photo{border-radius:50%;aspect-ratio:1;width:min(100%,260px);justify-self:center}
.pd-ecran .mini-victor{right:14px;bottom:14px}
.pd-base{height:14px;margin:0 -4%;background:linear-gradient(#2a3147,#171c2b);clip-path:polygon(0 0,100% 0,96% 100%,4% 100%)}
.pd-choix{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin-top:var(--e-5)}
@supports selector(:has(*)){
.portable-directions:has(.question-radio:checked) .pd-ecran{opacity:0}
.portable-directions:has(#dir-a:checked) .pd-a,.portable-directions:has(#dir-b:checked) .pd-b,.portable-directions:has(#dir-c:checked) .pd-c{opacity:1}
.portable-directions:not(:has(.question-radio:checked)) label[for="dir-c"]{background:var(--or);color:var(--nuit);border-color:var(--or)}
}
.question-ia{padding-top:6px;background:var(--craie);border-radius:18px;box-shadow:var(--ombre-carte);color:var(--encre);font-size:.875rem;max-width:560px}
.qi{padding:18px 20px 20px}
.qi-tete{display:flex;align-items:center;gap:8px;padding-bottom:12px;border-bottom:1px solid var(--filet-papier)}
.qi-point{width:10px;height:10px;border-radius:50%;background:linear-gradient(135deg,var(--or),var(--or-profond))}
.qi-tete strong{font-weight:600}
.qi-tete span{margin-left:auto;font-size:.75rem;color:var(--ardoise)}
.qi-question{margin:14px 0 0 auto;max-width:88%;width:fit-content;background:var(--nuit);color:var(--blanc);padding:10px 14px;border-radius:16px 16px 4px 16px;line-height:1.4}
.qi-tape{display:inline-block;max-width:100%;white-space:nowrap;overflow:hidden;vertical-align:bottom}
.qi-reponse{margin-top:14px;padding:14px 16px;background:var(--papier);border-radius:16px 16px 16px 4px;line-height:1.5}
.qi-ligne+.qi-ligne{margin-top:8px}
.qi-reponse mark{background:rgba(242,181,68,.4);color:inherit;padding:0 3px;border-radius:3px;font-weight:600}
.qi-source{display:flex;gap:6px;align-items:center;margin-top:12px;padding-top:10px;border-top:1px solid var(--filet-papier);font-size:.75rem;color:var(--ardoise)}
.qi-source .ic{width:14px;height:14px;flex:none}
.boite-change{padding-top:6px}
.bc-adresses{min-width:0}
.bc-avant{text-decoration:line-through;color:var(--ardoise);font-weight:500;font-size:.8125rem}
.bc-import{justify-content:flex-start}
.bc-import>span{white-space:nowrap}
.bc-jauge{display:block;flex:1;height:6px;border-radius:999px;background:var(--sable);overflow:hidden;position:relative;margin-left:8px;min-width:40px}
.bc-jauge::after{content:'';position:absolute;inset:0;background:var(--vert);border-radius:999px}
.visibilite{padding:18px 20px;font-size:.875rem}
.ia-liste{margin-top:10px}
.ia-liste li{display:grid;grid-template-columns:84px minmax(0,1fr) auto;gap:10px;align-items:center;padding:12px 0;border-top:1px solid var(--filet-papier)}
.ia-nom{font-weight:600}
.ia-question{color:var(--ardoise)}
.ia-etat{display:inline-flex;gap:4px;align-items:center;font-weight:600;font-size:.8125rem;white-space:nowrap}
.ia-etat .ic{width:14px;height:14px}
.ia-oui{color:var(--vert-sombre)}
.ia-non{color:var(--ardoise)}
.visibilite-pied{display:flex;gap:8px;align-items:center;margin-top:8px;padding-top:12px;border-top:1px solid var(--filet-papier);color:var(--ardoise)}
.visibilite-pied .ic{width:16px;height:16px;color:var(--or-profond)}
.soumission{padding:22px;font-size:.9375rem}
.soumission-tete{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding-bottom:14px;border-bottom:1px solid var(--filet-papier);font-size:.8125rem;color:var(--ardoise);text-align:right}
.soumission-marque{display:inline-flex;align-items:center;gap:8px;color:var(--encre);font-size:.9375rem}
.soumission-marque .chevrons{width:24px;height:24px}
.soumission-lignes li{display:flex;justify-content:space-between;gap:12px;padding:14px 0;border-bottom:1px solid var(--filet-papier)}
.soumission-lignes small{display:block;color:var(--ardoise);font-size:.8125rem}
.soumission-lignes b{font-weight:600;white-space:nowrap}
.soumission-total{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:16px 0 6px}
.soumission-total b{font-family:var(--titre);font-weight:400;font-size:2.5rem;line-height:1}
.soumission-pied{display:flex;gap:8px;align-items:center;color:var(--vert-sombre);font-size:.8125rem;font-weight:600}
.soumission-pied .ic{width:16px;height:16px}
.rapport-complet{padding:22px}
.rapport-corps{display:grid;grid-template-columns:auto 1fr;gap:6px 24px;align-items:center;margin-top:6px}
.rapport-corps .volets{margin-top:0}
.rapport-sous{margin-top:16px;padding-top:12px;border-top:1px solid var(--filet-papier);font-weight:600}
.rapport-points{display:grid;gap:10px;margin-top:10px}
.rapport-points li{display:flex;gap:10px;align-items:flex-start}
.rapport-rang{flex:none;width:24px;height:24px;border-radius:50%;background:var(--or);color:var(--nuit);font-weight:700;font-size:.75rem;display:grid;place-items:center}
.rapport-cat{font-size:.6875rem;letter-spacing:.1em;text-transform:uppercase;font-weight:600;color:var(--or-profond)}
.rapport-points p{line-height:1.4}
.rapport-heros .rapport-carte{background:var(--nuit-2);color:var(--blanc);box-shadow:0 0 0 1px var(--filet-nuit),var(--ombre-carte)}
.rapport-heros .rapport-tete,.rapport-heros .jauge-sur,.rapport-heros .volet-nom,.rapport-heros .volet-points small,.rapport-heros .rapport-pied,.rapport-heros .rapport-points p{color:var(--brume)}
.rapport-heros .rapport-tete strong,.rapport-heros .volet-points,.rapport-heros .rapport-sous{color:var(--blanc)}
.rapport-heros .jauge-note{font-size:clamp(5rem,3.5rem + 3vw,7rem);line-height:.9;letter-spacing:-.03em;color:var(--blanc)}
.rapport-heros .barre{background:rgba(247,243,236,.12)}
.rapport-heros .barre-plein{background:var(--or)}
.rapport-heros .rapport-cat{color:var(--or)}
.rapport-heros .rapport-sous{border-top-color:var(--filet-nuit)}
.rapport-heros .rapport-points p:not(.rapport-cat){color:var(--blanc)}
.rapport-pied{margin-top:12px;font-size:.75rem;color:var(--ardoise)}
.forfaits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--e-4);align-items:stretch}
.forfait{background:var(--carte);border-radius:var(--rayon);padding:var(--e-6);display:flex;flex-direction:column;gap:10px;position:relative;border:2px solid transparent;box-shadow:0 0 0 1px var(--filet)}
.forfait-recommande{border:2px solid var(--or);box-shadow:none}
.forfait-badge{position:absolute;top:-14px;left:var(--e-6);background:var(--or);color:var(--nuit);font-size:.75rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:5px 12px;border-radius:999px}
.forfait .prix{font-family:var(--titre);font-size:clamp(3rem,2rem + 2vw,4.25rem);line-height:1;letter-spacing:-.02em}
.forfait .prix small{font-family:var(--texte);font-size:1rem;color:var(--t2);margin-left:8px;letter-spacing:0}
.forfait .quoi{color:var(--t2)}
.forfait-plus{font-weight:600;margin-top:8px;padding-top:12px;border-top:1px solid var(--filet)}
.forfait ul{display:grid;gap:10px}
.forfait li{display:flex;gap:10px;align-items:flex-start;font-size:.9375rem;color:var(--t2)}
.forfait li .ic{width:18px;height:18px;color:var(--accent-t);margin-top:3px}
.progression{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:var(--e-6)}
.progression li span{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 14px 0 6px;border-radius:999px;box-shadow:0 0 0 1px var(--filet);font-size:.9375rem;font-weight:500}
.progression b{width:28px;height:28px;border-radius:50%;background:var(--or);color:var(--nuit);display:grid;place-items:center;font-size:.8125rem}
.echelle-regle{margin:calc(-1 * var(--e-5)) 0 var(--e-5);padding:14px 18px;border-radius:12px;background:rgba(242,181,68,.1);box-shadow:0 0 0 1px var(--filet);color:var(--t2);font-size:.9375rem;max-width:72ch}
.echelle{display:grid;border-bottom:1px solid var(--filet)}
.marche{display:grid;grid-template-columns:56px minmax(0,1.25fr) minmax(0,1fr);grid-template-areas:"num nom prix" "num quoi prix" "num delai lien";gap:6px var(--e-6);padding:var(--e-5) 0;border-top:1px solid var(--filet);align-items:start}
.marche .etape{grid-area:num}
.marche .h3{grid-area:nom;font-size:1.3125rem}
.marche .prix{grid-area:prix;font-family:var(--titre);font-size:clamp(2.25rem,1.6rem + 1.4vw,3rem);line-height:1}
.marche .prix small{display:block;font-family:var(--texte);font-size:.9375rem;line-height:1.45;color:var(--t2);margin-top:8px}
.marche .delai{grid-area:delai;display:flex;gap:8px;align-items:flex-start;font-size:.9375rem;color:var(--t2)}
.marche .delai .ic{width:16px;height:16px;margin-top:4px;color:var(--accent-t)}
.marche .quoi{grid-area:quoi;color:var(--t2);font-size:1rem;max-width:58ch}
.marche .lien-fleche{grid-area:lien}
.marche-groupe{border-top:1px solid var(--filet);padding-top:var(--e-5)}
.marche-groupe>.etape{display:flex;align-items:center;gap:22px;font-family:var(--titre);font-size:1.875rem}
.echelle-choix .marche{grid-template-columns:56px minmax(0,1.25fr) minmax(0,1fr)}
.echelle-choix .marche:first-child{border-top:0}
.marche .etape b,.marche-groupe>.etape b{width:36px;height:36px;border-radius:50%;background:var(--or);color:var(--nuit);display:grid;place-items:center;font-family:var(--texte);font-size:.9375rem;font-weight:700;flex:none}
.regle-12{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:var(--e-6);margin-top:var(--e-6);background:var(--carte);border-radius:var(--rayon);padding:var(--e-6);color:var(--encre)}
.ton-or .regle-12{margin-top:0;background:rgba(251,247,239,.9)}
.regle-12-titre{font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;font-weight:700;color:var(--or-sombre);margin-bottom:10px}
.regle-12-texte p:not(.regle-12-titre){color:var(--encre-or)}
.combis{display:grid;gap:0}
.combis li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 16px;padding:14px 0;border-top:1px solid rgba(22,27,43,.14)}
.combi-nom{font-weight:600}
.combi-nom span{font-weight:400;color:var(--ardoise)}
.combi-calcul{grid-column:1;font-size:.875rem;color:var(--ardoise)}
.combi-total{grid-column:2;grid-row:1 / span 2;text-align:right;font-size:.875rem;color:var(--ardoise)}
.combi-total strong{display:block;font-family:var(--titre);font-weight:400;font-size:2rem;line-height:1;color:var(--encre)}
.regles-grille{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(2rem,5vw,5rem);align-items:start}
.regles-court{display:grid;border-top:1px solid var(--filet)}
.regles-court li{display:grid;grid-template-columns:minmax(120px,.5fr) minmax(0,1fr);gap:12px var(--e-5);padding:18px 0;border-bottom:1px solid var(--filet);align-items:baseline}
.regles-court b{font-family:var(--titre);font-weight:400;font-size:1.5rem;line-height:1.1}
.regles-court span{color:var(--t2);font-size:1.0625rem}
.regles-detail{margin-top:var(--e-5)}
.regles-detail summary{display:flex;justify-content:space-between;align-items:center;gap:var(--e-4);min-height:56px;padding:0;cursor:pointer;list-style:none;font-weight:600;font-size:1.0625rem}
.regles-detail summary::-webkit-details-marker{display:none}
.regles-texte{padding-top:var(--e-4)}
.regles-lien{margin-top:var(--e-5)}
.regles{display:grid;border-top:1px solid var(--filet)}
.regles li{padding:14px 0;border-bottom:1px solid var(--filet);color:var(--t2);font-size:1rem}
.regles strong{color:currentColor;font-weight:600}
.ton-nuit .regles strong{color:var(--blanc)}
.jamais-suite{margin-top:var(--section)}
.jamais-suite .jamais-liste{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--e-4)}
.decideur{margin:0 0 var(--e-4);display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.decideur legend{float:left;width:100%;margin-bottom:var(--e-3)}
.pastille-nuit{background:transparent;color:var(--blanc);border-color:rgba(247,243,236,.3)}
.pastille-nuit:hover{border-color:var(--blanc)}
.question-radio:checked+.pastille-nuit{background:var(--or);color:var(--nuit);border-color:var(--or)}
.soumission-variante{display:none}
.soumission-variante:first-of-type{display:block}
.soumission-autre{margin-top:4px;padding-top:10px;border-top:1px dashed var(--filet-papier);font-size:.8125rem;color:var(--ardoise)}
.soumission-autre b{color:var(--encre);font-weight:600}
.duo-grille{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(2rem,5vw,5rem);align-items:center}
.duo-haut{align-items:start}
.duo-etroit{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:start}
.duo-texte .coches{margin-top:var(--e-2)}
.duo-texte .boutons{margin-top:var(--e-6)}
.duo-texte>.petit{margin-top:var(--e-5)}
.carte-note{background:var(--carte);border-radius:var(--rayon);padding:var(--e-6);box-shadow:0 0 0 1px var(--filet)}
.carte-note-titre{font-family:var(--titre);font-size:1.75rem;line-height:1.1;margin-bottom:var(--e-4)}
.carte-note .petit{margin-top:var(--e-4)}
.volets-max .barre{background:var(--filet)}
.ton-nuit .volets-max .barre-plein{background:var(--or)}
.ton-nuit .volets-max .volet-nom,.ton-nuit .volets-max small{color:var(--brume)}
.volet-max-40 .barre-plein{width:100%}.volet-max-25 .barre-plein{width:62.5%}.volet-max-20 .barre-plein{width:50%}.volet-max-15 .barre-plein{width:37.5%}
.cartes-questions,.voies,.cartes-liens,.coordonnees{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--e-4)}
.voies+.petit{margin-top:var(--e-5)}
.carte-question,.carte-voie,.carte-lien,.coordonnee{background:var(--carte);border-radius:var(--rayon);padding:var(--e-6);display:flex;flex-direction:column;gap:12px;box-shadow:0 0 0 1px var(--filet)}
.carte-question>.ic,.carte-voie>.ic,.carte-lien>.ic,.coordonnee>.ic{color:var(--accent-t);width:26px;height:26px}
.carte-question .surtitre{margin:0}
.carte-question-pied{margin-top:auto;font-size:.875rem;color:var(--t2)}
.carte-voie p,.carte-lien p,.coordonnee p{color:var(--t2)}
.coordonnee a{text-decoration:underline;text-underline-offset:3px}
.tuiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--e-4)}
.tuiles li{display:flex;flex-direction:column;gap:10px;padding:var(--e-5);background:var(--carte);border-radius:var(--rayon);box-shadow:0 0 0 1px var(--filet)}
.tuiles .ic{color:var(--accent-t);width:26px;height:26px}
.tuiles h3{font-weight:600;font-size:1.0625rem}
.tuiles p{color:var(--t2);font-size:.9375rem}
.engagements{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(2rem,5vw,5rem)}
.engagements-titre{display:flex;gap:10px;align-items:center;font-family:var(--titre);font-size:1.75rem;margin-bottom:var(--e-4)}
.engagements-titre .ic{color:var(--accent-t)}
.engagements-jamais{align-self:start;background:var(--carte);border-radius:var(--rayon);padding:var(--e-6);box-shadow:0 0 0 1px var(--filet)}
.engagements-jamais p{color:var(--t2);font-size:1.0625rem}
.engagements-jamais p+p{margin-top:var(--e-4)}
.barometre-methode{margin-top:var(--e-7);max-width:62ch}
.liste-filets{border-top:1px solid var(--filet)}
.liste-filets li{display:grid;grid-template-columns:24px 1fr;gap:12px;padding:16px 0;border-bottom:1px solid var(--filet)}
.liste-filets .ic{width:20px;height:20px;color:var(--accent-t);margin-top:3px}
.liste-filets p{color:var(--t2);font-size:1rem;margin-top:2px}
.liste-filets .h3{font-size:1.0625rem}
.obligations{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--e-5)}
.obligations li{display:grid;grid-template-columns:48px 1fr;gap:14px;padding-top:var(--e-5);border-top:1px solid var(--filet)}
.obligations .cas-ic{margin:0}
.obligations p{color:var(--t2);font-size:1rem;margin-top:6px}
.obligations+.petit{margin-top:var(--e-6)}
.section-limites .prose{font-size:1.0625rem}
.conditions{max-width:68ch;display:grid}
.condition{padding:var(--e-5) 0;border-top:1px solid var(--filet)}
.condition .h3{font-size:1.25rem;margin-bottom:10px}
.condition .prose{max-width:none}
.bilan-ferme{margin-top:var(--e-4)}
.section.section-liens{padding-block:var(--e-6)}
.resultat,.resultat *{hyphens:none;word-break:normal}
.resultat-hote{overflow-wrap:anywhere}
.resultat-grille{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(2rem,5vw,5rem);align-items:center}
.note-carte{position:relative;background:var(--nuit-2);border-radius:var(--rayon);padding:var(--e-6);box-shadow:0 0 0 1px var(--filet-nuit);display:grid;gap:var(--e-5);overflow:hidden}
.note-geante{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap;padding-right:140px}
.note-base{font-size:.875rem;color:var(--brume);margin-top:-8px}
.note-chiffre{font-family:var(--titre);font-size:clamp(6rem,4rem + 6vw,10rem);line-height:.9;letter-spacing:-.03em;color:var(--blanc);font-variant-numeric:tabular-nums}
.note-sur{font-size:1.125rem;color:var(--brume)}
.note-absente span{display:block;font-family:var(--titre);font-size:2.25rem;color:var(--blanc);line-height:1.1}
.note-absente small{display:block;font-size:.9375rem;color:var(--brume);margin-top:6px}
.note-anneau{position:absolute;top:24px;right:24px;width:124px;height:124px;transform:rotate(-90deg);opacity:.9}
.note-anneau circle{fill:none;stroke-width:7}
.note-anneau .anneau-fond{stroke:rgba(247,243,236,.1)}
.note-anneau .anneau-plein{stroke:var(--or);stroke-linecap:round}
.note-volets{display:grid;gap:12px;position:relative}
.note-volets li{display:grid;gap:6px}
.note-volets .volet-nom{color:var(--brume);display:flex;justify-content:space-between;gap:12px;font-size:.9375rem}
.note-volets .volet-nom b{color:var(--blanc);font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap}
.note-volets .barre{background:rgba(247,243,236,.12);height:8px}
.note-volets .barre-plein{background:var(--or)}
.n0{width:0}.n1{width:10%}.n2{width:20%}.n3{width:30%}.n4{width:40%}.n5{width:50%}.n6{width:60%}.n7{width:70%}.n8{width:80%}.n9{width:90%}.n10{width:100%}
.points-a-corriger{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--e-4)}
.point{background:var(--craie);border-radius:var(--rayon);padding:var(--e-6);box-shadow:0 0 0 1px var(--filet-papier);display:flex;flex-direction:column;gap:10px}
.point-rang{width:36px;height:36px;border-radius:50%;background:var(--or);color:var(--nuit);font-weight:700;display:grid;place-items:center;margin-bottom:6px}
.point .surtitre{margin-bottom:0;font-size:.75rem}
.point .h3{font-size:1.1875rem}
.point p:not(.surtitre){color:var(--ardoise)}
.constats{display:grid;gap:0;border-top:1px solid var(--filet-nuit)}
.constat{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--e-5);padding:18px 0;border-bottom:1px solid var(--filet-nuit);align-items:start}
.constat-cat{font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;font-weight:600;color:var(--or);margin-bottom:4px}
.constat-titre{font-weight:600;color:var(--blanc);font-size:1.0625rem}
.constat-detail{color:var(--brume);font-size:.9375rem;margin-top:4px;max-width:70ch}
.etat{display:inline-flex;align-items:center;gap:7px;min-width:120px;justify-content:center;padding:6px 14px;border-radius:999px;font-size:.8125rem;font-weight:600;white-space:nowrap;margin-top:14px}
.etat::before{content:'';width:8px;height:8px;border-radius:50%;background:currentColor}
.etat-ok{background:rgba(47,158,107,.18);color:#7fd8ab}
.etat-partiel,.etat-echec{background:rgba(242,181,68,.16);color:var(--or)}
.etat-inconnu{background:rgba(185,192,210,.14);color:var(--brume)}
.constats-volets{display:grid;gap:var(--e-6)}
.constats-titre{font-family:var(--titre);font-weight:400;font-size:1.625rem;color:var(--blanc);margin-bottom:8px;letter-spacing:-.01em}
.constats-ok{margin-top:var(--e-6)}
.constats-ok summary{display:flex;justify-content:space-between;align-items:center;gap:var(--e-4);min-height:60px;cursor:pointer;list-style:none;font-weight:600;font-size:1.0625rem;color:var(--blanc)}
.constats-ok summary::-webkit-details-marker{display:none}
.constats-ok .signe{box-shadow:0 0 0 1px var(--filet-nuit)}
.constats-ok[open] .signe::after{transform:rotate(0)}
.resultat-limites{margin-top:var(--e-6);font-size:.9375rem;color:var(--brume);max-width:70ch}
.resultat-limites a{color:var(--or);text-decoration:underline;text-underline-offset:3px}
.refus-bilan .tete{margin-bottom:var(--e-5)}
.liens-bilan{display:flex;flex-wrap:wrap;gap:8px 28px}
@media (prefers-reduced-motion:no-preference){
html.js .rev{opacity:0;transform:translateY(22px);transition:opacity .7s var(--courbe),transform .7s var(--courbe);transition-delay:var(--delai,0s)}
html.js .rev.vu{opacity:1;transform:none}
html.js .porte-2.rev,html.js .ton-papier .faq-carte.rev{opacity:1;clip-path:inset(12% 0 0 0 round 20px);transition:clip-path .9s var(--courbe),transform .9s var(--courbe);transition-delay:var(--delai,0s)}
html.js .porte-2.rev.vu,html.js .ton-papier .faq-carte.rev.vu{clip-path:inset(0 0 0 0 round 20px)}
html.js .rev-ligne{display:block;overflow:hidden;padding-bottom:.08em;margin-bottom:-.08em}
html.js .rev-ligne>span{display:block;transform:translateY(110%);transition:transform .8s var(--courbe);transition-delay:var(--delai,0s)}
html.js .rev-ligne.vu>span{transform:none}
html.js .rev .barre-plein{transform:scaleX(0);transition:transform 1.2s var(--courbe) .3s}
html.js .rev.vu .barre-plein{transform:none}
html.js .rev .anneau-plein{stroke-dashoffset:100;transition:stroke-dashoffset 1.1s var(--courbe) .2s}
html.js .rev.vu .anneau-plein{stroke-dashoffset:0}
.msg-victor.ecrit .texte::after{animation:clignote .8s steps(1) infinite}
.mega{animation:mega-entre-droite .3s var(--courbe)}
html.js .glissiere.rev .gl-apres-calque{clip-path:inset(0 0 0 100%)}
html.js .glissiere.rev .gl-poignee{left:100%;opacity:0}
html.js .glissiere.rev.vu .gl-apres-calque{animation:glisser 2.2s var(--courbe) .7s forwards}
html.js .glissiere.rev.vu .gl-poignee{animation:glisser-poignee 2.6s var(--courbe) .7s forwards}
html.js .pile-docs.rev .feuille{opacity:0;transform:translateY(70px) rotate(0)}
html.js .pile-docs.rev.vu .feuille{animation:empiler .7s var(--courbe) forwards}
html.js .pile-docs.rev.vu .feuille-1{animation-delay:.2s}html.js .pile-docs.rev.vu .feuille-2{animation-delay:.4s}html.js .pile-docs.rev.vu .feuille-3{animation-delay:.6s}html.js .pile-docs.rev.vu .feuille-4{animation-delay:.8s}html.js .pile-docs.rev.vu .feuille-5{animation-delay:1s}
html.js .pile-docs.rev.vu .feuille-6{animation-delay:1.2s}html.js .pile-docs.rev.vu .feuille-7{animation-delay:1.4s}html.js .pile-docs.rev.vu .feuille-8{animation-delay:1.6s}html.js .pile-docs.rev.vu .feuille-9{animation-delay:1.8s}html.js .pile-docs.rev.vu .feuille-10{animation-delay:2s}
html.js .fiche-vivante.rev .fv-avis,html.js .fiche-vivante.rev .fv-alerte{opacity:0;transform:translateY(10px)}
html.js .fiche-vivante.rev .fv-tape{width:0}
html.js .fiche-vivante.rev.vu .fv-avis-1{animation:arriver .5s var(--courbe) .4s forwards}
html.js .fiche-vivante.rev.vu .fv-avis-1 .fv-tape{animation:taper 1.5s steps(30) 1.2s forwards}
html.js .fiche-vivante.rev.vu .fv-alerte{animation:arriver .5s var(--courbe) 3s forwards}
html.js .fiche-vivante.rev.vu .fv-avis-2{animation:arriver .5s var(--courbe) 3.6s forwards}
html.js .fiche-vivante.rev.vu .fv-avis-2 .fv-tape{animation:taper 1.6s steps(34) 4.4s forwards}
html.js .calendrier.rev .cal-publie{background:var(--papier);color:var(--ardoise);font-weight:400}
html.js .calendrier.rev .cal-publie i{transform:scale(0)}
html.js .calendrier.rev.vu .cal-publie{animation:publier .45s var(--courbe) forwards}
html.js .calendrier.rev.vu .cal-publie i{animation:pop .35s var(--courbe) forwards}
html.js .calendrier.rev.vu .cal-p1,html.js .calendrier.rev.vu .cal-p1 i{animation-delay:.3s}html.js .calendrier.rev.vu .cal-p2,html.js .calendrier.rev.vu .cal-p2 i{animation-delay:.5s}html.js .calendrier.rev.vu .cal-p3,html.js .calendrier.rev.vu .cal-p3 i{animation-delay:.7s}
html.js .calendrier.rev.vu .cal-p4,html.js .calendrier.rev.vu .cal-p4 i{animation-delay:.9s}html.js .calendrier.rev.vu .cal-p5,html.js .calendrier.rev.vu .cal-p5 i{animation-delay:1.1s}html.js .calendrier.rev.vu .cal-p6,html.js .calendrier.rev.vu .cal-p6 i{animation-delay:1.3s}
html.js .calendrier.rev.vu .cal-p7,html.js .calendrier.rev.vu .cal-p7 i{animation-delay:1.5s}html.js .calendrier.rev.vu .cal-p8,html.js .calendrier.rev.vu .cal-p8 i{animation-delay:1.7s}html.js .calendrier.rev.vu .cal-p9,html.js .calendrier.rev.vu .cal-p9 i{animation-delay:1.9s}
html.js .calendrier.rev.vu .cal-p10,html.js .calendrier.rev.vu .cal-p10 i{animation-delay:2.1s}html.js .calendrier.rev.vu .cal-p11,html.js .calendrier.rev.vu .cal-p11 i{animation-delay:2.3s}html.js .calendrier.rev.vu .cal-p12,html.js .calendrier.rev.vu .cal-p12 i{animation-delay:2.5s}
html.js .portable-directions.rev.vu:not(:has(.question-radio:checked)) .pd-a{animation:defiler-a 7.5s linear .4s both}
html.js .portable-directions.rev.vu:not(:has(.question-radio:checked)) .pd-b{animation:defiler-b 7.5s linear .4s both}
html.js .portable-directions.rev.vu:not(:has(.question-radio:checked)) .pd-c{animation:defiler-c 7.5s linear .4s both}
html.js .portable-directions.rev.vu:not(:has(.question-radio:checked)) label[for="dir-a"]{animation:pastille-a 7.5s linear .4s both}
html.js .portable-directions.rev.vu:not(:has(.question-radio:checked)) label[for="dir-b"]{animation:pastille-b 7.5s linear .4s both}
html.js .portable-directions.rev.vu:not(:has(.question-radio:checked)) label[for="dir-c"]{animation:pastille-c 7.5s linear .4s both}
html.js .question-ia.rev .qi-tape{width:0}
html.js .question-ia.rev .qi-ligne,html.js .question-ia.rev .qi-source{opacity:0;transform:translateY(8px)}
html.js .question-ia.rev.vu .qi-tape{animation:taper 1.8s steps(44) .4s forwards}
html.js .question-ia.rev.vu .qi-ligne-1{animation:arriver .6s var(--courbe) 2.6s forwards}
html.js .question-ia.rev.vu .qi-ligne-2{animation:arriver .6s var(--courbe) 3.4s forwards}
html.js .question-ia.rev.vu .qi-source{animation:arriver .6s var(--courbe) 4s forwards}
html.js .boite-change.rev .bc-avant{text-decoration:none;color:var(--encre);font-weight:600;font-size:inherit}
html.js .boite-change.rev .bc-apres{opacity:0;transform:translateY(6px)}
html.js .boite-change.rev .bc-jauge::after{transform:scaleX(0);transform-origin:left}
html.js .boite-change.rev.vu .bc-avant{animation:barrer .4s steps(1) 1.4s forwards}
html.js .boite-change.rev.vu .bc-apres{animation:arriver .6s var(--courbe) 1.6s forwards}
html.js .boite-change.rev.vu .bc-jauge::after{animation:remplir 1.8s var(--courbe) .6s forwards}
html.js .source-pile.rev .doc .ic{transform:scale(0)}
html.js .source-pile.rev.vu .doc .ic{animation:pop .4s var(--courbe) forwards}
html.js .source-pile.rev.vu .doc-valide-1 .ic{animation-delay:.6s}html.js .source-pile.rev.vu .doc-valide-2 .ic{animation-delay:1s}html.js .source-pile.rev.vu .doc-valide-3 .ic{animation-delay:1.4s}html.js .source-pile.rev.vu .doc-valide-4 .ic{animation-delay:1.8s}
}
@keyframes clignote{50%{opacity:0}}
@keyframes mega-entre-droite{from{opacity:0;transform:translateY(-6px)}}
@keyframes glisser{to{clip-path:inset(0 0 0 0)}}
@keyframes glisser-poignee{0%{left:100%;opacity:1}84%{left:0;opacity:1}100%{left:0;opacity:0}}
@keyframes empiler{to{opacity:1;transform:rotate(var(--r,0deg))}}
@keyframes arriver{to{opacity:1;transform:none}}
@keyframes taper{to{width:100%}}
@keyframes publier{60%{transform:scale(1.08)}100%{background:var(--nuit);color:var(--blanc);font-weight:600;transform:none}}
@keyframes pop{to{transform:scale(1)}}
@keyframes defiler-a{0%,30%{opacity:1}36%,100%{opacity:0}}
@keyframes defiler-b{0%,30%{opacity:0}36%,63%{opacity:1}69%,100%{opacity:0}}
@keyframes defiler-c{0%,63%{opacity:0}69%,100%{opacity:1}}
@keyframes pastille-a{0%,30%{background:var(--or);color:var(--nuit);border-color:var(--or)}36%,100%{background:transparent;color:var(--blanc);border-color:rgba(247,243,236,.3)}}
@keyframes pastille-b{0%,30%{background:transparent;color:var(--blanc);border-color:rgba(247,243,236,.3)}36%,63%{background:var(--or);color:var(--nuit);border-color:var(--or)}69%,100%{background:transparent;color:var(--blanc);border-color:rgba(247,243,236,.3)}}
@keyframes pastille-c{0%,63%{background:transparent;color:var(--blanc);border-color:rgba(247,243,236,.3)}69%,100%{background:var(--or);color:var(--nuit);border-color:var(--or)}}
@keyframes barrer{to{text-decoration:line-through;color:var(--ardoise);font-weight:500;font-size:.8125rem}}
@keyframes remplir{to{transform:scaleX(1)}}
@media (max-width:600px){
html.js .fiche-vivante.rev .fv-tape,html.js .question-ia.rev .qi-tape{width:auto;white-space:normal;animation:none!important}
.fv-tape,.qi-tape{white-space:normal}
}
.d1{--delai:.05s}.d2{--delai:.15s}.d3{--delai:.25s}.d08{--delai:.08s}.d16{--delai:.16s}.d24{--delai:.24s}.d35{--delai:.35s}.d45{--delai:.45s}.d55{--delai:.55s}
@media (prefers-reduced-motion:reduce){
*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
html{scroll-behavior:auto}
.tuile:hover,.porte:hover,.onglet:hover,.pastille:hover{transform:none}
}
@media (max-width:1100px){
.prix-carte-4{grid-template-columns:repeat(2,minmax(0,1fr))}
.prix-carte-4 .prix-col:nth-child(3){border-left:0}
.prix-carte-4 .prix-col:nth-child(n+3){border-top:1px solid var(--filet-papier)}
}
@media (max-width:960px){
:root{--entete-h:72px}
.nav{display:none}
.entete-cta{margin-left:auto;padding:0 18px}
.menu{display:block}
.heros-grille,.heros-simple .heros-grille,.heros-grille-accueil,.victor-grille,.mois-grille,.contrat-grille,.derriere-grille,.faq-grille,.obtenez,.prix-carte,.duo-grille,.regles-grille,.engagements,.regle-12,.resultat-grille{grid-template-columns:minmax(0,1fr)}
.heros-visuel{margin-top:var(--e-6)}
.heros-grille-accueil>*,.heros-grille-accueil>.heros-visuel{grid-column:1;grid-row:auto}
.heros-accueil{min-height:0}
.mois-gauche{position:static}
.scene-photo{aspect-ratio:4/3.4;max-height:none}
.photo-victor{width:100%}
.fenetre-desktop{margin:-18% 4% 0 auto}
.portes,.cas,.jamais,.jamais-cinq,.etapes,.etapes-4,.cartes-questions,.voies,.cartes-liens,.coordonnees,.obligations,.forfaits,.points-a-corriger{grid-template-columns:1fr}
.porte{grid-template-rows:220px 1fr}
.etapes::before{display:none}
.contrat-cote,.faq-cote{position:static}
.comp summary{grid-template-columns:minmax(0,1fr) 32px;grid-template-areas:'besoin signe' 'ailleurs signe' 'major signe';row-gap:6px}
.comp .comp-besoin{grid-area:besoin}.comp .comp-ailleurs{grid-area:ailleurs}.comp .comp-major{grid-area:major}.comp .signe{grid-area:signe}
.comp-ailleurs>span,.comp-major>span{display:block;font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;font-weight:600;margin-bottom:2px}
.comp-ailleurs b,.comp-major b{font-size:1.25rem}
.regles-court li{grid-template-columns:1fr;gap:4px}
.comp-entete{display:none}
.comp-detail{grid-template-columns:1fr}
.refus li{grid-template-columns:1fr;gap:6px}
.jamais-suite .jamais-liste{grid-template-columns:1fr}
.marche,.echelle-choix .marche{grid-template-columns:44px minmax(0,1fr);grid-template-areas:"num nom" "num prix" "num quoi" "num delai" "num lien";gap:8px 12px}
.victor-texte{order:-1}
.faq-cote{display:contents}
.faq-grille>.faq{order:1}
.faq-carte{order:2;margin-top:var(--e-4)}
}
@media (max-width:600px){
body{font-size:1rem}
.h1,.heros-simple .h1{font-size:clamp(2.6rem,12vw,3.4rem)}
.heros-accueil .h1{font-size:clamp(2.25rem,1.6rem + 3vw,2.8rem)}
.heros-grille-accueil>.heros-visuel{margin-top:var(--e-5)}
.heros-grille-accueil>.chapeau{margin-top:var(--e-5)}
.heros-service .h1{font-size:clamp(2.4rem,10.5vw,3rem)}
.h2{font-size:clamp(2rem,9vw,2.5rem)}
.h2-grand{font-size:clamp(2.25rem,10vw,3rem)}
.h2-geant{font-size:clamp(2.6rem,12.5vw,3.6rem)}
.section{padding-block:clamp(3.5rem,14vw,5rem)}
.heros{padding-top:calc(var(--entete-h) + 1.5rem)}
.surtitre{font-size:.75rem;letter-spacing:.12em}
.entete-cadre{gap:10px}
.marque{font-size:1rem;gap:8px}
.marque .chevrons{width:30px;height:30px}
.entete-cta{padding:0 14px;font-size:.875rem}
.capsule{flex-direction:column;align-items:stretch;border-radius:24px;padding:8px;gap:6px}
.capsule input{padding:0 14px}
.capsule .sig-bouton{width:100%}
.note-bilan{padding-left:8px}
.heros-rassure{flex-direction:column;gap:10px}
.scene-photo{aspect-ratio:4/5.2}
.scene-victor .tel{width:62%;right:10px;bottom:12px}
.scene-maquette{min-height:0;padding:56px 14px 24px}
.scene-courriel .courriel{font-size:.875rem;padding:18px 20px}
.fenetre-barre{padding-top:34px}
.fenetre-desktop{margin:-10% 0 0;width:100%}
.victor-visuel>.etiquette{top:12px;left:12px}
.mosaique{grid-template-columns:1fr}
.tuile-fiche{grid-row:auto}
.porte-prix{font-size:3.25rem}
.articles{grid-template-columns:1fr}
.document-pied{grid-template-columns:1fr}
.document-pile::before{inset:10px 0 -8px 6px}
.document-entete{flex-direction:column;align-items:flex-start}
.document-ref{text-align:left}
.sceau{justify-self:end}
.faq summary{gap:12px;font-size:1.0625rem}
.prix-ligne{flex-direction:column}
.origine{grid-template-columns:1fr}
.tuiles{grid-template-columns:1fr}
.ia-liste li{grid-template-columns:1fr auto}
.ia-question{grid-column:1 / -1;grid-row:2}
.obtenez-site .obtenez-texte{grid-template-columns:1fr;gap:var(--e-5)}
.pile{height:520px}
.feuille{padding:14px 40px 14px 48px;min-height:150px}
.feuille strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.875rem}
.pd-heros{grid-template-columns:1fr;gap:12px;padding:14px 14px 20px}
.pd-photo{aspect-ratio:16/9}
.pd-ton-or .pd-photo{width:min(100%,140px)}
.pd-ecran .mini-victor{width:92px;right:8px;bottom:8px;font-size:.5625rem;padding:5px}
.gl-carte{padding:16px 16px 18px}
.note-chiffre{font-size:5rem}
.note-anneau{width:88px;height:88px;top:18px;right:18px}
.note-geante{padding-right:100px}
.constat{grid-template-columns:1fr;gap:10px}
.etat{margin-top:0;justify-self:start}
.combis li{grid-template-columns:1fr}
.combi-total{grid-column:1;grid-row:auto;text-align:left}
}
@media (max-width:420px){
.soumission-tete{flex-direction:column;text-align:left}
.soumission-tete>*{text-align:left}
}
@media (max-width:400px){
.marque small{display:none}
.menu-declencheur span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.entete-cta{padding:0 12px}
}
.volet-securite .barre-plein{width:65%}
.volet-conformite .barre-plein{width:60%}
.volet-trouve .barre-plein{width:68%}
.volet-mobile .barre-plein{width:100%}
@supports selector(:has(*)){
.victor-grille:has(.onglet-radio:checked) .panneau,.victor-grille:has(.onglet-radio:checked) .pastilles{display:none}
.victor-grille:has(.onglet-radio:checked) .photo-victor img{opacity:0}
.victor-grille:has(.question-radio:checked) .echange{display:none}
.victor-grille:has(#metier-restaurant:checked) .panneau[data-metier="restaurant"],.victor-grille:has(#metier-restaurant:checked) .pastilles[data-metier="restaurant"]{display:flex}
.victor-grille:has(#metier-restaurant:checked) .photo-victor img[data-metier="restaurant"]{opacity:1}
.victor-grille:has(#q-restaurant-1:checked) .echange[data-q="restaurant-1"]{display:flex}
.victor-grille:has(#q-restaurant-2:checked) .echange[data-q="restaurant-2"]{display:flex}
.victor-grille:has(#q-restaurant-3:checked) .echange[data-q="restaurant-3"]{display:flex}
.victor-grille:has(#metier-boutique:checked) .panneau[data-metier="boutique"],.victor-grille:has(#metier-boutique:checked) .pastilles[data-metier="boutique"]{display:flex}
.victor-grille:has(#metier-boutique:checked) .photo-victor img[data-metier="boutique"]{opacity:1}
.victor-grille:has(#q-boutique-1:checked) .echange[data-q="boutique-1"]{display:flex}
.victor-grille:has(#q-boutique-2:checked) .echange[data-q="boutique-2"]{display:flex}
.victor-grille:has(#q-boutique-3:checked) .echange[data-q="boutique-3"]{display:flex}
.victor-grille:has(#metier-salon:checked) .panneau[data-metier="salon"],.victor-grille:has(#metier-salon:checked) .pastilles[data-metier="salon"]{display:flex}
.victor-grille:has(#metier-salon:checked) .photo-victor img[data-metier="salon"]{opacity:1}
.victor-grille:has(#q-salon-1:checked) .echange[data-q="salon-1"]{display:flex}
.victor-grille:has(#q-salon-2:checked) .echange[data-q="salon-2"]{display:flex}
.victor-grille:has(#q-salon-3:checked) .echange[data-q="salon-3"]{display:flex}
.victor-grille:has(#metier-boulangerie:checked) .panneau[data-metier="boulangerie"],.victor-grille:has(#metier-boulangerie:checked) .pastilles[data-metier="boulangerie"]{display:flex}
.victor-grille:has(#metier-boulangerie:checked) .photo-victor img[data-metier="boulangerie"]{opacity:1}
.victor-grille:has(#q-boulangerie-1:checked) .echange[data-q="boulangerie-1"]{display:flex}
.victor-grille:has(#q-boulangerie-2:checked) .echange[data-q="boulangerie-2"]{display:flex}
.victor-grille:has(#q-boulangerie-3:checked) .echange[data-q="boulangerie-3"]{display:flex}
.heros-grille:has(#deja-non:checked) .soumission-variante:first-of-type{display:none}
.heros-grille:has(#deja-non:checked) .soumission-variante:last-of-type{display:block}
}
/* ---- sig-vol.css (major-design/signature) ---- */
:root { --sig-or: #f2b544; --sig-or-vif: #ffc658; --sig-or-profond: #8a5d06; --sig-brume-v: #8c9bb8; --sig-nuit-v: #3a4766; --sig-nuit: #0c1222; --sig-blanc: #f7f3ec; --sig-encre: #161b2b; --sig-courbe: cubic-bezier(.2, .7, .2, 1); }
.sig-v { fill: none; stroke-width: 6; stroke-linecap: round; stroke-linejoin: round; display: block; }
.sig-v .sig-c1 { stroke: var(--sig-or); }
.sig-v .sig-c2 { stroke: var(--sig-brume-v); }
.sig-v .sig-c3 { stroke: var(--sig-nuit-v); }
.sig-v-papier .sig-c1 { stroke: var(--sig-or-profond); }
.sig-v-papier .sig-c2 { stroke: rgba(22, 27, 43, .5); }
.sig-v-papier .sig-c3 { stroke: rgba(22, 27, 43, .28); }
.sig-rideau { display: none; position: fixed; inset: 0; z-index: 1000; background: var(--sig-nuit); place-items: center; pointer-events: none; }
html.sig-js .sig-rideau { display: grid; }
html.sig-js.sig-direct .sig-rideau { display: none; }
.sig-rideau .sig-v { width: 56px; height: 56px; }
.sig-rideau polyline { animation: sig-monter 1.25s var(--sig-courbe) infinite both; }
.sig-rideau .sig-c2 { animation-delay: .13s; }
.sig-rideau .sig-c1 { animation-delay: .26s; }
@keyframes sig-monter { 0% { transform: translateY(14px); opacity: 0; } 30%, 62% { transform: none; opacity: 1; } 100% { transform: translateY(-14px); opacity: 0; } }
.sig-rideau-leve { clip-path: inset(0 0 100% 0); transition: clip-path .45s cubic-bezier(.75, 0, .2, 1); }
.sig-rideau-sortie { clip-path: inset(100% 0 0 0); animation: sig-rideau-monte .22s cubic-bezier(.75, 0, .2, 1) forwards; }
@keyframes sig-rideau-monte { to { clip-path: inset(0 0 0 0); } }
.sig-rideau-cache { display: none !important; }
.sig-cap { position: fixed; z-index: 90; right: 16px; bottom: 16px; width: 44px; height: 44px; border-radius: 50%; border: 1px solid rgba(247, 243, 236, .16); background: rgba(12, 18, 34, .9); color: var(--sig-blanc); display: grid; place-items: center; cursor: pointer; padding: 0; opacity: 0; transform: translateY(12px); transition: opacity .4s var(--sig-courbe), transform .4s var(--sig-courbe), border-color .25s; }
.sig-cap[hidden] { display: none; }
.sig-cap.sig-cap-visible { opacity: 1; transform: none; }
.sig-cap:hover { border-color: rgba(242, 181, 68, .6); }
.sig-cap:focus-visible { outline: 2px solid var(--sig-or); outline-offset: 3px; }
.sig-cap .sig-v { width: 22px; height: 22px; stroke-width: 7; }
@media (max-width: 600px) { .sig-cap { display: none; } }
.sig-cap polyline { transition: opacity .3s, transform .45s var(--sig-courbe); }
.sig-cap .sig-c3 { opacity: clamp(.22, calc(var(--sig-p, 0) * 3), 1); }
.sig-cap .sig-c2 { opacity: clamp(.22, calc((var(--sig-p, 0) - .34) * 3), 1); }
.sig-cap .sig-c1 { opacity: clamp(.22, calc((var(--sig-p, 0) - .67) * 3), 1); }
.sig-cap:hover polyline, .sig-cap:focus-visible polyline { opacity: 1; transform: translateY(-3px); }
.sig-cap:hover .sig-c2, .sig-cap:focus-visible .sig-c2 { transition-delay: .06s; }
.sig-cap:hover .sig-c1, .sig-cap:focus-visible .sig-c1 { transition-delay: .12s; }
.sig-cap:active { transform: scale(.96); }
.sig-bouton { display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 56px; padding: 0 22px 0 28px; border-radius: 999px; border: 1px solid transparent; background: var(--sig-or); color: var(--sig-nuit); font-family: 'Figtree', 'Segoe UI', 'Helvetica Neue', Arial, sans-serif; font-weight: 600; font-size: 1rem; line-height: 1; white-space: nowrap; text-decoration: none; cursor: pointer; transition: background-color .25s, transform .2s var(--sig-courbe), box-shadow .25s; }
.sig-bouton:hover { background: var(--sig-or-vif); }
.sig-bouton:active { transform: scale(.975); }
.sig-bouton:focus-visible { outline: 2px solid var(--sig-or); outline-offset: 3px; }
.sig-bouton-v { width: 18px; height: 18px; flex: none; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; overflow: visible; }
.sig-bouton-v path { transition: transform .45s var(--sig-courbe), opacity .35s; }
.sig-bouton-v .sig-bv-2 { opacity: 0; transform: translateX(2px); }
.sig-bouton:hover .sig-bouton-v .sig-bv-1, .sig-bouton:focus-visible .sig-bouton-v .sig-bv-1 { transform: translateX(3px); }
.sig-bouton:hover .sig-bouton-v .sig-bv-2, .sig-bouton:focus-visible .sig-bouton-v .sig-bv-2 { opacity: .45; transform: translateX(-1px); transition-delay: .07s; }
.sig-bouton-ligne { background: transparent; border-color: rgba(22, 27, 43, .18); color: var(--sig-encre); }
.sig-bouton-ligne:hover { background: transparent; border-color: var(--sig-encre); }
.sig-nuit .sig-bouton-ligne, .ton-nuit .sig-bouton-ligne { border-color: rgba(247, 243, 236, .22); color: var(--sig-blanc); }
.sig-nuit .sig-bouton-ligne:hover, .ton-nuit .sig-bouton-ligne:hover { border-color: var(--sig-blanc); }
.sig-bouton-petit { min-height: 44px; padding: 0 16px 0 20px; font-size: .9375rem; }
.sig-surtitre { display: flex; align-items: center; gap: 10px; margin: 0 0 24px; font-family: 'Figtree', 'Segoe UI', 'Helvetica Neue', Arial, sans-serif; font-weight: 600; font-size: .75rem; letter-spacing: .14em; text-transform: uppercase; color: var(--sig-or-profond); }
.sig-surtitre::before { content: ''; width: 11px; height: 11px; flex: none; background: currentColor; -webkit-mask: url('images/chevron.svg') center / contain no-repeat; mask: url('images/chevron.svg') center / contain no-repeat; transform: translateY(-1px); }
.sig-nuit .sig-surtitre, .ton-nuit .sig-surtitre, .sig-surtitre-nuit { color: var(--sig-or); }
.sig-surtitre-centre { justify-content: center; }
html.sig-js .sig-v-pile polyline { transition: transform .6s var(--sig-courbe), opacity .6s var(--sig-courbe); }
html.sig-js .sig-v-pile:not(.sig-vu) polyline { opacity: 0; transform: translateY(12px); }
.sig-v-pile .sig-c2 { transition-delay: .12s; }
.sig-v-pile .sig-c1 { transition-delay: .24s; }
@media (prefers-reduced-motion: reduce) {
html.sig-js .sig-rideau { display: none; }
.sig-cap, .sig-cap polyline, .sig-bouton, .sig-bouton-v path, .sig-v-pile polyline { transition: none; }
html.sig-js .sig-v-pile:not(.sig-vu) polyline { opacity: 1; transform: none; }
.sig-bouton:hover .sig-bouton-v .sig-bv-1 { transform: none; }
}
/* ---- sig-icones.css (major-design/signature) ---- */
.sig-ic { width: 20px; height: 20px; flex: none; display: inline-block; vertical-align: -.2em; fill: none; stroke: currentColor; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }
.sig-ic-16 { width: 16px; height: 16px; stroke-width: 1.75; }
.sig-ic-24 { width: 24px; height: 24px; }
.sig-ic-32 { width: 32px; height: 32px; stroke-width: 1.25; }
.sig-ic-48 { width: 48px; height: 48px; stroke-width: 1; }
.sig-ic-or { color: #8a5d06; }           
.ton-nuit .sig-ic-or, .sig-nuit .sig-ic-or { color: #f2b544; }
.sig-ic-bas { transform: rotate(180deg); }   
.sig-ic-gauche { transform: rotate(-90deg); }
.sig-ic-droite { transform: rotate(90deg); }
.sig-ic-plein { fill: currentColor; stroke: none; }  
/* ---- sig-heros.css (major-design/signature) ---- */
.sig-heros {
--sig-nuit: #0c1222; --sig-nuit-2: #141b30; --sig-nuit-3: #1c2440; --sig-mur: #222c4a;
--sig-blanc: #f7f3ec; --sig-brume: #b9c0d2; --sig-or: #f2b544; --sig-or-profond: #8a5d06;
--sig-craie: #fdfbf7; --sig-papier: #f6f1e8; --sig-sable: #ece5d8; --sig-encre: #161b2b; --sig-ardoise: #4f5668;
--sig-rouge: #b3301f; --sig-vert: #1f6f4b;
--sig-filet: rgba(22, 27, 43, .12);
--sig-titre: 'Instrument Serif', 'Iowan Old Style', Georgia, serif;
--sig-texte: 'Figtree', 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
--sig-courbe: cubic-bezier(.2, .7, .2, 1);
--sig-T: 7s;                        
position: relative; display: block; width: 100%; aspect-ratio: 4 / 4.6; max-height: 700px;
border-radius: 20px; overflow: hidden; margin: 0;
color: var(--sig-encre); font-family: var(--sig-texte); font-size: .8125rem; line-height: 1.4;
background: linear-gradient(180deg, #222c4d 0%, #182039 38%, var(--sig-nuit-2) 70%, var(--sig-nuit) 100%);
box-shadow: 0 30px 60px -30px rgba(12, 18, 34, .55), inset 0 0 0 1px rgba(247, 243, 236, .09);
container-type: inline-size;
}
.sig-heros * { box-sizing: border-box; }
:where(.sig-heros) :where(p, ul, li, header, footer) { margin: 0; padding: 0; list-style: none; }
.sig-heros-etiquette { position: absolute; z-index: 4; top: 12px; left: 12px; display: inline-flex; align-items: center; font-weight: 600; font-size: .6875rem; letter-spacing: .12em; text-transform: uppercase; color: var(--sig-or); background: rgba(12, 18, 34, .88); padding: 6px 10px; border-radius: 999px; line-height: 1; }
.sig-heros-heure { position: absolute; z-index: 4; top: 12px; right: 16px; font-variant-numeric: tabular-nums; color: var(--sig-brume); font-size: .8125rem; line-height: 1.2; text-align: right; }
.sig-heros-heure b { display: block; font-family: var(--sig-titre); font-weight: 400; font-size: 1.75rem; color: var(--sig-blanc); letter-spacing: -.01em; }
.sig-heros-heure .sig-horloge { position: relative; display: grid; justify-items: end; }
.sig-horloge span { grid-area: 1 / 1; opacity: 0; }
.sig-horloge span:last-child { opacity: 1; }
.sig-rue { position: absolute; inset: 0 0 auto 0; height: 50%; display: flex; align-items: flex-end; justify-content: center; }
.sig-rue::after { content: ''; position: absolute; left: 0; right: 0; bottom: 0; height: 1px; background: linear-gradient(90deg, transparent, rgba(247, 243, 236, .22) 25%, rgba(247, 243, 236, .22) 75%, transparent); }
.sig-dev { position: relative; width: min(74%, 480px); margin-bottom: 0; }
.sig-dev-etage { position: relative; display: flex; justify-content: center; gap: 16%; padding: 12px 0 0; background: var(--sig-mur); border-radius: 10px 10px 0 0; box-shadow: inset 0 0 0 1px rgba(247, 243, 236, .08); }
.sig-dev-etage i { position: relative; display: block; width: 15%; height: clamp(20px, 7cqw, 30px); border-radius: 4px 4px 0 0; background: #0f1527; box-shadow: inset 0 0 0 1px rgba(247, 243, 236, .12); overflow: hidden; }
.sig-dev-etage i::before { content: ''; position: absolute; inset: 0; background: radial-gradient(70% 70% at 50% 60%, rgba(255, 214, 140, .8), rgba(242, 181, 68, .35)); opacity: 0; }
.sig-dev-etage i::after { content: ''; position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: rgba(12, 18, 34, .6); }
.sig-dev-nappe { position: absolute; left: -36%; right: -36%; bottom: -92%; height: 110%; background: radial-gradient(50% 55% at 50% 0%, rgba(242, 181, 68, .5) 0%, rgba(242, 181, 68, .16) 40%, transparent 72%); pointer-events: none; }
.sig-dev-enseigne { position: relative; text-align: center; font-family: var(--sig-titre); font-size: clamp(1.25rem, 6.5cqw, 1.875rem); line-height: 1; letter-spacing: .01em; color: var(--sig-or); background: var(--sig-mur); margin-top: 10px; padding: 12px 12px 10px; border-top: 1px solid rgba(247, 243, 236, .1); box-shadow: inset 0 0 0 1px rgba(247, 243, 236, .08); text-shadow: 0 0 18px rgba(242, 181, 68, .55); }
.sig-dev-enseigne em { font-style: italic; }
.sig-dev-facade { position: relative; display: grid; grid-template-columns: 1.7fr .8fr; gap: 10px; padding: 12px 12px 0; background: var(--sig-mur); box-shadow: inset 0 0 0 1px rgba(247, 243, 236, .08); border-top: 1px solid rgba(247, 243, 236, .1); }
.sig-dev-facade::after { content: ''; position: absolute; left: 0; right: 0; bottom: 0; height: 6px; background: #0a0e1a; }
.sig-dev-vitrine { position: relative; height: clamp(88px, 28cqw, 132px); border-radius: 8px 8px 0 0; background: #0f1527; overflow: hidden; box-shadow: inset 0 0 0 1px rgba(247, 243, 236, .12); }
.sig-dev-vitrine::before { content: ''; position: absolute; inset: 0; background: radial-gradient(80% 90% at 50% 20%, #ffe6b0 0%, #f2b544 45%, #b57b14 100%); }
.sig-dev-vitrine::after { content: ''; position: absolute; inset: 0; background: linear-gradient(115deg, rgba(255, 255, 255, .16) 0%, rgba(255, 255, 255, 0) 38%); pointer-events: none; }
.sig-dev-vitrine i { position: absolute; display: block; background: rgba(12, 18, 34, .78); border-radius: 4px 4px 2px 2px; }
.sig-dev-vitrine i:nth-child(1) { left: 12%; right: 12%; top: 46%; height: 2px; border-radius: 0; background: rgba(12, 18, 34, .55); }
.sig-dev-vitrine i:nth-child(2) { left: 16%; width: 11%; height: 22%; top: 24%; }
.sig-dev-vitrine i:nth-child(3) { left: 33%; width: 9%; height: 16%; top: 30%; border-radius: 50% 50% 2px 2px; }
.sig-dev-vitrine i:nth-child(4) { left: 55%; width: 14%; height: 14%; top: 32%; }
.sig-dev-vitrine i:nth-child(5) { left: 74%; width: 9%; height: 20%; top: 26%; border-radius: 50% 50% 2px 2px; }
.sig-dev-vitrine i:nth-child(6) { left: 12%; right: 12%; top: 76%; height: 2px; border-radius: 0; background: rgba(12, 18, 34, .55); }
.sig-dev-vitrine i:nth-child(7) { left: 22%; width: 18%; height: 18%; top: 58%; }
.sig-dev-vitrine i:nth-child(8) { left: 58%; width: 12%; height: 14%; top: 62%; border-radius: 50% 50% 2px 2px; }
.sig-dev-porte { position: relative; border-radius: 8px 8px 0 0; background: #0f1527; box-shadow: inset 0 0 0 1px rgba(247, 243, 236, .12); display: grid; place-items: center; }
.sig-dev-porte::before { content: ''; position: absolute; right: 14%; top: 54%; width: 5px; height: 5px; border-radius: 50%; background: rgba(247, 243, 236, .5); }
.sig-dev-pancarte { position: relative; display: inline-block; padding: 5px 9px; border-radius: 4px; background: var(--sig-craie); color: var(--sig-encre); font-weight: 600; font-size: .6875rem; letter-spacing: .08em; text-transform: uppercase; line-height: 1; --sig-pancarte-y: -8%; transform: translateY(var(--sig-pancarte-y)); box-shadow: 0 6px 14px -8px rgba(0, 0, 0, .8); }
.sig-dev-pancarte::before { content: ''; position: absolute; left: 50%; top: -9px; width: 1px; height: 9px; background: rgba(247, 243, 236, .55); }
.sig-boite { position: absolute; z-index: 3; left: clamp(14px, 4cqw, 28px); right: clamp(14px, 4cqw, 28px); bottom: clamp(14px, 4cqw, 28px); top: auto; max-height: 56%; display: flex; flex-direction: column; background: var(--sig-craie); border-radius: 16px; box-shadow: 0 30px 60px -24px rgba(12, 18, 34, .6), 0 0 0 1px rgba(255, 255, 255, .6) inset; overflow: hidden; }
.sig-heros::after { content: ''; position: absolute; z-index: 2; left: 0; right: 0; bottom: 0; height: 64%; background: radial-gradient(70% 60% at 50% 72%, rgba(242, 181, 68, .16), rgba(242, 181, 68, 0) 72%); pointer-events: none; }
.sig-boite-tete { display: flex; justify-content: space-between; align-items: flex-end; gap: 12px; padding: 12px 18px 10px; border-bottom: 1px solid var(--sig-filet); }
.sig-boite-tete strong { display: block; font-weight: 600; font-size: .9375rem; }
.sig-boite-tete small { display: block; color: var(--sig-ardoise); font-size: .75rem; margin-top: 2px; }
.sig-compteur { display: grid; justify-items: end; gap: 2px; color: var(--sig-vert); text-align: right; }
.sig-compteur-chiffre { font-family: var(--sig-titre); font-size: clamp(2rem, 7cqw, 2.75rem); line-height: 1; letter-spacing: -.02em; height: 1.2em; overflow: hidden; display: block; }
.sig-rouleau { display: block; transform: translateY(0); }
.sig-rouleau span { display: block; height: 1.2em; line-height: 1.2; }
.sig-compteur-mot { font-weight: 600; font-size: .6875rem; letter-spacing: .1em; text-transform: uppercase; line-height: 1; white-space: nowrap; }
.sig-boite-liste { flex: 1; display: flex; flex-direction: column; justify-content: space-evenly; padding: 2px 0; }
.sig-msg { display: grid; grid-template-columns: 30px minmax(0, 1fr) 8px; gap: 12px; align-items: center; padding: 6px 18px; border-bottom: 1px solid var(--sig-filet); }
.sig-msg:last-child { border-bottom: 0; }
.sig-msg-avatar { width: 30px; height: 30px; border-radius: 50%; background: var(--sig-sable); color: var(--sig-ardoise); font-weight: 600; font-size: .6875rem; display: grid; place-items: center; }
.sig-msg-corps { display: grid; grid-template-rows: auto auto; min-width: 0; }
.sig-msg-corps strong { font-weight: 600; font-size: .8125rem; }
.sig-msg-q, .sig-msg-r { grid-row: 2; grid-column: 1; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: .75rem; }
.sig-msg-q { color: var(--sig-ardoise); opacity: 0; }
.sig-msg-r { color: var(--sig-vert); display: flex; align-items: center; gap: 5px; }
.sig-msg-r svg { width: 10px; height: 10px; flex: none; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.sig-msg-r em { font-style: normal; margin-left: .3em; white-space: nowrap; }
.sig-msg-etat { display: block; width: 8px; height: 8px; border-radius: 50%; background: var(--sig-vert); }
.sig-boite-pied { position: relative; display: flex; align-items: center; gap: 10px; padding: 10px 18px; background: var(--sig-papier); border-top: 1px solid var(--sig-filet); min-height: 48px; flex: none; font-size: .8125rem; }
.sig-victor-avatar { width: 28px; height: 28px; border-radius: 50%; background: var(--sig-nuit); color: var(--sig-or); font-family: var(--sig-titre); font-size: 1.0625rem; display: grid; place-items: center; flex: none; }
.sig-victor-ecrit, .sig-victor-fin { position: absolute; left: 56px; right: 18px; top: 50%; transform: translateY(-50%); }
.sig-victor-ecrit { color: var(--sig-ardoise); opacity: 0; }
.sig-victor-ecrit i { display: inline-block; width: 4px; height: 4px; border-radius: 50%; background: currentColor; margin-left: 3px; vertical-align: 1px; }
.sig-victor-fin { color: var(--sig-encre); }
.sig-victor-fin b { font-weight: 600; }
.sig-heros-rejouer { position: absolute; z-index: 4; right: 16px; top: 68px; display: none; align-items: center; gap: 6px; min-height: 32px; padding: 0 12px; border-radius: 999px; border: 1px solid rgba(247, 243, 236, .25); background: rgba(12, 18, 34, .7); color: var(--sig-blanc); font: 600 .75rem/1 var(--sig-texte); cursor: pointer; opacity: 0; }
.sig-heros-rejouer svg { width: 12px; height: 12px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
html.sig-js .sig-heros .sig-anime { animation-duration: var(--sig-T); animation-timing-function: var(--sig-courbe); animation-fill-mode: both; animation-play-state: paused; }
html.sig-js .sig-heros.sig-joue .sig-anime { animation-play-state: running; }
html.sig-js .sig-heros.sig-reinit .sig-anime { animation: none !important; }
html.sig-js .sig-heros .sig-dev-vitrine::before { animation: sig-eteindre var(--sig-T) var(--sig-courbe) both paused; }
html.sig-js .sig-heros .sig-dev-nappe { animation: sig-eteindre var(--sig-T) var(--sig-courbe) both paused; }
html.sig-js .sig-heros .sig-dev-enseigne { animation: sig-enseigne var(--sig-T) var(--sig-courbe) both paused; }
html.sig-js .sig-heros .sig-dev-pancarte { animation: sig-pancarte var(--sig-T) var(--sig-courbe) both paused; transform-origin: 50% -9px; }
html.sig-js .sig-heros.sig-joue .sig-dev-vitrine::before, html.sig-js .sig-heros.sig-joue .sig-dev-nappe, html.sig-js .sig-heros.sig-joue .sig-dev-enseigne, html.sig-js .sig-heros.sig-joue .sig-dev-pancarte { animation-play-state: running; }
html.sig-js .sig-heros.sig-reinit .sig-dev-vitrine::before, html.sig-js .sig-heros.sig-reinit .sig-dev-nappe, html.sig-js .sig-heros.sig-reinit .sig-dev-enseigne, html.sig-js .sig-heros.sig-reinit .sig-dev-pancarte { animation: none !important; }
@keyframes sig-eteindre { 0%, 6% { opacity: 1; } 14%, 100% { opacity: 0; } }
@keyframes sig-enseigne { 0%, 6% { color: #f2b544; text-shadow: 0 0 18px rgba(242, 181, 68, .55); } 14%, 100% { color: rgba(185, 192, 210, .75); text-shadow: none; } }
@keyframes sig-pancarte { 0%, 10% { opacity: 0; transform: translateY(var(--sig-pancarte-y)) rotateX(80deg); } 16% { opacity: 1; transform: translateY(var(--sig-pancarte-y)) rotateX(-12deg); } 22%, 100% { opacity: 1; transform: translateY(var(--sig-pancarte-y)) rotateX(0); } }
html.sig-js .sig-heros .sig-dev-etage i:first-child::before { animation: sig-etage var(--sig-T) var(--sig-courbe) both paused; }
html.sig-js .sig-heros.sig-joue .sig-dev-etage i:first-child::before { animation-play-state: running; }
html.sig-js .sig-heros.sig-reinit .sig-dev-etage i:first-child::before { animation: none !important; }
@keyframes sig-etage { 0%, 80% { opacity: 1; } 86%, 100% { opacity: 0; } }
html.sig-js .sig-heros .sig-horloge span:nth-child(1) { animation-name: sig-heure-1; }
html.sig-js .sig-heros .sig-horloge span:nth-child(2) { animation-name: sig-heure-2; }
html.sig-js .sig-heros .sig-horloge span:nth-child(3) { animation-name: sig-heure-3; }
html.sig-js .sig-heros .sig-horloge span:nth-child(4) { animation-name: sig-heure-4; }
@keyframes sig-heure-1 { 0%, 24.9% { opacity: 1; } 25%, 100% { opacity: 0; } }
@keyframes sig-heure-2 { 0%, 24.9% { opacity: 0; } 25%, 44.9% { opacity: 1; } 45%, 100% { opacity: 0; } }
@keyframes sig-heure-3 { 0%, 44.9% { opacity: 0; } 45%, 64.9% { opacity: 1; } 65%, 100% { opacity: 0; } }
@keyframes sig-heure-4 { 0%, 64.9% { opacity: 0; } 65%, 100% { opacity: 1; } }
html.sig-js .sig-heros .sig-msg:nth-child(1) .sig-msg-q { animation-name: sig-question-1; } html.sig-js .sig-heros .sig-msg:nth-child(1) .sig-msg-r { animation-name: sig-reponse-1; } html.sig-js .sig-heros .sig-msg:nth-child(1) .sig-msg-etat { animation-name: sig-etat-1; }
html.sig-js .sig-heros .sig-msg:nth-child(2) .sig-msg-q { animation-name: sig-question-2; } html.sig-js .sig-heros .sig-msg:nth-child(2) .sig-msg-r { animation-name: sig-reponse-2; } html.sig-js .sig-heros .sig-msg:nth-child(2) .sig-msg-etat { animation-name: sig-etat-2; }
html.sig-js .sig-heros .sig-msg:nth-child(3) .sig-msg-q { animation-name: sig-question-3; } html.sig-js .sig-heros .sig-msg:nth-child(3) .sig-msg-r { animation-name: sig-reponse-3; } html.sig-js .sig-heros .sig-msg:nth-child(3) .sig-msg-etat { animation-name: sig-etat-3; }
html.sig-js .sig-heros .sig-msg:nth-child(4) .sig-msg-q { animation-name: sig-question-4; } html.sig-js .sig-heros .sig-msg:nth-child(4) .sig-msg-r { animation-name: sig-reponse-4; } html.sig-js .sig-heros .sig-msg:nth-child(4) .sig-msg-etat { animation-name: sig-etat-4; }
@keyframes sig-question-1 { 0%, 22% { opacity: 1; transform: none; } 27%, 100% { opacity: 0; transform: translateY(-6px); } }
@keyframes sig-question-2 { 0%, 39% { opacity: 1; transform: none; } 44%, 100% { opacity: 0; transform: translateY(-6px); } }
@keyframes sig-question-3 { 0%, 56% { opacity: 1; transform: none; } 61%, 100% { opacity: 0; transform: translateY(-6px); } }
@keyframes sig-question-4 { 0%, 73% { opacity: 1; transform: none; } 78%, 100% { opacity: 0; transform: translateY(-6px); } }
@keyframes sig-reponse-1 { 0%, 23% { opacity: 0; transform: translateY(6px); } 29%, 100% { opacity: 1; transform: none; } }
@keyframes sig-reponse-2 { 0%, 40% { opacity: 0; transform: translateY(6px); } 46%, 100% { opacity: 1; transform: none; } }
@keyframes sig-reponse-3 { 0%, 57% { opacity: 0; transform: translateY(6px); } 63%, 100% { opacity: 1; transform: none; } }
@keyframes sig-reponse-4 { 0%, 74% { opacity: 0; transform: translateY(6px); } 80%, 100% { opacity: 1; transform: none; } }
@keyframes sig-etat-1 { 0%, 22% { background: #b3301f; } 27%, 100% { background: #1f6f4b; } }
@keyframes sig-etat-2 { 0%, 39% { background: #b3301f; } 44%, 100% { background: #1f6f4b; } }
@keyframes sig-etat-3 { 0%, 56% { background: #b3301f; } 61%, 100% { background: #1f6f4b; } }
@keyframes sig-etat-4 { 0%, 73% { background: #b3301f; } 78%, 100% { background: #1f6f4b; } }
html.sig-js .sig-heros .sig-rouleau { animation-name: sig-rouler; }
html.sig-js .sig-heros .sig-compteur { animation-name: sig-compteur; }
@keyframes sig-rouler {
0%, 22% { transform: translateY(calc(-4 * 1.2em)); }
26%, 39% { transform: translateY(calc(-3 * 1.2em)); }
43%, 56% { transform: translateY(calc(-2 * 1.2em)); }
60%, 73% { transform: translateY(calc(-1 * 1.2em)); }
77%, 100% { transform: translateY(0); }
}
@keyframes sig-compteur { 0%, 74% { color: #b3301f; } 79%, 100% { color: #1f6f4b; } }
html.sig-js .sig-heros .sig-victor-ecrit { animation-name: sig-ecrit; }
html.sig-js .sig-heros .sig-victor-fin { animation-name: sig-fin; }
html.sig-js .sig-heros .sig-victor-ecrit i { animation: sig-point .9s ease-in-out 5 both paused; animation-delay: 1s; }
html.sig-js .sig-heros .sig-victor-ecrit i:nth-child(2) { animation-delay: 1.15s; }
html.sig-js .sig-heros .sig-victor-ecrit i:nth-child(3) { animation-delay: 1.3s; }
html.sig-js .sig-heros.sig-joue .sig-victor-ecrit i { animation-play-state: running; }
html.sig-js .sig-heros.sig-reinit .sig-victor-ecrit i { animation: none !important; }
@keyframes sig-ecrit { 0%, 12% { opacity: 0; } 16%, 78% { opacity: 1; } 82%, 100% { opacity: 0; } }
@keyframes sig-fin { 0%, 84% { opacity: 0; transform: translateY(calc(-50% + 6px)); } 90%, 100% { opacity: 1; transform: translateY(-50%); } }
@keyframes sig-point { 0%, 100% { opacity: .35; transform: translateY(0); } 50% { opacity: 1; transform: translateY(-2px); } }
html.sig-js .sig-heros .sig-heros-rejouer { display: inline-flex; animation-name: sig-rejouer; }
@keyframes sig-rejouer { 0%, 96% { opacity: 0; } 100% { opacity: 1; } }
.sig-heros-rejouer:hover { background: rgba(12, 18, 34, .9); border-color: rgba(247, 243, 236, .5); }
.sig-heros-rejouer:focus-visible { outline: 2px solid var(--sig-or); outline-offset: 3px; }
@media (prefers-reduced-motion: reduce) {
html.sig-js .sig-heros .sig-anime, html.sig-js .sig-heros .sig-dev-vitrine::before, html.sig-js .sig-heros .sig-dev-nappe, html.sig-js .sig-heros .sig-dev-enseigne, html.sig-js .sig-heros .sig-dev-pancarte, html.sig-js .sig-heros .sig-victor-ecrit i, html.sig-js .sig-heros .sig-dev-etage i::before { animation: none !important; }
html.sig-js .sig-heros .sig-heros-rejouer { display: none; }
}
.sig-heros .sig-dev-vitrine::before, .sig-heros .sig-dev-nappe { opacity: 0; }
.sig-heros .sig-dev-enseigne { color: rgba(185, 192, 210, .75); text-shadow: none; }
@media (max-width: 960px) {
.sig-heros { aspect-ratio: auto; max-height: none; font-size: .75rem; display: grid; grid-template-columns: max-content minmax(0, 1fr); grid-template-areas: 'etiquette heure' 'boite boite'; align-items: center; gap: 10px 12px; padding: 10px; border-radius: 16px; }
.sig-heros::after { display: none; }
.sig-heros-etiquette { position: static; grid-area: etiquette; justify-self: start; font-size: .625rem; white-space: nowrap; }
.sig-heros-heure { position: static; grid-area: heure; justify-self: end; font-size: .6875rem; display: flex; align-items: baseline; gap: 6px; }
.sig-heros-heure b { font-size: 1.125rem; }
.sig-rue, .sig-heros-rejouer { display: none !important; }
.sig-boite { position: static; grid-area: boite; border-radius: 12px; max-height: none; }
.sig-boite-tete { padding: 8px 12px 6px; }
.sig-boite-tete strong { font-size: .875rem; }
.sig-boite-tete small { display: none; }
.sig-compteur-chiffre { font-size: 1.75rem; }
.sig-compteur-mot { font-size: .625rem; }

.sig-boite-liste { display: grid; grid-template-columns: 1fr 1fr; gap: 0 10px; padding: 4px 12px; }
.sig-msg { grid-template-columns: 22px minmax(0, 1fr) 7px; gap: 7px; padding: 7px 0; border-bottom: 1px solid var(--sig-filet); }
.sig-msg:nth-last-child(-n + 2) { border-bottom: 0; }
.sig-msg-avatar { width: 22px; height: 22px; font-size: .5625rem; }
.sig-msg-corps strong { font-size: .75rem; }
.sig-msg-q, .sig-msg-r { font-size: .6875rem; }
.sig-msg-r em { display: none; }
.sig-msg-etat { width: 7px; height: 7px; }
.sig-boite-pied { padding: 8px 12px; min-height: 40px; }
.sig-victor-ecrit, .sig-victor-fin { left: 48px; right: 12px; font-size: .75rem; }
}
html.sig-js .sig-heros.sig-statique *, html.sig-js .sig-heros.sig-statique *::before, html.sig-js .sig-heros.sig-statique .sig-anime { animation: none !important; }
html.sig-js .sig-heros.sig-statique .sig-heros-rejouer { display: none; }
/* ---- sig-appel.css (major-design/signature) ---- */
.sig-appel, .sig-pied {
--sig-nuit: #0c1222; --sig-nuit-2: #141b30; --sig-nuit-3: #1c2440; --sig-mur: #1a2340; --sig-mur-2: #121a31; --sig-mur-3: #0f1629;
--sig-blanc: #f7f3ec; --sig-brume: #b9c0d2; --sig-or: #f2b544; --sig-or-vif: #ffc658; --sig-craie: #fdfbf7; --sig-encre: #161b2b; --sig-ardoise: #4f5668;
--sig-filet: rgba(247, 243, 236, .14);
--sig-titre: 'Instrument Serif', 'Iowan Old Style', Georgia, serif;
--sig-texte: 'Figtree', 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
--sig-courbe: cubic-bezier(.2, .7, .2, 1);
}
.sig-appel { position: relative; overflow: hidden; background: linear-gradient(180deg, var(--sig-nuit) 0%, #111831 60%, #182039 100%); color: var(--sig-blanc); font-family: var(--sig-texte); text-align: center; padding: clamp(5rem, 10vw, 9rem) 0 clamp(16rem, 26vw, 22rem); }
.sig-appel-cadre { position: relative; z-index: 2; width: min(100% - 2 * clamp(1rem, 5vw, 5rem), 960px); margin-inline: auto; }
.sig-appel .sig-surtitre { justify-content: center; }
.sig-appel-titre { font-family: var(--sig-titre); font-weight: 400; font-size: clamp(2.75rem, 1rem + 6.4vw, 7rem); line-height: .98; letter-spacing: -.02em; text-wrap: balance; margin: 0; }
.sig-appel-titre em { font-style: italic; color: var(--sig-or); }
.sig-appel-texte { font-size: clamp(1.0625rem, 1rem + .4vw, 1.25rem); line-height: 1.55; color: var(--sig-brume); max-width: 36em; margin: 24px auto 0; text-wrap: pretty; }
.sig-capsule-geante { margin: 40px auto 0; max-width: 760px; }
.sig-capsule { display: flex; align-items: center; gap: 8px; min-height: 72px; padding: 8px 8px 8px 28px; border-radius: 999px; background: var(--sig-craie); color: var(--sig-encre); box-shadow: 0 0 0 1px rgba(247, 243, 236, .08), 0 30px 70px -30px rgba(0, 0, 0, .7); transition: box-shadow .3s var(--sig-courbe), transform .3s var(--sig-courbe); }
.sig-capsule:focus-within { box-shadow: 0 0 0 2px var(--sig-or), 0 0 0 8px rgba(242, 181, 68, .16), 0 30px 70px -30px rgba(0, 0, 0, .7); transform: translateY(-2px); }
.sig-capsule input { flex: 1 1 auto; min-width: 0; border: 0; background: transparent; color: var(--sig-encre); font: inherit; font-size: 1.125rem; min-height: 56px; outline: none; }
.sig-capsule input::placeholder { color: var(--sig-ardoise); }
.sig-capsule .sig-bouton { min-height: 56px; padding: 0 22px 0 28px; flex: none; font-size: 1.0625rem; }
.sig-capsule-note { margin: 14px 0 0; font-size: .875rem; color: var(--sig-brume); }
.sig-rue-ville { position: absolute; z-index: 1; left: 0; right: 0; bottom: 0; height: clamp(170px, 24vw, 320px); width: 100%; display: block; }
.sig-rue-ville .sig-mur-a { fill: var(--sig-mur); } .sig-rue-ville .sig-mur-b { fill: var(--sig-mur-2); } .sig-rue-ville .sig-mur-c { fill: var(--sig-mur-3); }
.sig-rue-ville .sig-fen { fill: #0a0f1d; stroke: rgba(247, 243, 236, .08); stroke-width: 1; }
.sig-rue-ville .sig-trottoir { fill: #0a0f1d; }
.sig-rue-ville .sig-enseigne { fill: rgba(185, 192, 210, .55); font-family: var(--sig-titre); font-size: 19px; letter-spacing: .02em; }
.sig-rue-ville .sig-lum { opacity: 1; transition: opacity 1.1s var(--sig-courbe); }
.sig-rue-ville .sig-lueur { opacity: 1; transition: opacity 1.4s var(--sig-courbe), transform 1.4s var(--sig-courbe); transform-origin: 720px 262px; transform-box: view-box; }
.sig-rue-ville .sig-lum-2 { transition-delay: .15s; }
html.sig-js .sig-appel:not(.sig-vu) .sig-lum, html.sig-js .sig-appel:not(.sig-vu) .sig-lueur { opacity: 0; }
html.sig-js .sig-appel .sig-lum-1 { transition-delay: .5s; }
html.sig-js .sig-appel .sig-lueur { transition-delay: .5s; }
html.sig-js .sig-appel .sig-lum-2 { opacity: 0; transition-delay: 0s; }
html.sig-js .sig-appel:focus-within .sig-lum-2 { opacity: 1; }
.sig-appel:focus-within .sig-lueur { transform: scale(1.35); }
.sig-pied { background: var(--sig-nuit); color: var(--sig-brume); font-family: var(--sig-texte); font-size: .9375rem; line-height: 1.6; border-top: 1px solid var(--sig-filet); padding: clamp(3.5rem, 6vw, 5rem) 0 24px; overflow: hidden; }
.sig-pied-cadre { width: min(100% - 2 * clamp(1rem, 5vw, 5rem), 1360px); margin-inline: auto; }
.sig-pied-grille { display: grid; grid-template-columns: 1.3fr .8fr .8fr 1.1fr; gap: clamp(1.5rem, 3vw, 3rem); }
.sig-pied-marque { display: inline-flex; align-items: center; gap: 12px; color: var(--sig-blanc); font-weight: 600; font-size: 1.0625rem; letter-spacing: -.01em; margin-bottom: 16px; }
.sig-pied-marque svg { width: 34px; height: 34px; }
.sig-pied-marque small { display: block; font-weight: 400; font-size: .75rem; letter-spacing: .06em; color: var(--sig-brume); line-height: 1.1; }
.sig-pied-intro p { margin: 0; max-width: 34ch; text-wrap: pretty; }
.sig-pied-intro p + p { margin-top: 10px; }
.sig-pied-titre { font-weight: 600; color: var(--sig-blanc); font-size: .75rem; letter-spacing: .12em; text-transform: uppercase; margin: 0 0 14px; padding-bottom: 10px; border-bottom: 1px solid var(--sig-filet); }
.sig-pied ul { margin: 0; padding: 0; list-style: none; }
.sig-pied li + li { margin-top: 8px; }
.sig-pied-col a { color: inherit; text-decoration: none; display: inline-block; min-height: 24px; transition: color .2s; }
.sig-pied-col a:hover { color: var(--sig-blanc); }
.sig-pied-depart p { margin: 0 0 16px; max-width: 30ch; text-wrap: pretty; }
.sig-pied-depart .sig-bouton { min-height: 48px; font-size: .9375rem; }
.sig-pied-mot { position: relative; display: flex; align-items: center; gap: .12em; margin: clamp(3rem, 6vw, 5rem) 0 0; font-family: var(--sig-titre); font-size: clamp(4rem, 23.4vw, 22rem); line-height: .86; letter-spacing: -.035em; color: var(--sig-blanc); white-space: nowrap; width: 100%; }
.sig-pied-mot .sig-v { flex: none; width: .62em; height: .62em; transform: translateY(-.1em); }
.sig-pied-mot .sig-lettres { display: flex; overflow: hidden; padding-bottom: .24em; margin-bottom: -.1em; }
.sig-pied-mot .sig-lettre { display: block; }
.sig-pied-mot .sig-lettre:last-child { color: var(--sig-or); font-style: italic; padding-right: .08em; }
html.sig-js .sig-pied-mot .sig-lettre { transform: translateY(104%); transition: transform .9s var(--sig-courbe); }
html.sig-js .sig-pied-mot.sig-vu .sig-lettre { transform: none; }
.sig-pied-mot .sig-lettre:nth-child(2) { transition-delay: .06s; } .sig-pied-mot .sig-lettre:nth-child(3) { transition-delay: .12s; } .sig-pied-mot .sig-lettre:nth-child(4) { transition-delay: .18s; } .sig-pied-mot .sig-lettre:nth-child(5) { transition-delay: .24s; }
.sig-pied-mot .sig-v { fill: none; stroke-width: 6; stroke-linecap: round; stroke-linejoin: round; }
.sig-pied-mot .sig-c1 { stroke: #f2b544; } .sig-pied-mot .sig-c2 { stroke: #8c9bb8; } .sig-pied-mot .sig-c3 { stroke: #3a4766; }
html.sig-js .sig-pied-mot polyline { transition: transform .6s var(--sig-courbe), opacity .6s var(--sig-courbe); }
html.sig-js .sig-pied-mot:not(.sig-vu) polyline { opacity: 0; transform: translateY(12px); }
.sig-pied-mot .sig-c3 { transition-delay: .3s; } .sig-pied-mot .sig-c2 { transition-delay: .42s; } .sig-pied-mot .sig-c1 { transition-delay: .54s; }
.sig-pied-bas { margin-top: clamp(1.5rem, 3vw, 2.5rem); padding-top: 20px; border-top: 1px solid var(--sig-filet); display: flex; justify-content: space-between; align-items: baseline; gap: 16px; flex-wrap: wrap; font-size: .875rem; }
.sig-pied-bas p { margin: 0; }
.sig-pied-bas a { color: inherit; text-decoration: none; }
.sig-pied-bas a:hover { color: var(--sig-blanc); }
.sig-pied-bas a + a { margin-left: 16px; }
@media (prefers-reduced-motion: reduce) {
.sig-rue-ville .sig-lum, .sig-rue-ville .sig-lueur, .sig-capsule, html.sig-js .sig-pied-mot .sig-lettre, html.sig-js .sig-pied-mot polyline { transition: none; }
html.sig-js .sig-appel:not(.sig-vu) .sig-lum, html.sig-js .sig-appel:not(.sig-vu) .sig-lueur, html.sig-js .sig-appel .sig-lum-2 { opacity: 1; }
.sig-appel:focus-within .sig-lueur { transform: none; }
html.sig-js .sig-pied-mot .sig-lettre { transform: none; }
html.sig-js .sig-pied-mot:not(.sig-vu) polyline { opacity: 1; transform: none; }
}
@media (max-width: 960px) {
.sig-pied-grille { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 600px) {
.sig-appel { padding-bottom: clamp(13rem, 54vw, 16rem); }
.sig-appel-titre { font-size: clamp(2.5rem, 11.5vw, 3.25rem); }
.sig-capsule { flex-direction: column; align-items: stretch; border-radius: 28px; padding: 8px; min-height: 0; }
.sig-capsule input { padding: 0 16px; min-height: 52px; }
.sig-capsule .sig-bouton { width: 100%; }
.sig-rue-ville { height: 200px; }
.sig-pied-grille { grid-template-columns: 1fr; gap: 28px; }
.sig-pied-col ul { display: grid; grid-template-columns: 1fr 1fr; gap: 8px 16px; }
.sig-pied li + li { margin-top: 0; }
.sig-pied-mot { font-size: clamp(3.5rem, 23.4vw, 6rem); }
}
/* ---- sig-finitions.css (major-design/signature) ---- */
:root { --sig-or: #f2b544; --sig-or-sombre: #e9ab38; --sig-nuit: #0c1222; --sig-blanc: #f7f3ec; --sig-encre: #161b2b; --sig-courbe: cubic-bezier(.2, .7, .2, 1); }
::selection { background: var(--sig-or); color: var(--sig-nuit); text-shadow: none; }
::-moz-selection { background: var(--sig-or); color: var(--sig-nuit); text-shadow: none; }
img::selection, svg::selection { background: rgba(242, 181, 68, .35); }
html { scrollbar-width: thin; scrollbar-color: rgba(140, 155, 184, .55) transparent; }
html::-webkit-scrollbar { width: 10px; height: 10px; }
html::-webkit-scrollbar-track { background: transparent; }
html::-webkit-scrollbar-thumb { background: rgba(140, 155, 184, .55); border-radius: 999px; border: 3px solid transparent; background-clip: padding-box; }
html::-webkit-scrollbar-thumb:hover { background: rgba(140, 155, 184, .85); background-clip: padding-box; }
:focus { outline: none; }
:focus-visible { outline: 2px solid var(--sig-or); outline-offset: 3px; border-radius: 4px; animation: sig-focus-pose .32s var(--sig-courbe); }
@keyframes sig-focus-pose { from { outline-offset: 9px; outline-color: rgba(242, 181, 68, 0); } }
.sig-bouton:focus-visible, .bouton-or:focus-visible { outline-color: var(--sig-nuit); }
.ton-nuit .sig-bouton:focus-visible, .sig-nuit .sig-bouton:focus-visible, .ton-nuit .bouton-or:focus-visible { outline-color: var(--sig-blanc); }
.capsule input:focus-visible, .sig-capsule input:focus-visible { outline: none; animation: none; }
.sig-lien { color: inherit; text-decoration: none; padding-bottom: 1px; background-image: linear-gradient(var(--sig-or), var(--sig-or)), linear-gradient(currentColor, currentColor); background-size: 0 2px, 100% 1px; background-position: 0 100%, 0 100%; background-repeat: no-repeat; transition: background-size .4s var(--sig-courbe); }
.sig-lien:hover, .sig-lien:focus-visible { background-size: 100% 2px, 100% 1px; }
.sig-lien-nav { color: inherit; text-decoration: none; padding-bottom: 2px; background-image: linear-gradient(var(--sig-or), var(--sig-or)); background-size: 0 1px; background-position: 0 100%; background-repeat: no-repeat; transition: background-size .4s var(--sig-courbe); }
.sig-lien-nav:hover, .sig-lien-nav:focus-visible, .sig-lien-nav[aria-current="page"] { background-size: 100% 1px; }
.sig-lien-doux { color: inherit; text-decoration: none; transition: color .2s; }
.sig-lien-doux:hover { color: var(--sig-blanc); }
.sig-bouton:active, .bouton:active { transform: scale(.975); transition-duration: .08s; }
.sig-bouton:active:not(.sig-bouton-ligne), .bouton-or:active { background: var(--sig-or-sombre); }
button, [role="button"], summary, label[for] { cursor: pointer; }
button:disabled { cursor: not-allowed; opacity: .55; }
@view-transition { navigation: auto; }
::view-transition-old(root) { animation: sig-vt-sortie .25s ease-out both; }
::view-transition-new(root) { animation: sig-vt-entree .45s var(--sig-courbe) both; }
@keyframes sig-vt-sortie { to { opacity: 0; } }
@keyframes sig-vt-entree { from { opacity: 0; transform: translateY(10px); } }
p, li, dd, figcaption, .h3, .chapeau { text-wrap: pretty; }
h1, h2, .h1, .h2 { text-wrap: balance; }
html { hanging-punctuation: first last; }
@media (prefers-reduced-motion: reduce) {
:focus-visible { animation: none; }
.sig-lien, .sig-lien-nav, .sig-lien-doux, .sig-bouton, .bouton { transition: none; }
::view-transition-group(*), ::view-transition-old(*), ::view-transition-new(*) { animation: none !important; }
}