@font-face{font-family:Archivo Zyneo;src:url(/fonts/archivo.woff2) format("woff2-variations");font-weight:400 800;font-stretch:70% 100%;font-display:optional}@font-face{font-family:Mono Zyneo;src:url(/fonts/jetbrains-mono.woff2) format("woff2");font-weight:400;font-display:optional}:root{--nuit: #0b0f2e;--panneau: #121845;--trait: #26306a;--texte: #e8ebf7;--gris: #9aa3cc;--cobalt: #3d5bdb;--menthe: #3fd48a;--signal: #ffb547;--titre: "Archivo Zyneo", "Arial Narrow", Arial, sans-serif;--mono: "Mono Zyneo", Consolas, "Courier New", monospace;--bord: max(16px, env(safe-area-inset-left, 0px));color-scheme:dark}*,*:before,*:after{box-sizing:border-box}[hidden]{display:none!important}html{scroll-behavior:smooth;scroll-padding-top:64px;-webkit-text-size-adjust:100%}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{margin:0;background:var(--nuit);color:var(--texte);font:400 17px/1.55 var(--titre);overflow-x:hidden}img{max-width:100%;display:block}a{color:inherit}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible,label:focus-within{outline:2px solid var(--menthe);outline-offset:2px}.m{font-family:var(--mono)}.evitement{position:absolute;left:-9999px}.evitement:focus{left:16px;top:16px;z-index:100;background:var(--menthe);color:var(--nuit);padding:8px 16px}h1,h2{font-family:var(--titre);font-weight:800;font-stretch:74%;line-height:.98;margin:0;text-wrap:balance;letter-spacing:-.005em}h1{font-size:clamp(44px,7.2vw,96px)}h2{font-size:clamp(34px,4.8vw,64px)}p{margin:0;max-width:60ch}.sur-titre{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--gris)}.chapo{font-size:clamp(17px,1.6vw,20px);color:var(--gris)}.note{font-size:13px;color:var(--gris)}mark.surligne{color:inherit;background:linear-gradient(transparent 60%,rgba(255,181,71,.6) 60%,rgba(255,181,71,.6) 92%,transparent 92%) no-repeat 0 0 / var(--surligne, 0%) 100%;transition:background-size .9s cubic-bezier(.2,.7,.2,1)}.surligne.trace{--surligne: 100%}@media(prefers-reduced-motion:reduce){mark.surligne{--surligne: 100%;transition:none}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:8px 16px;border:1px solid var(--menthe);background:var(--menthe);color:var(--nuit);font:700 15px/1.2 var(--titre);text-decoration:none;cursor:pointer;transition:background-color .15s,color .15s,border-color .15s}.btn:hover{background:#6be2a7;border-color:#6be2a7}.btn.second{background:transparent;color:var(--texte);border-color:var(--trait)}.btn.second:hover{border-color:var(--menthe);color:var(--menthe)}.btn.grand{min-height:56px;padding:8px 32px;font-size:17px}.btn[disabled]{opacity:.5;cursor:wait}.bandeau{position:fixed;inset:0 0 auto;z-index:40;background:#0b0f2ef5;border-bottom:1px solid var(--trait);padding-top:env(safe-area-inset-top,0px);transition:transform .15s ease-out}.bandeau.cache{transform:translateY(-100%)}.bandeau-in{max-width:1280px;margin:0 auto;height:64px;display:flex;align-items:center;gap:32px;padding-inline:var(--bord);position:relative}.marque{display:flex;align-items:center;gap:8px;font-weight:800;font-size:20px;text-decoration:none}.logo{width:32px;height:32px}.nav{display:none;gap:32px;font-size:15px}.nav a{text-decoration:none;color:var(--gris);transition:color .15s}.nav a:hover{color:var(--texte)}.bandeau-actions{margin-left:auto;display:flex;align-items:center;gap:16px}.lien-tel{display:none;font-family:var(--mono);font-size:14px;color:var(--gris);text-decoration:none}.bandeau-actions .btn{min-height:40px}.progression{position:absolute;left:0;right:0;bottom:-1px;height:2px}.progression>span,.progression>b{display:none}.progression i{position:absolute;inset:0}.progression i span{position:absolute;inset:0;transform-origin:0 50%;transform:scaleX(var(--p, 0));background:linear-gradient(90deg,var(--cobalt),var(--menthe))}@media(min-width:1024px){.nav{display:flex}.lien-tel{display:inline}.progression{left:auto;right:var(--bord);bottom:auto;top:-2px;height:auto;display:none}}@media(max-width:1023px){.bandeau-actions .btn{display:none}}.etapes{position:fixed;left:16px;top:50%;transform:translateY(-50%);z-index:30;list-style:none;margin:0;padding:0;display:none;flex-direction:column;gap:8px}.etapes a{display:block;width:8px;height:8px;border:1px solid var(--gris)}.etapes li.passe a{background:var(--menthe);border-color:var(--menthe)}.etapes li.ici a{background:var(--signal);border-color:var(--signal)}@media(min-width:1280px){.etapes{display:flex}}.scene{position:fixed;inset:0;width:100vw;height:100vh;z-index:2;pointer-events:none;opacity:0;transition:opacity .3s}.scene.prete{opacity:1}.page{position:relative}.fil{position:absolute;left:0;top:0;width:100%;overflow:visible;pointer-events:none;z-index:1}.fil path{fill:none;stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.fil .paquet{fill:var(--signal);opacity:0}.section{position:relative;z-index:3;max-width:1280px;margin:0 auto;padding:64px var(--bord);display:grid;gap:32px;align-items:center}@media(min-width:900px){.section{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;padding-block:128px;min-height:80vh}.section>.col-texte{padding-left:32px}}.col-texte{display:grid;gap:16px;align-content:start;min-width:0}.emplacement{position:relative;min-height:360px;aspect-ratio:4 / 5;max-height:72vh;width:100%}.poster{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;transition:opacity .3s}.poster.masque{opacity:0}.accueil{padding-top:128px;min-height:100vh}.metiers{border:0;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:8px}.metiers legend{font-size:12px;color:var(--gris);text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px}.metiers label,.choix label{position:relative;display:inline-flex;align-items:center;min-height:40px;padding:8px 16px;border:1px solid var(--trait);font-family:var(--mono);font-size:14px;color:var(--gris);cursor:pointer;transition:border-color .15s,color .15s}.metiers input,.choix input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}.metiers label:has(input:checked),.choix label:has(input:checked){border-color:var(--menthe);color:var(--menthe)}.metiers label:hover,.choix label:hover{color:var(--texte)}.actions{display:flex;flex-wrap:wrap;gap:16px}.chrono{font-size:13px;color:var(--gris);min-height:20px}.chrono b{color:var(--menthe);font-weight:400}.console{font:14px/1.7 var(--mono);color:#bfc6ee;background:#070a22;border:1px solid var(--trait);padding:16px;display:grid;gap:4px;min-width:0;min-height:192px;align-content:start}.console .ok{color:var(--menthe)}.console .w{color:var(--signal)}.console .d,.console .heure{color:#5d679c}.console .ligne{display:block;overflow-wrap:anywhere}.journal{list-style:none;margin:0}.journal li{opacity:.18;transition:opacity .15s}.journal li.fait{opacity:1}.journal li.corrige:not(.fait) .ok,.journal li.corrige:not(.fait) .m{visibility:hidden}.construction .emplacement{order:-1}@media(max-width:899px){.construction .emplacement,.couches .emplacement{min-height:320px}}.liste-couches{list-style:none;margin:0;padding:0;display:grid;gap:8px}.liste-couches li{border-left:2px solid var(--trait);padding:8px 16px;color:var(--gris);transition:border-color .15s,color .15s}.liste-couches li b{display:block;color:var(--texte);font-size:18px}.liste-couches li.allume{border-color:var(--menthe);color:var(--texte)}.chiffres{margin:0;display:grid;gap:16px}.chiffres div{border:1px solid var(--trait);padding:16px;display:grid;gap:4px}.chiffres dt{order:2;color:var(--gris)}.chiffres dd{order:1;margin:0;font:800 clamp(48px,6vw,72px)/1 var(--titre);font-stretch:74%;font-variant-numeric:tabular-nums}.chiffres small{order:3;font-size:12px;color:#6e78ad;font-family:var(--mono)}@media(min-width:900px){.mesures{grid-template-columns:1fr}.chiffres{grid-template-columns:repeat(3,minmax(0,1fr))}}.offres{grid-template-columns:1fr}.bascule{display:inline-flex;align-items:center;gap:8px;font-size:15px;color:var(--gris);cursor:pointer}.bascule input{width:20px;height:20px;accent-color:var(--menthe)}.grille-offres{display:grid;gap:16px}@media(min-width:900px){.grille-offres{grid-template-columns:repeat(3,minmax(0,1fr))}}.offre{text-align:left;background:var(--panneau);color:var(--texte);border:1px solid var(--trait);padding:32px 16px 16px;display:grid;gap:8px;align-content:start;cursor:pointer;font:inherit;transition:border-color .15s}.offre:hover{border-color:var(--gris)}.offre[aria-checked=true]{border-color:var(--menthe)}.offre .nom{font-size:13px;color:var(--gris)}.offre[aria-checked=true] .nom{color:var(--menthe)}.offre b{font:800 40px/1 var(--titre);font-stretch:74%;font-variant-numeric:tabular-nums}.offre .detail{font-size:14px;color:var(--gris);min-height:44px}.offre ul{margin:8px 0 0;padding-left:16px;display:grid;gap:4px;font-size:15px}.diff{min-height:96px}.realisations{grid-template-columns:1fr}.cas{display:grid;gap:16px}@media(min-width:900px){.cas{grid-template-columns:2fr 1fr}}.carte-cas{display:grid;gap:8px;align-content:start;padding:16px;border:1px solid var(--trait);background:var(--panneau);text-decoration:none;transition:border-color .15s}.carte-cas:hover{border-color:var(--menthe)}.carte-cas img{aspect-ratio:16 / 10;object-fit:cover;width:100%;background:#070a22}.carte-cas .m{font-size:12px;color:var(--gris)}.carte-cas b{font:800 28px/1.05 var(--titre);font-stretch:76%}.carte-cas .petit{color:#6e78ad}.carte-cas.vide{border-style:dashed;background:transparent;align-content:center;min-height:192px}.deroule{grid-template-columns:1fr}.historique{list-style:none;margin:0;padding:0 0 0 32px;position:relative;display:grid;gap:32px}.historique:before{content:"";position:absolute;left:7px;top:8px;bottom:8px;width:2px;background:var(--trait)}.historique li{position:relative;display:grid;gap:4px}.historique li:before{content:"";position:absolute;left:-31px;top:6px;width:14px;height:14px;border-radius:50%;background:var(--nuit);border:2px solid var(--menthe)}.historique b{font-size:20px}.historique span{color:var(--gris)}@media(min-width:900px){.historique{grid-template-columns:repeat(3,minmax(0,1fr));padding:32px 0 0}.historique:before{inset:7px 0 auto;width:auto;height:2px}.historique li:before{left:0;top:-32px}}.questions{grid-template-columns:1fr}.faq{display:grid;border-top:1px solid var(--trait)}.faq details{border-bottom:1px solid var(--trait)}.faq summary{list-style:none;cursor:pointer;padding:16px 32px 16px 0;font-size:19px;font-weight:700;position:relative}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";position:absolute;right:0;top:16px;font-family:var(--mono);color:var(--menthe);transition:transform .15s}.faq details[open] summary:after{transform:rotate(45deg)}.faq details p{padding:0 0 16px;color:var(--gris)}.faq details p .m{color:var(--menthe);font-size:12px}.commande{display:grid;gap:16px;background:#070a22;border:1px solid var(--trait);padding:16px;min-width:0}.ligne-cmd{color:var(--menthe);font-size:14px}.commande fieldset{border:0;margin:0;padding:0;display:grid;gap:8px}.commande legend{font-size:20px;font-weight:700;margin-bottom:8px}.commande legend .m{display:block;font-size:13px;color:var(--menthe);font-weight:400}.choix{display:flex;flex-wrap:wrap;gap:8px}.champ{font-size:14px;color:var(--gris)}.commande input:not([type]),.commande input[name=name],.commande input[name=email],.commande textarea{width:100%;min-height:48px;background:var(--nuit);color:var(--texte);border:1px solid var(--trait);padding:8px 16px;font:16px/1.4 var(--mono)}.consentement{display:flex;gap:8px;align-items:flex-start;font-size:14px;color:var(--gris)}.consentement input{width:20px;height:20px;accent-color:var(--menthe);flex:none;margin-top:2px}.piege{position:absolute;left:-9999px}.nav-cmd{display:flex;gap:8px;flex-wrap:wrap}.etat{font-size:14px;min-height:22px;color:var(--gris)}.etat.erreur{color:var(--signal)}.etat.ok{color:var(--menthe)}.pied{position:relative;z-index:3;border-top:1px solid var(--trait);padding:32px var(--bord) 128px;color:var(--gris);font-size:14px}.pied-in{max-width:1280px;margin:0 auto;display:grid;gap:8px}.pied .liens{display:flex;flex-wrap:wrap;gap:16px}.barre-mobile{position:fixed;left:0;right:0;bottom:0;z-index:40;display:grid;grid-template-columns:1fr auto;background:var(--nuit);border-top:1px solid var(--trait);padding:8px var(--bord) max(8px,env(safe-area-inset-bottom,0px));gap:8px}@media(min-width:1024px){.barre-mobile{display:none}.pied{padding-bottom:32px}}.texte-long{grid-template-columns:minmax(0,760px);justify-content:center;min-height:0;padding-top:128px}.texte-long h2{font-size:clamp(24px,3vw,32px);margin-top:16px}.texte-long p{color:var(--gris)}.texte-long a{color:var(--menthe)}