/* Modele fictif. Studio de nuit : carbone, titane, et la braise d'un disque chaud. Apparence sombre unique, volontaire. */
@font-face{font-family:"Archivo";src:url(fonts/archivo-latin-wdth-normal.woff2) format("woff2");font-weight:100 900;font-stretch:62% 125%;font-display:swap}
:root{--nuit:#090b0e;--carbone:#12161b;--acier:#1b2128;--ligne:rgba(255,255,255,.15);--titane:#aeb8c3;--blanc:#f4f6f8;--braise:#ff5a1f;--encre:#090b0e;--ambre:#ffb000;--rouge:#ff3b24;
--police:"Archivo","Helvetica Neue",Arial,sans-serif;--gout:cubic-bezier(.16,1,.3,1);color-scheme:dark}
@view-transition{navigation:auto}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;background:var(--nuit)}
body{margin:0;background:var(--nuit);color:var(--blanc);font:400 1.0625rem/1.65 var(--police);-webkit-font-smoothing:antialiased;overflow-x:clip}
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:30;background:var(--nuit)}
img{display:block;max-width:100%}
h1,h2,h3,p,ul,ol,dl,dd{margin:0}
ul,ol{padding:0;list-style:none}
h1,h2,.grand{font-family:var(--police);font-weight:250;font-stretch:118%;line-height:1.04;letter-spacing:-.012em;text-wrap:balance}
h1{font-size:clamp(2.3rem,4.7vw,4.3rem)}
h2{font-size:clamp(1.85rem,3.8vw,3.25rem)}
h3{font-size:1.2rem;font-weight:500;font-stretch:112%}
p{max-width:62ch}
a{color:inherit}
:focus-visible{outline:2px solid var(--braise);outline-offset:3px}
.etiquette{font-size:.74rem;font-weight:500;font-stretch:118%;letter-spacing:.24em;text-transform:uppercase;color:var(--braise)}
.doux{color:var(--titane)}
.cadre{max-width:1360px;margin-inline:auto;width:100%}
.gouttiere{padding-left:max(clamp(16px,4vw,56px),env(safe-area-inset-left,0px));padding-right:max(clamp(16px,4vw,56px),env(safe-area-inset-right,0px))}
.bloc{padding-block:clamp(4rem,10vw,9rem)}
.pile{display:grid;gap:1.1rem;min-width:0}
.fictif{position:relative;z-index:21;background:var(--ambre);color:var(--encre);font-size:.85rem;font-weight:600;line-height:1.3;text-align:center;padding-block:.5rem}
.tete{position:sticky;top:env(safe-area-inset-top,0px);z-index:20;height:76px;display:flex;align-items:center;transition:background .4s,backdrop-filter .4s}
.tete.fixe{background:rgba(9,11,14,.72);-webkit-backdrop-filter:blur(16px) saturate(1.3);backdrop-filter:blur(16px) saturate(1.3)}
.tete .cadre{display:flex;align-items:center;justify-content:space-between;gap:1rem 2rem}
.logo{font-weight:300;font-stretch:125%;font-size:1.02rem;letter-spacing:.2em;text-transform:uppercase;text-decoration:none;white-space:nowrap}
.menu{display:flex;gap:clamp(1rem,2.4vw,2.4rem);font-size:.84rem;letter-spacing:.06em}
.menu a{text-decoration:none;position:relative;padding-block:.4rem}
.menu a::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:var(--braise);transform:scaleX(0);transform-origin:left;transition:transform .5s var(--gout)}
.menu a:hover::after{transform:scaleX(1)}
.heros{position:relative;margin-top:-76px;min-height:clamp(600px,90svh,920px);display:flex;align-items:flex-end;overflow:hidden;isolation:isolate}
.heros .fond,.heros canvas{position:absolute;inset:0;width:100%;height:100%;z-index:-2}
.heros .fond img{width:100%;height:100%;object-fit:cover;object-position:62% 50%}
.heros canvas{opacity:0;transition:opacity .8s}
.heros canvas.pret{opacity:1}
.heros::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(9,11,14,.86) 0,rgba(9,11,14,.42) 42%,rgba(9,11,14,0) 66%),linear-gradient(0deg,var(--nuit) 0,rgba(9,11,14,0) 26%)}
.heros .cadre{padding-top:128px;padding-bottom:clamp(2.5rem,6vw,4.5rem)}
.heros .texte{display:grid;gap:1.35rem;max-width:40rem}
.heros .chapo{font-size:clamp(1.05rem,1.5vw,1.24rem);color:#d5dce3}
.actions{display:flex;flex-wrap:wrap;align-items:center;gap:1rem 1.75rem}
.bouton{position:relative;display:inline-flex;align-items:center;gap:.75rem;overflow:hidden;background:var(--blanc);color:var(--encre);text-decoration:none;font-weight:600;font-stretch:112%;font-size:.86rem;letter-spacing:.09em;text-transform:uppercase;padding:1.05rem 1.6rem;isolation:isolate;transition:color .4s}
.bouton::before{content:"";position:absolute;inset:0;background:var(--braise);transform:translateX(-101%);transition:transform .55s var(--gout);z-index:-1}
.bouton:hover::before{transform:none}
.bouton:hover{color:var(--encre)}
.fleche{transition:transform .5s var(--gout)}
a:hover>.fleche{transform:translateX(6px)}
.tel{font-weight:300;font-stretch:118%;font-size:clamp(1.2rem,2vw,1.55rem);letter-spacing:.04em;text-decoration:none;font-variant-numeric:tabular-nums;white-space:nowrap}
.entre span{display:block}
@keyframes monte{from{transform:translateY(26px);opacity:.25}to{transform:none;opacity:1}}
.entre>*{animation:monte 1.1s var(--gout) both}
.entre>*:nth-child(2){animation-delay:.08s}.entre>*:nth-child(3){animation-delay:.16s}.entre>*:nth-child(4){animation-delay:.24s}
.bandeau{border-block:1px solid var(--ligne);overflow:hidden;padding-block:1.05rem}
.defile{display:flex;width:max-content;animation:file 46s linear infinite}
.defile ul{display:flex;flex-shrink:0}
.defile li{padding-inline:2.25rem;font-weight:200;font-stretch:125%;font-size:clamp(1rem,1.7vw,1.35rem);letter-spacing:.14em;text-transform:uppercase;color:var(--titane);white-space:nowrap}
@keyframes file{to{transform:translateX(-50%)}}
.chap .index{display:none}
.item{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:center;gap:clamp(1.5rem,5vw,5rem);padding-block:clamp(2rem,5vw,4rem)}
.item .vue{overflow:hidden;aspect-ratio:4/3}
.item img{width:100%;height:100%;object-fit:cover}
.item .pile{max-width:30rem}
.lien{display:inline-flex;gap:.65rem;font-size:.86rem;font-weight:500;font-stretch:112%;letter-spacing:.09em;text-transform:uppercase;text-decoration:none;padding-block:.35rem;border-bottom:1px solid var(--braise);width:max-content}
@media (min-width:1000px){
.chap.pin{height:340vh}
.chap.pin .scene{position:sticky;top:0;height:100vh;overflow:hidden}
.chap.pin .item{position:absolute;inset:0;padding:0;gap:0;grid-template-columns:minmax(0,5fr) minmax(0,8fr);opacity:0;visibility:hidden;transition:opacity .75s,visibility .75s}
.chap.pin .item.on{opacity:1;visibility:visible}
.chap.pin .vue{height:100%;aspect-ratio:auto;order:2}
.chap.pin .item img{transform:scale(calc(1.1 - var(--p,0)*.1))}
.chap.pin .item .pile{transform:translateY(24px);transition:transform 1s var(--gout);padding-left:max(clamp(16px,9vw,150px),env(safe-area-inset-left,0px));padding-right:2rem;box-sizing:content-box}
.chap.pin .item.on .pile{transform:none}
.chap.pin .index{display:grid;gap:.9rem;position:absolute;left:clamp(16px,2.6vw,44px);top:50%;transform:translateY(-50%);z-index:3}
.chap.pin .index li{font-size:.72rem;letter-spacing:.14em;color:var(--titane);transition:color .4s;font-variant-numeric:tabular-nums}
.chap.pin .index li.on{color:var(--braise)}
}
.tableau{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--ligne);margin-top:2.5rem}
.tableau li{padding:1.5rem 1rem 1.5rem 0;border-bottom:1px solid var(--ligne);font-weight:300;font-stretch:112%;font-size:clamp(1.05rem,1.8vw,1.45rem)}
.carbone{background:var(--carbone)}
.bord{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(2rem,6vw,6rem);align-items:center}
.lampes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--ligne);border:1px solid var(--ligne)}
.lampe{appearance:none;background:var(--nuit);border:0;color:#3a424c;font:inherit;font-size:.82rem;display:grid;justify-items:center;gap:.8rem;padding:clamp(1.25rem,3vw,2.3rem) .5rem;cursor:pointer;transition:color .3s,background .3s}
.lampe svg{width:clamp(40px,5vw,60px);height:auto;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;transition:filter .3s}
.lampe span{color:var(--titane)}
.lampe:hover{background:#0e1216}
.lampe.allume.r,.lampe[aria-pressed=true].r{color:var(--rouge)}
.lampe.allume.a,.lampe[aria-pressed=true].a{color:var(--ambre)}
.lampe.allume svg,.lampe[aria-pressed=true] svg{filter:drop-shadow(0 0 10px currentColor)}
.lampe[aria-pressed=true]{background:#14191f}
@keyframes clignote{50%{opacity:.25}}
.lampe.cli[aria-pressed=true] svg{animation:clignote 1s steps(2,jump-none) infinite}
.consigne{min-height:7.5rem;margin-top:1.5rem;display:grid;gap:.35rem;align-content:start}
.etapes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1.5rem,4vw,3.5rem);margin-top:3rem;counter-reset:e}
.etapes li{counter-increment:e;display:grid;gap:.75rem;align-content:start;position:relative;padding-top:1.4rem}
.etapes li::before{content:"";position:absolute;inset:0 0 auto;height:1px;background:var(--ligne)}
.etapes li::after{content:"";position:absolute;inset:0 0 auto;height:1px;background:var(--braise);transform-origin:left;animation:trait linear both;animation-timeline:view();animation-range:entry 50% cover 45%}
@keyframes trait{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.etapes b{font-weight:300;font-stretch:125%;font-size:.9rem;color:var(--braise)}
.etapes b::before{content:"0" counter(e)}
.deux{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(2rem,6vw,6rem);align-items:start}
.note{border:1px solid var(--ligne);padding:1.1rem 1.25rem;color:var(--titane)}
.liste{display:grid;border-top:1px solid var(--ligne)}
.liste li{padding-block:.9rem;border-bottom:1px solid var(--ligne)}
.etroit{display:grid;gap:.25rem 1.5rem;grid-template-columns:auto minmax(0,1fr);font-variant-numeric:tabular-nums}
.etroit dt{color:var(--titane)}
.page-heros{position:relative;margin-top:-76px;min-height:clamp(480px,70svh,720px);display:flex;align-items:flex-end;overflow:hidden;isolation:isolate}
.page-heros .fond{position:absolute;inset:0;z-index:-2}
.page-heros img{width:100%;height:100%;object-fit:cover;animation:lent 16s var(--gout) both}
@keyframes lent{from{transform:scale(1.08)}to{transform:none}}
.page-heros::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(9,11,14,.92) 0,rgba(9,11,14,.5) 48%,rgba(9,11,14,.1) 100%),linear-gradient(0deg,var(--nuit) 0,rgba(9,11,14,0) 40%)}
.page-heros .cadre{padding-top:120px;padding-bottom:clamp(2.25rem,5vw,4rem)}
.page-heros .texte{display:grid;gap:1.1rem;max-width:44rem}
.fil{font-size:.82rem;color:var(--titane)}
.voyants-liste{display:grid;border-top:1px solid var(--ligne)}
.voyants-liste li{display:grid;grid-template-columns:auto minmax(0,16rem) minmax(0,1fr);gap:.25rem 1.25rem;padding-block:1.25rem;border-bottom:1px solid var(--ligne);align-items:baseline}
.pastille{width:.65rem;height:.65rem;border-radius:50%;align-self:center}
.pastille.r{background:var(--rouge);box-shadow:0 0 14px var(--rouge)}
.pastille.a{background:var(--ambre);box-shadow:0 0 14px var(--ambre)}
.pied{border-top:1px solid var(--ligne);padding-block:clamp(3rem,6vw,5rem)}
.pied .cadre{display:grid;grid-template-columns:2fr 1fr 1fr;gap:2.5rem}
.pied h2{font-size:.74rem;font-weight:500;letter-spacing:.24em;text-transform:uppercase;font-stretch:118%;color:var(--titane)}
.appel{display:none}
.apparait{animation:paraitre linear both;animation-timeline:view();animation-range:entry 0% cover 20%}
@keyframes paraitre{from{opacity:.3;transform:translateY(32px)}to{opacity:1;transform:none}}
.barre{position:fixed;left:0;right:0;top:env(safe-area-inset-top,0px);height:2px;z-index:40;background:var(--braise);transform-origin:left;transform:scaleX(0);animation:trait linear both;animation-timeline:scroll(root)}
@supports not (animation-timeline:view()){.barre{display:none}.etapes li::after{animation:none}.apparait{animation:none}}
@media (max-width:999px){.item{grid-template-columns:minmax(0,1fr)}.item .vue{order:-1}}
@media (max-width:760px){
.menu{font-size:.76rem;gap:.8rem}
.tete{height:auto;padding-block:.7rem}
.tete .cadre{flex-direction:column;align-items:flex-start;gap:.3rem}
.heros,.page-heros{margin-top:-82px}
.heros{min-height:780px}
.heros .tel{display:none}
.heros .fond img{object-position:82% 42%}
.heros::after{background:linear-gradient(0deg,var(--nuit) 10%,rgba(9,11,14,.86) 46%,rgba(9,11,14,.04) 66%)}
.page-heros::after{background:linear-gradient(0deg,var(--nuit) 4%,rgba(9,11,14,.72) 55%,rgba(9,11,14,.25) 100%)}
.tableau{grid-template-columns:repeat(2,minmax(0,1fr))}
.bord,.deux,.etapes,.pied .cadre{grid-template-columns:minmax(0,1fr)}
.voyants-liste li{grid-template-columns:auto minmax(0,1fr)}
.voyants-liste li p{grid-column:2}
body{padding-bottom:calc(4.4rem + env(safe-area-inset-bottom,0px))}
.appel{display:block;position:fixed;left:0;right:0;bottom:0;z-index:25;text-align:center;background:var(--blanc);color:var(--encre);font-weight:600;font-stretch:112%;letter-spacing:.06em;text-decoration:none;padding-top:1.15rem;padding-bottom:calc(1.15rem + env(safe-area-inset-bottom,0px));padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.etapes li::after{transform:none}.barre{display:none}}

.heros.vente{min-height:clamp(640px,94svh,960px)}
.heros.vente .fond img{object-position:72% 50%;animation:lent 24s var(--gout) both}
@supports (animation-timeline:scroll()){@media (prefers-reduced-motion:no-preference){.heros.vente .fond{animation:profond linear both;animation-timeline:scroll(root);animation-range:0 100vh}}}@keyframes profond{from{transform:scale(1.04)}to{transform:translateY(9%) scale(1.12)}}
.ondes{position:absolute;z-index:-1;left:0;top:0;width:0;height:0;pointer-events:none}
.ondes span{position:absolute;left:-90px;top:-40px;width:180px;height:80px;border:1px solid var(--braise);border-radius:50%;opacity:0;animation:onde 3.6s cubic-bezier(.2,.6,.3,1) infinite}
.ondes span:nth-child(2){animation-delay:1.2s}.ondes span:nth-child(3){animation-delay:2.4s}
@keyframes onde{0%{transform:scale(.25);opacity:.9}100%{transform:scale(2.6);opacity:0}}
.heros.vente::after{background:linear-gradient(90deg,rgba(9,11,14,.95) 0,rgba(9,11,14,.78) 34%,rgba(9,11,14,.08) 64%),linear-gradient(0deg,var(--nuit) 0,rgba(9,11,14,0) 30%)}
.heros.vente .texte{max-width:46rem}
.heros.vente h1{font-size:clamp(2.2rem,4.5vw,4.1rem)}
.wa{background:var(--braise);color:var(--encre)}
.wa::before{background:var(--blanc)}
.demo{position:relative}.demo-sc{position:relative}.demo-in{position:relative;z-index:1}
.carte{position:absolute;inset:0 calc(-1*max(clamp(16px,4vw,56px),env(safe-area-inset-left,0px)));overflow:hidden;pointer-events:none;z-index:0}
.c-in{position:absolute;inset:0;animation:c-d 38s ease-in-out infinite alternate}.c-in svg{position:absolute;inset:0;width:100%;height:100%}
.c-base{z-index:0}.c-dyn{z-index:2}.c-in::after{content:"";position:absolute;inset:-4%;z-index:1;background:linear-gradient(90deg,rgba(9,11,14,.86) 0,rgba(9,11,14,.5) 40%,rgba(9,11,14,0) 66%),linear-gradient(0deg,#090b0e 0,rgba(9,11,14,0) 12%),linear-gradient(180deg,#090b0e 0,rgba(9,11,14,0) 10%)}
@keyframes c-d{from{transform:scale(1)}to{transform:scale(1.06)}}
.c-r,.c-a{fill:none;stroke:#ff5a1f;stroke-width:2;transform-box:fill-box;transform-origin:center;opacity:0}.c-r{animation:c-o 2.8s ease-out infinite}.r2{animation-delay:1.4s!important}
@keyframes c-o{0%{transform:scale(.2);opacity:.85}100%{transform:scale(1.25);opacity:0}}
.c-om{fill:#000;opacity:0;transition:opacity .4s}.demo.arrive .c-om{opacity:.5}
.c-pin{opacity:0;transform:translateY(-70px);transition:opacity .25s,transform .75s cubic-bezier(.34,1.7,.5,1)}.demo.arrive .c-pin{opacity:1;transform:none}.demo.arrive .c-a{animation:c-o 2.4s ease-out infinite}
.c-tag{font:600 25px Archivo,Arial,sans-serif;fill:#fff;opacity:0;transition:opacity .5s .3s}.demo.arrive .c-tag{opacity:1}.demo.arrive #c-tete{opacity:0}#c-tete{transition:opacity .25s}
@media (prefers-reduced-motion:reduce){.c-in,.c-r,.demo.arrive .c-a{animation:none}}
@media (max-width:999px){.c-in::after{background:linear-gradient(180deg,rgba(9,11,14,.05) 0,rgba(9,11,14,.05) 15%,rgba(9,11,14,.72) 24%,rgba(9,11,14,.72) 100%)}.c-tag{font-size:30px}.demo-in{padding-top:clamp(195px,54vw,250px)!important}}
.demo-in{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:clamp(2rem,6vw,6rem);align-items:center;width:100%}
.ecran{background:#e9edf1;color:#17212b;border-radius:18px;padding:clamp(1rem,2.4vw,1.6rem);box-shadow:0 40px 90px rgba(0,0,0,.55);max-width:540px;width:100%;justify-self:end;font-size:.98rem;min-height:26rem}
.champ{display:flex;align-items:center;gap:.6rem;background:#fff;border-radius:99px;padding:.75rem 1.1rem;box-shadow:0 2px 10px rgba(20,30,50,.14);font-weight:500}
.champ svg{width:18px;height:18px;stroke:#566372;fill:none;stroke-width:2;flex:none}
.saisie{min-height:1.4em}
.saisie::after{content:"";display:inline-block;width:1px;height:1.05em;background:#17212b;margin-left:2px;vertical-align:-.15em;animation:clignote 1s steps(2,jump-none) infinite}
.fiche{background:#fff;border-radius:12px;padding:1.1rem;margin-top:1rem;display:grid;gap:.55rem;transition:box-shadow .5s}
.fiche h3{font-stretch:100%;font-weight:600;font-size:1.25rem}
.ligne{display:flex;align-items:center;gap:.6rem;transition:opacity .5s,color .5s}
.ligne b{width:.62rem;height:.62rem;border-radius:50%;background:#c8321f;flex:none;transition:background .5s}
.etat{font-size:.82rem;color:#566372}
.boutons{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.4rem}
.boutons span{border:1px solid #cdd5dd;border-radius:99px;padding:.4rem .95rem;font-size:.86rem;font-weight:500;opacity:.3;transition:.5s}
.demo[data-e="3"] .ligne b{background:#1d7a4c}
.demo[data-e="3"] .boutons span{opacity:1;border-color:#17212b}
.demo[data-e="3"] .fiche{box-shadow:0 0 0 2px var(--braise),0 18px 44px rgba(255,90,31,.26)}
.demo .a2,.demo .a3{display:none}
.demo[data-e="1"] .a1,.demo[data-e="2"] .a1,.demo[data-e="3"] .a3{display:inline}
.demo .fiche{opacity:0;transform:translateY(16px);transition:opacity .6s,transform .6s var(--gout),box-shadow .5s}
.demo[data-e="2"] .fiche,.demo[data-e="3"] .fiche{opacity:1;transform:none}
.demo-tx{display:grid}
.demo-tx article{grid-area:1/1;opacity:0;transform:translateY(18px);transition:opacity .6s,transform .7s var(--gout);display:grid;gap:1rem;align-content:center}
.demo[data-e="1"] .d1,.demo[data-e="2"] .d2,.demo[data-e="3"] .d3{opacity:1;transform:none}
.illustr{margin-top:.8rem;font-size:.78rem;color:#566372}
@media (min-width:1000px){.demo.pin{height:300vh}.demo.pin .demo-sc{position:sticky;top:0;min-height:100vh;display:flex;align-items:center}}
.tel-galerie{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1.5rem,4vw,3.5rem);margin-top:3rem;perspective:1400px}
.modele{display:grid;gap:1.1rem;justify-items:center;text-decoration:none;min-width:0}
.mobile{position:relative;width:min(100%,300px);aspect-ratio:9/19;border-radius:38px;border:9px solid #20262e;background:#000;overflow:hidden;box-shadow:0 34px 70px rgba(0,0,0,.6),inset 0 0 0 1px rgba(255,255,255,.14);transition:transform .8s var(--gout);transform-style:preserve-3d}
.modele:hover .mobile{transform:rotateY(-7deg) rotateX(3deg) translateY(-10px)}
.mobile img{width:100%;height:auto;animation:ecrans 26s ease-in-out infinite alternate}
.modele:nth-child(2) .mobile img{animation-delay:-6s}.modele:nth-child(3) .mobile img{animation-delay:-13s}
@keyframes ecrans{0%,6%{transform:translateY(0)}94%,100%{transform:translateY(calc(-100% + 560px))}}
.prix-b{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(2rem,6vw,6rem);align-items:start}
.prix{font-weight:200;font-stretch:125%;font-size:clamp(4.5rem,11vw,9rem);line-height:1;letter-spacing:-.03em}
.prix small{display:block;font-size:max(1.05rem,.17em);line-height:1.3;letter-spacing:.01em;font-weight:300;font-stretch:112%;color:var(--titane);margin-top:.9rem}
[id]{scroll-margin-top:96px}
.faq{border-top:1px solid var(--ligne)}
.faq details{border-bottom:1px solid var(--ligne)}
.faq summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:1rem;padding-block:1.25rem;font-size:clamp(1.05rem,1.6vw,1.3rem);font-weight:300;font-stretch:112%}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";color:var(--braise);font-size:1.4em;line-height:1;transition:transform .4s var(--gout)}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq p{padding-bottom:1.35rem;color:var(--titane)}
.finale{text-align:left}
.a-completer{background:var(--ambre);color:var(--encre);padding:.05em .35em;font-weight:600}
.flot{display:none}
@media (max-width:999px){.demo-in,.prix-b{grid-template-columns:minmax(0,1fr)}.ecran{justify-self:stretch;max-width:none}.demo-tx{margin-bottom:1rem}}
@media (max-width:860px){.tel-galerie{grid-template-columns:minmax(0,1fr)}.mobile{width:min(78%,290px)}}
@media (max-width:760px){.heros.vente{min-height:800px}.heros.vente .fond{inset:0 0 auto 0;height:64%}.heros.vente .fond img{object-position:80% 50%}.heros.vente::after{background:linear-gradient(0deg,var(--nuit) 12%,rgba(9,11,14,.9) 50%,rgba(9,11,14,.05) 70%)}.ondes{display:none}.heros.vente .tel{display:none}
.flot{display:block;position:fixed;left:0;right:0;bottom:0;z-index:25;text-align:center;background:var(--braise);color:var(--encre);font-weight:600;font-stretch:112%;letter-spacing:.04em;text-decoration:none;padding-top:1.15rem;padding-bottom:calc(1.15rem + env(safe-area-inset-bottom,0px));padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}}