@import url('https://fonts.googleapis.com/css2?family=Chakra+Petch:wght@400;500;600;700&family=Hanken+Grotesk:wght@400..800&family=Spline+Sans+Mono:wght@400;500;600&display=swap');
:root{--orange:#FF6B00;--orange-fonce:#B33B00;--orange-pale:#FFD8BD;--gris:#E9EEF0;--gris-clair:#F7F9F9;--gris-moyen:#AEB9BE;--encre:#13191C;--encre-doux:#4A565C;--blanc:#FFFFFF;--vert:#18A66A;--rouge:#D94343;--transparent:transparent;--ombre:color-mix(in srgb,var(--encre) 16%,transparent);--ombre-forte:color-mix(in srgb,var(--encre) 30%,transparent);--filet:color-mix(in srgb,var(--encre) 20%,transparent);--filet-clair:color-mix(in srgb,var(--blanc) 22%,transparent);--voile:color-mix(in srgb,var(--encre) 82%,transparent);--titre:'Chakra Petch',sans-serif;--texte:'Hanken Grotesk',sans-serif;--donnee:'Spline Sans Mono',monospace}
*{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:hidden}body{margin:0;background:var(--gris);color:var(--encre);font:400 1rem/1.58 var(--texte);overflow-x:hidden}img{display:block;width:100%;height:auto}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}p{margin:0 0 1.15rem;color:var(--encre-doux)}h1,h2,h3{margin:0 0 1.2rem;font-family:var(--titre);line-height:.93;letter-spacing:-.045em}h1{font-size:clamp(4.5rem,8.5vw,9rem);font-weight:600}h2{font-size:clamp(3rem,5.8vw,6.4rem);font-weight:500}h3{font-size:clamp(1.8rem,2.8vw,3.2rem);font-weight:500}.env{width:min(1200px,calc(100% - 8vw));margin-inline:auto}.evitement{position:fixed;top:-8rem;left:1rem;z-index:100;background:var(--orange);color:var(--blanc);padding:1rem 1.4rem;transition:top .25s ease}.evitement:focus{top:1rem}.repere{font:600 .66rem/1.3 var(--donnee);letter-spacing:.13em;text-transform:uppercase;color:var(--orange)}.bouton{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:.9rem 1.25rem;border:1px solid var(--encre);background:var(--gris-clair);font:600 .66rem/1 var(--donnee);letter-spacing:.07em;text-transform:uppercase;box-shadow:6px 6px 0 var(--encre);transition:transform .25s ease,box-shadow .25s ease,background .25s ease,color .25s ease}.bouton:hover,.bouton:focus-visible{transform:translate(4px,4px);box-shadow:2px 2px 0 var(--encre);background:var(--orange);color:var(--blanc)}.bouton.plein{background:var(--orange);color:var(--blanc)}.bouton.clair{background:var(--blanc);color:var(--encre)}.lien{display:inline-flex;align-items:center;min-height:44px;border-bottom:2px solid var(--encre);font-weight:700;transition:color .25s ease,border-color .25s ease,transform .25s ease}.lien:hover{color:var(--orange);border-color:var(--orange);transform:translateX(5px)}.lien.clair{color:var(--blanc);border-color:var(--blanc)}
.hd{height:96px;padding:0 3vw;display:grid;grid-template-columns:minmax(190px,1fr) auto auto;gap:2vw;align-items:center;background:var(--gris-clair);border-bottom:1px solid var(--filet);position:relative;z-index:40}.logo{display:inline-flex;flex-direction:column;align-items:flex-start;transition:color .25s ease,transform .25s ease}.logo:hover{color:var(--orange);transform:translateY(-2px)}.logo strong{font:700 1.28rem/.95 var(--titre);letter-spacing:.02em}.logo small{margin-top:.25rem;font:500 .5rem/1.2 var(--donnee);letter-spacing:.09em;text-transform:uppercase}.hd>nav{display:flex;align-items:center;gap:clamp(.7rem,1.25vw,1.4rem)}.hd>nav>a:not(.bouton){font-weight:700;position:relative;transition:color .25s ease}.hd>nav>a:not(.bouton)::before{content:'[';color:var(--orange);opacity:0;transition:opacity .25s ease}.hd>nav>a:not(.bouton)::after{content:']';color:var(--orange);opacity:0;transition:opacity .25s ease}.hd>nav>a:hover{color:var(--orange)}.hd>nav>a:hover::before,.hd>nav>a:hover::after{opacity:1}.telephone{display:flex;flex-direction:column;white-space:nowrap;font:600 .66rem/1.25 var(--donnee);transition:color .25s ease,transform .25s ease}.telephone span{font-size:.49rem;color:var(--orange);text-transform:uppercase}.telephone:hover{color:var(--orange);transform:translateY(-2px)}.menu-bouton{display:none;width:52px;height:52px;border:1px solid var(--encre);background:var(--orange);color:var(--blanc);font:600 .58rem/1 var(--donnee);text-transform:uppercase;transition:transform .25s ease,background .25s ease}.menu-bouton:hover{transform:rotate(3deg);background:var(--orange-fonce)}.menu-mobile{display:none;position:fixed;z-index:35;inset:82px 0 auto;background:var(--encre);color:var(--blanc);padding:2rem}.menu-mobile.ouvert{display:block;animation:menuEntre .35s ease both}.menu-mobile nav{display:grid;gap:.6rem}.menu-mobile a{padding:.5rem;font:500 1.7rem/1 var(--titre);border-bottom:1px solid var(--filet-clair)}
.hero{min-height:700px;background:var(--gris-clair);display:grid;grid-template-columns:52% 48%;position:relative}.hero::before{content:'DIAG / 01';position:absolute;left:2vw;bottom:1.2rem;font:500 .58rem/1 var(--donnee);color:var(--gris-moyen);writing-mode:vertical-rl}.hero-texte{padding:clamp(4rem,8vw,8rem) 4vw 5rem 7vw;display:flex;flex-direction:column;justify-content:center}.hero h1 em{font-style:normal;color:var(--orange)}.hero .amorce{font-size:1.15rem;max-width:650px}.actions{display:flex;gap:1.2rem;align-items:center;flex-wrap:wrap;margin-top:1rem}.hero-visuel{position:relative;display:grid;grid-template-columns:1.4fr .8fr;gap:1rem;padding:3vw 3vw 3vw 0;align-items:center}.hero-visuel figure{margin:0;border:1px solid var(--encre);box-shadow:10px 10px 0 var(--encre);overflow:hidden}.hero-visuel figure:first-child{height:75%}.hero-visuel figure:last-child{height:45%;margin-left:-5vw;margin-top:18vw;border-color:var(--orange);box-shadow:8px 8px 0 var(--orange)}.hero-visuel img{height:100%;object-fit:cover;filter:saturate(.8);transition:transform .6s ease,filter .45s ease}.hero-visuel figure:hover img{transform:scale(1.03);filter:saturate(1)}.ticket{position:absolute;right:2vw;top:4vw;background:var(--orange);color:var(--blanc);padding:.9rem 1rem;font:600 .58rem/1.45 var(--donnee);box-shadow:5px 5px 0 var(--encre);transform:rotate(2deg);animation:ticket 5s ease-in-out infinite}.essentiel{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;background:var(--encre);color:var(--blanc);padding:1.4rem 4vw;gap:1px}.essentiel div{padding:1rem 1.3rem;border-left:1px solid var(--filet-clair);min-height:90px;display:flex;flex-direction:column;justify-content:center;transition:background .25s ease,transform .25s ease}.essentiel div:hover{background:var(--orange);transform:translateY(-4px)}.essentiel span{font:500 .55rem/1.2 var(--donnee);color:var(--orange-pale);text-transform:uppercase}.essentiel strong,.essentiel a{font:600 1rem/1.3 var(--titre);margin-top:.4rem}
.intro{padding-block:clamp(7rem,11vw,12rem);position:relative}.intro::after{content:'001101';position:absolute;right:4vw;top:7rem;font:600 clamp(5rem,12vw,12rem)/1 var(--donnee);color:var(--gris-moyen);opacity:.22;z-index:-1}.intro h2{max-width:1050px}.colonnes{margin-top:4rem;margin-left:auto;max-width:840px;display:grid;grid-template-columns:1fr 1fr;gap:5vw}.colonnes p:first-child{font-size:1.12rem}.symptomes{padding-block:8rem;background:var(--gris-clair)}.entete{display:grid;grid-template-columns:1fr 2fr 1fr;gap:4vw;margin-bottom:4rem}.entete>p:last-child{align-self:end}.grille-symptomes{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--encre)}.grille-symptomes article{padding:3rem;border:1px solid var(--encre);min-height:360px;position:relative;transition:background .3s ease,color .3s ease,transform .3s ease}.grille-symptomes article:hover{background:var(--orange);color:var(--blanc);transform:translate(-4px,-4px);z-index:2;box-shadow:8px 8px 0 var(--encre)}.grille-symptomes b{font:500 .6rem/1 var(--donnee);color:var(--orange)}.grille-symptomes article:hover b,.grille-symptomes article:hover p{color:var(--blanc)}.grille-symptomes h3{margin-top:2.5rem}.grille-symptomes a{position:absolute;left:3rem;bottom:2rem;font-weight:700;border-bottom:1px solid}
.fiches{padding-block:8rem;background:var(--encre);color:var(--blanc);overflow:hidden}.entete.inverse p{color:var(--gris-moyen)}.entete.inverse .repere{color:var(--orange)}.rail-fiches{display:flex;gap:1.2rem;overflow:auto;scroll-snap-type:x mandatory;padding-bottom:2rem}.rail-fiches article{min-width:300px;background:var(--gris-clair);color:var(--encre);padding:1.5rem;border-top:7px solid var(--orange);box-shadow:7px 7px 0 var(--orange-fonce);scroll-snap-align:start;transition:transform .3s ease}.rail-fiches article:hover{transform:translateY(-8px)}.rail-fiches span{font:500 .56rem/1 var(--donnee);color:var(--orange)}.rail-fiches strong{display:block;font:600 1.75rem/1 var(--titre);margin:2.5rem 0 1.5rem}.rail-fiches dl{margin:0;border-top:1px solid var(--filet)}.rail-fiches dl div{display:flex;justify-content:space-between;gap:1rem;padding:.7rem 0;border-bottom:1px solid var(--filet);font-size:.82rem}.rail-fiches dt{font-family:var(--donnee)}.rail-fiches dd{margin:0;text-align:right;font-weight:700}.services{padding-block:9rem}.services .entete{margin-bottom:3rem}.liste-services{border-top:1px solid var(--encre)}.liste-services a{display:grid;grid-template-columns:1fr auto 2rem;gap:2rem;align-items:center;padding:1.5rem .6rem;border-bottom:1px solid var(--encre);transition:background .25s ease,padding .25s ease,color .25s ease}.liste-services a:hover{background:var(--orange);color:var(--blanc);padding-inline:1.2rem}.liste-services span{font:500 clamp(1.4rem,2.5vw,2.6rem)/1 var(--titre)}.liste-services b{font:500 .72rem/1.3 var(--donnee)}.liste-services i{font-style:normal;font-size:1.6rem}
.preuve{display:grid;grid-template-columns:1.1fr .9fr;background:var(--orange);color:var(--blanc);min-height:680px}.preuve>img{height:100%;min-height:680px;object-fit:cover;filter:grayscale(.45) contrast(1.05)}.preuve>div{padding:clamp(4rem,7vw,8rem);display:flex;flex-direction:column;justify-content:center}.preuve .repere{color:var(--encre)}.preuve p{color:var(--blanc)}.donnees{padding-block:10rem;display:grid;grid-template-columns:1fr 1.1fr;gap:7vw;align-items:center}.donnees figure{margin:0;position:relative}.donnees img{height:610px;object-fit:cover;border:1px solid var(--encre);box-shadow:12px 12px 0 var(--orange)}.donnees figcaption{position:absolute;left:-2rem;bottom:2rem;background:var(--encre);color:var(--blanc);padding:1rem;font:500 .55rem/1.3 var(--donnee)}.atelier{padding-block:8rem;display:grid;grid-template-columns:.85fr 1.15fr;gap:7vw;align-items:center;border-top:1px solid var(--encre)}.atelier figure{margin:0}.atelier img{height:660px;object-fit:cover;filter:saturate(.72);border-left:12px solid var(--orange)}.atelier p{font-size:1.06rem}.final{display:grid;grid-template-columns:1fr 1fr;background:var(--encre);color:var(--blanc)}.final>img{height:680px;object-fit:cover;filter:grayscale(.35)}.final>div{padding:clamp(4rem,7vw,8rem);display:flex;flex-direction:column;justify-content:center}.final p{color:var(--gris-moyen)}.final ol{padding:0;counter-reset:etape;list-style:none;margin:1rem 0 2rem}.final li{counter-increment:etape;padding:1rem 0;border-bottom:1px solid var(--filet-clair)}.final li::before{content:'0' counter(etape);color:var(--orange);font:500 .65rem/1 var(--donnee);margin-right:1rem}
.ft{background:var(--encre);color:var(--blanc);border-top:1px solid var(--filet-clair);padding:5rem 4vw 2rem;display:grid;grid-template-columns:2fr 1fr 1fr;gap:5vw}.ft p,.ft span{color:var(--gris-moyen)}.ft>div p{max-width:390px;margin-top:1.5rem}.ft nav{display:flex;flex-direction:column;align-items:flex-start;gap:.65rem}.ft nav strong{font:600 .58rem/1 var(--donnee);color:var(--orange);text-transform:uppercase;margin-bottom:.5rem}.ft nav a{transition:color .25s ease,transform .25s ease}.ft nav a:hover{color:var(--orange);transform:translateX(4px)}.ft>small{grid-column:1/-1;border-top:1px solid var(--filet-clair);padding-top:1.5rem;margin-top:2rem;font:500 .52rem/1.4 var(--donnee);letter-spacing:.08em;text-transform:uppercase}.contact-flottant{display:none;position:fixed;z-index:30;right:1rem;bottom:1rem;background:var(--orange);color:var(--blanc);min-width:70px;min-height:70px;align-items:center;justify-content:center;border-radius:50%;box-shadow:0 12px 28px var(--ombre-forte);font:600 .57rem/1 var(--donnee);text-transform:uppercase;transition:transform .25s ease}.contact-flottant:hover{transform:scale(1.06) rotate(3deg)}
.page-hero{min-height:580px;padding:6rem 4vw;display:grid;grid-template-columns:1.1fr .9fr;gap:6vw;align-items:center;background:var(--gris-clair);border-bottom:1px solid var(--encre)}.page-hero>div{max-width:780px}.page-hero h1{font-size:clamp(4rem,7vw,7.8rem)}.page-hero figure{margin:0;position:relative}.page-hero img{height:480px;object-fit:cover;border:1px solid var(--encre);box-shadow:12px 12px 0 var(--orange)}.page-hero figcaption{position:absolute;bottom:1rem;left:1rem;background:var(--encre);color:var(--blanc);padding:.7rem;font:500 .55rem/1.3 var(--donnee)}.intro-page{padding-block:7rem;display:grid;grid-template-columns:1fr 2fr;gap:5vw}.intro-page h2{font-size:clamp(2.8rem,5vw,5.6rem)}.intro-page>div>p{font-size:1.1rem;max-width:760px}.tableau{padding-block:7rem;background:var(--gris-clair)}.tableau table{width:100%;border-collapse:collapse;border:1px solid var(--encre)}.tableau th,.tableau td{text-align:left;padding:1.2rem;border:1px solid var(--encre)}.tableau th{background:var(--encre);color:var(--blanc);font:500 .62rem/1.3 var(--donnee);text-transform:uppercase}.tableau td:last-child{font-family:var(--donnee);font-weight:600}.blocs{padding-block:7rem;display:grid;grid-template-columns:repeat(3,1fr);gap:1.4rem}.blocs article{background:var(--gris-clair);border:1px solid var(--encre);padding:2rem;box-shadow:7px 7px 0 var(--orange)}.blocs article:nth-child(even){transform:translateY(2rem)}.blocs b{font:500 .58rem/1 var(--donnee);color:var(--orange)}.blocs h2,.blocs h3{font-size:2.2rem;margin-top:2rem}.bloc-photo{display:grid;grid-template-columns:1fr 1fr;background:var(--encre);color:var(--blanc)}.bloc-photo>img{height:650px;object-fit:cover}.bloc-photo>div{padding:clamp(4rem,7vw,8rem);display:flex;flex-direction:column;justify-content:center}.bloc-photo p{color:var(--gris-moyen)}.parcours{padding-block:8rem}.parcours-liste{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--encre);border:1px solid var(--encre)}.parcours-liste article{background:var(--gris-clair);padding:2.2rem;min-height:300px}.parcours-liste b{font:500 .6rem/1 var(--donnee);color:var(--orange)}.parcours-liste h3{font-size:2rem;margin-top:2.5rem}.engagements{padding-block:8rem}.engagements article{display:grid;grid-template-columns:130px 1fr;gap:3vw;padding:2rem 0;border-top:1px solid var(--encre)}.engagements article>b{font:600 2rem/1 var(--donnee);color:var(--orange)}.engagements h3{font-size:2.5rem}.formulaire{padding-block:8rem;background:var(--gris-clair)}.formulaire form{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem;background:var(--blanc);padding:3rem;border:1px solid var(--encre);box-shadow:12px 12px 0 var(--orange)}.formulaire label{display:flex;flex-direction:column;gap:.5rem;font:500 .58rem/1.2 var(--donnee);text-transform:uppercase}.formulaire input,.formulaire select,.formulaire textarea{border:1px solid var(--encre);background:var(--gris-clair);padding:1rem;min-height:48px}.formulaire textarea{min-height:150px;resize:vertical}.formulaire .large{grid-column:1/-1}.retour-formulaire{grid-column:1/-1;color:var(--vert);font-weight:700}.mentions{padding-block:7rem;max-width:850px}.mentions h1{font-size:clamp(3.5rem,7vw,7rem)}.mentions h2{font-size:2.3rem;margin-top:4rem}
.rv{opacity:0;transform:translateY(35px);transition:opacity .7s ease,transform .7s ease}.rv.vu{opacity:1;transform:none}@keyframes menuEntre{from{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:none}}@keyframes ticket{0%,100%{transform:rotate(2deg) translateY(0)}50%{transform:rotate(-1deg) translateY(-8px)}}@keyframes signal{0%,100%{opacity:.3}50%{opacity:1}}@keyframes glisse{from{transform:translateX(-15px);opacity:0}to{transform:none;opacity:1}}@keyframes tourne{to{transform:rotate(360deg)}}@keyframes testPasse{0%{background:var(--gris-moyen)}100%{background:var(--vert)}}
@media(max-width:1120px){.hd>nav>a:nth-child(3),.hd>nav>a:nth-child(4){display:none}.hero{grid-template-columns:1fr 1fr}.essentiel{grid-template-columns:1fr 1fr}.entete{grid-template-columns:1fr 2fr}.entete>p:last-child{grid-column:2}.preuve{grid-template-columns:1fr 1fr}.blocs{grid-template-columns:1fr 1fr}.parcours-liste{grid-template-columns:1fr 1fr}}
@media(max-width:860px){.env{width:min(100% - 2rem,720px)}.hd{height:82px;padding-inline:1rem;grid-template-columns:1fr auto auto}.hd>nav{display:none}.telephone span{display:none}.menu-bouton{display:block}.hero{display:block}.hero-texte{min-height:620px;padding:5rem 1rem 4rem}.hero-visuel{height:540px;padding:1rem}.hero-visuel figure:first-child{height:90%}.hero-visuel figure:last-child{height:50%;margin-top:12rem;margin-left:-4rem}.ticket{right:1rem;top:1rem}.essentiel{padding-inline:1rem}.colonnes{grid-template-columns:1fr}.grille-symptomes{grid-template-columns:1fr}.grille-symptomes article{min-height:320px}.preuve{grid-template-columns:1fr}.preuve>img{min-height:520px;height:520px}.donnees,.atelier{grid-template-columns:1fr}.donnees img{height:520px}.atelier img{height:580px}.final{grid-template-columns:1fr}.final>img{height:520px}.ft{grid-template-columns:1fr 1fr}.ft>div{grid-column:1/-1}.page-hero{grid-template-columns:1fr}.intro-page{grid-template-columns:1fr}.blocs{grid-template-columns:1fr}.blocs article:nth-child(even){transform:none}.bloc-photo{grid-template-columns:1fr}.parcours-liste{grid-template-columns:1fr 1fr}}
@media(max-width:600px){h1{font-size:clamp(4rem,18vw,5.6rem)}h2{font-size:clamp(2.8rem,13vw,4.2rem)}.logo strong{font-size:1rem}.logo small{font-size:.43rem}.telephone{font-size:.56rem}.hero-texte{min-height:590px}.hero-visuel{height:420px}.hero-visuel figure:last-child{margin-top:8rem}.essentiel{grid-template-columns:1fr}.essentiel div{min-height:84px}.intro,.services,.donnees,.atelier{padding-block:6rem}.symptomes,.fiches{padding-block:6rem}.grille-symptomes article{padding:2rem}.grille-symptomes a{left:2rem}.rail-fiches article{min-width:82vw}.liste-services a{grid-template-columns:1fr auto;gap:1rem}.liste-services i{display:none}.preuve>img{height:430px;min-height:430px}.preuve>div{padding:4rem 1rem}.donnees img{height:430px}.donnees figcaption{left:0}.atelier img{height:500px}.final>img{height:420px}.final>div{padding:4rem 1rem}.ft{grid-template-columns:1fr;padding:4rem 1rem 6rem}.ft>div{grid-column:auto}.contact-flottant{display:flex}.page-hero{min-height:0;padding:5rem 1rem 3rem}.page-hero h1{font-size:clamp(3.8rem,17vw,5.4rem)}.page-hero img{height:340px}.intro-page,.tableau,.blocs,.parcours,.engagements,.formulaire{padding-block:5rem}.tableau{overflow:auto}.tableau table{min-width:700px}.bloc-photo>img{height:430px}.bloc-photo>div{padding:4rem 1rem}.parcours-liste{grid-template-columns:1fr}.engagements article{grid-template-columns:70px 1fr}.formulaire form{grid-template-columns:1fr;padding:2rem 1rem;box-shadow:7px 7px 0 var(--orange)}.formulaire .large{grid-column:auto}.mentions{padding:5rem 1rem}.mentions h1{font-size:clamp(3rem,14vw,4.5rem)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.rv{opacity:1;transform:none}}

/* Gamme Signature — système fiche technique poussé : écran sombre, état, dossier, preuve */
.signature{background:var(--gris-clair)}.signature .hd-signature{position:fixed;inset:0 0 auto;z-index:70;background:var(--encre);color:var(--blanc);border-color:var(--filet-clair);transition:height .3s ease,background .3s ease,box-shadow .3s ease}.signature .hd-signature.compacte{height:76px;background:color-mix(in srgb,var(--encre) 94%,transparent);box-shadow:0 12px 32px var(--ombre-forte);backdrop-filter:blur(12px)}.signature .hd-signature .telephone span{color:var(--orange)}.tout-site{min-height:48px;padding:.7rem 1rem;border:1px solid var(--filet-clair);background:var(--transparent);color:var(--blanc);font:600 .56rem/1 var(--donnee);letter-spacing:.08em;text-transform:uppercase;transition:background .25s ease,color .25s ease,transform .25s ease}.tout-site:hover{background:var(--orange);transform:translateY(-2px)}.panneau-site{position:fixed;z-index:80;inset:0;background:var(--encre);color:var(--blanc);padding:7rem 5vw 3rem;opacity:0;visibility:hidden;transform:translateY(-3rem);transition:opacity .35s ease,visibility .35s ease,transform .45s ease}.panneau-site.ouvert{opacity:1;visibility:visible;transform:none}.panneau-site .fermer{position:absolute;right:4vw;top:2rem;min-width:74px;min-height:52px;border:1px solid var(--filet-clair);background:var(--orange);color:var(--blanc);font:600 .58rem/1 var(--donnee);text-transform:uppercase}.panneau-site nav{display:grid;grid-template-columns:repeat(2,1fr);gap:0 5vw;max-width:1200px;margin:auto}.panneau-site a{padding:.65rem 0;border-bottom:1px solid var(--filet-clair);font:500 clamp(1.6rem,3vw,3.3rem)/1 var(--titre);transition:color .25s ease,padding .25s ease}.panneau-site a:hover{color:var(--orange);padding-left:1rem}.menu-ouvert{overflow:hidden}
.hero-signature{height:100svh;min-height:760px;position:relative;background:var(--encre);color:var(--blanc);overflow:hidden}.hero-signature picture,.hero-signature picture img{position:absolute;inset:0;width:100%;height:100%}.hero-signature picture img{object-fit:cover;filter:grayscale(1) contrast(1.12)}.hero-filtre{position:absolute;inset:0;background:linear-gradient(90deg,var(--voile) 0 42%,color-mix(in srgb,var(--orange) 24%,transparent) 68%,var(--transparent) 100%);mix-blend-mode:multiply}.hero-filtre::after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,var(--voile) 0,var(--transparent) 58%)}.hero-contenu{position:absolute;z-index:2;left:5vw;bottom:8vh;width:min(780px,70vw)}.hero-contenu h1{font-size:clamp(5rem,10vw,11rem);color:var(--blanc)}.hero-contenu h1 em{color:var(--orange);font-style:normal}.hero-contenu>p:not(.repere){max-width:650px;color:var(--blanc);font-size:1.16rem}.statut-hero{position:absolute;z-index:3;right:4vw;top:140px;width:230px;padding:1.2rem;border:1px solid var(--filet-clair);background:color-mix(in srgb,var(--encre) 72%,transparent);backdrop-filter:blur(10px);font-family:var(--donnee)}.statut-hero span{font-size:.52rem;color:var(--orange)}.statut-hero strong{display:block;font-size:1.2rem;margin:.5rem 0}.statut-hero i{display:block;width:100%;height:4px;background:var(--orange);animation:signal 1.5s ease infinite}.statut-hero b{display:block;margin-top:.6rem;font-size:.55rem;color:var(--blanc)}.defiler{position:absolute;z-index:3;right:4vw;bottom:3rem;color:var(--blanc);font:500 .57rem/1 var(--donnee);writing-mode:vertical-rl;transition:color .25s ease,transform .25s ease}.defiler:hover{color:var(--orange);transform:translateY(4px)}.essentiel-signature{position:relative;z-index:4;border-top:1px solid var(--filet-clair)}
.console{padding-block:clamp(8rem,12vw,14rem)}.console-entete{display:grid;grid-template-columns:1.5fr 1fr;gap:8vw;margin-bottom:5rem}.console-entete>p{align-self:end;max-width:480px}.console-corps{display:grid;grid-template-columns:1.2fr .8fr;border:1px solid var(--encre);box-shadow:14px 14px 0 var(--orange)}.choix{background:var(--gris);padding:2.5rem}.choix fieldset{border:0;border-top:1px solid var(--encre);margin:0;padding:1.5rem 0 2rem;display:flex;gap:.7rem;flex-wrap:wrap}.choix legend{padding:.8rem 0;font:600 .62rem/1 var(--donnee);text-transform:uppercase}.choix button{min-height:44px;padding:.7rem .9rem;border:1px solid var(--encre);background:var(--gris-clair);font:500 .6rem/1.2 var(--donnee);transition:background .25s ease,color .25s ease,transform .25s ease}.choix button:hover,.choix button.actif{background:var(--orange);color:var(--blanc);transform:translateY(-2px)}.resultat{background:var(--encre);color:var(--blanc);padding:3rem;display:flex;flex-direction:column;justify-content:center;position:relative}.resultat::before{content:'●';position:absolute;top:1.5rem;right:1.5rem;color:var(--vert);animation:signal 1.4s ease infinite}.resultat>span{font:500 .55rem/1 var(--donnee);color:var(--orange)}.resultat>strong{font:600 clamp(2rem,3.4vw,4rem)/.95 var(--titre);margin:2rem 0 1rem}.resultat p{color:var(--gris-moyen)}.resultat dl{margin:1.5rem 0 2.5rem}.resultat dl div{display:flex;justify-content:space-between;gap:1rem;padding:.7rem 0;border-bottom:1px solid var(--filet-clair);font:500 .63rem/1.3 var(--donnee)}.resultat dd{margin:0;color:var(--orange-pale);text-align:right}.resultat .bouton{align-self:flex-start}.bande{overflow:hidden;background:var(--orange);color:var(--encre);padding:1rem 0;transform:rotate(-1deg) scale(1.02)}.bande div{width:max-content;font:600 .67rem/1 var(--donnee);letter-spacing:.1em;animation:bande 26s linear infinite}
.familles-signature{padding-block:10rem;background:var(--encre);color:var(--blanc)}.familles-signature .entete p{color:var(--gris-moyen)}.familles-signature .entete .repere{color:var(--orange)}.cartes-tech{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--filet-clair);border-block:1px solid var(--filet-clair)}.cartes-tech a{background:var(--encre);padding:1rem 1rem 3rem;min-height:650px;display:flex;flex-direction:column;transition:background .35s ease,transform .35s ease}.cartes-tech a:hover{background:var(--orange);transform:translateY(-10px)}.cartes-tech img{height:350px;object-fit:cover;filter:grayscale(1);margin-bottom:2rem;transition:filter .35s ease,transform .55s ease}.cartes-tech a:hover img{filter:grayscale(0);transform:scale(.97)}.cartes-tech span{font:500 .55rem/1 var(--donnee);color:var(--orange)}.cartes-tech a:hover span{color:var(--encre)}.cartes-tech h3{font-size:clamp(1.8rem,2.5vw,2.8rem);margin-top:1.5rem}.cartes-tech p{color:var(--gris-moyen)}.cartes-tech a:hover p{color:var(--blanc)}
.dossier{display:grid;grid-template-columns:1.08fr .92fr;min-height:820px;background:var(--gris)}.dossier-photo{position:relative}.dossier-photo img{height:100%;object-fit:cover;filter:grayscale(.75) contrast(1.08)}.dossier-photo span{position:absolute;left:2rem;top:2rem;background:var(--orange);color:var(--blanc);padding:1rem;font:600 .57rem/1 var(--donnee);box-shadow:6px 6px 0 var(--encre)}.dossier-contenu{padding:clamp(5rem,8vw,9rem);display:flex;flex-direction:column;justify-content:center}.dossier-contenu p{font-size:1.04rem}.metriques{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--encre);margin:2rem 0}.metriques div{background:var(--gris-clair);padding:1rem}.metriques span{display:block;color:var(--orange);font:600 .7rem/1 var(--donnee)}.metriques b{font-size:.8rem}.dossier-contenu .bouton{align-self:flex-start}
.confidentialite-signature{padding-block:11rem;background:var(--encre);color:var(--blanc);position:relative;overflow:hidden}.confidentialite-signature::after{content:'PRIVÉ';position:absolute;right:-2vw;bottom:-3vw;color:var(--blanc);opacity:.035;font:700 18vw/1 var(--titre)}.confidentialite-signature>.env{position:relative;z-index:1}.titre-vertical{display:grid;grid-template-columns:1fr 3fr;gap:4vw}.titre-vertical h2{max-width:980px}.regles{margin:5rem 0 3rem 25%;display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.regles article{padding:2rem;border:1px solid var(--filet-clair);min-height:320px;transition:background .3s ease,transform .3s ease}.regles article:hover{background:var(--orange);transform:translateY(-6px)}.regles b{font:500 .58rem/1 var(--donnee);color:var(--orange)}.regles article:hover b{color:var(--encre)}.regles h3{font-size:2rem;margin-top:3rem}.regles p{color:var(--gris-moyen)}.regles article:hover p{color:var(--blanc)}.confidentialite-signature .lien{margin-left:25%}.prix-signature{padding-block:11rem}.lignes-prix{border-top:1px solid var(--encre)}.lignes-prix a{display:grid;grid-template-columns:1fr auto 220px;gap:3vw;align-items:center;padding:1.7rem .5rem;border-bottom:1px solid var(--encre);transition:background .25s ease,color .25s ease,padding .25s ease}.lignes-prix a:hover{background:var(--orange);color:var(--blanc);padding-inline:1.2rem}.lignes-prix span{font:500 clamp(1.7rem,3vw,3.4rem)/1 var(--titre)}.lignes-prix b{font:600 1rem/1 var(--donnee)}.lignes-prix i{font:400 .62rem/1.3 var(--donnee);font-style:normal}
.test-final{display:grid;grid-template-columns:.9fr 1.1fr;background:var(--orange);color:var(--blanc);position:relative}.test-final>div{padding:clamp(5rem,8vw,9rem);display:flex;flex-direction:column;justify-content:center}.test-final .repere{color:var(--encre)}.test-final p{color:var(--blanc)}.test-final>img{height:760px;object-fit:cover;filter:grayscale(.55)}.test-final ol{position:absolute;right:2rem;bottom:2rem;width:360px;margin:0;padding:1.2rem;background:color-mix(in srgb,var(--encre) 88%,transparent);list-style:none}.test-final li{display:flex;gap:1rem;padding:.55rem;border-bottom:1px solid var(--filet-clair);font:500 .6rem/1 var(--donnee)}.test-final li span{color:var(--orange)}.portrait-signature{padding-block:11rem;display:grid;grid-template-columns:.8fr 1.2fr;gap:8vw;align-items:center}.portrait-signature figure{margin:0;position:relative}.portrait-signature img{height:700px;object-fit:cover;filter:grayscale(.5);border:1px solid var(--encre);box-shadow:14px 14px 0 var(--orange)}.portrait-signature figcaption{position:absolute;right:-2rem;bottom:2rem;background:var(--encre);color:var(--blanc);padding:1rem;font:500 .55rem/1 var(--donnee)}.portrait-signature p{font-size:1.05rem}.atelier-transparent{display:grid;grid-template-columns:1.15fr .85fr;background:var(--encre);color:var(--blanc)}.atelier-transparent>img{height:720px;object-fit:cover;filter:grayscale(.5)}.atelier-transparent>div{padding:clamp(4rem,7vw,8rem);display:flex;flex-direction:column;justify-content:center}.atelier-transparent p{color:var(--gris-moyen)}.ft-signature{grid-template-columns:2fr repeat(4,1fr)}.depot-flottant{display:none;position:fixed;z-index:55;right:1rem;bottom:1rem;width:74px;height:74px;border-radius:50%;align-items:center;justify-content:center;background:var(--orange);color:var(--blanc);box-shadow:0 12px 30px var(--ombre-forte);font:600 .58rem/1 var(--donnee);text-transform:uppercase}
.signature .page-hero{padding-top:10rem;min-height:680px;background:var(--gris)}.signature .page-hero::before{content:'DOSSIER / OCTET CLAIR';position:absolute;left:1.5rem;top:150px;writing-mode:vertical-rl;font:500 .52rem/1 var(--donnee);color:var(--gris-moyen)}.signature .page-hero{position:relative}.signature .page-hero img{filter:grayscale(.65);box-shadow:12px 12px 0 var(--orange)}.signature .page-hero h1{font-size:clamp(4.4rem,7.5vw,8.5rem)}.page-simple{padding-top:96px}.cas{padding-block:8rem;background:var(--gris)}.cas-grille{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.cas article{background:var(--gris-clair);padding:2.5rem;border:1px solid var(--encre);box-shadow:8px 8px 0 var(--orange)}.cas article b{font:500 .58rem/1 var(--donnee);color:var(--orange)}.cas article h3{margin-top:2rem}.fiche-detail{padding-block:8rem}.fiche-detail dl{border-top:1px solid var(--encre)}.fiche-detail dl div{display:grid;grid-template-columns:1fr 2fr;padding:1.2rem 0;border-bottom:1px solid var(--encre)}.fiche-detail dt{font:500 .63rem/1.3 var(--donnee);color:var(--orange)}.fiche-detail dd{margin:0}.citation-tech{padding:8rem 4vw;background:var(--orange);color:var(--blanc)}.citation-tech blockquote{max-width:1200px;margin:auto;font:500 clamp(3rem,6vw,7rem)/.95 var(--titre)}.citation-tech cite{display:block;margin-top:2rem;font:500 .6rem/1 var(--donnee)}
@keyframes bande{from{transform:translateX(0)}to{transform:translateX(-50%)}}@keyframes balayage{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}@keyframes statut{0%,100%{box-shadow:0 0 0 0 var(--orange)}50%{box-shadow:0 0 0 8px var(--transparent)}}
@media(max-width:1180px){.signature .hd>nav a:nth-child(4),.signature .hd>nav a:nth-child(5){display:none}.cartes-tech{grid-template-columns:1fr 1fr}.cartes-tech a{min-height:580px}.ft-signature{grid-template-columns:1.5fr repeat(2,1fr)}.ft-signature nav:nth-of-type(n+3){margin-top:2rem}.regles{margin-left:0}.confidentialite-signature .lien{margin-left:0}}
@media(max-width:880px){.signature .hd{grid-template-columns:1fr auto auto}.signature .hd>nav{display:none}.tout-site{min-width:54px;font-size:0}.tout-site::after{content:'SITE';font-size:.56rem}.panneau-site{padding:6rem 1rem 2rem}.panneau-site nav{grid-template-columns:1fr;max-height:calc(100vh - 8rem);overflow:auto}.panneau-site a{font-size:1.7rem}.hero-signature{min-height:720px;height:96svh}.hero-contenu{left:1rem;bottom:7vh;width:calc(100% - 2rem)}.hero-contenu h1{font-size:clamp(4.8rem,16vw,7.5rem)}.statut-hero{top:110px;right:1rem;width:190px}.defiler{display:none}.console-entete{grid-template-columns:1fr}.console-corps{grid-template-columns:1fr}.cartes-tech{grid-template-columns:1fr 1fr}.dossier{grid-template-columns:1fr}.dossier-photo img{height:620px}.titre-vertical{grid-template-columns:1fr}.regles{grid-template-columns:1fr}.prix-signature .entete{display:block}.lignes-prix a{grid-template-columns:1fr auto}.lignes-prix i{grid-column:1/-1}.test-final{grid-template-columns:1fr}.test-final>img{height:580px}.portrait-signature{grid-template-columns:1fr}.portrait-signature img{height:620px}.atelier-transparent{grid-template-columns:1fr}.atelier-transparent>img{height:560px}.ft-signature{grid-template-columns:1fr 1fr}.cas-grille{grid-template-columns:1fr}}
@media(max-width:620px){.signature .logo strong{font-size:.98rem}.signature .telephone{font-size:.54rem}.hero-signature picture img{object-position:66% center}.hero-filtre{background:linear-gradient(0deg,var(--voile) 0 62%,color-mix(in srgb,var(--orange) 18%,transparent) 84%,var(--transparent) 100%)}.hero-contenu h1{font-size:clamp(4.4rem,18vw,6rem)}.hero-contenu>p:not(.repere){font-size:1rem}.statut-hero{display:none}.essentiel-signature{grid-template-columns:1fr}.console{padding-block:6rem}.console-entete{margin-bottom:3rem}.choix,.resultat{padding:1.5rem}.console-corps{box-shadow:7px 7px 0 var(--orange)}.cartes-tech{grid-template-columns:1fr}.cartes-tech a{min-height:0}.cartes-tech img{height:430px}.dossier-photo img{height:450px}.dossier-contenu{padding:5rem 1rem}.metriques{grid-template-columns:1fr}.confidentialite-signature,.prix-signature,.portrait-signature{padding-block:6rem}.regles{margin-top:3rem}.test-final>div{padding:5rem 1rem}.test-final>img{height:430px}.test-final ol{position:static;width:auto}.portrait-signature img{height:520px}.portrait-signature figcaption{right:0}.atelier-transparent>img{height:430px}.atelier-transparent>div{padding:4rem 1rem}.ft-signature{grid-template-columns:1fr}.depot-flottant{display:flex}.signature .page-hero{padding-top:7rem}.signature .page-hero h1{font-size:clamp(3.7rem,16vw,5.2rem)}.page-simple{padding-top:82px}.cas,.fiche-detail{padding-block:5rem}.fiche-detail dl div{grid-template-columns:1fr}.citation-tech{padding:6rem 1rem}}
.avant-depot{display:grid;grid-template-columns:.9fr 1.1fr;background:var(--gris)}.avant-depot>img{height:720px;object-fit:cover;filter:grayscale(.45) contrast(1.04)}.avant-depot>div{padding:clamp(5rem,8vw,9rem);display:flex;flex-direction:column;justify-content:center}.avant-depot>div p{font-size:1.04rem}.avant-depot .bouton{align-self:flex-start;margin-top:1rem}
@media(max-width:880px){.avant-depot{grid-template-columns:1fr}.avant-depot>img{height:580px}}
@media(max-width:620px){.avant-depot>img{height:430px}.avant-depot>div{padding:5rem 1rem}}
.signature .hd-signature{grid-template-columns:minmax(190px,1fr) auto auto auto}
@media(max-width:880px){.signature .hd-signature{grid-template-columns:1fr auto auto}}