@font-face{font-family:"Saira FLC";src:url(../fonts/saira-125-700.woff2) format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:"Saira FLC";src:url(../fonts/saira-125-800.woff2) format("woff2");font-weight:800;font-display:swap}
@font-face{font-family:"Libre Franklin";src:url(../fonts/libre-franklin-400.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Libre Franklin";src:url(../fonts/libre-franklin-600.woff2) format("woff2");font-weight:600;font-display:swap}
@font-face{font-family:"Libre Franklin";src:url(../fonts/libre-franklin-700.woff2) format("woff2");font-weight:700;font-display:swap}
:root{
--noir:#0D0D0F;
--carbone:#18181B;
--rouge:#E21E26;
--rouge-fonce:#B8141B;
--rouge-texte:#C3151C;
--blanc:#FFFFFF;
--chrome:#EDEEEF;
--acier:#9EA0A5;
--acier-fonce:#55575C;
--filet:#D2D3D6;
--filet-fonce:#2A2B30;
--bord-champ:#8B8D92;
--ph-clair:#E3E4E6;
--ph-fonce:#1A1A1D;
--marqueur:#C3151C;
--marqueur-fonce:#FF8A86;
--f-titre:"Saira FLC","Arial Black",Arial,sans-serif;
--f-texte:"Libre Franklin",Arial,Helvetica,sans-serif;
--t-ecran:clamp(2.2rem,1.2rem + 3.4vw,4rem);
--t-1:clamp(1.7rem,1.2rem + 2.6vw,3.4rem);
--t-2:clamp(1.5rem,1.25rem + 1vw,2.1rem);
--t-3:clamp(1.15rem,1rem + .6vw,1.45rem);
--t-grand:1.2rem;
--t-txt:1.0625rem;
--t-pt:1rem;
--t-ui:.9375rem;
--e-1:.5rem;--e-2:1rem;--e-3:1.5rem;--e-4:2.5rem;--e-5:4rem;--e-6:clamp(3rem,2rem + 3vw,5rem);
--large:78rem;
--gouttiere:clamp(1rem,4vw,2.5rem);
--haut-menu:4.25rem;
--haut-cible:2.75rem;
--logo:8rem;
--logo-reduit:.44;
--logo-haut:.5rem;
--cran:cubic-bezier(.2,.7,.2,1);
--duree-cran:.22s;
--duree:.12s;
}
*,*::before,*::after{box-sizing:border-box}
[hidden]{display:none!important}
@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}
html{-webkit-text-size-adjust:100%;scroll-padding-top:calc(var(--haut-menu) + 1rem)}
body{margin:0;background:var(--blanc);color:var(--noir);font:400 var(--t-txt)/1.6 var(--f-texte);text-rendering:optimizeLegibility;font-variant-numeric:lining-nums}
img,video{max-width:100%;display:block;height:auto}
figure{margin:0}
h1,h2,h3{font-family:var(--f-texte);font-weight:700;line-height:1.15;letter-spacing:-.015em;text-wrap:balance;margin:0}
h1{font-family:var(--f-titre);font-weight:800;line-height:1;letter-spacing:.01em;text-transform:uppercase}
h1{font-size:var(--t-1)}
h2{font-size:var(--t-2)}
h3{font-size:var(--t-3)}
p{margin:0}
a{color:inherit;text-underline-offset:.18em;text-decoration-thickness:1px}
a:hover{text-decoration-thickness:2px}
:focus-visible{outline:3px solid var(--anneau,var(--noir));outline-offset:3px}
.fonce,.entete,.pied-bas,.barre-mobile{--anneau:var(--blanc)}
.visuel-masque{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.saut{position:absolute;left:var(--e-2);top:-4rem;z-index:100;background:var(--blanc);color:var(--noir);padding:.75rem 1rem}
.saut:focus{top:var(--e-2)}
#contenu:focus{outline:none}
.cadre{max-width:var(--large);margin-inline:auto;padding-inline:var(--gouttiere)}
.grand{font-size:var(--t-grand)}
.fonce{background:var(--noir);color:var(--blanc)}
.clair{background:var(--blanc)}
.chrome{background:var(--chrome)}
.actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--e-2) var(--e-3)}
.insecable{white-space:nowrap}
sup{font-size:.75em;line-height:0}
.lien-tel{font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}
.ac{display:inline-block;font:500 .75rem/1 var(--f-texte);letter-spacing:.01em;text-transform:none;color:var(--acier-fonce);border:1px dashed currentColor;padding:.2rem .35rem;margin-left:.4rem;vertical-align:.2em;white-space:nowrap}
.fonce .ac,.entete .ac{color:var(--acier)}
.ph{--ph-fond:var(--ph-clair);--ph-raie:rgba(13,13,15,.05);--ph-texte:var(--acier-fonce);--ph-titre:var(--noir);
display:grid;place-items:center;width:100%;aspect-ratio:var(--ratio,4/3);padding:var(--e-3);
background:repeating-linear-gradient(135deg,transparent 0 18px,var(--ph-raie) 18px 19px) var(--ph-fond);color:var(--ph-texte)}
.fonce .ph{--ph-fond:var(--ph-fonce);--ph-raie:rgba(255,255,255,.035);--ph-texte:var(--acier);--ph-titre:var(--blanc)}
.ph-texte{display:grid;gap:.3rem;max-width:20rem;font-size:var(--t-pt);line-height:1.4;text-align:center}
.ph-texte b{color:var(--ph-titre)}
.ph-texte small{font-size:.8rem}
.btn{--fond:var(--rouge);
display:inline-flex;align-items:center;justify-content:space-between;gap:1rem;
min-height:3.25rem;padding:0 1.1rem 0 1.4rem;border:0;
background:var(--fond);color:var(--blanc);
font:600 1rem/1.2 var(--f-texte);white-space:nowrap;text-decoration:none;cursor:pointer;
-webkit-tap-highlight-color:transparent;
transition:background-color var(--duree) linear}
.btn:hover{--fond:var(--rouge-fonce);text-decoration:none}
.btn:active{--fond:var(--rouge-fonce)}
.btn-ico{display:grid;place-items:center;flex:none;width:1.15rem;height:1.15rem}
.btn-ico svg{width:100%;height:100%}
.ico-msg{flex:none;width:1.25rem;height:1.25rem;fill:currentColor}
.btn:has(.ico-msg){justify-content:center;gap:.65rem}
.btn:active{transform:translateY(1px)}
.ico-tel{flex:none;width:1.15rem;height:1.15rem;fill:currentColor}
.btn:has(.ico-tel){justify-content:center;gap:.6rem}
.btn-grand{min-height:4rem;padding-left:1.75rem;gap:1.75rem;font-size:clamp(1rem,.95rem + .25vw,1.15rem)}
@media (max-width:600px){.btn-grand{width:100%}}
@media (max-width:400px){
.btn{font-size:var(--t-ui);letter-spacing:.02em;padding-left:1rem;gap:.75rem}
.btn-grand{font-size:1rem;padding-left:1.25rem;gap:1rem}
.btn-grand,.barre-mobile .btn{white-space:normal;text-align:left}
}
.btn.btn-contour{--fond:transparent;justify-content:center;gap:.6rem;padding:0 1.25rem;color:inherit;box-shadow:inset 0 0 0 1.5px currentColor}
.btn.btn-contour:hover{--fond:rgba(127,127,127,.14)}
.actions-pile{flex-direction:column;align-items:flex-start}
.btn-appel svg{width:1.1rem;height:1.1rem;fill:currentColor;flex:none}
@media (max-width:600px){
.actions-pile{align-items:stretch}
.appel-num{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
}
.btn[aria-busy="true"]{cursor:progress}
.btn[aria-busy="true"] .btn-ico svg{opacity:0}
.btn[aria-busy="true"] .btn-ico::after{content:"";grid-area:1/1;width:1.1rem;height:1.1rem;border-radius:50%;border:2px solid currentColor;border-top-color:transparent;animation:tourne .8s linear infinite}
@keyframes tourne{to{transform:rotate(360deg)}}
.btn:disabled:not([aria-busy="true"]){--fond:#8B8D92;cursor:not-allowed}
.entete{position:sticky;top:0;z-index:50;background:var(--noir);color:var(--blanc)}
.entete .cadre{display:grid;grid-template-columns:minmax(0,1fr) var(--logo) minmax(0,1fr);align-items:center;column-gap:var(--e-3);min-height:var(--haut-menu)}
.marque{grid-column:2;grid-row:1;position:relative;align-self:stretch;display:block}
.marque picture{display:block}
.marque picture{position:absolute;left:0;right:0;top:var(--logo-haut);transform-origin:50% 0;transition:transform var(--duree-cran) var(--cran)}
.marque img{width:100%;height:auto}
.marque:focus-visible{outline:none}
.marque:focus-visible picture{outline:3px solid var(--blanc);outline-offset:4px}
.entete.plein .marque picture{transform:translateY(calc(-1 * var(--logo-haut) + .35rem)) scale(var(--logo-reduit))}
.nav{grid-column:1;grid-row:1;justify-self:start;display:flex;gap:var(--e-4)}
.nav a{position:relative;display:inline-flex;align-items:center;min-height:var(--haut-cible);color:var(--blanc);text-decoration:none;font-weight:600;white-space:nowrap}
.nav a::after{content:"";position:absolute;left:0;right:0;bottom:.45rem;height:2px;background:var(--rouge);transform:scaleX(0);transform-origin:left;transition:transform var(--duree-cran) var(--cran)}
.nav a:hover::after,.nav a:focus-visible::after,.nav a[aria-current]::after{transform:scaleX(1)}
@media (max-width:860px){.nav{display:none}}
.actions-entete{grid-column:3;grid-row:1;justify-self:end;display:flex;align-items:center;gap:var(--e-3)}
.entete .btn{min-height:var(--haut-cible);font-size:var(--t-ui);letter-spacing:.02em;padding-left:1rem;gap:.6rem}
.tel-menu{display:inline-flex;align-items:center;gap:.6rem;min-height:var(--haut-cible);min-width:var(--haut-cible);color:var(--blanc);text-decoration:none;font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}
.tel-menu .rond{display:grid;place-items:center;width:2.25rem;height:2.25rem;border-radius:50%;box-shadow:inset 0 0 0 1.5px currentColor;flex:none}
.tel-menu svg{width:1rem;height:1rem;fill:currentColor}
.actions-entete .btn{transition:opacity .2s linear,visibility 0s}
.js .cta-en-vue .actions-entete .btn{opacity:0;visibility:hidden;transition:opacity .2s linear,visibility 0s .2s}
.page-rdv .actions-entete .btn{visibility:hidden}
.tel-menu{transition:opacity .2s linear,visibility 0s}
.js .cta-en-vue .tel-menu{opacity:0;visibility:hidden;transition:opacity .2s linear,visibility 0s .2s}
@media (max-width:1280px){.tel-menu .num{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}}
@media (max-width:1180px){.actions-entete{gap:var(--e-2)}}
@media (min-width:861px){.rdv-telephone .actions-entete .tel-menu{display:none}}
@media (max-width:1040px){:root{--haut-menu:3.75rem;--logo:5.5rem;--logo-reduit:.6;--logo-haut:.4rem}}
@media (max-width:860px){
.entete .btn{display:none}
.avec-barre .tel-menu{display:none}
}
.ecran{position:relative;overflow:hidden}
.ecran-grille{display:flex;align-items:center;min-height:clamp(32rem,72svh,40rem)}
.ecran-texte{display:grid;gap:var(--e-4);width:min(100%,56%);padding-block:calc(var(--logo) - var(--haut-menu) + var(--e-5)) var(--e-5)}
.ecran h1{font-size:var(--t-ecran);line-height:.98}
.ecran h1>span{display:block}
.ecran h1 .acier{color:var(--acier)}
.ecran-photo{position:absolute;top:0;right:0;bottom:0;width:42%}
.ecran-photo picture,.ecran-photo img,.ecran-photo .ph{width:100%;height:100%;object-fit:cover;aspect-ratio:auto}
@media (max-width:900px){
.ecran-grille{display:flex;align-items:flex-end;min-height:clamp(30rem,70svh,36rem)}
.ecran-texte{position:relative;z-index:1;width:100%;padding-block:var(--e-5) var(--e-4)}
.ecran-photo{inset:0;width:auto}
.ecran-photo img{object-position:50% 35%!important}
.ecran-photo::after{content:"";position:absolute;inset:0;pointer-events:none;
background:linear-gradient(180deg,rgba(13,13,15,.72) 0%,rgba(13,13,15,.38) 30%,rgba(13,13,15,.62) 55%,rgba(13,13,15,.9) 75%,rgba(13,13,15,.96) 100%)}
.ecran-service .ecran-photo{aspect-ratio:16/9}
}
.section{padding-block:var(--e-6)}
.section.serre{padding-block:min(var(--e-5),var(--e-6))}
.clair+.section.clair,.chrome+.section.chrome,.fonce+.section.fonce{padding-top:0}
.ecran-service .ecran-grille{min-height:clamp(27rem,58svh,34rem)}
@media (max-width:900px){.ecran-service .ecran-grille{min-height:0}}
.ecran .fil{color:var(--acier)}
.ecran-texte .fil+h1{margin-top:calc(var(--e-2) - var(--e-4))}
.onglets{display:none}
.js .onglets{display:flex;gap:0;margin-bottom:var(--e-4);border-bottom:1px solid var(--filet);overflow-x:auto;scrollbar-width:none}
.onglet{position:relative;flex:none;min-height:var(--haut-cible);padding:.75rem 1.25rem;border:0;background:none;color:var(--acier-fonce);font:600 var(--t-grand)/1.2 var(--f-texte);cursor:pointer}
.onglet:first-child{padding-left:0}
.onglet[aria-selected="true"]{color:var(--noir)}
.onglet:hover{color:var(--noir)}
.onglet:focus-visible{outline:3px solid var(--rouge);outline-offset:-3px}
.services-liste{display:grid;gap:var(--e-5)}
.services-liste .bloc-service{padding:0;border:0;gap:var(--e-3) var(--e-5);align-items:start}
.services-liste .bloc-texte h3{margin-top:-.19em}
@media (max-width:900px){.services-liste .bloc-service{grid-template-columns:minmax(0,1fr)}.services-liste .bloc-texte h3{margin-top:0}}
.services-liste .bloc-photo img,.services-liste .bloc-photo .ph{aspect-ratio:3/2}
.services-liste .bloc-texte{gap:var(--e-3)}
.js .services-liste{gap:0}
@media (max-width:760px){.onglet{padding:.75rem .9rem;font-size:1rem}}
.js .onglets{position:relative}
.onglets-curseur{position:absolute;left:0;bottom:-1px;width:var(--curseur-l,0);height:3px;background:var(--rouge);
transform:translateX(var(--curseur-x,0));transition:transform var(--duree-cran) var(--cran),width var(--duree-cran) var(--cran)}
.bloc-photo picture{display:block}
.titre-section{margin-bottom:var(--e-4)}
.atelier{background:var(--chrome)}
.atelier-grille{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-template-areas:
"tete tete tete tete a a a a a a a a" "tete tete tete tete b b b b c c c c";gap:var(--e-4) var(--e-3);align-items:start}
.atelier-tete{grid-area:tete;display:grid;gap:var(--e-2);align-self:start}
.atelier-tete h2{margin-top:-.19em}
.atelier-tete p{margin:0;max-width:22rem;font-size:var(--t-grand);color:var(--acier-fonce)}
.atelier-a{grid-area:a}.atelier-b{grid-area:b}.atelier-c{grid-area:c}
.atelier-photo{display:grid;gap:.6rem;margin:0}
.atelier-photo img,.atelier-photo .ph{display:block;width:100%;height:auto;object-fit:cover}
.atelier-a img{aspect-ratio:3/2}.atelier-b img,.atelier-c img{aspect-ratio:4/3}
@media (max-width:900px){
.atelier-grille{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"tete tete" "a a" "b c";gap:var(--e-3)}
.atelier-tete h2{margin-top:0}
}
.bloc-texte h3{font-size:clamp(1.35rem,1.15rem + .8vw,1.85rem)}
.porte{margin:0;color:var(--acier-fonce);font-size:var(--t-pt)}
.bloc-service{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:var(--e-3) var(--e-5);align-items:center;padding-block:var(--e-5);border-top:1px solid var(--filet);scroll-margin-top:calc(var(--haut-menu) + var(--e-2))}
.bloc-service:first-child{padding-top:0;border-top:0}
.bloc-photo{margin:0}
.bloc-photo img,.bloc-photo .ph{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}
.bloc-texte{display:grid;gap:var(--e-3);justify-items:start}
.bloc-texte .fiche{width:100%}
@media (max-width:760px){.bloc-service{grid-template-columns:minmax(0,1fr);padding-block:var(--e-4)}.bloc-photo img,.bloc-photo .ph{aspect-ratio:16/9}}
.service-corps{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,.65fr);gap:var(--e-5);align-items:start}
.service-corps:not(:has(.service-video)){grid-template-columns:minmax(0,52rem)}
.service-essentiel{display:grid;gap:var(--e-4);justify-items:start}
.service-essentiel .fiche{width:100%}
.service-video{display:grid;gap:var(--e-3)}
.service-video .lecteur{width:min(100%,19rem)}
.fiche{display:grid;margin:0;border-top:1px solid var(--filet)}
.fiche>div{display:grid;grid-template-columns:minmax(0,11rem) minmax(0,1fr);gap:.25rem var(--e-3);padding:.85rem 0;border-bottom:1px solid var(--filet)}
.fiche dt{padding-top:.25rem;font:600 var(--t-ui)/1.4 var(--f-texte);color:var(--acier-fonce)}
.fiche dd{margin:0}
.fiche dd .ac{margin-left:0}
.fiche dd a{color:var(--rouge-texte)}
.clair .cas-liste{border-top-color:var(--filet)}
.clair .cas{border-bottom-color:var(--filet)}
.clair .cas-sujet{color:var(--acier-fonce)}
.clair .cas-a-venir .cas-accroche{color:var(--acier-fonce)}
@media (max-width:900px){.service-corps{grid-template-columns:minmax(0,1fr)}.service-video .lecteur{width:min(100%,15rem)}}
@media (max-width:560px){.fiche>div{grid-template-columns:minmax(0,1fr)}}
.lecteur{aspect-ratio:9/16;background:var(--carbone)}
.lecteur video,.lecteur .ph{width:100%;height:100%;object-fit:cover}
.etiquette{font:600 var(--t-ui)/1.4 var(--f-texte);color:var(--acier-fonce)}
.fonce .etiquette{color:var(--acier)}
.cas-liste{list-style:none;margin:0;padding:0;border-top:1px solid var(--filet-fonce)}
.cas{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:.35rem var(--e-3);width:100%;padding:1rem 0;border:0;border-bottom:1px solid var(--filet-fonce);background:none;color:inherit;font:inherit;text-align:left}
button.cas{cursor:pointer}
.cas::before{content:"";position:absolute;left:0;right:0;top:-1px;height:2px;background:var(--rouge);opacity:0;transition:opacity var(--duree) linear}
.cas-accroche{font:600 clamp(1rem,.95rem + .3vw,1.15rem)/1.35 var(--f-texte)}
.cas-sujet{font:600 var(--t-ui)/1.4 var(--f-texte);color:var(--acier)}
.cas-a-venir .cas-accroche{color:#C7C8CC}
.cas-a-venir .ac{grid-column:1/-1;justify-self:start;margin-left:0}
button.cas:hover::before,button.cas:focus-visible::before,button.cas[aria-pressed="true"]::before{opacity:1}
button.cas:focus-visible{outline-offset:-3px}
.avis-grille{display:grid;gap:var(--e-5)}
.avis-tete{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:var(--e-2) var(--e-4)}
.avis-note{display:flex;flex-wrap:wrap;align-items:baseline;gap:.4rem .75rem;margin:0;color:var(--acier)}
.avis-note b{font:700 clamp(2rem,1.6rem + 1.5vw,2.75rem)/1 var(--f-texte);color:var(--blanc)}
.avis-note-discrete span:not(.etoiles){font-weight:600;color:var(--blanc)}
.etoiles{color:var(--rouge);letter-spacing:.12em;margin:0}
.avis-liste{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));gap:var(--e-4) var(--e-5);list-style:none;margin:0;padding:0}
.avis-carte{display:grid;grid-template-rows:auto 1fr auto;gap:var(--e-2)}
.avis-carte .etoiles{font-size:.85rem}
.avis-carte blockquote{margin:0;font-size:var(--t-grand);line-height:1.5}
.avis-court blockquote{font:700 clamp(1.6rem,1.15rem + 1.6vw,2.5rem)/1.12 var(--f-texte);letter-spacing:-.015em;text-wrap:balance}
.avis a{color:var(--blanc);text-decoration-thickness:1px;text-underline-offset:.25em}
.avis a:hover{text-decoration-thickness:2px}
.avis-auteur{display:flex;align-items:center;gap:.75rem;margin:0;font-size:var(--t-pt);line-height:1.35;color:var(--acier)}
.avis-auteur a{font-weight:600}
.initiale{display:grid;place-items:center;width:2.25rem;height:2.25rem;flex:none;border-radius:50%;background:var(--filet-fonce);color:var(--blanc);font:600 .95rem/1 var(--f-texte)}
.avis-vide p:not(.etoiles){color:var(--acier)}
.avis-source{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.35rem var(--e-3);padding-top:var(--e-3);border-top:1px solid var(--filet-fonce);font-size:var(--t-pt);color:var(--acier)}
.avis-source p{margin:0}
@media (max-width:600px){.avis-grille{gap:var(--e-4)}}
.videos .cadre{display:grid;justify-items:center;gap:var(--e-4)}
.videos .titre-section{margin:0}
.videos-liste{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--e-4);width:100%;list-style:none;margin:0;padding:0}
.video{width:min(100%,22rem)}
.video-ouvrir,.video-lecteur{position:relative;display:block;width:100%;aspect-ratio:9/16;background:var(--noir);
box-shadow:0 1px 2px rgba(13,13,15,.10),0 22px 44px -22px rgba(13,13,15,.5)}
.video-ouvrir picture,.video-ouvrir img{display:block;width:100%;height:100%;object-fit:cover}
.video-lecteur{height:auto;object-fit:contain}
.video-erreur{display:grid;gap:1rem;margin-top:1rem;text-align:left}
.video-erreur p{margin:0}
.video-erreur .btn{justify-self:start}
.video-erreur a{text-decoration:underline;text-underline-offset:.2em}
.video-jouer{position:absolute;left:var(--e-2);bottom:var(--e-2);display:grid;place-items:center;width:3.5rem;height:3.5rem;background:var(--rouge);color:var(--blanc);transition:background-color var(--duree) linear}
.video-jouer svg{width:1.4rem;height:1.4rem;fill:currentColor;margin-left:.15rem}
.video-ouvrir:hover .video-jouer{background:var(--rouge-fonce)}
.tete-page{padding-block:calc(var(--logo) - var(--haut-menu) + var(--e-4)) var(--e-4)}
.tete-page .cadre{display:grid;gap:var(--e-3)}
.cadre.colonne{max-width:calc(52rem + 2 * var(--gouttiere))}
.tete-page p{max-width:38rem;font-size:var(--t-grand);color:var(--acier)}
.choix-contact{display:grid;gap:var(--e-2);padding-top:var(--e-3);border-top:1px solid var(--filet-fonce)}
.tete-page .choix-titre{margin:0;font-size:var(--t-pt);color:var(--acier)}
.choix-boutons{display:flex;flex-wrap:wrap;gap:var(--e-2)}
.choix-boutons .btn-appel svg{width:1.1rem;height:1.1rem;fill:currentColor;flex:none}
@media (max-width:600px){.choix-boutons{display:grid;grid-template-columns:minmax(0,1fr)}}
.fil{font-size:var(--t-pt)}
.fil a{color:var(--acier)}
.bon{display:grid;gap:var(--e-4);padding:clamp(1.25rem,1rem + 1.5vw,2.5rem);background:var(--blanc)}
.bon-tete{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.5rem var(--e-2);padding-bottom:var(--e-2);border-bottom:3px solid var(--rouge)}
.bon-titre{font:700 clamp(1.25rem,1.1rem + .5vw,1.5rem)/1.2 var(--f-texte);letter-spacing:-.01em}
.bon-date{color:var(--acier-fonce);font-variant-numeric:tabular-nums}
.bon-partie{display:grid;gap:.6rem;min-width:0;margin:0;padding:0;border:0}
.bon-partie legend{float:left;width:100%;margin-bottom:.75rem;padding:0;font:600 var(--t-ui)/1.3 var(--f-texte);color:var(--acier-fonce)}
.facultatif{font:400 var(--t-ui)/1.4 var(--f-texte);text-transform:none;letter-spacing:0;color:var(--acier-fonce)}
.cellules{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
.cellules-vehicule{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}
.cellules .cellule+.cellule{border-left:0}
.cellule{position:relative;display:grid;gap:.1rem;padding:.55rem .8rem .3rem;border:1px solid var(--bord-champ);background:var(--blanc)}
.cellule label{font-size:var(--t-ui);font-weight:600;color:var(--acier-fonce)}
.cellule input,.cellule textarea{width:100%;min-height:var(--haut-cible);padding:.2rem 0 .35rem;border:0;background:transparent;color:var(--noir);font:inherit;font-size:var(--t-txt);outline:none;resize:vertical}
.cellule ::placeholder{color:#75777C;opacity:1}
.cellule:focus-within{z-index:1;outline:3px solid var(--rouge);outline-offset:-1px}
.cellule:has([aria-invalid="true"]){box-shadow:inset 0 -3px 0 var(--rouge-texte)}
.erreur{color:var(--rouge-texte);font-size:var(--t-pt);font-weight:600}
.erreur:empty{display:none}
.cases{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,15rem),1fr));gap:0 var(--e-3)}
.cases label{position:relative;display:flex;align-items:center;min-height:var(--haut-cible);cursor:pointer;font-weight:500}
.cases input{position:absolute;opacity:0;width:1px;height:1px}
.cases span{position:relative;padding-left:2.2rem;line-height:1.35}
.cases span::before{content:"";position:absolute;left:0;top:50%;width:1.375rem;height:1.375rem;margin-top:-.6875rem;border:1.5px solid var(--noir);background:var(--blanc)}
.cases span::after{content:"";position:absolute;left:.3rem;top:50%;width:.8rem;height:.8rem;margin-top:-.4rem;background:var(--blanc);
clip-path:polygon(12% 46%,0 60%,38% 96%,100% 20%,86% 6%,37% 70%);transform:scale(0);transition:transform .16s steps(2,end)}
.cases input:checked+span::before{background:var(--rouge);border-color:var(--rouge)}
.cases input:checked+span::after{transform:scale(1)}
.cases input:focus-visible+span::before{outline:3px solid var(--noir);outline-offset:2px}
.bon-pied{display:grid;gap:var(--e-3);justify-items:start;padding-top:var(--e-3);border-top:1px solid var(--filet)}
.consent{font-size:var(--t-pt);color:var(--acier-fonce)}
#resultat:not(:empty){margin-top:var(--e-3)}
.confirmation{display:grid;gap:var(--e-1);padding:var(--e-3);background:var(--noir);color:var(--blanc);box-shadow:inset 4px 0 0 var(--rouge)}
.bon .btn{white-space:normal;text-align:left}
@media (max-width:560px){
.cellules,.cellules-vehicule{grid-template-columns:1fr}
.cellules .cellule+.cellule{border-left:1px solid var(--bord-champ);border-top:0}
.bon .btn{width:100%}
}
.politique{display:grid;gap:var(--e-4)}
.politique>div{display:grid;gap:var(--e-2)}
.politique h2{font-size:var(--t-3)}
.introuvable{min-height:70svh;display:grid;align-items:center;padding-block:calc(var(--logo) - var(--haut-menu) + var(--e-4)) var(--e-5)}
.introuvable .cadre{display:grid;gap:var(--e-3);width:100%}
.introuvable .grand{max-width:32rem;color:var(--acier)}
.diagnostic{max-width:34rem}
.diagnostic>div{align-items:baseline}
.code-lu{font:700 clamp(1.9rem,1.5rem + 1.6vw,2.75rem)/1 var(--f-texte);letter-spacing:.04em;color:var(--blanc)}
.pied{background:var(--noir);color:var(--blanc)}
.venir-bande{position:relative;overflow:hidden}
.venir{padding-block:var(--e-5)}
.venir-texte{display:grid;gap:var(--e-3);justify-items:start;width:min(100%,52%)}
.venir-texte .etiquette{margin:0}
.venir-adresse{margin:0;font:700 clamp(1.5rem,1.2rem + 1.2vw,2.25rem)/1.2 var(--f-texte);letter-spacing:-.015em;text-transform:none}
.porte{margin:0;color:var(--acier);font-size:var(--t-pt)}
.fiche-sombre{width:100%;border-top-color:var(--filet-fonce)}
.fiche-sombre>div{grid-template-columns:minmax(0,8rem) minmax(0,1fr);border-bottom-color:var(--filet-fonce);padding:.7rem 0}
.fiche-sombre dt{color:var(--acier)}
.fiche-sombre dd{line-height:1.5}
.fiche-sombre dd a{color:var(--blanc);text-underline-offset:.2em}
.fiche-sombre .lien-tel,.fiche-sombre .tel-affiche{font-size:clamp(1.15rem,1.05rem + .4vw,1.35rem);text-decoration:none}
.fiche-sombre .ac{margin-left:0}
.heures span{display:block;color:var(--acier);font-size:var(--t-pt)}
.venir-conseil{margin:0;max-width:34rem;color:var(--acier);font-size:var(--t-pt)}
.venir-conseil:empty{display:none}
.venir-actions{display:flex;flex-wrap:wrap;gap:var(--e-2)}
@media (max-width:600px){.venir-actions{display:grid;grid-template-columns:minmax(0,1fr);width:100%}}
.etat-pied{display:flex!important;align-items:center;gap:.5rem;margin-top:.35rem;font-weight:600}
.etat-pied[hidden]{display:none!important}
.etat-pied::before{content:"";width:.55rem;height:.55rem;border-radius:50%;background:var(--acier);flex:none}
.etat-pied.ouvert::before{background:#3DD68C}
.venir-photo{position:absolute;top:0;right:0;bottom:0;width:42%;margin:0}
.venir-photo img,.venir-photo .ph,.venir-photo picture{display:block;width:100%;height:100%;object-fit:cover;aspect-ratio:auto}
.pied-bas{background:var(--noir);color:var(--acier);font-size:var(--t-ui)}
.pied-bas .cadre{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--e-1) var(--e-3);padding-block:var(--e-2)}
.pied-liens{display:flex;flex-wrap:wrap;gap:0 var(--e-3)}
.pied-bas a{display:inline-flex;align-items:center;min-height:var(--haut-cible);color:var(--blanc);text-decoration:none}
.pied-bas a:hover{text-decoration:underline}
@media (max-width:600px){.pied-bas .cadre{justify-content:center;text-align:center}.pied-liens{justify-content:center}}
@media (max-width:900px){
.venir-texte{width:100%}
.venir{padding-block:var(--e-4)}
.venir-photo{position:static;width:auto}
.venir-photo img,.venir-photo .ph{aspect-ratio:16/9;height:auto}
}
.barre-mobile{display:none}
.barre-mobile.un-seul{grid-template-columns:minmax(0,1fr)}
.barre-mobile svg{width:1.1rem;height:1.1rem;fill:currentColor;flex:none}
@media (max-width:860px){
.barre-mobile{position:fixed;left:0;right:0;bottom:0;z-index:60;display:grid;grid-template-columns:auto 1fr;gap:var(--e-1);padding:.6rem var(--gouttiere) calc(.6rem + env(safe-area-inset-bottom,0px));background:var(--noir);color:var(--blanc);border-top:1px solid var(--filet-fonce)}
.barre-mobile{transition:opacity .2s linear,visibility 0s}
.js .cta-en-vue .barre-mobile{opacity:0;visibility:hidden;transition:opacity .2s linear,visibility 0s .2s}
.barre-mobile .btn{min-width:0;font-size:var(--t-ui);white-space:normal}
body.avec-barre{padding-bottom:calc(4.5rem + env(safe-area-inset-bottom,0px))}
.page-rdv .barre-mobile{display:none}
body.page-rdv{padding-bottom:0}
}
@media (max-width:400px){
.barre-mobile{grid-template-columns:3.25rem minmax(0,1fr)}
.barre-mobile .btn:not(.btn-contour){justify-content:center;padding:0 .75rem;letter-spacing:.02em}
.barre-mobile .btn-ico{display:none}
.barre-mobile .btn-contour{padding:0;font-size:0;gap:0}
.barre-mobile .btn-contour svg{width:1.25rem;height:1.25rem}
}
@media (min-width:1441px){html{font-size:clamp(100%,.3077rem + .7692vw,112.5%)}}
@media (min-width:2000px){html{font-size:clamp(112.5%,.5rem + .5vw,125%)}}
@media (prefers-reduced-motion:reduce){
*,*::before,*::after{transition:none!important;animation:none!important}
}
@media (forced-colors:active){
.cases input:checked+span::before{background:Highlight;border-color:Highlight}
.cases input:checked+span::after{background:HighlightText}
.cas::before,.onglets-curseur{background:Highlight}
.horaire .aujourdhui th{border-left:4px solid Highlight}
.ph{border:1px solid CanvasText}
.btn{border:2px solid ButtonText}
}
@media print{
.entete,.barre-mobile,.saut{display:none}
.fonce,.pied{background:none;color:#000}
}
