:root{
  --fond:#FBF9F6; --lin:#F6F1EA; --sable:#F6F2EB; --encre:#2A2A2A; --filet:#D2CFCA; --filet-fiche:#C3C2BE;
  --plein:#CBD2DD; --plein-txt:#2A2A2A; --plein-survol:#95ADC7; --plein-survol-txt:#FFFFFF;
  --contour-survol:#292926; --contour-survol-txt:#FFFFFF; --clair:#F8F9FA;
  --pied:#C3CCD9; --pied-txt:#2A2A2A; --pied-geant:#96ADC7; --pied-barre:#95ADC7; --barre-txt:#2A2A2A;
  --lecture:#96ADC8; --onglets:rgba(252,251,247,.81); --entete-actif:#F6F2EB; --entete-actif-txt:#222222;
  --f-titre:"Newsreader",Georgia,serif;  --g-titre:200;
  --g-titre-it:300;
  --f-cap:"Jost",system-ui,sans-serif;   --g-cap:300;
  --f-ui:"Archivo",system-ui,sans-serif; --g-ui:400; --large-ui:111%;
  --f-texte:"Public Sans",system-ui,sans-serif; --g-texte:200;
  --tt-cap:uppercase; --esp-ui:1px; --r-bouton:0; --r-photo:0; --r-onglets:4px;
  --h-entete:61px;
}
@media (max-width:767px){:root{--h-entete:64px}}
body:has(#peau-a:checked){
  --fond:#FFFFFF; --lin:#E8F7F8; --sable:#FFFFFF; --encre:#1C1C1C; --filet:#E6E0DE; --filet-fiche:#E6E0DE;
  --plein:#F56E8C; --plein-txt:#1C1C1C; --plein-survol:#F25980; --plein-survol-txt:#1C1C1C;
  --contour-survol:#1C1C1C; --contour-survol-txt:#FFFFFF; --clair:#FFFFFF;
  --pied:#2DBFCB; --pied-txt:#1C1C1C; --pied-geant:#FFFFFF; --pied-barre:#1C1C1C; --barre-txt:#FFFFFF;
  --lecture:#F56E8C; --onglets:rgba(255,255,255,.9); --entete-actif:#FFFFFF; --entete-actif-txt:#1C1C1C;
  --f-titre:"Fredoka",system-ui,sans-serif; --g-titre:500; --g-titre-it:500; --f-cap:"Fredoka",system-ui,sans-serif; --g-cap:600; --tt-cap:none;
  --f-ui:"Fredoka",system-ui,sans-serif; --g-ui:600; --large-ui:100%; --f-texte:"Nunito",system-ui,sans-serif; --g-texte:400; --esp-ui:0;
  --r-bouton:999px; --r-photo:24px; --r-onglets:999px;
}
body:has(#peau-b:checked){
  --fond:#FBF5EC; --lin:#F6E7DA; --sable:#FBF5EC; --encre:#2A1F1A; --filet:#E4D6C6; --filet-fiche:#E4D6C6;
  --plein:#B8325A; --plein-txt:#FBF5EC; --plein-survol:#93234A; --plein-survol-txt:#FBF5EC;
  --contour-survol:#2A1F1A; --contour-survol-txt:#FBF5EC; --clair:#FBF5EC;
  --pied:#0F6670; --pied-txt:#FBF5EC; --pied-geant:#F0B13C; --pied-barre:#0A4A51; --barre-txt:#FBF5EC;
  --lecture:#B8325A; --onglets:rgba(251,245,236,.92); --entete-actif:#FBF5EC; --entete-actif-txt:#2A1F1A;
  --f-titre:"Fredoka",system-ui,sans-serif; --g-titre:500; --g-titre-it:500; --f-cap:"Fredoka",system-ui,sans-serif; --g-cap:600; --tt-cap:none;
  --f-ui:"Fredoka",system-ui,sans-serif; --g-ui:600; --large-ui:100%; --f-texte:"Nunito",system-ui,sans-serif; --g-texte:400; --esp-ui:0;
  --r-bouton:999px; --r-photo:24px; --r-onglets:999px;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:calc(var(--h-entete) + 4px)}
body{margin:0;background:var(--fond);color:var(--encre);font:var(--g-texte) 16px/20.8px var(--f-texte)}
img,video{display:block;max-width:100%;height:auto}
a{color:inherit}
h1,h2,h3,h4,p{margin:0}
:focus-visible{outline:2px solid var(--encre);outline-offset:3px}
.sur-photo :focus-visible{outline-color:#fff}
.conteneur{width:100%;max-width:1850px;margin-inline:auto;padding-inline:30px}
@media (max-width:767px){.conteneur{padding-inline:25px}}
.cap{font-family:var(--f-cap);font-weight:var(--g-cap);text-transform:var(--tt-cap)}
.ui{font-family:var(--f-ui);font-weight:var(--g-ui);font-stretch:var(--large-ui);letter-spacing:var(--esp-ui)}
.visuellement-cache{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.provisoire{display:inline-block;margin-left:6px;padding:2px 8px;border-radius:999px;background:#FFE9A8;color:#3A2A00;font:600 11px/1.4 system-ui,sans-serif;font-stretch:100%;vertical-align:middle;text-transform:none;letter-spacing:0;font-style:normal}
@media (prefers-reduced-motion:no-preference){a,.btn,.carte img,.vedette h2,.icone svg,.burger i{transition:background-color .25s,color .25s,opacity .25s,transform .3s}}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:41px;padding:12px 48px;font:var(--g-ui) 13px/15px var(--f-ui);font-stretch:var(--large-ui);
  letter-spacing:var(--esp-ui);text-transform:uppercase;text-decoration:none;border-radius:var(--r-bouton);border:1px solid var(--encre);background:transparent;color:var(--encre);white-space:nowrap;cursor:pointer}
.btn:hover{background:var(--contour-survol);color:var(--contour-survol-txt);border-color:var(--contour-survol)}
.btn.clair{border-color:var(--clair);color:var(--clair)}
.btn.clair:hover{background:var(--clair);color:#2A2A2A}
.btn.plein{background:var(--plein);border-color:var(--plein);color:var(--plein-txt);font-weight:500}
.btn.plein:hover{background:var(--plein-survol);border-color:var(--plein-survol);color:var(--plein-survol-txt)}
.btn.large{padding-inline:90px}
.btn.lg{font-size:15px;line-height:18px;padding:14px 20px;min-height:48px}
:where(body:not(:has(#peau-n:checked))) .btn{text-transform:none;font-size:15px}
.lien{font:500 14px/18px var(--f-ui);font-stretch:var(--large-ui);letter-spacing:var(--esp-ui);text-transform:uppercase;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;display:inline-flex;align-items:center;min-height:44px}
:where(body:not(:has(#peau-n:checked))) .lien{text-transform:none;font-size:16px}
.lecture{position:fixed;top:0;left:0;right:0;height:4px;z-index:2000;background:var(--lecture);transform-origin:0 50%;transform:scaleX(0);pointer-events:none}
@supports (animation-timeline:scroll()){.lecture{animation:remplir linear both;animation-timeline:scroll(root)}}
@keyframes remplir{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.entete{position:fixed;top:0;left:0;right:0;z-index:1030;height:var(--h-entete);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 30px;color:#fff}
.entete .gauche{display:flex;align-items:center;gap:10px}
.entete .droite{grid-column:3;justify-self:end;display:flex;align-items:center;gap:22px}
.burger,.fermer-x{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;margin-left:-7px;color:currentColor}
.burger i{position:relative;display:block;width:30px;height:1.5px;background:currentColor}
.burger i::before,.burger i::after{content:"";position:absolute;right:0;width:30px;height:1.5px;background:currentColor}
.burger i::before{top:-10px}.burger i::after{top:10px}
.burger:hover i{transform:scale(1.08)}
.fermer-x{display:none;font:300 30px/1 var(--f-texte);text-decoration:none}
body:has(#menu:target) .burger{display:none}
body:has(#menu:target) .fermer-x{display:inline-flex}
.icone{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;color:currentColor;position:relative}
.icone:hover svg{opacity:.6;transform:scale(1.1)}
.compteur{position:absolute;top:4px;right:2px;min-width:16px;height:16px;padding:0 4px;border-radius:8px;background:var(--plein);color:var(--plein-txt);font:600 10px/16px var(--f-ui);text-align:center}
.compteur:empty{display:none}
.logo{position:absolute;top:50px;left:50%;transform:translateX(-50%);text-align:center;text-decoration:none;color:#fff;font:400 64px/75px "Pinyon Script",cursive;width:320px}
.logo span{display:block}
.court{grid-column:2;display:none;font:400 30px/1 "Pinyon Script",cursive;text-decoration:none;color:currentColor;white-space:nowrap}
.btn-contact{font:var(--g-ui) 14px/14px var(--f-ui);font-stretch:var(--large-ui);letter-spacing:var(--esp-ui);text-transform:uppercase;padding:11px 15px 10px;border:1px solid currentColor;color:currentColor;text-decoration:none;border-radius:var(--r-bouton);display:inline-flex;align-items:center;min-height:37px}
.btn-contact:hover{background:var(--contour-survol);border-color:var(--contour-survol);color:#fff}
:where(body:not(:has(#peau-n:checked))) .btn-contact{background:var(--plein);border-color:var(--plein);color:var(--plein-txt);text-transform:none;font-size:15px;padding:11px 20px}
.entete.actif{background:var(--entete-actif);color:var(--entete-actif-txt);box-shadow:0 1px 0 #DDDDDD}
.entete:hover,body:has(#menu:target) .entete{background:var(--entete-actif)!important;color:var(--entete-actif-txt)!important}
.entete.actif .logo,body:has(#menu:target) .entete .logo{display:none}
.entete:hover .logo{opacity:0!important}
.entete:hover .court,.entete.actif .court,body:has(#menu:target) .entete .court{display:block;opacity:1!important}
@supports (animation-timeline:view()){
  body.accueil{timeline-scope:--contenu}
  body.accueil main{view-timeline:--contenu block}
  body.accueil .entete{animation:activer linear both;animation-timeline:--contenu;animation-range:entry 92% entry 100%}
  body.accueil .entete .logo{animation:cacher linear both;animation-timeline:--contenu;animation-range:entry 92% entry 100%}
  body.accueil .entete .court{display:block;animation:montrer linear both;animation-timeline:--contenu;animation-range:entry 92% entry 100%}
}
@keyframes activer{from{background:transparent;color:#fff}to{background:var(--entete-actif);color:var(--entete-actif-txt)}}
@keyframes cacher{to{opacity:0;visibility:hidden}}
@keyframes montrer{from{opacity:0}to{opacity:1}}
@supports not (animation-timeline:view()){body.accueil .entete{background:var(--entete-actif);color:var(--entete-actif-txt)}body.accueil .entete .logo{display:none}body.accueil .entete .court{display:block}}
@media (max-width:767px){
  .entete{padding:0 20px}.entete .loupe,.entete .btn-contact{display:none}.entete .droite{gap:0}
  .logo{top:32px;font-size:42px;line-height:50px;width:220px}
  .court{font-size:24px}
}
.panneau{position:fixed;top:var(--h-entete);left:0;z-index:1020;width:420px;height:calc(100dvh - var(--h-entete));overflow-y:auto;background:var(--sable);color:var(--encre);
  padding:20px 30px 40px;transform:translateX(-102%);visibility:hidden}
.panneau:target{transform:none;visibility:visible}
@media (max-width:800px){.panneau{width:100%;padding-inline:25px}}
.voile-menu{position:fixed;top:var(--h-entete);left:0;right:0;bottom:0;z-index:1010;background:rgba(0,0,0,.4);display:none}
.panneau:target~.voile-menu{display:block}
.panneau ul{list-style:none;margin:0;padding:0}
.panneau a,.panneau summary{display:flex;align-items:center;justify-content:space-between;min-height:52px;padding:8px 0;text-decoration:none;font:var(--g-titre) 24px/36px var(--f-titre);cursor:pointer}
.panneau summary{list-style:none}.panneau summary::-webkit-details-marker{display:none}
.panneau summary::after{content:"›";font-size:26px;transition:transform .2s}
.panneau details[open] summary::after{transform:rotate(90deg)}
.panneau details ul{padding:0 0 10px 16px}
.panneau details ul a{font-size:19px;min-height:44px;padding:4px 0}
.panneau .autres{border-top:2px solid #E1DED8;padding-top:20px;margin-top:25px}
.panneau .autres a{font:var(--g-ui) 15px/1 var(--f-ui);font-stretch:var(--large-ui);letter-spacing:var(--esp-ui);text-transform:uppercase;min-height:44px}
:where(body:not(:has(#peau-n:checked))) .panneau .autres a{text-transform:none;font-size:17px}
.hero{position:sticky;top:0;z-index:0;height:100vh;height:100svh;max-height:1000px;min-height:600px;overflow:hidden;color:#fff;display:flex;align-items:flex-end;justify-content:center;background:#2b241d}
.hero .media,.hero .media img,.hero video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(rgba(0,0,0,.30),rgba(0,0,0,.10) 30%,rgba(0,0,0,.25) 60%,rgba(0,0,0,.45))}
.hero h1{position:relative;z-index:2;padding:0 20px 198px;text-align:center;font:var(--g-titre) 85px/102px var(--f-titre);letter-spacing:-1px;max-width:1280px}
.hero h1 a{text-decoration:none}
.onglets{position:absolute;z-index:3;left:50%;bottom:24px;transform:translateX(-50%);width:min(100% - 40px,980px);height:55px;display:flex;justify-content:safe center;align-items:center;
  overflow-x:auto;scrollbar-width:none;background:var(--onglets);border-radius:var(--r-onglets);color:#2A2A2A}
.onglets a{display:flex;align-items:center;height:55px;padding:0 20px;text-decoration:none;font:var(--g-ui) 14px/18.2px var(--f-ui);font-stretch:var(--large-ui);letter-spacing:var(--esp-ui);text-transform:uppercase;white-space:nowrap}
.onglets a:hover{opacity:.6}
:where(body:not(:has(#peau-n:checked))) .onglets a{text-transform:none;font-size:15px;padding:0 15px}
@media (max-width:900px){.hero h1{font-size:65px;line-height:78px}}
@media (max-width:767px){.hero{height:500px;min-height:0}.hero h1{font-size:45px;line-height:54px;padding-bottom:62px}.onglets{display:none}}
main{position:relative;z-index:2;background:var(--fond)}
.pied{position:relative;z-index:2}
.defile{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 75px)/4);gap:25px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}
.defile::-webkit-scrollbar{display:none}
.progression{display:block;width:60%;height:2px;margin:56px auto 0;background:#91908C;overflow:hidden}
.progression i{display:block;height:100%;background:var(--encre);transform-origin:0 50%;transform:scaleX(.25)}
@supports (animation-timeline:scroll()){.progression i{transform:scaleX(0);animation:remplir linear both}}
.carte{scroll-snap-align:start;text-decoration:none;min-width:0;display:block}
.carte .img{display:block;width:100%;aspect-ratio:326/411;object-fit:cover;border-radius:var(--r-photo);background:var(--lin)}
.carte .vignette{display:block;width:100%;aspect-ratio:326/411;background:var(--lin);border-radius:var(--r-photo);overflow:hidden}
.carte .vignette img{width:100%;height:100%;object-fit:contain;padding:9%;mix-blend-mode:multiply}
.carte .leg{display:block;padding-top:10px;font:italic var(--g-titre-it) 23px/29.9px var(--f-titre)}
.carte:hover .leg{color:#95ADC7}
:where(body:not(:has(#peau-n:checked))) .carte .leg{font-size:20px}
.parcourir{padding:58.5px 0 101px}
.parcourir .progression,.inspiration .progression{margin-top:108px}
.tete{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:25.5px}
.tete h2{font-size:35px;line-height:45px;margin-top:6.5px}
.tete .btn{margin-bottom:14px}
@media (max-width:1000px){.defile{grid-auto-columns:calc((100% - 50px)/3)}}
@media (max-width:767px){.parcourir{padding:40px 0 85px}.parcourir .progression,.inspiration .progression{margin-top:40px}.tete{flex-direction:column;align-items:center;text-align:center;gap:6px;margin-bottom:38px}.tete h2{font-size:22px;line-height:45px;padding:0;margin:0}.tete .btn{margin:0}
  .defile{grid-auto-columns:100%;gap:25px}.carte .leg{font-size:20px;line-height:26px}.progression{margin-top:40px}}
.vedette{position:relative;aspect-ratio:2/1;background:#222;color:#FAF9F5;overflow:hidden;display:grid;place-items:center;text-align:center}
.vedette picture,.vedette img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.vedette::after{content:"";position:absolute;inset:0;background:rgba(20,15,10,.55)}
.vedette .contenu{position:relative;z-index:2;display:grid;justify-items:center;gap:50px;padding:20px}
.vedette h2{font:var(--g-titre) 70px/80px var(--f-titre);letter-spacing:-1px;transition-duration:.8s}
.vedette h2:hover{transform:scale(1.05)}
@media (max-width:767px){.vedette{aspect-ratio:1/1}.vedette h2{font-size:25px;line-height:35px}.vedette .contenu{gap:24px}}
.moitie{display:grid;grid-template-columns:1fr 1fr;height:720px;background:var(--lin);margin-top:16px}
.moitie img{width:100%;height:720px;object-fit:cover}
.moitie .texte{align-self:center;justify-self:center;width:100%;max-width:600px;padding:48px}
.moitie h2{font-size:32px;line-height:38.4px;margin-bottom:24px}
.moitie hr{border:0;border-top:1px solid var(--encre);opacity:.25;margin:0 0 16px}
.moitie .chapeau{font:var(--g-titre) 25.6px/30.7px var(--f-titre);margin-bottom:8px}
.moitie p{font-size:16px;line-height:20.8px;margin-bottom:24px}
.moitie .lien{font-size:16px;line-height:20.8px;letter-spacing:normal}
@media (max-width:767px){.moitie{grid-template-columns:1fr;height:auto}.moitie img{height:auto;aspect-ratio:1/1}.moitie .texte{padding:48px}}
.inspiration{padding:60px 0 105px;text-align:center}
.inspiration h2{font:var(--g-titre) 35px/45px var(--f-titre);letter-spacing:-1px;margin-bottom:14px}
.inspiration .defile{grid-auto-columns:calc((100% - 60px)/4);gap:20px;margin-top:44px;text-align:left}
.inspiration .carte{position:relative;overflow:hidden;border-radius:var(--r-photo)}
.inspiration .carte .img{aspect-ratio:3/4}
.inspiration .carte::after{content:"Voir ce décor";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(246,242,235,.85);font:italic 300 26px var(--f-titre);color:#2A2A2A;opacity:0;transition:opacity .25s}
.inspiration .carte:hover::after{opacity:1}
@media (max-width:991px){.inspiration .carte::after{display:none}}
@media (max-width:767px){.inspiration{padding:40px 0 83px}.inspiration h2{font-size:20px;line-height:30px;margin-bottom:4px}.inspiration .defile{grid-auto-columns:calc((100% - 20px)/2);margin-top:24px}}
.appel{border-top:1.5px solid var(--filet);padding:100px 20px;text-align:center}
.appel h2{font:var(--g-titre) 58px/58px var(--f-titre);letter-spacing:-1px}
.appel .sous{font:italic var(--g-titre-it) 32px/32px var(--f-titre);margin:8px 0 50px}
@media (max-width:767px){.appel{padding:45px 25px}.appel h2{font-size:28px;line-height:32px}.appel .sous{font-size:18px;line-height:30px;margin:6px 0 30px}.appel .btn.large{padding-inline:48px}
  :where(body:not(:has(#peau-n:checked))) .appel .sous{font-size:18px;font-weight:400}}
.pied{background:var(--pied);color:var(--pied-txt);padding-top:50px;overflow-wrap:anywhere}
.geant{display:block;font:400 min(calc((100vw - 60px)/8.2),13.5rem)/2 "Pinyon Script",cursive;color:var(--pied-geant);text-align:center;white-space:nowrap;margin:0 0 60px;text-decoration:none}
.colonnes{display:flex;justify-content:space-between;gap:30px;margin-bottom:40px}
.colonnes>div:last-child{width:25%}
.colonnes h2{font:500 14px/28px var(--f-ui);font-stretch:var(--large-ui);letter-spacing:1px;text-transform:uppercase;padding-bottom:5px;margin-bottom:8px}
:where(body:not(:has(#peau-n:checked))) .colonnes h2{text-transform:none;letter-spacing:0;font-size:16px}
.colonnes input{display:none}
.colonnes label{display:block;cursor:default}
.colonnes ul{list-style:none;margin:0;padding:0}
.colonnes li a,.colonnes li span{display:inline-flex;align-items:center;min-height:29px;text-decoration:none;font:400 14px/25px var(--f-ui);font-stretch:var(--large-ui)}
.colonnes li a:hover{opacity:.6}
.insta{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:10px}
.insta p{font:italic var(--g-titre-it) 26px/39px var(--f-titre)}
.vignettes{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:26px;margin-bottom:60px}
.vignettes a{display:block;min-width:0}
.vignettes img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:min(var(--r-photo),16%)}
.vignettes a:hover img{opacity:.85}
.barre{background:var(--pied-barre);color:var(--barre-txt);padding:14px 0;font:400 13px/20.8px var(--f-ui);font-stretch:var(--large-ui)}
.barre nav{display:flex;flex-wrap:wrap;gap:0 20px;margin-bottom:17px;padding-bottom:0;border-bottom:1px solid color-mix(in srgb,var(--barre-txt) 30%,transparent)}
.barre .conteneur{padding-bottom:16px}
.barre a{position:relative;overflow:hidden;text-decoration:none;min-height:44px;display:inline-flex;align-items:center}
.barre a::after{content:"";position:absolute;left:0;bottom:11px;width:100%;height:1px;background:currentColor;transform:translateX(-102%);transition:transform .3s}
.barre a:hover::after,.barre a:focus-visible::after{transform:none}
@media (max-width:900px){.colonnes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.colonnes>div:last-child{width:auto}.vignettes{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}}
@media (max-width:767px){.vignettes{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.vignettes a:nth-child(n+4){display:none}}
@media (max-width:560px){
  .pied{padding-top:30px}.geant{margin-bottom:30px}
  .colonnes{display:block;margin-bottom:30px}
  .colonnes>div{border-bottom:1px solid var(--pied-txt)}
  .colonnes input{display:block;position:absolute;opacity:0;width:1px;height:1px}
  .colonnes input:focus-visible+label{outline:2px solid currentColor;outline-offset:2px}
  .colonnes label{display:flex;justify-content:space-between;align-items:center;min-height:52px;cursor:pointer}
  .colonnes label::after{content:"";width:8px;height:8px;margin:-4px 20px 0 0;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);transition:transform .2s}
  .colonnes input:checked+label::after{transform:rotate(-135deg);margin-top:4px}
  .colonnes h2{font-size:16px;margin:0;padding:0;line-height:52px}
  .colonnes ul{display:none;padding-bottom:12px}
  .colonnes input:checked~ul{display:block}
  .colonnes li a,.colonnes li span{min-height:44px;font-size:16px}
  .insta p{font-size:20px}
}
body.page{padding-top:var(--h-entete)}
.page-header{padding:50px 30px 30px;text-align:center}
.page-header h1{font:var(--g-cap) 40px/48px var(--f-cap);text-transform:var(--tt-cap);margin-bottom:8px}
.chapeau-page{max-width:800px;margin:0 auto 48px;padding:0 24px;text-align:center;font:italic var(--g-titre-it) 24px/31.2px var(--f-titre)}
.ariane{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font:400 12px/22px var(--f-ui);font-stretch:var(--large-ui);text-transform:uppercase;letter-spacing:var(--esp-ui);margin-bottom:24px}
.ariane a{opacity:.7;text-decoration:none}.ariane a:hover{opacity:1}
@media (max-width:767px){.ariane{display:none}}
@media (max-width:600px){.page-header{padding:30px 20px 20px}.page-header h1{font-size:32px;line-height:35.2px}.chapeau-page{font-size:20px;line-height:27px}}
.grille{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;row-gap:58px;margin-bottom:72px}
.grille .carte .img,.grille .carte .vignette{aspect-ratio:1/1}
.grille .carte .leg{font:italic var(--g-titre-it) 25px/32.5px var(--f-titre);padding:10px 0 0 3px}
:where(body:not(:has(#peau-n:checked))) .grille .carte .leg{font-size:20px}
@media (max-width:767px){.grille{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;row-gap:30px}.grille .carte .leg{font-size:20px;line-height:26px;padding-top:8px}}
.liens-rapides{font-size:13px;line-height:1.8;opacity:.75;margin:0 0 60px}
.liens-rapides b{font:400 13px/1.8 var(--f-ui);font-stretch:var(--large-ui);text-transform:uppercase;opacity:.9}
.liens-rapides a{text-decoration:none}
.fiche{display:grid;grid-template-columns:55% 45%;padding:50px 0 80px}
.fiche .galerie{padding-right:60px;min-width:0}
.fiche .cadre{border-radius:var(--r-photo);overflow:hidden}
.fiche .grande{width:100%;aspect-ratio:1/1;object-fit:contain;background:var(--fond)}
.fiche .vignette-fond{background:var(--lin)}
.fiche .vignette-fond .grande{mix-blend-mode:multiply;background:transparent;padding:6%}
.fiche .infos{min-width:0}
.fiche .legende-photo{font-size:14px;line-height:1.5;margin-top:10px;opacity:.8}
.fiche .dispo{font:400 14px/22px var(--f-ui);font-stretch:var(--large-ui);margin:-10px 0 16px}
.fiche .haut{padding-bottom:10px;border-bottom:1px solid var(--filet-fiche);margin-bottom:20px}
.fiche h1{font:var(--g-titre-it) 40px/48px var(--f-titre);margin-bottom:10px}
.fiche .prix{font:400 14px/22px var(--f-ui);font-stretch:var(--large-ui);letter-spacing:var(--esp-ui)}
.fiche .detail{font:italic var(--g-titre-it) 22px/28.6px var(--f-titre);margin:24px 0}
.fiche form{display:flex;gap:24px;align-items:stretch;margin:0 0 20px}
.fiche .qte{display:flex;align-items:center;width:150px;height:48px;border:1px solid var(--encre);border-radius:var(--r-bouton)}
.fiche .qte input{width:100%;height:100%;border:0;background:transparent;text-align:center;font:400 14px var(--f-ui);color:var(--encre)}
.fiche .ajouter{flex:1;max-width:403px}
.fiche .note{border-top:1px solid var(--filet-fiche);padding-top:24px;font-size:16px;line-height:20.8px}
.ajoute{margin:0;font-size:15px;line-height:1.5}
.ajoute:empty{display:none}
.ajoute a{font-weight:500}
@media (max-width:767px){.fiche{grid-template-columns:1fr;padding:30px 0 0}.fiche .galerie{padding:0 0 24px}.fiche h1{font-size:30px;line-height:36px}.fiche .prix{font-size:15px;font-weight:500}
  .fiche form{flex-direction:column}.fiche .qte{width:100%}.fiche .ajouter{max-width:none}}
.demande{max-width:800px;margin:0 auto;padding:50px 0 80px}
.demande h1{font:var(--g-cap) 40px/48px var(--f-cap);margin-bottom:16px;text-align:center}
.demande .intro{font:var(--g-titre) 22px/28.6px var(--f-titre);text-align:center;margin-bottom:40px}
.demande fieldset{border:0;padding:0;margin:0 0 28px}
.demande legend{font:500 14px/22px var(--f-ui);font-stretch:var(--large-ui);text-transform:uppercase;letter-spacing:var(--esp-ui);margin-bottom:10px}
.demande label{display:block;font-size:15px;margin:12px 0 6px}
.demande input,.demande textarea,.demande select{width:100%;min-height:48px;padding:12px;border:1px solid var(--encre);border-radius:var(--r-bouton);background:var(--fond);color:var(--encre);font:400 16px/1.4 var(--f-texte)}
.demande textarea{min-height:140px}
.demande .choix-radio label{display:flex;gap:10px;align-items:center;min-height:44px;margin:0}
.demande .choix-radio input{width:20px;min-height:0;flex:none;margin:0}
.chapeau-page p{margin:0 0 10px}
.demande .deux{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}
@media (max-width:600px){.demande .deux{grid-template-columns:1fr}}
.demande .selection{list-style:none;padding:0;margin:0 0 12px}
.demande .selection li{display:flex;justify-content:space-between;gap:10px;padding:8px 0;border-bottom:1px solid var(--filet-fiche)}
.demande .piege{display:none}
.demande .apres{font-size:14px;line-height:1.5;margin-top:16px;opacity:.85}
.texte-page{max-width:800px;margin:0 auto;padding:0 0 80px;font-size:17px;line-height:1.6}
.texte-page h2{font:var(--g-titre) 32px/1.2 var(--f-titre);margin:40px 0 14px}
.texte-page h3{font:500 15px/1.3 var(--f-ui);font-stretch:var(--large-ui);text-transform:uppercase;letter-spacing:var(--esp-ui);margin:28px 0 10px}
.texte-page p,.texte-page ul{margin:0 0 14px}
.texte-page details{border-bottom:1px solid var(--filet-fiche);padding:6px 0}
.texte-page summary{cursor:pointer;min-height:48px;display:flex;align-items:center;font:var(--g-titre) 22px/1.3 var(--f-titre)}
.texte-page .encart{background:var(--lin);padding:24px;border-radius:var(--r-photo);margin:24px 0}
.prix-liste{list-style:none;padding:0;margin:0 0 20px;columns:2;column-gap:40px}
.prix-liste li{display:flex;justify-content:space-between;gap:12px;padding:6px 0;border-bottom:1px dotted var(--filet-fiche);break-inside:avoid}
@media (max-width:600px){.prix-liste{columns:1}}
.grille.realisations .carte{margin:0}
.grille.realisations .carte .img,.grille.univers .carte .img{aspect-ratio:3/4}
.grille.univers .carte .vignette{aspect-ratio:3/4}
.signature{font:italic var(--g-titre-it) 26px/1.3 var(--f-titre);margin-top:8px}
.moitie .vide,.vignette.vide{display:block;background:var(--lin);width:100%;aspect-ratio:1/1}
body.page .moitie .texte p{margin-bottom:16px}
.couverture{margin:0 0 60px}
.couverture img{width:100%;aspect-ratio:16/7;object-fit:cover;border-radius:var(--r-photo)}
.groupe{border-top:1.5px solid var(--filet);padding:50px 0 30px}
.groupe h2{font-size:32px;line-height:38.4px;margin-bottom:24px}
.groupe>p{max-width:800px;margin:0 0 14px;font-size:17px;line-height:1.55}
.groupe .defile{margin-top:30px}
.groupe .defile .carte{margin:0}
.groupe .defile .leg{font-size:18px;line-height:24px}
.formules{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-bottom:20px}
.formule{background:var(--lin);padding:30px;border-radius:var(--r-photo);display:flex;flex-direction:column;gap:10px}
.formule h3{font:var(--g-titre-it) 28px/1.2 var(--f-titre)}
.formule ul{margin:0 0 10px;padding-left:18px;font-size:16px;line-height:1.6;flex:1}
.mention{font:italic var(--g-titre-it) 20px/1.4 var(--f-titre);margin:6px 0}
@media (max-width:900px){.formules{grid-template-columns:1fr}}
.tarifs{list-style:none;padding:0;margin:24px 0 0;max-width:800px}
.tarifs li{display:grid;grid-template-columns:1fr auto auto;gap:6px 16px;align-items:center;padding:8px 0;border-bottom:1px solid var(--filet-fiche)}
.tarifs .pr{font:400 14px/22px var(--f-ui);font-stretch:var(--large-ui);letter-spacing:var(--esp-ui);white-space:nowrap}
.tarifs .ajoute{grid-column:1/-1}
.ajout.mini{margin:0}
.ajout.mini .btn{min-height:36px;padding:8px 14px;font-size:12px}
:where(body:not(:has(#peau-n:checked))) .ajout.mini .btn{font-size:14px}
@media (max-width:600px){.tarifs li{grid-template-columns:1fr auto}.tarifs .ajout.mini{grid-column:1/-1}}
.texte-page .encart h2{margin-top:0}
.texte-page ul{padding-left:20px}
.texte-page li{margin-bottom:8px}
.etoiles{list-style:"✦  "}
.a-partir{font:var(--g-titre) 26px/1.3 var(--f-titre);margin-top:20px}
.texte-page.legal h2{font-size:26px}
.ma-selection{background:var(--lin);padding:24px;border-radius:var(--r-photo);margin-bottom:32px}
.ma-selection h2{font-size:20px;margin-bottom:10px}
.selection li{align-items:center}
.selection button{background:none;border:0;color:inherit;text-decoration:underline;cursor:pointer;font:inherit;font-size:14px;min-height:44px}
.pause-video{position:absolute;z-index:3;right:24px;bottom:96px;width:40px;height:40px;border-radius:50%;border:1px solid rgba(255,255,255,.7);background:rgba(0,0,0,.25);cursor:pointer;display:grid;place-items:center}
.pause-video span{display:block;width:10px;height:12px;border-left:3px solid #fff;border-right:3px solid #fff}
.pause-video.en-pause span{width:0;height:0;border:0;border-left:11px solid #fff;border-top:7px solid transparent;border-bottom:7px solid transparent;margin-left:3px}
@media (max-width:767px){.pause-video{bottom:16px;right:16px}}
.choix{position:fixed;left:12px;bottom:12px;z-index:3000;display:flex;flex-wrap:wrap;gap:6px;align-items:center;max-width:calc(100% - 24px);padding:6px 8px;border-radius:12px;background:rgba(17,17,17,.92);color:#fff;font:500 12px/1.3 system-ui,sans-serif;box-shadow:0 4px 16px rgba(0,0,0,.25)}
.choix strong{padding:0 4px}
.choix input{position:absolute;opacity:0;pointer-events:none}
.choix label{border:1px solid #666;border-radius:999px;padding:4px 10px;cursor:pointer}
#peau-n:checked~label[for=peau-n],#peau-a:checked~label[for=peau-a],#peau-b:checked~label[for=peau-b]{background:#fff;color:#111}
:where(body:not(:has(#peau-n:checked))) :is(.carte .leg,.grille .carte .leg,.groupe .defile .leg,.insta p,.appel .sous,.chapeau-page,
  .fiche h1,.fiche .detail,.mention,.signature,.formule h3,.moitie .chapeau,.a-partir){font-style:normal}
:where(body:not(:has(#peau-n:checked))) .inspiration .carte::after{font-style:normal;font-family:var(--f-titre)}
body.page{--h-entete:62px}
@media (max-width:767px){body.page{--h-entete:55px}}
.liens-rapides p{margin:0 0 10px}
.fiche-ariane{padding-top:50px}
.fiche-ariane .ariane{margin-bottom:20px}
.fiche{padding:0 0 80px}
@media (max-width:767px){.fiche-ariane{display:none}.fiche{padding-top:30px}}
.inspi-fiche{padding:10px 0 80px}
.inspi-fiche h2{font:400 46px/55.2px var(--f-cap);text-transform:var(--tt-cap);margin-bottom:30px}
.inspi-fiche .defile{grid-auto-columns:calc((100% - 9px)/4);gap:3px}
.inspi-fiche .carte .img{aspect-ratio:auto;height:25vw;border-radius:var(--r-photo)}
@media (max-width:800px){.inspi-fiche{padding:10px 0 60px}.inspi-fiche h2{font-size:26px;line-height:32px;margin-bottom:20px}.inspi-fiche .defile{grid-auto-columns:calc((100% - 3px)/2)}.inspi-fiche .carte .img{height:50vw}}
.complete{background:var(--sable);padding:100px 0}
.complete .tete h2{font-size:46px;line-height:55.2px;margin-top:0}
.complete .tete{align-items:center}
.complete .tete .btn{margin:0}
@media (max-width:767px){.complete{padding:60px 0}.complete .tete h2{font-size:26px;line-height:32px}}
:is(.parcourir,.inspiration,.complete,.groupe){timeline-scope:--car}
:is(.parcourir,.inspiration,.complete,.groupe) .defile{scroll-timeline:--car x}
:is(.parcourir,.inspiration,.complete,.groupe) .progression i{animation-timeline:--car}
@media (max-width:767px){.btn{min-height:44px}}
body.page .moitie{margin:0 0 60px}
@media (max-width:767px){.ajout.mini .btn{min-height:44px}}
.choix-court{display:none}
@media (max-width:600px){.choix-long{display:none}.choix-court{display:inline}}
.hero :focus-visible,.vedette :focus-visible,.entete :focus-visible{outline:2px solid #fff;outline-offset:2px;box-shadow:0 0 0 4px #1C1C1C}
.onglets a:focus-visible{outline-offset:-4px}
.defile .carte:focus-visible{outline-offset:-3px}
.pied :focus-visible{outline-color:currentColor}
.visuellement-cache:focus{position:fixed;top:8px;left:8px;width:auto;height:auto;clip:auto;overflow:visible;white-space:normal;z-index:3001;
  padding:10px 16px;background:var(--encre);color:var(--fond);text-decoration:none}
@media (pointer:fine){.defile{scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--encre) 45%,transparent) transparent;padding-bottom:8px;margin-bottom:-8px}
  .defile::-webkit-scrollbar{display:block;height:6px}.defile::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--encre) 45%,transparent);border-radius:3px}}
.panneau{overscroll-behavior:contain}
.pause-video{width:44px;height:44px}
.pause-video[hidden]{display:none}
.court{align-items:center;min-height:44px}
.entete.actif .court,.entete:hover .court,body:has(#menu:target) .entete .court{display:inline-flex}
@media (max-width:767px){.liens-rapides{line-height:2.6}}
:where(body:not(:has(#peau-n:checked))) .carte:hover .leg{color:inherit;text-decoration:underline;text-underline-offset:4px}
@media (min-width:1024px){.peu-de-cartes .progression{display:none}}
@media (max-width:600px){.demande form button[type=submit]{width:100%;padding-inline:20px}}
.ajoute:empty{display:block;position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.demande .obligatoire{font-size:14px;margin:0 0 20px;opacity:.85}
body:has(.choix){padding-bottom:64px}
main p,main li{overflow-wrap:anywhere}