/* Feuille de style du site — RÉGÉNÉRÉE à chaque publication depuis l'éditeur Leopar. Vos ajouts : assets/css/site-ajout.css (chargée après, jamais régénérée). */
/* bloc 1 */
dialog.mentions{border:0;border-radius:18px;padding:0;max-width:min(92vw,520px);color:#141414;background:#fff}dialog.mentions::backdrop{background:rgba(0,0,0,.5)}.mentions-in{padding:22px 22px 16px;font-size:14.5px;line-height:1.55}.mentions-in h2{margin:0 0 10px;font-size:20px}.mentions-in p{margin:0 0 10px}*,*::before,*::after{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;color:#141414;background:#fbfaf8;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}.page{position:relative;min-height:100vh;min-height:100svh;overflow-x:clip}.page.sombre{min-height:100vh}.bloc{padding:0 clamp(18px,5vw,56px)}.pg{display:none}.pg.on{display:block}a{color:inherit}.s-contact p a{text-decoration:none;font-weight:600}button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}.s-btn,.moyens span,.chips span,.jours span,.creneaux span,.burger,.nom-site,nav a{cursor:pointer}html{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* LEOPAR V3 — CATALOGUE DES BLOCS d'un site (20/10/2026, demande de François : « créer tous les blocs possibles avant de faire
   quoi que ce soit » ; plus tard, le moteur choisira lesquels placer selon ce que dit le client).
   Ces styles habillent le SITE DU CLIENT (dans le cadre), pas l'interface Leopar. Couleurs : --c1 (foncée), --c2 (accent), posées sur .page.
   Chaque bloc = <section class="bloc s-xxx">, marges latérales données par .bloc ; .plein = pleine largeur. */

/* BASE DES BLOCS (déplacée de index.html le 21/10 : une seule source pour l'éditeur ET le site publié, config/site-build-v3.php) */
.s-head{position:sticky;top:0;z-index:5;background:var(--barre,#fff);color:var(--barre-ink,inherit);display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:12px;padding-bottom:12px;font-weight:800;font-size:17px;line-height:1.2}
.s-hero{padding-top:28px;padding-bottom:28px;display:grid;gap:14px}
.s-hero h1{margin:0;font-size:clamp(26px,5vw,44px);line-height:1.08;letter-spacing:-.02em;font-weight:800}
.s-hero p{margin:0;font-size:15px;color:#444;max-width:40ch;line-height:1.5}
.s-hero .cta{display:inline-block;width:max-content;background:var(--c1,#111);color:#fff;border-radius:999px;padding:11px 20px;font-weight:700;font-size:14px}
.s-photo{padding-top:4px;padding-bottom:22px}
.s-photo div{height:clamp(140px,26vw,260px);border-radius:14px;background:linear-gradient(135deg,var(--c1,#111),var(--c2,#555))}
.s-serv{padding-top:6px;padding-bottom:22px}
.s-serv h2,.s-avis h2,.s-contact h2{margin:0 0 12px;font-size:19px;font-weight:800}
.s-serv ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}
.s-serv li{border:1.5px solid #e5e3dd;border-radius:12px;padding:14px;font-size:14px;line-height:1.4}
.s-serv li b{display:block;margin-bottom:4px}
.s-avis{padding-top:4px;padding-bottom:22px}
.s-avis blockquote{margin:0;background:#f6f5f1;border-radius:12px;padding:14px;font-size:14px;line-height:1.5;color:#333}
.s-avis blockquote small{display:block;margin-top:8px;color:#777}
.s-contact{padding-top:4px;padding-bottom:30px;display:grid;gap:12px}
.s-contact .carte{height:120px;border-radius:12px;background:#e9efe2 repeating-linear-gradient(45deg,transparent 0 18px,rgba(0,0,0,.05) 18px 20px)}
.s-contact p{margin:0;font-size:14px;color:#444;line-height:1.6}
.s-contact .moyens{display:flex;flex-wrap:wrap;gap:8px}
.s-contact .moyens span{border:1.5px solid var(--c1,#111);color:var(--c1,#111);border-radius:999px;padding:8px 14px;font-size:13px;font-weight:700}
.s-contact .moyens span.plein{background:var(--c1,#111);color:#fff}
.s-contact .form{display:grid;gap:8px}
.s-contact .form i{display:block;height:38px;border:1.5px solid #e5e3dd;border-radius:10px}
.s-contact .form i.grand{height:70px}
.s-galerie{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px;padding-top:4px;padding-bottom:22px}
.s-galerie div{aspect-ratio:1;border-radius:10px}
.s-foot{padding-top:14px;padding-bottom:22px;font-size:12px;color:#888;border-top:1px solid #eee}
.bloc.plein{padding-left:0;padding-right:0}
.s-in{padding:0 clamp(18px,5vw,56px)}
.s-titre{margin:0 0 6px;font-size:22px;font-weight:800;letter-spacing:-.01em;line-height:1.15}
.s-chapo{margin:0 0 16px;font-size:14px;color:#555;line-height:1.5;max-width:46ch}
.s-btn{display:inline-block;width:max-content;background:var(--c1,#111);color:#fff;border-radius:999px;padding:11px 20px;font-weight:700;font-size:14px}
.s-btn.creux{background:transparent;color:var(--c1,#111);box-shadow:inset 0 0 0 1.5px var(--c1,#111)}
.s-btn.clair{background:#fff;color:var(--c1,#111)}
.ph{background:#e9e7e1 center/cover no-repeat;border-radius:14px}
.etiq{display:table;margin:34px auto 12px;padding:6px 12px;border-radius:999px;background:#f1efe9;color:#7a7784;font:700 11px/1 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;letter-spacing:.06em;text-transform:uppercase}
.etiq:first-child{margin-top:16px}

/* 1 bandeau d'annonce */
.s-annonce{background:var(--c2,#c9a227);color:#111;text-align:center;font-size:13px;font-weight:700;padding:10px 16px}
/* 3 en-tête avec bouton d'appel */
.s-head2{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:14px;padding-bottom:14px;border-bottom:1px solid #eee}
.s-head2 b{font-size:17px;font-weight:800}
.s-head2 .s-btn{padding:9px 14px;font-size:13px}
.s-head2 span{display:flex;align-items:center;gap:14px}
/* 5 hero photo plein fond */
.s-herofond{position:relative;min-height:340px;display:flex;align-items:flex-end;color:#fff}
.s-herofond .ph{position:absolute;inset:0;border-radius:0}
.s-herofond::after{content:'';position:absolute;inset:0;background:linear-gradient(rgba(0,0,0,.28),rgba(0,0,0,.74))}   /* voile sur toute la photo : titre lisible même sur une photo chargée (20/10) */
.s-herofond .s-in{position:relative;z-index:1;padding-bottom:28px;display:grid;gap:12px}
.s-herofond h1{text-shadow:0 2px 18px rgba(0,0,0,.35);margin:0;font-size:clamp(28px,6vw,46px);line-height:1.05;letter-spacing:-.02em}
.s-herofond p{margin:0;font-size:15px;opacity:.9;max-width:36ch}
/* 6 hero deux colonnes */
.s-herosplit{display:grid;gap:18px;padding-top:24px;padding-bottom:24px}
.s-herosplit h1{margin:0;font-size:clamp(26px,5vw,40px);line-height:1.08;letter-spacing:-.02em}
.s-herosplit p{margin:0;color:#444;font-size:15px;line-height:1.5}
.s-herosplit .ph{min-height:220px}
.s-herosplit .txt{display:grid;gap:12px;align-content:center}
@container (min-width:640px){.s-herosplit{grid-template-columns:1fr 1fr}}
/* 7 hero diaporama  /  26 carrousel */
.defile{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.defile::-webkit-scrollbar{display:none}
.defile>*{flex:0 0 100%;scroll-snap-align:start}
.points{display:flex;justify-content:center;gap:6px;padding:10px 0 0}
.points i{width:7px;height:7px;border-radius:50%;background:#d8d6d0}
.points i.on{background:var(--c1,#111);width:18px;border-radius:4px}
.s-slider .diapo{position:relative;height:320px;color:#fff;display:flex;align-items:flex-end}
.s-slider .diapo .ph{position:absolute;inset:0;border-radius:0}
.s-slider .diapo::after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 35%,rgba(0,0,0,.6))}
.s-slider .diapo div:last-child{position:relative;z-index:1;padding:0 clamp(18px,5vw,56px) 26px}
.s-slider h2{margin:0 0 6px;font-size:26px;letter-spacing:-.02em}
.s-slider p{margin:0;font-size:14px;opacity:.9}
.s-carrousel .defile{gap:10px;scroll-padding:0 clamp(18px,5vw,56px);padding:0 clamp(18px,5vw,56px)}
.s-carrousel .defile>*{flex:0 0 78%;height:220px}
/* 8 à propos deux colonnes */
.s-apropos{display:grid;gap:18px;padding-top:10px;padding-bottom:24px}
.s-apropos .ph{min-height:240px}
.s-apropos p{margin:0 0 10px;font-size:14px;line-height:1.6;color:#444}
.s-apropos .sign{font-family:Georgia,serif;font-style:italic;font-size:18px;color:#111}
@container (min-width:640px){.s-apropos{grid-template-columns:1fr 1.1fr;align-items:center}}
/* 9 portrait */
.s-portrait{text-align:center;padding-top:10px;padding-bottom:26px;display:grid;justify-items:center;gap:12px}
.s-portrait .ph{width:120px;height:120px;border-radius:50%}
.s-portrait blockquote{margin:0;font-family:Georgia,serif;font-size:19px;line-height:1.4;max-width:30ch}
.s-portrait small{color:#777;font-size:13px}
/* 10 chiffres clés */
.s-chiffres{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding-top:6px;padding-bottom:24px}
.s-chiffres div{background:#f6f5f1;border-radius:14px;padding:14px 8px;text-align:center}
.s-chiffres b{display:block;font-size:clamp(22px,6vw,30px);font-weight:800;letter-spacing:-.02em;color:var(--c1,#111)}
.s-chiffres span{font-size:13px;color:#555}
/* 11 points forts */
/* points forts (refait le 20/10, François : « totalement inesthétique » avec les gros carrés sombres) : encadré clair,
   3 lignes séparées par un filet, petite coche dans un rond de la couleur du site ; 3 colonnes quand il y a la place */
.s-atouts{padding-top:22px;padding-bottom:24px}
.s-atouts .liste{background:#f6f5f1;border-radius:18px;padding:4px 18px}
.s-atouts .at{display:grid;grid-template-columns:26px 1fr;column-gap:14px;padding:16px 0;border-bottom:1px solid #e8e6e0}
.s-atouts .at:last-child{border-bottom:0}
.s-atouts .at i{grid-row:span 2;width:26px;height:26px;margin-top:1px;border-radius:50%;background:var(--c2,#c9a227);color:#fff;display:grid;place-items:center}
.s-atouts .at i svg{width:13px;height:13px}
.s-atouts b{font-size:15px;line-height:1.3}
.s-atouts span{font-size:13.5px;color:#666;line-height:1.45;margin-top:2px}
@container (min-width:640px){.s-atouts .liste{display:grid;grid-template-columns:repeat(3,1fr);gap:0 22px;padding:6px 22px}.s-atouts .at{border-bottom:0}}
/* 12 logos */
.s-logos{padding-top:6px;padding-bottom:24px;text-align:center}
.s-logos p{margin:0 0 12px;font-size:12px;color:#888;text-transform:uppercase;letter-spacing:.08em;font-weight:700}
.s-logos div{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 24px}
.s-logos span{font-weight:800;font-size:16px;color:#9a978f;letter-spacing:.02em}
/* 13 équipe */
.s-equipe .grille3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.s-equipe .ph{aspect-ratio:3/4}
.s-equipe b{display:block;margin-top:8px;font-size:15px}
.s-equipe span{font-size:13px;color:#666}
.s-equipe{padding-top:6px;padding-bottom:24px}
/* 15 prestations avec prix */
.s-tarifs{padding-top:6px;padding-bottom:24px}
.s-tarifs ul{list-style:none;margin:0;padding:0}
.s-tarifs li{display:flex;align-items:baseline;gap:8px;padding:11px 0;border-bottom:1px dashed #ddd;font-size:15px}
.s-tarifs li span{flex:1;overflow:hidden;white-space:nowrap}
.s-tarifs li small{display:block;color:#777;font-size:12px}
.s-tarifs li b{white-space:nowrap}
/* 16 formules */
.s-formules{padding-top:6px;padding-bottom:24px}
.s-formules .trois{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px}
.s-formules .f{border:1.5px solid #e5e3dd;border-radius:16px;padding:18px;display:grid;gap:10px;align-content:start}
.s-formules .f.top{border-color:var(--c1,#111);box-shadow:0 10px 30px -18px rgba(0,0,0,.4)}
.s-formules .f em{font-style:normal;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--c1,#111)}
.s-formules .f b{font-size:28px;letter-spacing:-.02em}
.s-formules .f b small{font-size:13px;color:#777;font-weight:500}
.s-formules .f ul{margin:0;padding-left:18px;font-size:13px;color:#444;line-height:1.7}
/* 17 menu de restaurant */
.s-menu{padding-top:6px;padding-bottom:24px}
.s-menu h3{margin:18px 0 6px;font-family:Georgia,serif;font-style:italic;font-weight:400;font-size:19px;color:var(--c1,#111)}
.s-menu .plat{display:flex;gap:10px;padding:8px 0}
.s-menu .plat div{flex:1}
.s-menu .plat b{font-size:15px}
.s-menu .plat small{display:block;color:#777;font-size:13px;line-height:1.4}
.s-menu .plat span{font-weight:700}
/* 18 articles à vendre (2 colonnes) */
.s-produits{padding-top:6px;padding-bottom:24px}
.s-produits .deux{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.s-produits .ph{aspect-ratio:1}
.s-produits b{display:block;margin-top:8px;font-size:14px;line-height:1.3}
.s-produits .prix{display:flex;align-items:center;justify-content:space-between;margin-top:4px;font-size:14px;font-weight:700}
.s-produits .prix i{font-style:normal;width:30px;height:30px;border-radius:50%;background:var(--c1,#111);color:#fff;display:grid;place-items:center;font-size:18px;font-weight:400}
/* 19 produit mis en avant */
.s-produit{display:grid;gap:16px;padding-top:6px;padding-bottom:24px}
.s-produit .ph{aspect-ratio:4/3}
.s-produit .txt{display:grid;gap:10px;align-content:center}
.s-produit .prix{font-size:26px;font-weight:800}
.s-produit .prix s{font-size:15px;color:#999;font-weight:500;margin-left:6px}
.s-produit p{margin:0;font-size:14px;color:#444;line-height:1.5}
@container (min-width:640px){.s-produit{grid-template-columns:1fr 1fr}}
/* 20 avant / après */
.s-avantapres{padding-top:6px;padding-bottom:24px}
.s-avantapres .cmp{position:relative;height:240px;border-radius:14px;overflow:hidden}
.s-avantapres .cmp .ph{position:absolute;inset:0;border-radius:0}
.s-avantapres .cmp .apres{clip-path:inset(0 0 0 var(--pos,50%))}
.s-avantapres .cmp .trait{position:absolute;top:0;bottom:0;left:var(--pos,50%);width:3px;margin-left:-1.5px;background:#fff;pointer-events:none}
.s-avantapres .cmp .trait::after{content:'⇆';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:34px;height:34px;border-radius:50%;background:#fff;display:grid;place-items:center;font-size:16px}
.s-avantapres .cmp em{position:absolute;top:10px;font-style:normal;font-size:11px;font-weight:800;text-transform:uppercase;background:rgba(0,0,0,.55);color:#fff;border-radius:999px;padding:5px 9px}
.s-avantapres .cmp input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize;margin:0}
/* 21 étapes */
.s-etapes{padding-top:6px;padding-bottom:24px}
.s-etapes ol{list-style:none;margin:0;padding:0;display:grid;gap:14px;counter-reset:e}
.s-etapes li{display:grid;grid-template-columns:38px 1fr;gap:12px;align-items:start;counter-increment:e}
.s-etapes li::before{content:counter(e);width:38px;height:38px;border-radius:50%;background:var(--c1,#111);color:#fff;display:grid;place-items:center;font-weight:800}
.s-etapes b{display:block;font-size:15px;margin-top:2px}
.s-etapes span{font-size:13px;color:#555;line-height:1.45}
/* 22 zone d'intervention */
.s-zone{padding-top:6px;padding-bottom:24px}
.s-zone .villes{display:flex;flex-wrap:wrap;gap:8px}
.s-zone .villes span{background:#f6f5f1;border-radius:999px;padding:7px 12px;font-size:13px;font-weight:600}
/* 23 offre limitée */
.s-compte{background:var(--c1,#111);color:#fff;text-align:center;padding:24px 18px;display:grid;gap:12px;justify-items:center}
.s-compte b{font-size:20px}
.s-compte .cpt{display:flex;gap:8px}
.s-compte .cpt div{background:rgba(255,255,255,.12);border-radius:10px;padding:8px 10px;min-width:58px}
.s-compte .cpt strong{display:block;font-size:24px;font-variant-numeric:tabular-nums}
.s-compte .cpt small{font-size:11px;opacity:.8}
/* 24 galerie en grille / 25 mosaïque / 28 Instagram */
.s-grille{padding-top:6px;padding-bottom:24px}
.s-grille .g{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.s-grille .ph{aspect-ratio:1;border-radius:8px}
.s-mosaique{padding-top:6px;padding-bottom:24px}
.s-mosaique .m{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:70px;gap:6px}
.s-mosaique .ph{border-radius:8px}
/* mosaïque SANS TROU (François 20/10 : blanc en bas à droite) : motif de 6 photos qui remplit exactement 4 × 4 cases, répété ;
   la dernière photo s'étire selon sa place pour combler la fin, quel que soit le nombre (photos ajoutées comprises) */
.s-mosaique .m{grid-auto-flow:row dense}
.s-mosaique .ph:nth-child(6n+1){grid-column:span 2;grid-row:span 2}
.s-mosaique .ph:nth-child(6n+4){grid-column:span 2}
.s-mosaique .ph:nth-child(6n+5){grid-row:span 2}
.s-mosaique .ph:nth-child(6n+6){grid-column:span 3;grid-row:span 2}
.s-mosaique .ph:nth-child(6n+1):last-child{grid-column:span 4}
.s-mosaique .ph:nth-child(6n+2):last-child{grid-column:span 2;grid-row:span 2}
.s-mosaique .ph:nth-child(6n+2):nth-last-child(2),.s-mosaique .ph:nth-child(6n+3):last-child{grid-row:span 2}
.s-mosaique .ph:nth-child(6n+5):last-child{grid-column:span 4}
.s-insta{padding-top:6px;padding-bottom:24px}
.s-insta .tete{display:flex;align-items:center;gap:10px;margin-bottom:12px}
.s-insta .tete i{width:40px;height:40px;border-radius:50%;background:linear-gradient(45deg,#f9a825,#e1306c,#7b1fa2);padding:2px}
.s-insta .tete b{font-size:14px}
.s-insta .tete small{display:block;color:#777;font-size:12px;font-weight:400}
.s-insta .g{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3px}
.s-insta .ph{aspect-ratio:1;border-radius:0}
/* 27 vidéo */
.s-video{padding-top:6px;padding-bottom:24px}
.s-video .ecran{position:relative;aspect-ratio:16/9;border-radius:14px;overflow:hidden}
.s-video .ecran .ph{position:absolute;inset:0;border-radius:0;filter:brightness(.75)}
.s-video .ecran i{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:64px;height:64px;border-radius:50%;background:#fff;display:grid;place-items:center}
.s-video .ecran i::after{content:'';border-left:18px solid #111;border-top:11px solid transparent;border-bottom:11px solid transparent;margin-left:5px}
/* 29 note Google */
.s-note{padding-top:6px;padding-bottom:24px}
.s-note .n{display:flex;align-items:center;gap:14px;background:#f6f5f1;border-radius:16px;padding:16px}
.s-note .n b{font-size:38px;letter-spacing:-.03em}
.s-note .etoiles{color:#f4b400;font-size:18px;letter-spacing:2px}
.s-note small{display:block;color:#666;font-size:13px}
.s-note .g{width:38px;height:38px;border-radius:50%;background:#fff;display:grid;place-items:center;font-weight:800;color:#4285f4;margin-left:auto}
/* 30 avis en cartes défilantes */
.s-avis2{padding-top:6px;padding-bottom:24px}
.s-avis2 .defile{gap:10px}
.s-avis2 .defile>*{flex:0 0 82%;background:#f6f5f1;border-radius:14px;padding:16px;font-size:14px;line-height:1.5;color:#333}
.s-avis2 .etoiles{color:#f4b400;letter-spacing:2px;display:block;margin-bottom:6px}
.s-avis2 small{display:block;margin-top:8px;color:#777}
.demo{display:block;margin-top:10px;font-size:11px;color:#999}
/* 31 témoignage en grand */
.s-temoignage{padding-top:20px;padding-bottom:30px;text-align:center}
.s-temoignage blockquote{margin:0 auto;max-width:28ch;font-family:Georgia,serif;font-size:23px;line-height:1.35}
.s-temoignage blockquote::before{content:'“';display:block;font-size:60px;line-height:.6;color:var(--c2,#c9a227)}
.s-temoignage small{display:block;margin-top:14px;color:#777;font-size:13px}
/* 32 garanties */
.s-garanties{padding-top:6px;padding-bottom:24px}
.s-garanties ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.s-garanties li{display:flex;gap:12px;align-items:center;border:1.5px solid #e5e3dd;border-radius:14px;padding:12px 14px;font-size:14px}
.s-garanties li i{font-style:normal;width:34px;height:34px;flex:none;border-radius:50%;background:#e8f3ea;color:#2e7d32;display:grid;place-items:center;font-weight:800}
.s-garanties li small{display:block;color:#777;font-size:12px}
/* 33 FAQ */
.s-faq{padding-top:6px;padding-bottom:24px}
.s-faq details{border-bottom:1px solid #eee;padding:12px 0}
.s-faq summary{font-weight:700;font-size:15px;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:12px}
.s-faq summary::-webkit-details-marker{display:none}
.s-faq summary::after{content:'+';font-size:20px;line-height:1;color:var(--c1,#111)}
.s-faq details[open] summary::after{content:'−'}
.s-faq p{margin:8px 0 0;font-size:14px;color:#555;line-height:1.5}
/* 34 actualités */
.s-articles{padding-top:6px;padding-bottom:24px}
.s-articles .a{display:grid;grid-template-columns:96px 1fr;gap:12px;padding:10px 0;border-bottom:1px solid #eee}
.s-articles .ph{aspect-ratio:1;border-radius:10px}
.s-articles small{color:#888;font-size:12px}
.s-articles b{display:block;font-size:15px;line-height:1.3;margin:2px 0 4px}
.s-articles span{font-size:13px;color:#555;line-height:1.4}
/* 35 agenda */
.s-agenda{padding-top:6px;padding-bottom:24px}
.s-agenda .e{display:grid;grid-template-columns:58px 1fr;gap:12px;align-items:center;padding:10px 0;border-bottom:1px solid #eee}
.s-agenda .d{text-align:center;background:var(--c1,#111);color:#fff;border-radius:12px;padding:8px 0;line-height:1.1}
.s-agenda .d b{display:block;font-size:20px}
.s-agenda .d small{font-size:11px;text-transform:uppercase}
.s-agenda .e span{font-size:13px;color:#666}
.s-agenda .e strong{display:block;font-size:15px}
/* 36 documents */
.s-docs{padding-top:6px;padding-bottom:24px}
.s-docs a{display:flex;align-items:center;gap:12px;padding:12px;border:1.5px solid #e5e3dd;border-radius:14px;margin-bottom:8px;font-size:14px;font-weight:600;color:inherit;text-decoration:none}
.s-docs a i{font-style:normal;width:38px;height:44px;border-radius:6px;background:#fdecea;color:#c62828;display:grid;place-items:center;font-size:10px;font-weight:800}
.s-docs a small{display:block;font-weight:400;color:#888;font-size:12px}
/* 37 carte cadeau */
.s-cadeau{padding-top:6px;padding-bottom:24px}
.s-cadeau .carte-c{aspect-ratio:1.6;border-radius:16px;background:linear-gradient(135deg,var(--c1,#111),var(--c2,#c9a227));color:#fff;padding:18px;display:flex;flex-direction:column;justify-content:space-between;max-width:340px;box-shadow:0 18px 40px -22px rgba(0,0,0,.5)}
.s-cadeau .carte-c b{font-size:15px}
.s-cadeau .carte-c strong{font-size:34px;letter-spacing:-.02em}
.s-cadeau .montants{display:flex;gap:8px;margin:14px 0}
.s-cadeau .montants span{border:1.5px solid #e5e3dd;border-radius:999px;padding:7px 14px;font-weight:700;font-size:14px}
.s-cadeau .montants span.on{border-color:var(--c1,#111);background:var(--c1,#111);color:#fff}
/* 38 bandeau d'appel à l'action */
.s-cta{background:var(--c2,#c9a227);padding:26px 18px;text-align:center;display:grid;gap:12px;justify-items:center}
.s-cta b{font-size:21px;line-height:1.25;max-width:24ch}
/* 39 rendez-vous / 40 réservation */
.s-rdv,.s-resa{padding-top:6px;padding-bottom:24px}
.jours{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;margin-bottom:12px}
.jours span{flex:none;text-align:center;border:1.5px solid #e5e3dd;border-radius:12px;padding:8px 12px;font-size:12px;line-height:1.3}
.jours span b{display:block;font-size:17px}
.jours span.on{border-color:var(--c1,#111);background:var(--c1,#111);color:#fff}
.creneaux{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.creneaux span{text-align:center;border:1.5px solid #e5e3dd;border-radius:10px;padding:9px 0;font-size:13px;font-weight:700}
.creneaux span.off{color:#c8c5be;text-decoration:line-through}
.creneaux span.on{border-color:var(--c1,#111);color:var(--c1,#111);background:#f6f5f1}
.s-resa .lig{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:12px}
.s-resa .lig div{border:1.5px solid #e5e3dd;border-radius:12px;padding:10px;font-size:12px;color:#777}
.s-resa .lig b{display:block;color:#111;font-size:15px;margin-top:2px}
/* 41 devis / 42 contact / 45 newsletter : champs */
.s-devis,.s-form,.s-news{padding-top:6px;padding-bottom:24px}
.chps{display:grid;gap:8px}
.chp{border:1.5px solid #e5e3dd;border-radius:10px;padding:11px 12px;font-size:14px;color:#9a978f;background:#fff}
.chp.grand{height:84px}
.chips{display:flex;flex-wrap:wrap;gap:6px}
.chips span{border:1.5px solid #e5e3dd;border-radius:999px;padding:7px 12px;font-size:13px}
.chips span.on{border-color:var(--c1,#111);background:var(--c1,#111);color:#fff}
.s-news .ligne-n{display:flex;gap:8px}
.s-news .ligne-n .chp{flex:1}
.s-news .s-btn{border-radius:10px}
/* 43 coordonnées & horaires */
.s-horaires{padding-top:6px;padding-bottom:24px}
.s-horaires table{width:100%;border-collapse:collapse;font-size:14px}
.s-horaires td{padding:7px 0;border-bottom:1px solid #f0eee9}
.s-horaires td:last-child{text-align:right;font-variant-numeric:tabular-nums}
.s-horaires tr.auj td{font-weight:800}
.s-horaires .coord{display:grid;gap:4px;margin-bottom:14px;font-size:14px;line-height:1.5}
/* 44 plan d'accès */
.s-plan{padding-top:6px;padding-bottom:24px}
.s-plan .carte{position:relative;height:190px;border-radius:14px;background:#e9efe2 repeating-linear-gradient(45deg,transparent 0 18px,rgba(0,0,0,.05) 18px 20px)}
.s-plan .carte i{position:absolute;top:44%;left:50%;width:26px;height:26px;border-radius:50% 50% 50% 0;background:var(--c1,#111);transform:translate(-50%,-50%) rotate(-45deg)}
.s-plan p{margin:10px 0 0;font-size:14px;color:#444}
/* 46 réseaux sociaux */
.s-reseaux{padding-top:6px;padding-bottom:24px;text-align:center}
.s-reseaux div{display:flex;justify-content:center;gap:12px}
.s-reseaux span{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;color:#fff;font-weight:800;font-size:13px}
/* 47 barre d'appel fixe (mobile) : collée en bas de l'écran */
.s-barre{position:sticky;bottom:0;z-index:3;display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:10px 12px calc(10px + env(safe-area-inset-bottom,0px));background:rgba(255,255,255,.92);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-top:1px solid #eee}
.s-barre span{display:flex;align-items:center;justify-content:center;gap:8px;border-radius:999px;padding:12px;font-weight:700;font-size:14px;color:#fff;background:var(--c1,#111)}
.s-barre span.wa{background:#25d366}
/* 48 pied de page */
.s-pied{background:#151515;color:#bbb;padding:26px clamp(18px,5vw,56px) 30px;font-size:13px;line-height:1.7;display:grid;gap:14px}
.s-pied b{color:#fff;font-size:16px}
.s-pied .cols{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.s-pied small{color:#777}
.page{container-type:inline-size}
.etiq{border-radius:12px;text-align:center;line-height:1.3}
.etiq small{display:block;margin-top:4px;font-weight:500;text-transform:none;letter-spacing:0;font-size:11px}
.s-insta .tete i .ph{width:100%;height:100%;border-radius:50%;box-shadow:0 0 0 2px #fff inset}
/* blocs pleine largeur : .bloc.plein met les marges à 0, ceux qui portent du texte gardent un retrait intérieur */
.bloc.plein.s-pied{padding:26px clamp(18px,5vw,56px) 30px}
.bloc.plein.s-cta,.bloc.plein.s-compte{padding-left:clamp(18px,5vw,56px);padding-right:clamp(18px,5vw,56px)}
.bloc.plein.s-annonce{padding-left:16px;padding-right:16px}
/* réseaux du client dans le parcours (logo + @compte) */
/* RÉSEAUX DANS LE PIED (22/10/2026) : gabarit fixe, icônes rondes monochromes sur la couleur du pied ; l'ancienne section est retirée */
.s-reseaux{display:none!important}
.f-reseaux{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 14px}
.f-reseaux>*{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.13);color:#fff;text-decoration:none;transition:background .2s,transform .15s}
.f-reseaux>*:hover{background:rgba(255,255,255,.24)}
.f-reseaux>*:active{transform:scale(.94)}
.f-reseaux i{display:contents}
.f-reseaux svg{width:19px;height:19px;display:block}
.page .bloc.s-foot.complet .f-reseaux{margin:0}
@container (min-width:760px){.page .bloc.s-foot:not(.complet) .f-reseaux{justify-content:center}}
.s-reseaux .liens-r{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}
.s-reseaux .liens-r span{width:auto;height:auto;border-radius:999px;display:inline-flex;align-items:center;gap:8px;padding:5px 12px 5px 5px;background:#f6f5f1;color:#111;font-weight:700;font-size:13px}
.s-reseaux .liens-r i{font-style:normal;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:11px;font-weight:800}
.s-reseaux .liens-r i svg{width:15px;height:15px;display:block}   /* logos officiels (21/10) */
/* EN-TÊTE DES SITES = TOUJOURS UN MENU BURGER (François 20/10 : « beaucoup plus esthétique ») : nom à gauche, burger 2 traits à droite
   qui devient ✕, menu en grands liens sous l'en-tête ; l'en-tête reste collé en haut pendant le défilement. */
.s-head .nom-site{cursor:pointer;min-width:0}
.burger{flex:none;width:42px;height:42px;margin-right:-8px;border-radius:50%;display:grid;place-content:center;gap:6px;cursor:pointer;background:none;border:0;padding:0}
.burger i{display:block;width:22px;height:2px;border-radius:2px;background:var(--c1,#111);transition:transform .25s ease}
.ouvert>.burger i:first-child,.ouvert .burger i:first-child{transform:translateY(4px) rotate(45deg)}
.ouvert>.burger i:last-child,.ouvert .burger i:last-child{transform:translateY(-4px) rotate(-45deg)}
.s-head nav,.s-head2 nav{position:absolute;left:0;right:0;top:100%;display:none;flex-direction:column;background:#fff;padding:4px clamp(18px,5vw,56px) 16px;box-shadow:0 22px 30px -22px rgba(0,0,0,.4);font-size:20px}
.s-head.ouvert nav,.s-head2.ouvert nav{display:flex}
.s-head nav a,.s-head2 nav a{padding:13px 0;font-weight:700;color:#111;border-bottom:1px solid #f0eee9;cursor:pointer;text-decoration:none}
.s-head nav a:last-child,.s-head2 nav a:last-child{border-bottom:0}
.s-head nav a.ici{color:var(--c2,#c9a227)}
.s-head2{position:relative}
.s-produits .prix span{font-weight:400;font-size:12px;color:#777;line-height:1.35;padding-right:8px}

/* ═══ THÈME « V2 » (20/10/2026, François : « inspire-toi de l'aperçu Leopar V2, vraiment propre ») ═══
   Repris du kit config/preview-kit.css : titres éditoriaux (serif), en-tête flottant en pastille, cartes blanches à ombre douce,
   boutons capsule, avis à filet de couleur, questions en cartes à chevron, barre de contact collée en bas.
   Pas de pastille de modèle ni de couleurs (François : plus tard, via la barre d'action). */
.page{--font-title:"Iowan Old Style","Palatino Linotype",Palatino,"Book Antiqua",Georgia,"Times New Roman",serif;--sh:0 10px 30px rgba(20,20,35,.08),0 2px 6px rgba(15,15,20,.05);background:#fbfaf8}
.page .bloc:not(.plein):not(.s-head):not(.s-foot):not(.s-barre){padding-top:34px;padding-bottom:30px}
.page .s-titre,.page .s-serv h2,.page .s-avis h2,.page .s-contact h2{font-family:var(--font-title);font-weight:700;font-size:clamp(26px,6.6vw,36px);line-height:1.12;letter-spacing:-.01em;margin:0 0 16px;color:#141414}
.page .s-titre::before,.page .s-serv h2::before,.page .s-avis h2::before,.page .s-contact h2::before{content:'';display:block;width:26px;height:2px;border-radius:2px;background:var(--c2,#c9a227);margin-bottom:14px}
.page .s-btn{border-radius:999px;padding:14px 24px;font-size:15.5px;font-weight:700;background:var(--c2,#c9a227);color:#fff;box-shadow:0 12px 24px -12px rgba(0,0,0,.45)}
.page .s-btn.clair{background:#fff;color:var(--c1,#111)}
/* en-tête flottant */
.page .bloc.s-head{position:sticky;top:10px;margin:10px 10px 0;padding:0 8px 0 18px;height:58px;border-radius:18px;background:var(--barre,rgba(255,255,255,.94));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--sh);z-index:6}
.page .s-head .nom-site{font-family:var(--font-title);font-size:19px;font-weight:700;color:var(--barre-ink,var(--c1,#111));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* accroche : carte arrondie plein écran, texte centré */
.page .bloc.s-herofond{margin:10px 10px 0;border-radius:24px;overflow:hidden;min-height:440px;align-items:center;justify-content:center;text-align:center}
.page .s-herofond .s-in{justify-items:center;padding:44px 22px}
.page .s-herofond h1{font-family:var(--font-title);font-size:clamp(32px,8.6vw,58px);line-height:1.05;letter-spacing:-.01em}
.page .s-herofond p{margin:0 auto;max-width:34ch;font-size:16px;line-height:1.55}
.page .s-herofond .s-btn{margin-top:10px}
/* services : cartes avec photo, qui défilent */
.page .s-serv .defile{gap:14px;margin:0 calc(-1 * clamp(18px,5vw,56px));padding:4px clamp(18px,5vw,56px) 14px;scroll-padding:0 clamp(18px,5vw,56px)}
.page .s-serv .defile>*{flex:0 0 80%}
.carte-s{background:#fff;border-radius:18px;box-shadow:var(--sh);overflow:hidden;display:flex;flex-direction:column}
.carte-s .ph{height:170px;border-radius:0}
.carte-s .cb{padding:18px 18px 20px;display:grid;gap:6px}
.carte-s b{font-family:var(--font-title);font-size:19px;line-height:1.2}
.carte-s span{font-size:14px;color:#666;line-height:1.5}
/* points forts, étapes, avis, questions, zone : cartes blanches */
.page .s-atouts .liste{background:#fff;box-shadow:var(--sh)}
.page .s-atouts b{font-family:var(--font-title);font-size:17px}
.page .s-etapes ol{gap:12px}
.page .s-etapes li{background:#fff;border-radius:18px;box-shadow:var(--sh);padding:18px;grid-template-columns:44px 1fr;gap:14px}
.page .s-etapes li::before{width:44px;height:44px;background:var(--c2,#c9a227);font-family:var(--font-title);font-size:20px}
.page .s-etapes b{font-family:var(--font-title);font-size:17px}
.page .s-avis blockquote{background:#fff;border-left:3px solid var(--c2,#c9a227);border-radius:0 18px 18px 0;box-shadow:var(--sh);padding:20px;font-family:var(--font-title);font-size:18px;line-height:1.5;color:#222}
.page .s-avis blockquote::before{content:'★★★★★';display:block;color:#f4b400;font:14px/1 -apple-system,BlinkMacSystemFont,sans-serif;letter-spacing:3px;margin-bottom:10px}
.page .s-avis blockquote small{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;font-size:11px;text-transform:uppercase;letter-spacing:.06em}
.page .s-faq details{background:#fff;border:0;border-radius:16px;box-shadow:var(--sh);padding:16px 18px;margin-bottom:12px}
.page .s-faq summary{align-items:center}
.page .s-faq summary::after{content:'';width:8px;height:8px;flex:none;border-right:2px solid var(--c2,#c9a227);border-bottom:2px solid var(--c2,#c9a227);transform:rotate(45deg);margin:-4px 4px 0 0;transition:transform .2s}
.page .s-faq details[open] summary::after{content:'';transform:rotate(-135deg);margin-top:4px}
.page .s-zone .villes span{background:#fff;box-shadow:var(--sh)}
.page .s-grille .g{gap:8px}.page .s-grille .ph{border-radius:12px}
.page .chips span.on{background:var(--c2,#c9a227);border-color:var(--c2,#c9a227)}
.page .chp{border-radius:12px;background:#fff}
.page .s-contact .carte{border-radius:18px}
/* pied de page foncé */
.page .bloc.s-foot{margin-top:24px;padding:26px clamp(18px,5vw,56px) 30px;background:var(--c1,#111);color:rgba(255,255,255,.7);border-top:0}
/* barre de contact collée en bas (comme le V2) */
.page .bloc.s-barre{display:flex;gap:10px;padding:10px 12px calc(10px + env(safe-area-inset-bottom,0px));background:rgba(251,250,248,.9);border-top:0}
.page .s-barre .s-btn{flex:1;text-align:center;padding:13px}
.page .s-barre .rond-tel{flex:none;width:48px;height:48px;border-radius:50%;background:#fff;box-shadow:var(--sh);display:grid;place-items:center;color:var(--c1,#111)}
.page .s-barre .rond-tel svg{width:20px;height:20px}
/* barre collée en bas : pas d'ombre sur ses boutons par défaut (François 20/10 ; la personne peut en demander après) */
.page .s-barre .s-btn{box-shadow:none}
.page .s-barre .rond-tel{box-shadow:none;border:1px solid #e5e3dd}
/* menu burger ouvert (20/10, François : « que le rendu soit esthétiquement sympa ») : carte arrondie sous l'en-tête flottant,
   grands liens en serif avec un chevron de la couleur du site, apparition douce */
.page .s-head nav,.page .s-head2 nav{top:calc(100% + 8px);left:0;right:0;border-radius:20px;padding:6px 20px;background:#fff;box-shadow:0 24px 50px -18px rgba(20,20,35,.35),0 2px 8px rgba(15,15,20,.06)}
.page .s-head.ouvert nav,.page .s-head2.ouvert nav{animation:menu-in .22s ease-out both}
@keyframes menu-in{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
.page .s-head nav a,.page .s-head2 nav a{display:flex;align-items:center;justify-content:space-between;padding:15px 2px;font-family:var(--font-title);font-size:21px;font-weight:700;color:#141414;border-bottom:1px solid #f0eee9}
.page .s-head nav a::after,.page .s-head2 nav a::after{content:'';width:8px;height:8px;border-right:2px solid var(--c2,#c9a227);border-top:2px solid var(--c2,#c9a227);transform:rotate(45deg);margin-right:4px}
.page .s-head nav a.ici{color:var(--c2,#c9a227)}
.page .s-head.ouvert{border-radius:18px}
.page .bloc{scroll-margin-top:78px}   /* un lien du menu ne cache plus le titre de la section sous l’en-tête flottant */
/* CARTE PRODUIT refaite (20/10, François : le « + » écrasé en ovale) : rond fixe sur la photo, description sur 2 lignes */
.s-produits .prod{display:flex;flex-direction:column;min-width:0}
.s-produits .ph-wrap{position:relative}
.s-produits .ph-wrap .ph{aspect-ratio:1;border-radius:16px}
.ajout{position:absolute;right:8px;bottom:8px;width:38px;height:38px;flex:none;border-radius:50%;background:#fff;color:var(--c1,#111);display:grid;place-items:center;box-shadow:0 6px 16px -6px rgba(0,0,0,.45);transition:background .2s,color .2s,transform .15s}
.ajout svg{width:18px;height:18px}
.ajout:active{transform:scale(.92)}
.ajout.fait{background:var(--c2,#c9a227);color:#fff}
.ajout.fait svg{display:none}
.ajout.fait::after{content:'';width:11px;height:6px;border-left:2.5px solid currentColor;border-bottom:2.5px solid currentColor;transform:rotate(-45deg) translate(1px,-1px)}
.s-produits .prod b{margin-top:10px;font-family:var(--font-title,serif);font-size:16px;line-height:1.25}
.s-produits .prod>span{margin-top:3px;font-size:12.5px;color:#777;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
/* panier dans l'en-tête */
.s-head .panier{position:relative;flex:none;margin-left:auto;width:42px;height:42px;display:grid;place-items:center;color:var(--c1,#111);background:none;border:0;padding:0;cursor:pointer}
.s-head .panier svg{width:23px;height:23px}
.s-head .panier em{position:absolute;top:3px;right:1px;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--c2,#c9a227);color:#fff;font:700 11px/18px -apple-system,BlinkMacSystemFont,sans-serif;font-style:normal;text-align:center}
.s-head .panier.pop em{animation:pop-panier .45s cubic-bezier(.3,1.6,.5,1)}
@keyframes pop-panier{0%{transform:scale(.4)}100%{transform:scale(1)}}
.s-head .panier + .burger{margin-left:0}
.page .s-head .liste-panier{position:absolute;left:0;right:0;top:calc(100% + 8px);display:none;flex-direction:column;gap:2px;background:#fff;border-radius:20px;padding:10px 20px 18px;box-shadow:0 24px 50px -18px rgba(20,20,35,.35),0 2px 8px rgba(15,15,20,.06);font-weight:500;font-size:15px}
.page .s-head.panier-ouvert .liste-panier{display:flex;animation:menu-in .22s ease-out both}
.page .s-head .liste-panier .art{display:flex;justify-content:space-between;gap:12px;padding:11px 0;border-bottom:1px solid #f0eee9}
.page .s-head .liste-panier .s-btn{margin-top:14px;text-align:center}
/* corbeille d'un article du panier */
.page .s-head .liste-panier .art{align-items:center}
.page .s-head .liste-panier .art span{flex:1;min-width:0}
.page .s-head .liste-panier .corbeille{flex:none;width:34px;height:34px;margin:-6px -8px -6px 0;border-radius:50%;display:grid;place-items:center;color:#9a968c;background:none;border:0;cursor:pointer}
.page .s-head .liste-panier .corbeille:active{background:#f3f1ec;color:#c0392b}
.page .s-head .liste-panier .corbeille svg{width:18px;height:18px}
/* FOND du site (20/10, « mets un fond noir ») : --fond = teinte claire d'une couleur ; .sombre = thème sombre complet */
.page{background:var(--fond,#fbfaf8)}
.page.sombre{background:#111214;color:#e9e7e2}
.page.sombre .s-titre,.page.sombre .s-serv h2,.page.sombre .s-avis h2,.page.sombre .s-contact h2,.page.sombre .s-faq summary,.page.sombre .s-produits .prod b,.page.sombre .s-etapes b,.page.sombre .s-atouts b,.page.sombre .carte-s b{color:#f4f2ee}
.page.sombre .bloc.s-head,.page.sombre .carte-s,.page.sombre .s-atouts .liste,.page.sombre .s-avis blockquote,.page.sombre .s-faq details,.page.sombre .s-etapes li,.page.sombre .chp,.page.sombre .s-zone .villes span,.page.sombre .s-head nav,.page.sombre .s-head .liste-panier,.page.sombre .lig div{background:#1c1d21;color:#e9e7e2;border-color:#2c2d33}
.page.sombre .bloc.s-head{background:var(--barre,#1c1d21)}   /* seule la barre lit --barre (22/10) */
.page.sombre .s-head .nom-site{color:var(--barre-ink,#f4f2ee)}.page.sombre .burger i{background:var(--barre-ink,#f4f2ee)}.page.sombre .s-head .panier{color:var(--barre-ink,#f4f2ee)}
.page.sombre .s-head nav a,.page.sombre .s-head .liste-panier .art{color:#f4f2ee;border-color:#2c2d33}
.page.sombre .carte-s span,.page.sombre .s-atouts span,.page.sombre .s-faq p,.page.sombre .s-etapes span,.page.sombre .s-contact p,.page.sombre .s-produits .prod>span,.page.sombre .s-avis blockquote small{color:#a9a69e}
.page.sombre .s-avis blockquote{color:#e9e7e2}
.page.sombre .s-atouts .at{border-color:#2c2d33}
.page.sombre .bloc.s-barre{background:rgba(17,18,20,.9)}
.page.sombre .chips span{border-color:#2c2d33;color:#e9e7e2}
.page.sombre .bloc.s-foot{background:#000}
/* plan du bloc Contact (comme le V2) : carte Google intégrée, repère aux couleurs du site au centre */
.s-contact .plan{position:relative;height:210px;border-radius:18px;overflow:hidden;background:#e9efe2;isolation:isolate}
.s-contact .plan iframe{display:block;width:100%;height:100%;border:0}
.s-contact .plan .repere{position:absolute;left:50%;top:50%;width:40px;height:40px;transform:translate(-50%,-100%);pointer-events:none;filter:drop-shadow(0 4px 6px rgba(0,0,0,.3))}
.s-contact .plan .repere svg{width:100%;height:100%;fill:var(--c2,#c9a227);stroke:#fff;stroke-width:1.2}
/* couleurs ciblées par une retouche (20/10) : --btn = boutons seulement, --titre = titres seulement */
.page .s-btn{background:var(--btn,var(--c2,#c9a227))}
.page .s-herofond .s-btn.clair{background:#fff;color:var(--btn,var(--c1,#111))}
.page .s-titre,.page .s-serv h2,.page .s-avis h2,.page .s-contact h2{color:var(--titre,#141414)}
/* galerie en grille (3 colonnes) sans trou : la dernière photo s'élargit pour finir la ligne (François 20/10) */
.s-grille .g .ph:nth-child(3n+1):last-child{grid-column:span 3;aspect-ratio:3/1}
.s-grille .g .ph:nth-child(3n+2):last-child{grid-column:span 2;aspect-ratio:auto}
/* grande photo PLEINE (retouche « sur toute la largeur, collée en haut ») : bord à bord, sous l'en-tête flottant */
.page .bloc.s-herofond.pleine{margin:-68px 0 0;border-radius:0;padding-top:68px;min-height:520px}
/* coins de la grande photo, indépendants de sa largeur (21/10 : « pleine largeur + bords arrondis en bas ») */
.page .bloc.s-herofond.coins-aucun{border-radius:0}
.page .bloc.s-herofond.coins-bas{border-radius:0 0 28px 28px}
.page .bloc.s-herofond.coins-haut{border-radius:28px 28px 0 0}
.page .bloc.s-herofond.coins-tous{border-radius:24px}
/* la croix de la grande photo reste atteignable quand elle est bord à bord (sous l'en-tête flottant) */
.page .s-herofond.pleine .suppr{top:76px}
/* la croix de la grande photo reste atteignable quand elle est bord à bord (sous l'en-tête flottant) */
.page .s-herofond.pleine .suppr{top:76px}

/* ═══ GRAND ÉCRAN (21/10/2026, François : « faire un effort sur le style du site généré en mode PC ») ═══
   Requête de CONTENEUR sur .page (pas sur la fenêtre) : vaut dans le cadre de l'éditeur ET sur le site publié.
   Principe : contenu centré sur 1180 px, menu en ligne dans l'en-tête (plus de burger), accroche plein écran,
   cartes côte à côte, contact en deux colonnes avec le plan, plus de barre collée en bas (geste de téléphone). */
@container (min-width:760px){
  .page .bloc:not(.plein):not(.s-head):not(.s-foot):not(.s-barre){max-width:1180px;margin-inline:auto;padding:56px 48px 48px}
  .page .s-titre,.page .s-serv h2,.page .s-avis h2,.page .s-contact h2{font-size:40px;margin-bottom:22px}
  /* en-tête : nom à gauche, menu en ligne, panier à droite */
  .page .bloc.s-head{max-width:1180px;margin:14px auto 0;height:66px;padding:0 18px 0 28px;border-radius:20px}
  .page .s-head .nom-site{font-size:22px}
  .page .s-head .burger{display:none}
  .page .s-head nav,.page .s-head2 nav{position:static;display:flex;flex-direction:row;align-items:center;gap:4px;order:1;margin-left:auto;padding:0;background:none;box-shadow:none;border-radius:0;animation:none}
  .page .s-head nav a,.page .s-head2 nav a{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;font-size:15px;font-weight:600;padding:9px 14px;border:0;border-radius:999px;color:#2a2a2a;transition:background .15s}
  .page .s-head nav a:hover{background:#f3f1ec}
  .page .s-head nav a::after,.page .s-head2 nav a::after{display:none}
  .page .s-head nav a.ici{color:var(--c2,#c9a227)}
  .page .s-head .panier{order:2;margin-left:14px}
  .page .s-head .liste-panier{left:auto;right:0;width:380px}
  .page.sombre .s-head nav a{color:var(--barre-ink,#e9e7e2)}.page.sombre .s-head nav a:hover{background:#2a2b30}
  /* accroche : plein écran, texte plus grand */
  .page .bloc.s-herofond{margin:14px 14px 0;border-radius:28px;min-height:min(620px,72vh)}
  .page .s-herofond .s-in{padding:72px 48px;max-width:860px}
  .page .s-herofond h1{font-size:64px}
  .page .s-herofond p{font-size:19px;max-width:46ch}
  .page .s-herofond .s-btn{margin-top:16px;padding:16px 30px;font-size:17px}
  /* services : cartes côte à côte, plus de défilement ni de points */
  .page .s-serv .defile{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:22px;margin:0;padding:4px 0 0;overflow:visible}   /* 4 services = 4 cartes sur une ligne */
  .page .s-serv .defile>*{flex:none}
  .page .s-serv .points{display:none}
  .carte-s .ph{height:210px}
  .carte-s .cb{padding:22px 22px 24px}
  .carte-s b{font-size:21px}
  /* points forts, étapes, boutique, galeries */
  .page .s-atouts .liste{padding:14px 28px}
  .page .s-atouts .at{padding:20px 0}
  .page .s-etapes ol{grid-template-columns:repeat(3,1fr);gap:20px}
  .page .s-etapes li{padding:24px;align-content:start}
  .s-produits .deux{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:24px}
  .page .s-grille .g{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}   /* 6 photos = 2 rangées pleines */
  .page .s-grille .ph{border-radius:16px}
  .s-mosaique .m{grid-auto-rows:140px;gap:10px}.s-mosaique .ph{border-radius:14px}
  .s-equipe .grille3{gap:24px}
  .s-formules .trois{gap:22px}
  /* avis, questions, zone : largeur de lecture */
  .page .s-avis blockquote{max-width:760px;font-size:21px;padding:28px 32px}
  .page .s-faq{display:grid;grid-template-columns:1fr 1fr;gap:0 24px}
  .page .s-faq h2{grid-column:1/-1}
  .page .s-faq details{align-self:start}
  .s-zone .villes{gap:10px}.s-zone .villes span{padding:9px 16px;font-size:14px}
  /* formulaires : deux champs par ligne, largeur raisonnable */
  .page .s-devis .chps,.page .s-rdv .jours,.page .s-rdv .creneaux,.page .s-resa .lig,.page .s-rdv>.s-btn,.page .s-resa>.s-btn{max-width:820px}
  .page .s-devis .chps{grid-template-columns:1fr 1fr;gap:12px}
  .page .s-devis .chps .chips,.page .s-devis .chps .chp.grand,.page .s-devis .chps .s-btn{grid-column:1/-1}
  .page .chp{padding:14px 16px;font-size:15px}
  .creneaux{grid-template-columns:repeat(8,minmax(0,1fr))}
  .jours{overflow:visible}
  /* contact : plan à gauche, coordonnées et formulaire à droite */
  .page .s-contact{grid-template-columns:1.2fr 1fr;gap:16px 40px;align-items:start}
  .page .s-contact h2{grid-column:1/-1}
  .page .s-contact .plan{grid-column:1;grid-row:2/span 6;height:360px;border-radius:22px}
  .page .s-contact>:not(h2):not(.plan){grid-column:2}
  .page .s-contact p{font-size:17px;line-height:1.7;background:#fff;border-radius:18px;box-shadow:var(--sh);padding:24px 26px}   /* coordonnées en carte, face au plan */
  .page.sombre .s-contact p{background:#1c1d21}
  .page .s-contact .moyens span{padding:11px 18px;font-size:14px}
  .page .s-contact .form i{height:46px}.page .s-contact .form i.grand{height:96px}
  /* réseaux, pied de page ; plus de barre collée en bas */
  .s-reseaux .liens-r{gap:12px}
  .page .bloc.s-foot{margin-top:40px;padding:34px 48px;text-align:center;font-size:13px}
  .page .bloc.s-barre{display:none}
  /* pages secondaires */
  .page .s-apropos{gap:40px}
  .page .s-tarifs ul,.page .s-menu{max-width:820px}
  .page .s-articles{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
  .page .s-articles .s-titre{grid-column:1/-1}
  .page .s-articles .a{grid-template-columns:1fr;border:0;padding:0}
  .page .s-articles .ph{aspect-ratio:16/10;border-radius:16px}
  .page .s-chapo{font-size:16px;max-width:60ch}
}

/* ═══ CATALOGUE CHOISI PAR LE MOTEUR (21/10/2026) : bouton d'appel de l'en-tête, pied complet, titre du diaporama, vidéo ═══ */
.s-head .appel{margin-left:auto;margin-right:2px;padding:8px 14px;font-size:13px;min-height:0;flex:none}
.page .bloc.s-foot.complet{display:grid;gap:14px;text-align:left}
.s-foot.complet b{color:#fff;font-size:16px}
.s-foot.complet .cols{display:grid;grid-template-columns:1fr 1fr;gap:14px;line-height:1.7}
.s-foot.complet small{opacity:.7}
@container (min-width:760px){.page .bloc.s-foot.complet{grid-template-columns:1.2fr 2fr;align-items:start;text-align:left}.s-foot.complet small{grid-column:1/-1}}
.s-slider .diapo h1{margin:0 0 6px;font-size:28px;letter-spacing:-.02em;line-height:1.1}
.s-slider .diapo .s-btn{margin-top:12px;display:inline-block}
.s-video .ecran.yt{position:relative;aspect-ratio:16/9;border-radius:16px;overflow:hidden;background:#000}
.s-video .ecran.yt iframe{position:absolute;inset:0;width:100%;height:100%;border:0}

/* bloc « Nous trouver » (plan) : la même carte que le contact (21/10/2026 : le repère s'affichait en géant hors du contact) */
.s-plan .plan{position:relative;height:260px;border-radius:18px;overflow:hidden;background:#e9efe2;isolation:isolate;margin-top:6px}
.s-plan .plan iframe{display:block;width:100%;height:100%;border:0}
.s-plan .plan .repere{position:absolute;left:50%;top:50%;width:40px;height:40px;transform:translate(-50%,-100%);pointer-events:none;filter:drop-shadow(0 4px 6px rgba(0,0,0,.3))}
.s-plan .plan .repere svg{width:100%;height:100%;fill:var(--c2,#c9a227);stroke:#fff;stroke-width:1.2}
.s-plan p{margin:12px 0 0;color:#555;font-size:14px}
@container (min-width:760px){.s-plan .plan{height:340px;border-radius:22px}}

/* ═══ STYLE MODERNE (21/10/2026, un visiteur VTC : « c'est moche et pas pro », « je veux un design plus moderne ») ═══
   Le style par défaut (éditorial : titres à empattements, fond crème) convient au restaurant, à l'artisanat, au mariage ;
   « moderne » = titres sans empattements, gras et serrés, fond blanc, citations en sans-serif. Choisi par le moteur selon le métier
   (contenu.style) ou demandé en retouche (op style). */
.page.style-moderne{--font-title:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;background:var(--fond,#fff)}
.page.style-moderne .s-titre,.page.style-moderne .s-serv h2,.page.style-moderne .s-avis h2,.page.style-moderne .s-contact h2{font-weight:800;letter-spacing:-.03em}
.page.style-moderne .s-herofond h1,.page.style-moderne .s-hero h1,.page.style-moderne .s-herosplit h1,.page.style-moderne .s-slider h1{font-weight:800;letter-spacing:-.035em;line-height:1.02}
.page.style-moderne .s-head .nom-site{font-weight:800;letter-spacing:-.02em}
.page.style-moderne .carte-s b,.page.style-moderne .s-atouts b,.page.style-moderne .s-etapes b{font-weight:750;letter-spacing:-.01em}
.page.style-moderne .s-avis blockquote,.page.style-moderne .s-portrait blockquote,.page.style-moderne .s-temoignage blockquote{font-family:var(--font-title);font-weight:500;letter-spacing:-.01em}
.page.style-moderne .s-apropos .sign,.page.style-moderne .s-menu h3{font-family:var(--font-title);font-style:normal;font-weight:700}
.page.style-moderne .s-head nav a{font-weight:750;letter-spacing:-.01em}
.page.style-moderne.sombre{background:#0e0f11}
/* prix d'un article de la boutique (21/10/2026, paiement en ligne) */
.s-produits .prod em.prix{margin-top:6px;font-style:normal;font-weight:800;font-size:15px;color:var(--c1,#111)}
/* note Google en tête du bloc des avis (connecteur Avis Google, 21/10/2026) */
.avis-g-note{display:flex;align-items:baseline;gap:10px;margin:0 0 14px}
.avis-g-note b{font-size:40px;font-weight:800;letter-spacing:-.03em;line-height:1}
.avis-g-note .etoiles{color:#f5b301;font-size:20px;letter-spacing:2px}
.avis-g-note small{color:#777;font-size:13px}

/* EFFETS SUR LES PHOTOS (22/10/2026, op « effet » du moteur de retouche) — classes fx-* posées sur le bloc (hero) ou sur la page (toutes les photos) */
.fx-flou .ph{filter:blur(6px);transform:scale(1.08)}
.s-herofond.fx-flou,.fx-flou .s-herofond{overflow:hidden}
.fx-noir-blanc .ph{filter:grayscale(1)}
.fx-sombre .ph{filter:brightness(.55)}
.fx-flou.fx-sombre .ph{filter:blur(6px) brightness(.55)}
.fx-parallaxe .ph{will-change:transform;transform:translate3d(0,var(--plx,0px),0) scale(1.25)}
.s-herofond.fx-parallaxe,.fx-parallaxe .bloc{overflow:hidden}
@media (prefers-reduced-motion:reduce){.fx-parallaxe .ph{transform:none}}

/* VISIONNEUSE (site publié) */
.s-grille .ph,.s-mosaique .ph,.s-galerie .ph,.s-slider .ph{cursor:zoom-in}
.visio{position:fixed;inset:0;z-index:2147483000;background:#0b0b0d;display:flex;align-items:center}
.visio-piste{display:flex;width:100%;height:100%;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.visio-piste::-webkit-scrollbar{display:none}
.visio figure{flex:0 0 100%;height:100%;margin:0;display:grid;place-items:center;scroll-snap-align:center;padding:56px 12px}
.visio img{max-width:100%;max-height:100%;object-fit:contain;border-radius:10px}
.visio button{position:absolute;border:0;border-radius:50%;background:rgba(255,255,255,.14);color:#fff;font:400 26px/1 system-ui,sans-serif;width:46px;height:46px;cursor:pointer;display:grid;place-items:center}
.visio-x{top:calc(14px + env(safe-area-inset-top,0px));right:16px}.visio-g{left:12px;top:50%;transform:translateY(-50%)}.visio-d{right:12px;top:50%;transform:translateY(-50%)}
.visio-n{position:absolute;bottom:calc(18px + env(safe-area-inset-bottom,0px));left:0;right:0;text-align:center;color:rgba(255,255,255,.75);font:600 14px system-ui,sans-serif}
@media (hover:none){.visio-g,.visio-d{display:none}}

/* BARRE DU HAUT colorée (22/10/2026, op couleur cible barre) : --barre (fond) et --barre-ink (texte, calculé) posés sur .page */
.s-head .nom-site,.s-head nav a,.s-head .panier{color:var(--barre-ink,inherit)}
.s-head .burger i{background:var(--barre-ink,#111)}
/* CHOIX « Moderne » / « Chaleureux » DU VISITEUR (23/10/2026, François : « moderne + sombre ») : le style propre écrit par Fable est en !important
   et écrasait la pastille. Le choix explicite (classes typo-* posées par la pastille ou par Léo) passe au-dessus : sélecteurs renforcés + !important.
   Sans choix explicite, le style de Fable décide seul. Le sombre, lui, vient de la version sombre du style (.page.sombre), ou du thème sombre du kit. */
.page.typo-moderne.typo-moderne.typo-moderne{--font-title:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif !important}
.page.typo-moderne.typo-moderne.typo-moderne :is(h1,h2,h3,.s-titre,.nom-site,summary){font-family:var(--font-title) !important;font-style:normal !important;font-weight:800 !important;letter-spacing:-.03em !important}
.page.typo-moderne.typo-moderne.typo-moderne :is(.carte-s b,.s-atouts b,.s-etapes b,.s-head nav a){font-family:var(--font-title) !important;font-style:normal !important;font-weight:750 !important;letter-spacing:-.01em !important}
.page.typo-chaleureux.typo-chaleureux.typo-chaleureux{--font-title:"Iowan Old Style","Palatino Linotype",Palatino,"Book Antiqua",Georgia,"Times New Roman",serif !important}
.page.typo-chaleureux.typo-chaleureux.typo-chaleureux :is(h1,h2,h3,.s-titre,.nom-site,summary,.carte-s b){font-family:var(--font-title) !important;font-weight:700 !important;letter-spacing:-.01em !important}

/* CRÉATION LIBRE (23/10/2026, prototype) : une section écrite par Fable (HTML + CSS, classes l-…) gère seule ses marges et son style ;
   le kit ne lui impose rien, sauf de ne jamais déborder de l'écran */
.page .bloc.libre{padding:0;background:none;max-width:none}
/* 23/10 (François, page Analyse : « une barre blanche en bas du site ») : la règle générale des blocs du gabarit
   (.page .bloc:not(.plein):not(.s-head)… = 34/30 px sur téléphone, 56/48 px + largeur bridée à 1 180 px sur ordinateur) était plus forte que la ligne
   ci-dessus → bande du fond de page sous le pied, entre les sections, et sections jamais pleine largeur sur ordinateur. Une section de Fable n'a
   AUCUNE marge ni largeur imposée par le kit (ses propres règles s'appliquent à ses éléments à l'intérieur). */
/* 23/10 vers 17 h 15 (stickers, François : « les textes collent au bord ») : plus de !important — il écrasait aussi les marges que FABLE donne à sa
   section (.page .l-avis{padding:60px 20px !important}, toutes ses règles sont en !important). Spécificité 0,7,0 sans !important : bat la règle
   générale du gabarit (0,6,0), perd contre Fable. */
.page > .bloc.libre.libre.libre.libre.libre{padding:0;max-width:none;margin-inline:0}
.page .bloc.libre img{max-width:100%;height:auto}
.page .bloc.libre a[class],.page .bloc.libre .s-btn{text-decoration:none}
/* MENU TOUJOURS FIXÉ (23/10/2026, François) : la barre du haut est la 1re section d'une page en création totale ; son « sticky » intérieur ne servait à rien
   (son parent, la section, a sa hauteur) → c'est la section elle-même qui reste collée en haut */
.page > section.bloc.libre:first-of-type,.page > .pg > section.bloc.libre:first-of-type,.page section.lt-barre{position:sticky;top:0;z-index:60;padding:0!important;margin:0!important}   /* 28/10 soir : aussi la barre de chaque page à part (.pg) */
/* 23/10 (François : « le menu est fixe mais pas collé en haut, il reste un espace ») : une règle générale de Fable sur toutes les sections lui donnait 34 px
   en haut, transparents, à travers lesquels on voyait défiler le site → la barre du haut n'a ni marge ni retrait au-dessus d'elle */
.page > section.bloc.libre:first-of-type > :not(.lp-ancre),.page > .pg > section.bloc.libre:first-of-type > :not(.lp-ancre),.page section.lt-barre > :not(.lp-ancre){margin-top:0!important}

/* 23/10 (iPhone) : champs date/heure du gabarit — Safari iOS leur donne une largeur minimale qui ignore width:100% (voir aussi v3/libre.js) */
.page input:is([type=date],[type=time],[type=datetime-local]){-webkit-appearance:none;appearance:none;min-width:0;max-width:100%;min-height:2.9em;text-align:start}

/* MENU SUR ORDINATEUR (27/10/2026, François, GS Prod : « les liens du menu en mode PC ne sont pas centrés verticalement ») : sur un site écrit
   par Fable, un menu en ligne sans align-items étire les liens sur la hauteur du bouton et laisse les textes en haut. Centré d'office à partir
   de 900 px ; appliqué à chaque publication, donc insensible aux sauvegardes du client. */
@media (min-width:900px){.page .bloc.libre [data-lp="nav"]{align-items:center}.page .bloc.libre [data-lp="nav"]>a{align-self:center}}
/* ANCRE DE SECTION (28/10/2026 soir, vécu : une galerie en display:grid sur la section → l'ancre invisible occupait la première case, tout le contenu
   se décalait dans une demi-colonne). L'ancre ne prend jamais de place dans une grille ou un flex : une ligne entière de hauteur nulle. */
.page .lp-ancre{scroll-margin-top:96px;display:block!important;height:0!important;width:100%!important;min-width:0!important;margin:0!important;padding:0!important;border:0!important;grid-column:1/-1!important;flex-basis:100%!important;overflow:hidden!important}

/* bloc 2id="css-perso" */
@keyframes l-defile{to{transform:translateX(-50%)}}
.page{--brun:#9a4a28 !important;--creme:#f4ede4 !important;--encre:#1f1a17 !important;--tape:#e9c45a !important;--gris:#6b625b !important;--blanc:#fff !important;--fond2:#ece2d4 !important;background:var(--creme) !important;color:var(--encre) !important;font-family:'Archivo',Arial,sans-serif !important;line-height:1.6 !important;font-size:16px !important}
.page h1,.page h2,.page h3{font-family:'Oswald',Impact,sans-serif !important;text-transform:uppercase !important;letter-spacing:.01em !important;line-height:1.02 !important;margin:0 !important;font-weight:600 !important}
.page p{margin:0 !important}
.page a{color:inherit !important;text-decoration:none !important}
.page img{max-width:100% !important;display:block !important}
.page button{font:inherit !important;cursor:pointer !important}
.page input,.page select,.page textarea{width:100% !important;box-sizing:border-box !important;background:var(--blanc) !important;border:0 !important;border-bottom:2px solid var(--encre) !important;padding:11px 8px !important;font:inherit !important;color:var(--encre) !important;border-radius:0 !important;font-size:15px !important}
.page textarea{min-height:120px !important;resize:vertical !important}
.page input:focus,.page select:focus,.page textarea:focus{outline:none !important;border-bottom-color:var(--brun) !important;background:#fff8ea !important}
.page label{display:block !important;font-family:'Oswald',sans-serif !important;text-transform:uppercase !important;font-size:13px !important;letter-spacing:.08em !important;color:var(--brun) !important;margin-bottom:4px !important}
.page ::placeholder{color:#9b9188 !important}
.page .l-tape{display:inline-block !important;background:var(--tape) !important;color:var(--encre) !important;font-family:'Oswald',sans-serif !important;text-transform:uppercase !important;letter-spacing:.12em !important;font-size:12px !important;padding:5px 16px !important;transform:rotate(-2deg) !important;box-shadow:0 2px 4px rgba(0,0,0,.15) !important;position:relative !important;z-index:2 !important}
.page .l-tape:before,.page .l-tape:after{content:'' !important;position:absolute !important;top:0 !important;bottom:0 !important;width:6px !important;background:linear-gradient(135deg,transparent 50%,var(--tape) 50%) !important}
.page .l-tape:before{content:'' !important;left:-6px !important}
.page .l-tape:after{content:'' !important;right:-6px !important;transform:scaleX(-1) !important}
.page .l-btn{display:inline-block !important;background:var(--brun) !important;color:#fff !important;font-family:'Oswald',sans-serif !important;text-transform:uppercase !important;letter-spacing:.1em !important;padding:16px 28px !important;border:0 !important;transition:transform .2s,background .2s !important}
.page .l-btn:hover{background:var(--encre) !important;transform:translate(-2px,-2px) !important;box-shadow:4px 4px 0 var(--tape) !important}
.page .l-barre{position:sticky !important;top:0 !important;z-index:50 !important;background:#1f1a17 !important;color:#f4ede4 !important;border-bottom:4px solid #9a4a28 !important;display:flex !important;align-items:center !important;justify-content:space-between !important;height:60px !important;padding:0 20px !important}
.page .l-logo{display:flex !important;align-items:center !important;gap:8px !important;font-family:'Oswald',sans-serif !important;text-transform:uppercase !important;font-size:20px !important;letter-spacing:.06em !important;white-space:nowrap !important}
.page .l-logo b{background:#9a4a28 !important;color:#fff !important;padding:2px 7px !important;font-weight:600 !important}
.page .l-logo small{display:none !important;font-family:'Archivo',sans-serif !important;text-transform:none !important;letter-spacing:0 !important;color:#c9b9a8 !important;font-size:13px !important}
.page .l-burger{width:42px !important;height:42px !important;background:none !important;border:0 !important;display:flex !important;flex-direction:column !important;justify-content:center !important;gap:6px !important;padding:8px !important;flex-shrink:0 !important}
.page .l-burger span{display:block !important;height:3px !important;background:#e9c45a !important;transition:transform .25s,opacity .2s !important}
.page .l-burger.lp-ouvert span:nth-child(1){transform:translateY(9px) rotate(45deg) !important}
.page .l-burger.lp-ouvert span:nth-child(2){opacity:0 !important}
.page .l-burger.lp-ouvert span:nth-child(3){transform:translateY(-9px) rotate(-45deg) !important}
.page .l-nav{display:none !important;position:absolute !important;top:60px !important;left:0 !important;right:0 !important;background:#1f1a17 !important;border-bottom:4px solid #e9c45a !important;flex-direction:column !important;padding:10px 20px 20px !important}
.page .l-nav.lp-ouvert{display:flex !important}
.page .l-nav a{font-family:'Oswald',sans-serif !important;text-transform:uppercase !important;letter-spacing:.1em !important;padding:12px 0 !important;border-bottom:1px solid #3b322c !important;font-size:17px !important}
.page .l-nav a:hover{color:#e9c45a !important}
.page .l-nav .l-navdevis{color:#e9c45a !important}
.page .l-hero{padding:48px 20px 0 !important;overflow:hidden !important;position:relative !important}
.page .l-herot{position:relative !important;z-index:2 !important}
.page .l-hero h1{font-size:clamp(46px,11vw,112px) !important;line-height:.98 !important;margin:14px 0 20px !important;word-break:normal !important;overflow-wrap:normal !important}
.page .l-hero h1 em{font-style:normal !important;color:#9a4a28 !important}
.page .l-heroa{max-width:520px !important;font-size:17px !important;color:#5a504a !important;margin-bottom:26px !important}
.page .l-herob{display:flex !important;gap:14px !important;flex-wrap:wrap !important;align-items:center !important}
.page .l-herob a:last-child{font-family:'Oswald',sans-serif !important;text-transform:uppercase !important;letter-spacing:.1em !important;border-bottom:2px solid #e9c45a !important}
.page .l-herop{margin:30px -20px 0 !important;height:300px !important;clip-path:polygon(0 18%,100% 0,100% 100%,0 100%) !important;position:relative !important;overflow:hidden !important}
.page .l-herop img{width:100% !important;height:120% !important;object-fit:cover !important}
.page .l-heroet{position:absolute !important;right:20px !important;top:34% !important;z-index:3 !important}
.page .l-bande{background:#1f1a17 !important;color:#f4ede4 !important;overflow:hidden !important;margin:0 -20px !important;padding:10px 0 !important;white-space:nowrap !important;font-family:'Oswald',sans-serif !important;text-transform:uppercase !important;letter-spacing:.2em !important;font-size:14px !important}
.page .l-bande span{display:inline-block !important;animation:l-defile 28s linear infinite !important;padding-right:40px !important}
.page .l-prest{padding:70px 20px !important}
.page .l-presti{max-width:1180px !important;margin:0 auto !important}
.page .l-prest h2{font-size:clamp(36px,7vw,72px) !important;margin:12px 0 10px !important}
.page .l-prestin{color:#6b625b !important;max-width:560px !important;margin-bottom:34px !important}
.page .l-nom{list-style:none !important;margin:0 !important;padding:0 !important;border-top:3px solid #1f1a17 !important}
.page .l-nom li{display:grid !important;grid-template-columns:52px 1fr !important;gap:12px !important;padding:20px 0 !important;border-bottom:1px solid #c9bcae !important;background-image:repeating-linear-gradient(135deg,transparent 0 10px,rgba(154,74,40,.08) 10px 11px) !important;background-size:0 100% !important;background-repeat:no-repeat !important;transition:background-size .35s,padding-left .35s !important}
.page .l-nom li:hover{background-size:100% 100% !important;padding-left:10px !important}
.page .l-nom b{font-family:'Oswald',sans-serif !important;font-size:26px !important;color:#9a4a28 !important;line-height:1 !important}
.page .l-nom h3{font-size:22px !important;margin-bottom:6px !important}
.page .l-nom p{color:#5a504a !important;font-size:15px !important}
.page .l-nom small{display:block !important;margin-top:6px !important;font-family:'Oswald',sans-serif !important;text-transform:uppercase !important;letter-spacing:.1em !important;font-size:12px !important;color:#9a4a28 !important}
.page .l-real{padding:70px 20px !important;background:#ece2d4 !important;overflow:hidden !important}
.page .l-reali{max-width:1180px !important;margin:0 auto !important}
.page .l-real h2{font-size:clamp(36px,7vw,72px) !important;margin:12px 0 30px !important}
.page .l-col{position:relative !important;display:grid !important;gap:18px !important}
.page .l-ph{position:relative !important;overflow:hidden !important}
.page .l-ph img{width:100% !important;height:100% !important;object-fit:cover !important;transition:transform .5s !important}
.page .l-ph:hover img{transform:scale(1.04) !important}
.page .l-ph .l-tape{position:absolute !important;left:14px !important;bottom:14px !important;transform:rotate(-3deg) !important}
.page .l-ph1{height:260px !important}
.page .l-ph2{height:200px !important;clip-path:polygon(0 0,100% 6%,100% 100%,0 100%) !important}
.page .l-ph3{height:220px !important}
.page .l-realt{background:#1f1a17 !important;color:#f4ede4 !important;padding:26px !important;font-size:15px !important}
.page .l-realt strong{display:block !important;font-family:'Oswald',sans-serif !important;text-transform:uppercase !important;font-size:22px !important;letter-spacing:.04em !important;margin-bottom:8px !important;color:#e9c45a !important}
.page .l-realt em{font-style:normal !important;display:block !important;margin-top:10px !important;font-size:12px !important;color:#b7a99b !important;letter-spacing:.1em !important;text-transform:uppercase !important}
.page .l-meth{padding:70px 20px !important}
.page .l-methi{max-width:1180px !important;margin:0 auto !important}
.page .l-meth h2{font-size:clamp(36px,7vw,72px) !important;margin:12px 0 36px !important}
.page .l-metre{list-style:none !important;margin:0 !important;padding:0 0 0 24px !important;border-left:6px solid #e9c45a !important;background:repeating-linear-gradient(to bottom,#1f1a17 0 2px,transparent 2px 14px) left/16px 100% no-repeat !important;position:relative !important}
.page .l-metre li{padding:0 0 34px 10px !important;position:relative !important}
.page .l-metre b{font-family:'Oswald',sans-serif !important;font-size:40px !important;line-height:1 !important;color:#9a4a28 !important;display:block !important}
.page .l-metre h3{font-size:22px !important;margin:4px 0 8px !important}
.page .l-metre p{color:#5a504a !important;font-size:15px !important;max-width:420px !important}
.page .l-devis{padding:70px 20px !important;background:#9a4a28 !important;color:#f4ede4 !important}
.page .l-devisi{max-width:1180px !important;margin:0 auto !important}
.page .l-devis h2{font-size:clamp(36px,7vw,68px) !important;margin:12px 0 14px !important}
.page .l-devisin{max-width:480px !important;margin-bottom:30px !important;color:#f0dccd !important}
.page .l-feuille{background:#fff !important;color:#1f1a17 !important;padding:46px 20px 28px !important;position:relative !important;box-shadow:8px 8px 0 rgba(0,0,0,.2) !important}
.page .l-feuille .l-tape{position:absolute !important;top:-12px !important;left:50% !important;transform:translateX(-50%) rotate(-2deg) !important}
.page .l-ch{margin-bottom:18px !important}
.page .l-cases{display:grid !important;grid-template-columns:1fr 1fr !important;gap:8px 12px !important;margin-top:6px !important}
.page .l-cases label{display:flex !important;align-items:center !important;gap:8px !important;font-family:'Archivo',sans-serif !important;text-transform:none !important;letter-spacing:0 !important;font-size:14px !important;color:#1f1a17 !important;margin:0 !important}
.page .l-cases input{width:18px !important;height:18px !important;accent-color:#9a4a28 !important;border:0 !important;padding:0 !important}
.page .l-feuille button{width:100% !important;margin-top:10px !important}
.page .l-feuille small{display:block !important;margin-top:12px !important;color:#7a6f66 !important;font-size:12px !important}
.page .l-contact{padding:70px 20px !important}
.page .l-contacti{max-width:1180px !important;margin:0 auto !important}
.page .l-contact h2{font-size:clamp(36px,7vw,72px) !important;margin:12px 0 30px !important}
.page .l-coord{display:grid !important;gap:14px !important;margin-bottom:26px !important}
.page .l-coord a,.page .l-coord span{display:block !important;background:#ece2d4 !important;padding:18px 20px !important;border-left:6px solid #9a4a28 !important;transition:border-color .2s !important}
.page .l-coord a:hover{border-left-color:#e9c45a !important}
.page .l-coord small{display:block !important;font-family:'Oswald',sans-serif !important;text-transform:uppercase !important;letter-spacing:.12em !important;font-size:12px !important;color:#9a4a28 !important;margin-bottom:2px !important}
.page .l-coord [data-lp-valeur]{font-family:'Oswald',sans-serif !important;font-size:22px !important;line-height:1.2 !important}
.page .l-carte{height:280px !important;background:#ece2d4 !important;margin-top:20px !important}
.page .l-pied{background:#1f1a17 !important;color:#c9b9a8 !important;padding:40px 20px 30px !important;border-top:8px solid #e9c45a !important}
.page .l-piedi{max-width:1180px !important;margin:0 auto !important;display:flex !important;flex-direction:column !important;gap:14px !important}
.page .l-pied .l-logo{color:#f4ede4 !important;font-family:'Oswald',sans-serif !important;text-transform:uppercase !important;font-size:20px !important;letter-spacing:.06em !important}
.page .l-pied .l-logo b{background:#9a4a28 !important;color:#fff !important;padding:2px 7px !important;margin-right:8px !important}
.page .l-piedl{display:flex !important;gap:20px !important;flex-wrap:wrap !important;font-size:13px !important}
.page .l-piedl a{border-bottom:1px solid #4a3c33 !important}
.page .l-piedl a:hover{color:#e9c45a !important}
.page .l-pied p{font-size:13px !important}
.page .l-nom li,.page .l-nom li b,.page .l-nom li div,.page .l-nom li h3,.page .l-nom li small,.page .l-nom li p{writing-mode:horizontal-tb !important;text-orientation:mixed !important;direction:ltr !important}
.page .l-nom li b,.page .l-nom li h3,.page .l-nom li small{transform:none !important;rotate:none !important;text-align:left !important}
.page .l-nom li{align-items:flex-start !important}
.page .bloc h2,.page .bloc h3,.page .bloc p,.page .bloc small,.page .bloc li,.page .bloc li b,.page .bloc li div,.page .bloc blockquote,.page .bloc figcaption,.page .l-nom,.page .l-metre,.page .l-nom li *,.page .l-metre li *{writing-mode:horizontal-tb !important;text-orientation:mixed !important;direction:ltr !important}
.page .l-nom li b,.page .l-nom li h3,.page .l-nom li small,.page .l-nom li p,.page .l-nom li div,.page .l-metre li b,.page .l-metre li h3,.page .l-metre li p,.page .l-realt,.page .l-bande span{transform:none !important;rotate:none !important}
.page .l-nom li,.page .l-metre li{align-items:flex-start !important;text-align:left !important}
.page .bloc:where(:not(.s-head)):where(:not(.s-barre)):where(:not(.s-foot)),.page .bloc *{writing-mode:horizontal-tb !important;text-orientation:mixed !important;direction:ltr !important}
.page .bloc h1,.page .bloc h2,.page .bloc h3,.page .bloc p,.page .bloc small,.page .bloc li,.page .bloc li b,.page .bloc li div,.page .bloc blockquote,.page .bloc blockquote *,.page .bloc figcaption,.page .l-prestin,.page .l-nom,.page .l-metre,.page .l-nom li *,.page .l-metre li *{transform:none !important;rotate:none !important;text-align:left !important;white-space:normal !important}
.page .l-tape{display:inline-block !important;transform:rotate(-2deg) !important;rotate:none !important}
.page .l-nom li,.page .l-metre li{display:grid !important;grid-template-columns:auto 1fr !important;column-gap:16px !important;row-gap:8px !important;align-items:start !important}
.page .l-nom li b,.page .l-metre li b{grid-row:1/3 !important;align-self:start !important}
.page .l-nom li div,.page .l-metre li h3{grid-column:2 !important}
.page .l-nom li p,.page .l-metre li p{grid-column:2 !important;max-width:65ch !important;line-height:1.55 !important}
.page .l-nom li b{display:none !important}
.page .l-nom li{grid-template-columns:1fr !important;column-gap:0 !important}
.page .l-nom li div,.page .l-nom li p{grid-column:1 !important}
.page .l-hero .l-bande{overflow:hidden !important;white-space:nowrap !important}
.page .l-hero .l-bande span{display:inline-block !important;animation:l-defile 28s linear infinite !important;animation-play-state:running !important;will-change:transform !important;rotate:none !important}
.page .l-hero .l-bande marquee{display:block !important;width:100% !important;overflow:hidden !important;white-space:nowrap !important}
.page .l-hero .l-bande span{animation:none !important;transform:none !important;display:inline-block !important;padding-right:40px !important;white-space:nowrap !important}
.page .l-ph4{grid-column:1/-1 !important;grid-row:span 3 !important;min-height:220px !important;clip-path:polygon(0 4%,100% 0,100% 100%,0 100%) !important}
.page .l-ph4 img{width:100% !important;height:100% !important;object-fit:cover !important;display:block !important}
.page .l-ph5{grid-column:1/-1 !important;grid-row:span 3 !important;min-height:220px !important;clip-path:polygon(0 0,100% 4%,100% 100%,0 100%) !important}
.page .l-ph5 img{width:100% !important;height:100% !important;object-fit:cover !important;display:block !important}
.page .l-ph6{grid-column:1/-1 !important;grid-row:span 3 !important;min-height:220px !important;clip-path:polygon(0 0,100% 4%,100% 100%,0 100%) !important}
.page .l-ph6 img{width:100% !important;height:100% !important;object-fit:cover !important;display:block !important}
.page .l-ph7{grid-column:1/-1 !important;grid-row:span 3 !important;min-height:220px !important;clip-path:polygon(0 4%,100% 0,100% 100%,0 100%) !important}
.page .l-ph7 img{width:100% !important;height:100% !important;object-fit:cover !important;display:block !important}
.page .l-ph9{grid-column:1/-1 !important;grid-row:span 3 !important;min-height:220px !important;clip-path:polygon(0 4%,100% 0,100% 100%,0 100%) !important}
.page .l-ph9 img{width:100% !important;height:100% !important;object-fit:cover !important;display:block !important}
.page .l-ph8{grid-column:1/-1 !important;grid-row:span 3 !important;min-height:220px !important;clip-path:polygon(0 0,100% 4%,100% 100%,0 100%) !important}
.page .l-ph8 img{width:100% !important;height:100% !important;object-fit:cover !important;display:block !important}
.page .l-ph10{grid-column:1/-1 !important;grid-row:span 3 !important;min-height:220px !important;clip-path:polygon(0 4%,100% 0,100% 100%,0 100%) !important}
.page .l-ph10 img{width:100% !important;height:100% !important;object-fit:cover !important;display:block !important}
.page .l-realisations .l-col{display:grid !important;grid-template-columns:repeat(auto-fill,minmax(max(130px,22%),1fr)) !important;grid-auto-rows:auto !important;grid-auto-flow:dense !important;gap:14px !important;align-items:stretch !important}
.page .l-realisations .l-col .l-ph{grid-column:auto !important;grid-row:auto !important;height:auto !important;min-height:0 !important;margin:0 !important;aspect-ratio:4/3 !important;clip-path:polygon(0 4%,100% 0,100% 100%,0 100%) !important;z-index:auto !important;overflow:hidden !important;background:#e4dacc !important}
.page .l-realisations .l-col .l-ph img{width:100% !important;height:100% !important;object-fit:cover !important;display:block !important}
.page .l-realisations .l-col .l-ph .l-tape{left:10px !important;bottom:10px !important;font-size:11px !important;padding:4px 12px !important;max-width:calc(100% - 20px) !important;white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important}
.page .l-realisations .l-col .l-realt{grid-column:span 2 !important;grid-row:auto !important;margin:0 !important;padding:24px !important;font-size:15px !important}
.page .l-realisations .l-col{display:grid !important;grid-template-columns:repeat(12,1fr) !important;grid-auto-rows:120px !important;grid-auto-flow:row !important;gap:22px !important;align-items:stretch !important}
.page .l-realisations .l-col .l-ph{aspect-ratio:auto !important;background:transparent !important;clip-path:none !important;overflow:hidden !important;margin:0 !important;z-index:auto !important}
.page .l-realisations .l-col .l-ph1{grid-column:1/8 !important;grid-row:1/5 !important;height:auto !important}
.page .l-realisations .l-col .l-ph2{grid-column:8/13 !important;grid-row:2/5 !important;height:auto !important;margin-left:-40px !important;z-index:2 !important;clip-path:polygon(0 0,100% 6%,100% 100%,0 100%) !important}
.page .l-realisations .l-col .l-ph3{grid-column:9/13 !important;grid-row:5/8 !important;height:auto !important}
.page .l-realisations .l-col .l-realt{grid-column:1/8 !important;grid-row:5/8 !important;margin:30px 0 0 !important;font-size:16px !important;padding:36px !important}
.page .l-realisations .l-col .l-ph4,.page .l-realisations .l-col .l-ph5,.page .l-realisations .l-col .l-ph6,.page .l-realisations .l-col .l-ph7,.page .l-realisations .l-col .l-ph8,.page .l-realisations .l-col .l-ph9,.page .l-realisations .l-col .l-ph10{grid-column:1/-1 !important;grid-row:span 3 !important;min-height:220px !important;height:auto !important}
.page .l-realisations .l-col .l-ph4,.page .l-realisations .l-col .l-ph7,.page .l-realisations .l-col .l-ph9,.page .l-realisations .l-col .l-ph10{clip-path:polygon(0 4%,100% 0,100% 100%,0 100%) !important}
.page .l-realisations .l-col .l-ph5,.page .l-realisations .l-col .l-ph6,.page .l-realisations .l-col .l-ph8{clip-path:polygon(0 0,100% 4%,100% 100%,0 100%) !important}
.page .l-realisations .l-col .l-ph .l-tape{left:14px !important;bottom:14px !important;font-size:12px !important;padding:5px 16px !important;max-width:none !important;white-space:normal !important;overflow:visible !important;text-overflow:clip !important}
.page .l-realisations .l-col{display:grid !important;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr)) !important;grid-auto-rows:auto !important;grid-auto-flow:row dense !important;gap:18px !important;align-items:stretch !important}
.page .l-realisations .l-col .l-ph,.page .l-realisations .l-col .l-ph1,.page .l-realisations .l-col .l-ph2,.page .l-realisations .l-col .l-ph3,.page .l-realisations .l-col .l-ph4,.page .l-realisations .l-col .l-ph5,.page .l-realisations .l-col .l-ph6,.page .l-realisations .l-col .l-ph7,.page .l-realisations .l-col .l-ph8,.page .l-realisations .l-col .l-ph9,.page .l-realisations .l-col .l-ph10{grid-column:auto !important;grid-row:auto !important;height:auto !important;min-height:0 !important;max-height:none !important;margin:0 !important;aspect-ratio:4/3 !important;z-index:auto !important;overflow:hidden !important;background:transparent !important}
.page .l-realisations .l-col .l-ph1,.page .l-realisations .l-col .l-realt{grid-column:1/-1 !important}
.page .l-realisations .l-col .l-ph1{aspect-ratio:16/9 !important;max-height:520px !important}
.page .l-realisations .l-col .l-ph1,.page .l-realisations .l-col .l-ph4,.page .l-realisations .l-col .l-ph7,.page .l-realisations .l-col .l-ph9,.page .l-realisations .l-col .l-ph10{clip-path:polygon(0 4%,100% 0,100% 100%,0 100%) !important}
.page .l-realisations .l-col .l-ph2,.page .l-realisations .l-col .l-ph3,.page .l-realisations .l-col .l-ph5,.page .l-realisations .l-col .l-ph6,.page .l-realisations .l-col .l-ph8{clip-path:polygon(0 0,100% 4%,100% 100%,0 100%) !important}
.page .l-realisations .l-col .l-ph img{width:100% !important;height:100% !important;object-fit:cover !important;display:block !important}
.page .l-realisations .l-col .l-realt{grid-row:auto !important;margin:0 !important;padding:28px !important;font-size:15px !important;min-height:0 !important}
.page .l-realisations .l-col .l-ph .l-tape{left:14px !important;bottom:14px !important;font-size:12px !important;padding:5px 16px !important;max-width:calc(100% - 28px) !important;white-space:normal !important;overflow:visible !important;text-overflow:clip !important}
.page .l-logo{display:inline-flex !important;flex-direction:column !important;align-items:flex-start !important;line-height:1.05 !important;gap:2px !important}
.page .l-logo .l-logosite{display:block !important;font-family:'Archivo',Arial,sans-serif !important;font-size:10px !important;font-weight:400 !important;letter-spacing:.06em !important;text-transform:none !important;opacity:.8 !important;white-space:nowrap !important}
@media (min-width:760px){.page .l-barre{padding:0 40px !important}
.page .l-logo small{display:inline !important;margin-left:10px !important}
.page .l-burger{display:none !important}
.page .l-nav{display:flex !important;position:static !important;flex-direction:row !important;gap:26px !important;border:0 !important;padding:0 !important;background:none !important}
.page .l-nav a{border:0 !important;padding:0 !important;font-size:15px !important}
.page .l-nav .l-navdevis{border:2px solid #e9c45a !important;padding:6px 14px !important}}
@media (min-width:960px){.page .l-hero{padding:70px 40px 0 !important}
.page .l-herog{max-width:1180px !important;margin:0 auto !important;display:grid !important;grid-template-columns:1.1fr .9fr !important;gap:40px !important;align-items:end !important}
.page .l-herop{margin:0 !important;height:560px !important;clip-path:polygon(14% 0,100% 0,100% 100%,0 100%) !important}
.page .l-bande{margin:50px 0 0 !important}}
@media (min-width:960px){.page .l-prest{padding:110px 40px !important}
.page .l-presth{display:grid !important;grid-template-columns:1fr 1fr !important;gap:40px !important;align-items:end !important;margin-bottom:40px !important}
.page .l-prestin{margin:0 !important}
.page .l-nom li{grid-template-columns:80px 1fr 1fr !important;gap:30px !important;padding:28px 0 !important;align-items:start !important}
.page .l-nom h3{font-size:28px !important}}
@media (min-width:960px){.page .l-real{padding:110px 40px !important}
.page .l-col{grid-template-columns:repeat(12,1fr) !important;grid-auto-rows:120px !important;gap:22px !important}
.page .l-ph1{grid-column:1/8 !important;grid-row:1/5 !important;height:auto !important}
.page .l-ph2{grid-column:8/13 !important;grid-row:2/5 !important;height:auto !important;margin-left:-40px !important;z-index:2 !important}
.page .l-ph3{grid-column:9/13 !important;grid-row:5/8 !important;height:auto !important}
.page .l-realt{grid-column:1/8 !important;grid-row:5/8 !important;margin-top:30px !important;font-size:16px !important;padding:36px !important}}
@media (min-width:960px){.page .l-meth{padding:110px 40px !important}
.page .l-metre{display:grid !important;grid-template-columns:repeat(4,1fr) !important;gap:30px !important;padding:30px 0 0 !important;border-left:0 !important;border-top:8px solid #e9c45a !important;background:repeating-linear-gradient(to right,#1f1a17 0 2px,transparent 2px 16px) top/100% 18px no-repeat !important}
.page .l-metre li{padding:0 10px 0 0 !important}
.page .l-metre b{font-size:64px !important}}
@media (min-width:960px){.page.sombre .l-metre{background-image:repeating-linear-gradient(to right,#f1e8df 0 2px,transparent 2px 16px) !important}}
@media (min-width:960px){.page .l-devis{padding:110px 40px !important}
.page .l-devisi{display:grid !important;grid-template-columns:1fr 1.3fr !important;gap:60px !important;align-items:start !important}
.page .l-feuille{padding:50px 40px 36px !important}
.page .l-deux{display:grid !important;grid-template-columns:1fr 1fr !important;gap:0 24px !important}
.page .l-cases{grid-template-columns:repeat(3,1fr) !important}
.page .l-feuille button{width:auto !important}}
@media (min-width:960px){.page .l-contact{padding:110px 40px !important}
.page .l-contacti{display:grid !important;grid-template-columns:1fr 1fr !important;gap:60px !important;align-items:start !important}
.page .l-carte{margin:0 !important;height:100% !important;min-height:380px !important}}
@media (min-width:960px){.page .l-pied{padding:50px 40px !important}
.page .l-piedi{flex-direction:row !important;justify-content:space-between !important;align-items:center !important}}
@media (min-width:960px){.page .l-nom li{grid-template-columns:1fr 1fr !important}
.page .l-nom li div{grid-column:1 !important}
.page .l-nom li p{grid-column:2 !important}}
.page.sombre{--creme:#1c1512 !important;--encre:#f1e8df !important;--gris:#b7a99b !important;--brun:#d9875a !important;--blanc:#2a2019 !important;--fond2:#251c17 !important;background:#1c1512 !important;color:#f1e8df !important}
.page.sombre input,.page.sombre select,.page.sombre textarea{background:#2a2019 !important;color:#f1e8df !important;border-bottom-color:#5c4b3f !important}
.page.sombre input:focus,.page.sombre select:focus,.page.sombre textarea:focus{background:#332820 !important}
.page.sombre .l-tape{color:#1f1a17 !important}
.page.sombre .l-btn{color:#fff !important}
.page.sombre .l-btn:hover{background:#000 !important}
.page.sombre .l-barre{background:#120d0b !important}
.page.sombre .l-nav{background:#120d0b !important}
.page.sombre .l-heroa{color:#c8baa9 !important}
.page.sombre .l-hero h1 em{color:#d9875a !important}
.page.sombre .l-bande{background:#2a2019 !important}
.page.sombre .l-nom{border-top-color:#f1e8df !important}
.page.sombre .l-nom li{border-bottom-color:#4a3c33 !important}
.page.sombre .l-nom p{color:#c8baa9 !important}
.page.sombre .l-prestin{color:#b7a99b !important}
.page.sombre .l-nom b,.page.sombre .l-nom small{color:#d9875a !important}
.page.sombre .l-real{background:#251c17 !important}
.page.sombre .l-realt{background:#120d0b !important}
.page.sombre .l-metre{background-image:repeating-linear-gradient(to bottom,#f1e8df 0 2px,transparent 2px 14px) !important}
.page.sombre .l-metre p{color:#c8baa9 !important}
.page.sombre .l-metre b{color:#d9875a !important}
.page.sombre .l-devis{background:#5c2d17 !important}
.page.sombre .l-feuille{background:#2a2019 !important;color:#f1e8df !important}
.page.sombre .l-cases label{color:#f1e8df !important}
.page.sombre .l-feuille small{color:#b7a99b !important}
.page.sombre .l-devisin{color:#ecd8c8 !important}
.page.sombre .l-coord a,.page.sombre .l-coord span,.page.sombre .l-carte{background:#251c17 !important}
.page.sombre .l-coord small{color:#d9875a !important}
.page.sombre .l-pied{background:#120d0b !important}
.page.sombre .l-hero .l-bande span{animation:l-defile 28s linear infinite !important;animation-play-state:running !important}
.page.sombre .l-hero .l-bande span{animation:none !important}
.page.sombre .l-realisations .l-col .l-ph{background:#2a2019 !important}
.page.sombre .l-realisations .l-col .l-ph{background:transparent !important}
.page.sombre .l-realisations .l-col .l-ph{background:transparent !important}
.page.sombre .l-realisations .l-col .l-realt{background:#120d0b !important}
.page.sombre .l-logo .l-logosite{opacity:.85 !important}