:root{
  --creme:#F2EEEA; --menthe:#3DD9AD; --menthe-fonce:#2bb990; --petrole:#1E5F61; --brun:#260101; --texte:#333;
  --titre:"Barlow Condensed","Arial Narrow",sans-serif; --corps:Inter,Helvetica,Arial,sans-serif;
  --r:10px; --gap:16px; --ease:cubic-bezier(.16,1,.3,1);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--creme);color:var(--texte);font-family:var(--corps);font-size:16px;line-height:1.5}
img{display:block;max-width:100%}
h1,h2,h3,
.h1{font-family:var(--titre);font-weight:700;margin:0;line-height:.95}
button,select,input{font-family:inherit}
:focus-visible{outline:3px solid var(--petrole);outline-offset:2px}
.page{max-width:1560px;margin:0 auto;padding:0 8px}
.inner{max-width:1500px;margin:0 auto;padding:0 32px}

/* bandeau maquette */
.proto{background:var(--brun);color:var(--creme);font-size:12.5px;text-align:center;padding:7px 16px}

/* en-tête : identique au site */
.top{display:flex;align-items:center;gap:30px;padding:16px 250px 22px;flex-wrap:wrap}
.top .logo img{width:116px}
.top nav{display:flex;gap:26px;margin-left:auto;align-items:center;font:600 15px Helvetica,Arial,sans-serif}
.top nav a{color:#000;text-decoration:none;position:relative;padding:4px 0}
.top nav a:after{content:"";position:absolute;left:0;right:100%;bottom:-2px;height:2px;background:var(--menthe);transition:right .3s var(--ease)}
.top nav a:hover:after{right:0}
.top nav a.avec-sur{display:inline-flex;flex-direction:column;line-height:1.15}.top nav a.avec-sur small{font:700 9.5px var(--corps);letter-spacing:1.8px;text-transform:uppercase;color:var(--menthe-fonce)}
.top nav a.btn{padding:10px 20px}.top nav a.btn:after{display:none}.top nav a.btn:hover{color:var(--creme)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font:600 15px var(--corps);border-radius:5px;padding:10px 20px;border:1px solid var(--brun);background:transparent;color:var(--brun);cursor:pointer;text-decoration:none;transition:background .25s,color .25s,transform .25s var(--ease)}
.btn:hover{background:var(--brun);color:var(--creme)}
.btn:active{transform:scale(.97)}
.btn.plein{background:var(--brun);color:var(--creme)}
.btn.plein:hover{background:var(--petrole);border-color:var(--petrole)}
.btn.creme{border-color:var(--creme);background:var(--creme);color:var(--menthe-fonce)}
.btn.creme:hover{background:var(--brun);border-color:var(--brun);color:var(--creme)}
.btn.filet-blanc{border:2px solid #fff;color:#fff;border-radius:3px;font:600 15px var(--titre);text-transform:uppercase;letter-spacing:.4px}
.btn.filet-blanc:hover{background:#fff;color:var(--brun)}

/* mosaïque d'ouverture */
.mosaic{display:grid;grid-template-columns:2.05fr 1fr 1fr;grid-template-rows:180px 180px 180px;gap:var(--gap)}
.tile{border-radius:var(--r);overflow:hidden;position:relative}
.tile.photo{background:#ccc center/cover}
.tile.hero{grid-row:1/4;display:flex;align-items:center;padding:0 40px;color:#fff;background:#333 center/cover}
.tile.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.45),rgba(0,0,0,.05) 70%)}
.tile.hero>div{position:relative;max-width:620px}
.tile.hero h1,
.tile.hero .h1{font-size:38px;line-height:1.05}
.tile.hero p{font-weight:600;margin:14px 0 22px;text-shadow:0 1px 8px rgba(0,0,0,.4)}
.tile.mint{background:var(--menthe);color:var(--creme);font:600 19px/1.1 var(--titre);text-transform:uppercase;display:flex;align-items:center;padding:0 16px}
.tile.book{grid-column:2/4;grid-row:1/3;background:var(--menthe);color:var(--creme);padding:22px 24px;display:flex;flex-direction:column;gap:14px}
.book h2{font-size:34px;text-transform:uppercase;color:var(--creme)}
.book .tabs{display:flex;gap:6px;flex-wrap:wrap}
.book .tab{font:600 14px var(--corps);padding:8px 14px;border-radius:30px;border:1px solid rgba(242,238,234,.75);background:transparent;color:var(--creme);cursor:pointer;transition:all .2s}
.book .tab[aria-selected=true]{background:var(--creme);color:var(--petrole)}
.book .fields{display:grid;grid-template-columns:1.2fr 1fr .8fr;gap:10px}
.book label{display:block;font:600 11px var(--corps);letter-spacing:.8px;text-transform:uppercase;margin-bottom:4px;color:#0b5a46}
.book select,.book input{width:100%;border:0;border-radius:6px;padding:11px 10px;font-size:15px;background:var(--creme);color:var(--brun)}
.book .reperes{display:flex;gap:8px;flex-wrap:wrap;list-style:none;margin:2px 0 0;padding:0}.book .reperes li{font:600 13px var(--corps);background:rgba(242,238,234,.22);border-radius:6px;padding:8px 12px;color:#063b2e}.book .reperes b{font:700 20px var(--titre);color:var(--creme);margin-right:4px}
.book .go{margin-top:auto;display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.book .go small{font:500 13px var(--corps);color:#0b5a46}

/* titres géants, comme le site */
.geant{font-size:clamp(54px,8.2vw,122px);text-transform:uppercase;color:var(--menthe);margin:80px 0 26px}
.geant em{font-style:normal;color:var(--petrole)}
.sous{max-width:760px;margin:-10px 0 28px;color:#555}

/* salles */
.rooms{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--gap)}
.room{position:relative;border-radius:var(--r);overflow:hidden;background:#fff;display:flex;flex-direction:column;transition:transform .4s var(--ease),box-shadow .4s}
.room:hover{transform:translateY(-6px);box-shadow:0 18px 40px rgba(38,1,1,.14)}
.room figure{margin:0;position:relative;height:230px;overflow:hidden}
.room img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease)}
.room:hover img{transform:scale(1.06)}
.room figure:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 45%,rgba(0,0,0,.6))}
.room h3{position:absolute;left:16px;bottom:12px;z-index:2;color:#fff;font-size:32px;text-transform:uppercase}
.etat{position:absolute;z-index:2;top:12px;left:12px;font:600 12px var(--corps);padding:5px 10px;border-radius:30px;background:var(--creme);color:var(--petrole)}
.etat.ko{background:var(--brun);color:var(--creme)}
.room .bas{padding:16px;display:flex;flex-direction:column;gap:10px;flex:1}
.room .infos{font-size:13.5px;color:#666}
.prix{font:700 40px/1 var(--titre);color:var(--brun)}
.prix small{font:600 14px var(--corps);color:#777}
.room .btn{margin-top:auto}
.room.off{opacity:.45;filter:grayscale(.6)}

/* bloc pétrole : combien êtes-vous */
.bloc{border-radius:var(--r);overflow:hidden;margin-top:90px;display:grid;grid-template-columns:1.05fr 1fr;gap:var(--gap);background:transparent}
.bloc .g{background:var(--petrole);border-radius:var(--r);padding:56px 48px;color:var(--creme)}
.bloc .g h2{font-size:clamp(44px,5vw,71px);text-transform:uppercase;color:var(--creme)}
.bloc .g h2 span{background:linear-gradient(transparent 82%,var(--menthe) 82%,var(--menthe) 94%,transparent 94%)}
.bloc .g p{max-width:520px;color:#d5e6e4}
input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:6px;border-radius:6px;background:rgba(242,238,234,.3);margin:26px 0 8px}
input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:34px;height:34px;border-radius:50%;background:var(--menthe);border:4px solid var(--creme);cursor:grab;box-shadow:0 4px 14px rgba(0,0,0,.3)}
.echelle{display:flex;justify-content:space-between;font:600 13px var(--corps);color:#a9cbc8}
.resultat{display:flex;align-items:flex-end;gap:26px;margin-top:30px;flex-wrap:wrap}
.resultat .gros{font:700 96px/.85 var(--titre);color:var(--menthe)}
.resultat .gros small{font:600 18px var(--corps);color:var(--creme)}
.resultat dl{display:flex;gap:26px;margin:0}
.resultat dt{font:600 12px var(--corps);text-transform:uppercase;letter-spacing:.8px;color:#a9cbc8}
.resultat dd{margin:0;font:700 30px var(--titre)}
.inclus{display:flex;flex-wrap:wrap;gap:8px;margin:26px 0 0;padding:0;list-style:none}
.inclus li{font:500 13px var(--corps);border:1px solid rgba(242,238,234,.4);border-radius:30px;padding:5px 12px}
.bloc .d{border-radius:var(--r);background:#333 center/cover;min-height:560px;position:relative;display:flex;align-items:flex-end;padding:20px}
.visite{background:var(--creme);border-radius:var(--r);padding:22px;width:100%;box-shadow:0 20px 50px rgba(0,0,0,.35)}
.visite h3{font-size:28px;color:var(--petrole);text-transform:uppercase;margin-bottom:6px}
.dispo{font-size:14px;color:#555;margin:0 0 12px}
.creneaux{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:14px}
.creneau{border:1px solid var(--brun);background:transparent;border-radius:5px;padding:9px 6px;font:600 13px var(--corps);color:var(--brun);cursor:pointer;transition:all .2s}
.creneau[aria-pressed=true]{background:var(--menthe);border-color:var(--menthe);color:#063b2e}

/* offres : tuiles menthe du site */
.offres{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--gap)}
.offres.cinq{grid-template-columns:repeat(5,1fr)}.offres.cinq .offre{padding-left:20px;padding-right:20px}
@media(max-width:1300px){.offres.cinq{grid-template-columns:repeat(3,1fr)}}@media(max-width:800px){.offres.cinq{grid-template-columns:1fr}}
.offre{background:var(--menthe);border-radius:var(--r);padding:34px 20px 30px;text-align:center;color:var(--creme);display:flex;flex-direction:column;align-items:center;gap:2px;position:relative;transition:transform .4s var(--ease)}
.offre:hover{transform:translateY(-6px)}
.offre h3{font-size:30px;font-weight:600}
.offre .ap{font:500 13px var(--corps);color:#0b5a46}
.offre .p{font:600 34px/1 var(--titre);margin-top:12px}
.offre .u{font:600 17px var(--titre)}
.offre ul{list-style:none;padding:0;margin:14px 0 18px;font:500 14px/1.6 var(--corps);color:#063b2e}
.offre .btn{margin-top:auto}
.offre.vedette{background:var(--petrole)}
.offre.vedette .ap,.offre.vedette ul{color:#bfe0dc}
.offre.vedette:before{content:"La plus demandée";position:absolute;top:-13px;left:50%;transform:translateX(-50%);background:var(--brun);color:var(--creme);font:600 12px var(--corps);padding:5px 14px;border-radius:30px;white-space:nowrap}
.petites{margin-top:18px;font-size:14.5px;color:#555}
.petites a{color:var(--petrole);font-weight:600}

/* restaurant & jardin */
.duo{display:grid;grid-template-columns:1fr 1fr;gap:var(--gap)}
.carte-photo{border-radius:var(--r);min-height:470px;background:#333 center/cover;position:relative;overflow:hidden;color:#fff;display:flex;flex-direction:column;justify-content:flex-end;padding:36px}
.carte-photo:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.05) 30%,rgba(0,0,0,.72))}
.carte-photo>*{position:relative}
.carte-photo h3{font-size:60px;text-transform:uppercase}
.carte-photo p{max-width:460px;margin:10px 0 18px}
.pastille{position:absolute;top:24px;right:24px;width:132px;height:132px;border-radius:50%;background:var(--menthe);color:#063b2e;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;font:600 13px/1.15 var(--corps);transform:rotate(8deg);box-shadow:0 10px 30px rgba(0,0,0,.3)}
.pastille b{font:700 42px/1 var(--titre)}

/* preuves */
.chiffres{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--gap);margin-top:var(--gap)}
.chiffre{border:1px solid var(--brun);border-radius:var(--r);padding:26px 20px}
.chiffre b{display:block;font:700 64px/.9 var(--titre);color:var(--brun)}
.chiffre span{font-size:14px;color:#555}

footer{background:var(--brun);color:var(--creme);margin-top:90px;padding:46px 0}
footer .inner{display:flex;gap:40px;align-items:center;flex-wrap:wrap}
footer img{width:150px;filter:invert(1) brightness(1.6)}
footer p{margin:0;font-size:14px;color:#d8cfc9}

.barre-mobile{display:none}
dialog{border:0;border-radius:var(--r);padding:0;max-width:470px;width:calc(100% - 32px);background:var(--creme);color:var(--texte)}
dialog::backdrop{background:rgba(38,1,1,.6)}
.recap{padding:28px}
.recap h3{font-size:34px;text-transform:uppercase;color:var(--petrole);margin-bottom:12px}
.ligne{display:flex;justify-content:space-between;gap:16px;border-bottom:1px solid #d9d2cb;padding:10px 0;font-size:15px}
.recap small{display:block;margin:14px 0;color:#666}
.recap .actions{display:flex;gap:10px}


/* vues */
.vue{display:none}.vue.on{display:block}
.top nav a[aria-current=page]:after{right:0}
/* bandeau de page */
.entete-page{border-radius:var(--r);min-height:430px;background:#333 center 60%/cover;position:relative;display:flex;align-items:flex-end;padding:44px;color:#fff;overflow:hidden}
.entete-page:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.08) 35%,rgba(0,0,0,.7))}
.entete-page>div{position:relative;max-width:760px}
.entete-page h1,
.entete-page .h1{font-size:clamp(48px,6vw,88px);text-transform:uppercase}
.entete-page p{font-weight:500;font-size:18px;margin:12px 0 0}
.note-tf{display:inline-flex;gap:8px;align-items:center;background:var(--menthe);color:#063b2e;font:600 13px var(--corps);border-radius:30px;padding:6px 14px;margin-bottom:14px}
/* restaurant */
.resto-grid{display:grid;grid-template-columns:1fr 1.25fr;gap:var(--gap);margin-top:var(--gap)}
.table-box{background:var(--menthe);border-radius:var(--r);padding:30px;color:var(--creme)}
.resto-grid{align-items:start}.resto-col{display:flex;flex-direction:column;gap:var(--gap);position:sticky;top:110px}
.table-box .tb-photo{aspect-ratio:3/2;height:auto;border-radius:14px;background:#0f8f6c center/cover;margin-bottom:18px}
.table-box h2{font-size:44px;text-transform:uppercase;color:var(--creme);margin-bottom:16px}
.table-box .fields{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}
.table-box label{display:block;font:600 11px var(--corps);letter-spacing:.8px;text-transform:uppercase;margin-bottom:4px;color:#0b5a46}
.table-box select,.table-box input{width:100%;border:0;border-radius:6px;padding:11px 10px;font-size:15px;background:var(--creme);color:var(--brun)}
.heures{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:16px 0}
.heure{border:1px solid rgba(242,238,234,.8);background:transparent;color:var(--creme);border-radius:5px;padding:10px 4px;font:600 14px var(--corps);cursor:pointer;transition:all .2s}
.heure[aria-pressed=true]{background:var(--creme);color:var(--petrole)}
.heure:disabled{opacity:.35;text-decoration:line-through;cursor:not-allowed}
.table-box{display:flex;flex-direction:column}.pratique{list-style:none;margin:auto 0 0;padding:22px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:14px 20px;border-top:1px solid rgba(242,238,234,.5)}.pratique li{font:500 14px/1.4 var(--corps);color:#063b2e}.pratique b{display:block;font:600 12px var(--corps);letter-spacing:1px;text-transform:uppercase;color:var(--creme);margin-bottom:2px}
.carte{background:#fff;border-radius:var(--r);padding:30px 34px}
.carte h2{font-size:44px;text-transform:uppercase;color:var(--petrole)}
.carte h3{font:600 13px var(--corps);letter-spacing:1.2px;text-transform:uppercase;color:var(--menthe-fonce);margin:22px 0 6px}
.plat{display:flex;justify-content:space-between;gap:20px;padding:9px 0;border-bottom:1px dashed #d9d2cb}
.plat b{font:600 20px var(--titre);color:var(--brun)}
.plat span{font-size:14px;color:#666;display:block}
.plat i{font:700 20px var(--titre);font-style:normal;color:var(--brun);white-space:nowrap}
.exemple{font-size:12.5px;color:#8a817a;margin-top:14px}
.ct-som{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:22px}
.ct-som button{height:38px;padding:0 16px;border-radius:40px;border:1.5px solid #dcd5ce;background:#fff;font:600 14px var(--corps);color:var(--brun);cursor:pointer}
.ct-som button:hover{border-color:var(--petrole);color:var(--petrole)}
.ct-semaine{background:var(--creme);border-left:6px solid var(--menthe);border-radius:var(--r);padding:8px 26px 22px;margin-bottom:26px}
.ct-semaine .ct-quand{font:600 12px var(--corps);letter-spacing:2px;text-transform:uppercase;color:var(--menthe-fonce);padding-top:16px}
.ct-perm{columns:2;column-gap:48px}.ct-perm .rub{break-inside:avoid;margin-bottom:10px}
.carte .rub h3{font:700 24px var(--titre);letter-spacing:0;color:var(--petrole);margin:18px 0 4px;scroll-margin-top:120px}
.tf-zone{width:100%;border:1.5px solid #dcd5ce;border-radius:10px;padding:12px 14px;font:500 14.5px/1.6 var(--corps);color:var(--brun);background:#fff;resize:vertical}
@media (max-width:900px){.ct-perm{columns:1}}
@media print{body>*:not(main),.bandeau-maquette,header,footer,.ct-som,.btn{display:none!important}}
.formules{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gap)}
.formule{background:#fff;border-radius:var(--r);overflow:hidden;display:flex;flex-direction:column;transition:transform .4s var(--ease),box-shadow .4s}
.formule:hover{transform:translateY(-6px);box-shadow:0 18px 40px rgba(38,1,1,.14)}
.formule figure{margin:0;height:200px;overflow:hidden}.formule img{width:100%;height:100%;object-fit:cover}
.formule .bas{padding:20px;display:flex;flex-direction:column;gap:8px;flex:1}
.formule h3{font-size:30px;text-transform:uppercase;color:var(--petrole)}
.formule p{margin:0;font-size:14.5px;color:#555}
.qte{display:flex;align-items:center;gap:10px;margin-top:auto;padding-top:10px}
.qte input{width:74px;border:1px solid var(--brun);border-radius:5px;padding:9px;font-size:15px;background:transparent}
/* événements */
.filtres{display:flex;gap:8px;flex-wrap:wrap;margin:-6px 0 26px}
.filtre{font:600 14px var(--corps);padding:9px 16px;border-radius:30px;border:1px solid var(--brun);background:transparent;color:var(--brun);cursor:pointer;transition:all .2s}
.filtre[aria-pressed=true]{background:var(--brun);color:var(--creme)}
.agenda{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gap)}
.evt{background:#fff;border-radius:var(--r);overflow:hidden;display:flex;flex-direction:column;position:relative;transition:transform .4s var(--ease),box-shadow .4s}
.evt:hover{transform:translateY(-6px);box-shadow:0 18px 40px rgba(38,1,1,.14)}
.evt.une{grid-column:span 2;flex-direction:row}
.evt.une figure{flex:1.1;height:auto;min-height:340px}.evt.une .bas{flex:1;justify-content:center;padding:34px}
.evt.une h3{font-size:52px}
.evt figure{margin:0;height:210px;overflow:hidden}.evt img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease)}
.evt:hover img{transform:scale(1.05)}
.quand{position:absolute;top:14px;left:14px;z-index:2;background:var(--creme);border-radius:8px;padding:8px 12px;text-align:center;font:600 12px/1.1 var(--corps);color:var(--brun);text-transform:uppercase;box-shadow:0 6px 18px rgba(0,0,0,.18)}
.quand b{display:block;font:700 30px/1 var(--titre)}
.evt .bas{padding:20px;display:flex;flex-direction:column;gap:8px;flex:1}
.genre{font:600 12px var(--corps);letter-spacing:1px;text-transform:uppercase;color:var(--menthe-fonce)}
.evt h3{font-size:30px;text-transform:uppercase;color:var(--petrole)}
.evt p{margin:0;font-size:14.5px;color:#555}
.evt .pied{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;padding-top:12px}
.places{font:600 13px var(--corps);color:#777}.places.peu{color:#b3261e}
.jauge{height:5px;border-radius:5px;background:#e7e0d9;overflow:hidden;margin-top:4px}.jauge i{display:block;height:100%;background:var(--menthe)}
.tarif{font:700 30px/1 var(--titre);color:var(--brun)}
.orga{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gap)}
.orga .offre{text-align:left;align-items:flex-start;padding:30px}
.orga .offre h3{font-size:34px;text-transform:uppercase}
.orga .offre p{margin:6px 0 16px;font-size:14.5px;color:#063b2e}
/* clé résident dans la fenêtre */
.cle{display:flex;gap:8px;margin-top:14px}
.cle input{flex:1;border:1px solid var(--brun);border-radius:5px;padding:10px;font-size:15px;background:transparent}
.cle-ok{display:none;margin-top:10px;background:var(--menthe);color:#063b2e;border-radius:6px;padding:10px 12px;font:600 14px var(--corps)}
@media(max-width:1100px){.resto-grid{grid-template-columns:1fr}.formules,.agenda,.orga{grid-template-columns:1fr 1fr}.evt.une{grid-column:span 2}}
@media(max-width:640px){.formules,.agenda,.orga{grid-template-columns:1fr}.evt.une{grid-column:auto;flex-direction:column}.evt.une h3{font-size:36px}.entete-page{padding:24px;min-height:340px}.table-box .fields{grid-template-columns:1fr}.heures{grid-template-columns:repeat(3,1fr)}}

/* portes d'entrée de l'accueil */
.portes{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gap)}
.porte{position:relative;border-radius:var(--r);overflow:hidden;min-height:300px;background:#333 center/cover;color:#fff;text-decoration:none;display:flex;flex-direction:column;justify-content:flex-end;padding:26px;transition:transform .4s var(--ease)}
.porte:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.05) 35%,rgba(0,0,0,.72));transition:background .4s}
.porte:hover{transform:translateY(-6px)}.porte:hover:before{background:linear-gradient(180deg,rgba(30,95,97,.25),rgba(30,95,97,.85))}
.porte>*{position:relative}.porte h3{font-size:44px;text-transform:uppercase}.porte span{font:600 13px var(--corps);background:var(--menthe);color:#063b2e;border-radius:30px;padding:5px 12px;align-self:flex-start;margin-bottom:10px}
.portes .porte:nth-child(1),.portes .porte:nth-child(6){grid-column:span 1}
/* barre de recherche des salles */
.barre-salles{display:grid;grid-template-columns:1.2fr 1fr 1fr auto;gap:12px;background:var(--menthe);border-radius:var(--r);padding:20px;margin-top:var(--gap);align-items:end}
.barre-salles label{display:block;font:600 11px var(--corps);letter-spacing:.8px;text-transform:uppercase;margin-bottom:4px;color:#0b5a46}
.barre-salles select,.barre-salles input{width:100%;border:0;border-radius:6px;padding:12px 10px;font-size:15px;background:var(--creme);color:var(--brun)}
/* liste des bureaux */
.bureaux{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--gap)}
.bureau{background:#fff;border-radius:var(--r);overflow:hidden;display:flex;flex-direction:column;position:relative;transition:transform .4s var(--ease),box-shadow .4s}
.bureau:hover{transform:translateY(-6px);box-shadow:0 18px 40px rgba(38,1,1,.14)}
.bureau figure{margin:0;height:250px;overflow:hidden;position:relative}.bureau img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease)}.bureau:hover img{transform:scale(1.06)}
.bureau .ref{position:absolute;left:14px;bottom:12px;z-index:2;color:#fff;font:700 34px/1 var(--titre);text-shadow:0 2px 12px rgba(0,0,0,.5)}
.bureau figure:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 55%,rgba(0,0,0,.55))}
.bureau .bas{padding:16px;display:flex;flex-direction:column;gap:8px;flex:1}
.bureau .faits{display:flex;gap:6px;flex-wrap:wrap}.bureau .faits span{font:600 12.5px var(--corps);border:1px solid #d9d2cb;border-radius:30px;padding:4px 10px;color:#555}
.bureau.loue img{filter:grayscale(.75) brightness(.92)}.bureau.loue .prix,.bureau.loue .par{opacity:.55}
.bureau .par{font:500 13px var(--corps);color:#777}
.bureau .acts{display:flex;gap:8px;margin-top:auto;padding-top:8px}.bureau .acts .btn{flex:1;padding:10px 8px;font-size:14px}
/* espace membre */
.m-top{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap;margin:30px 0 26px}
.m-h1{font-size:clamp(54px,7vw,104px);text-transform:uppercase;color:var(--menthe)}
.m-cle{background:var(--petrole);color:#bfe0dc;border-radius:var(--r);padding:18px 22px;font:600 12px var(--corps);letter-spacing:1px;text-transform:uppercase}
.m-cle b{display:block;font:700 34px/1.1 var(--titre);color:var(--menthe);letter-spacing:1px}.m-cle small{text-transform:none;letter-spacing:0;font-size:13px;font-weight:500}
.m-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gap)}
.m-card{background:#fff;border-radius:var(--r);padding:24px;display:flex;flex-direction:column}
.m-card.large{grid-column:span 2;background:var(--menthe)}
.m-card h3{font-size:32px;text-transform:uppercase;color:var(--petrole);margin-bottom:12px}
.m-card.large h3{color:var(--creme)}.m-note{margin:-6px 0 12px;font-size:14px;color:#063b2e}
.m-ligne{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:11px 0;border-bottom:1px solid #ece6df}
.m-ligne b{display:block;font:600 15px var(--corps);color:var(--brun)}.m-ligne span{font-size:13px;color:#777}
.m-ligne i{font:600 12px var(--corps);font-style:normal;background:#e6f8f2;color:#0c6b55;border-radius:30px;padding:4px 10px;white-space:nowrap}
.m-ligne a{font:600 13px var(--corps);color:var(--petrole);white-space:nowrap}
.m-rub{margin-bottom:8px}.m-rub summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;font:700 20px var(--titre);text-transform:uppercase;color:var(--petrole);background:#fff;border-radius:8px;padding:10px 14px;margin-bottom:8px}.m-rub summary::-webkit-details-marker{display:none}.m-rub summary small{font:600 12px var(--corps);letter-spacing:.6px;color:#888;text-transform:none}.m-rub[open] summary small:after{content:' · replier'}
.m-plat{display:flex;align-items:center;gap:14px;background:rgba(242,238,234,.92);border-radius:8px;padding:10px 14px;margin-bottom:8px}
.m-plat div{flex:1}.m-plat b{font:600 19px var(--titre);color:var(--brun);display:block}.m-plat span{font-size:13px;color:#666}
.m-plat em{font:700 20px var(--titre);font-style:normal;color:var(--brun)}
.m-qte{display:flex;align-items:center;gap:8px}.m-qte button{width:30px;height:30px;border-radius:50%;border:1px solid var(--brun);background:transparent;font:600 16px var(--corps);cursor:pointer}.m-qte button:hover{background:var(--brun);color:var(--creme)}.m-qte strong{min-width:16px;text-align:center}
.m-livr{display:grid;grid-template-columns:1.4fr .8fr 1.2fr;gap:10px;margin-top:8px}
.m-livr label{display:block;font:600 11px var(--corps);letter-spacing:.8px;text-transform:uppercase;margin-bottom:4px;color:#0b5a46}
.m-livr select{width:100%;border:0;border-radius:6px;padding:11px 10px;font-size:14.5px;background:var(--creme);color:var(--brun)}
.m-total{display:flex;align-items:center;gap:16px;margin-top:16px}.m-total span{font:600 13px var(--corps);text-transform:uppercase;letter-spacing:1px;color:#0b5a46}.m-total b{font:700 40px/1 var(--titre);color:var(--creme);margin-right:auto}
.m-conv{display:grid;grid-template-columns:1fr auto;gap:2px 10px;padding:11px 12px;border-radius:8px;cursor:pointer}
.m-conv.on{background:#e6f8f2}.m-conv:hover{background:#f4efe9}.m-conv b{font:600 15px var(--corps);color:var(--brun)}.m-conv em{font:500 12px var(--corps);font-style:normal;color:#999}.m-conv span{grid-column:1/3;font-size:13px;color:#666}
.m-saisie{display:flex;gap:8px;margin-top:auto;padding-top:14px}.m-saisie input{flex:1;border:1px solid #d9d2cb;border-radius:5px;padding:10px;font-size:14px;background:transparent}
@media(max-width:1100px){.portes,.m-grid{grid-template-columns:1fr 1fr}.bureaux{grid-template-columns:1fr 1fr 1fr}.barre-salles{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.portes,.m-grid,.bureaux{grid-template-columns:1fr}.m-card.large{grid-column:auto}.m-livr{grid-template-columns:1fr}.barre-salles{grid-template-columns:1fr}.porte{min-height:220px}}

/* ===== espace membre v6 ===== */
.mx-login{max-width:440px;margin:40px auto;background:#fff;border-radius:var(--r);padding:36px;display:flex;flex-direction:column;gap:14px}
.mx-login .mx-logo{width:96px}.mx-login h1,.mx-login .h1{font-size:54px;text-transform:uppercase;color:var(--petrole)}
.mx-login label{font:600 12px var(--corps);letter-spacing:.8px;text-transform:uppercase;color:#777;display:flex;flex-direction:column;gap:6px}
.mx-login input{border:1px solid #d9d2cb;border-radius:6px;padding:12px;font-size:15px}.mx-login small{color:#888;font-size:12.5px}
.mx-app{display:grid;grid-template-columns:270px 1fr;gap:var(--gap);margin-top:26px;align-items:start}
.mx-side{background:var(--petrole);border-radius:var(--r);padding:20px 14px;color:var(--creme);position:sticky;top:16px;display:flex;flex-direction:column;gap:14px;min-height:640px}
.mx-moi{display:flex;gap:12px;align-items:center;padding:4px 8px 14px;border-bottom:1px solid rgba(242,238,234,.2)}
.mx-av{width:46px;height:46px;border-radius:50%;background:var(--menthe);color:#063b2e;display:grid;place-items:center;font:700 20px var(--titre);flex:none}
.mx-moi b{display:block;font:600 15px var(--corps)}.mx-moi small{color:#a9cbc8;font-size:12.5px}
#mxNav{display:flex;flex-direction:column;gap:2px}
.mx-item{display:flex;align-items:center;justify-content:space-between;gap:8px;text-align:left;border:0;background:transparent;color:var(--creme);font:500 15px var(--corps);padding:11px 12px;border-radius:8px;cursor:pointer;transition:background .2s}
.mx-item:hover{background:rgba(242,238,234,.1)}.mx-item[aria-current=true]{background:var(--creme);color:var(--petrole);font-weight:600}
.mx-pastille{background:var(--menthe);color:#063b2e;border-radius:30px;font:700 12px var(--corps);padding:2px 8px}
.mx-bas{margin-top:auto;display:flex;flex-direction:column;gap:6px}
.mx-switch,.mx-out{border:1px solid rgba(242,238,234,.4);background:transparent;color:var(--creme);border-radius:6px;padding:10px;font:600 13px var(--corps);cursor:pointer}
.mx-switch{background:var(--menthe);border-color:var(--menthe);color:#063b2e}.mx-out{border:0;color:#a9cbc8}
.mx-main{min-width:0}
.mx-titre{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;flex-wrap:wrap;margin-bottom:18px}
.mx-titre h1,
.mx-titre .h1{font-size:clamp(44px,5.4vw,84px);text-transform:uppercase;color:var(--menthe)}
.mx-titre p{margin:4px 0 0;color:#666;max-width:620px}
.mx-cle{background:var(--brun);color:#d8cfc9;border-radius:var(--r);padding:14px 18px;font:600 11px var(--corps);letter-spacing:1px;text-transform:uppercase}
.mx-cle b{display:block;font:700 28px/1.1 var(--titre);color:var(--menthe);letter-spacing:1px}
.mx-g{display:grid;gap:var(--gap)}.mx-g4{grid-template-columns:repeat(4,1fr)}.mx-g3{grid-template-columns:repeat(3,1fr)}.mx-g2{grid-template-columns:1.3fr 1fr}
.mx-stat{background:#fff;border-radius:var(--r);padding:18px;cursor:pointer;transition:transform .3s var(--ease)}.mx-stat:hover{transform:translateY(-4px)}
.mx-stat small{font:600 11.5px var(--corps);letter-spacing:.8px;text-transform:uppercase;color:#888}.mx-stat b{display:block;font:700 34px/1.05 var(--titre);color:var(--brun);margin:6px 0 2px}.mx-stat span{font-size:13px;color:#666}
.mx-c{background:#fff;border-radius:var(--r);padding:22px;display:flex;flex-direction:column;min-width:0}
.mx-c.menthe{background:var(--menthe)}.mx-c.menthe h2{color:var(--creme)}
.mx-c h2{font-size:30px;text-transform:uppercase;color:var(--petrole);margin-bottom:10px}
.mx-l{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:11px 0;border-bottom:1px solid #ece6df}
.mx-l:last-of-type{border-bottom:0}.mx-l b{display:block;font:600 15px var(--corps);color:var(--brun)}.mx-l span{font-size:13px;color:#777}
.mx-tag{font:600 12px var(--corps);border-radius:30px;padding:4px 10px;white-space:nowrap;background:#e6f8f2;color:#0c6b55}
.mx-tag.o{background:#fdf0dc;color:#8a5a00}.mx-tag.r{background:#f6e6e8;color:#8B2332}.mx-tag.g{background:#eee;color:#555}
.mx-lien{font:600 13px var(--corps);color:var(--petrole);white-space:nowrap;background:none;border:0;cursor:pointer;text-decoration:underline}
/* planning des salles */
.mx-plan{overflow-x:auto}.mx-plan table{border-collapse:separate;border-spacing:3px;width:100%;min-width:760px}
.mx-plan th{font:600 12px var(--corps);color:#888;padding:4px;text-align:center}.mx-plan th:first-child,.mx-plan td:first-child{text-align:left;white-space:nowrap;font:600 14px var(--corps);color:var(--brun);padding-right:10px}
.mx-plan td{height:38px;border-radius:5px;background:#e6f8f2;cursor:pointer;transition:background .15s}
.mx-plan td:first-child{background:none;cursor:default}.mx-plan td.occ{background:#e4ded7;cursor:not-allowed}.mx-plan td.moi{background:var(--petrole)}
.mx-plan td:not(.occ):not(.moi):not(:first-child):hover{background:var(--menthe)}
.mx-leg{display:flex;gap:16px;font-size:13px;color:#666;margin-top:10px;flex-wrap:wrap}.mx-leg i{display:inline-block;width:14px;height:14px;border-radius:3px;margin-right:6px;vertical-align:-2px}
/* messagerie */
.mx-chat{display:grid;grid-template-columns:300px 1fr;background:#fff;border-radius:var(--r);overflow:hidden;min-height:540px}
.mx-convs{border-right:1px solid #ece6df;display:flex;flex-direction:column}
.mx-cherche{margin:14px;border:1px solid #d9d2cb;border-radius:6px;padding:10px;font-size:14px}
.mx-conv{display:flex;align-items:center;gap:12px;width:100%;padding:12px 14px;cursor:pointer;border:0;background:transparent;text-align:left;border-left:4px solid transparent;font-family:inherit}
.mx-conv>div{min-width:0;flex:1}.mx-conv .haut{display:flex;justify-content:space-between;gap:8px;align-items:baseline}
.mx-conv:hover{background:#f7f3ee}.mx-conv[aria-current=true]{background:#e6f8f2;border-left-color:var(--menthe)}
.mx-conv .mx-av{width:40px;height:40px;font-size:16px}.mx-conv b{font:600 14.5px var(--corps);color:var(--brun)}.mx-conv em{font:500 12px var(--corps);font-style:normal;color:#999}
.mx-conv>div>span{display:block;font-size:13px;color:#777;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mx-fil{display:flex;flex-direction:column}
.mx-fil header{padding:16px 20px;border-bottom:1px solid #ece6df;display:flex;gap:12px;align-items:center}.mx-fil header b{font:600 16px var(--corps);color:var(--brun)}.mx-fil header small{display:block;color:#888}
.mx-bulles{flex:1;padding:20px;display:flex;flex-direction:column;gap:10px;background:#faf7f3;overflow-y:auto;max-height:400px}
.mx-b{max-width:72%;padding:10px 14px;border-radius:14px;font-size:14.5px;line-height:1.4;background:#fff;color:#333;align-self:flex-start;border-bottom-left-radius:4px}
.mx-b.moi{align-self:flex-end;background:var(--petrole);color:var(--creme);border-radius:14px;border-bottom-right-radius:4px}
.mx-b small{display:block;font-size:11px;opacity:.6;margin-top:4px}
.mx-ecrire{display:flex;gap:8px;padding:14px;border-top:1px solid #ece6df}.mx-ecrire input{flex:1;border:1px solid #d9d2cb;border-radius:30px;padding:11px 16px;font-size:14.5px}
/* communauté */
.mx-post{background:#fff;border-radius:var(--r);padding:20px;margin-bottom:var(--gap)}
.mx-post .qui{display:flex;gap:12px;align-items:center;margin-bottom:10px}.mx-post .qui b{font:600 15px var(--corps);color:var(--brun)}.mx-post .qui small{display:block;color:#888}
.mx-post p{margin:0 0 12px}.mx-post .act{display:flex;gap:16px;font:600 13px var(--corps);color:var(--petrole)}
.mx-form div>label{display:block;margin-bottom:4px}.mx-form div>input:not([type=checkbox]):not([type=file]),.mx-form div>select{width:100%;box-sizing:border-box}
[data-bg="bureauA"]{background-position:center 72%!important}
#tBurTop{background-position:center 70%!important}
#tSvcTop{background-position:center 55%!important}
/* ===== v45 : coordonnées et paiement, connexion, accès, propositions ===== */
#dlgContact{margin-top:16px}#dlgContact input{height:50px;width:100%;border:1.5px solid #dcd5ce;border-radius:8px;padding:0 14px;font:500 16px var(--corps);background:#fff}
#dlgErr,#mxErr{display:none;color:#a8431d;font:600 13.5px var(--corps);margin:8px 0 0}
.dlg-etape{display:none;margin-top:16px;background:#e6f8f2;color:#0b5a46;border-radius:10px;padding:16px 18px}.dlg-etape b{display:block;font:700 22px var(--titre);text-transform:uppercase;margin-bottom:4px}.dlg-etape span{display:block;font:500 14.5px/1.5 var(--corps)}.dlg-etape em{display:block;font:700 30px/1.1 var(--titre);font-style:normal;color:var(--brun);margin-top:10px}
.mx-bandeau{display:flex;align-items:center;gap:16px;flex-wrap:wrap;background:var(--petrole);color:var(--creme);border-radius:var(--r);padding:12px 18px;margin-bottom:12px;font:500 15px var(--corps)}.mx-bandeau[hidden]{display:none}.mx-bandeau .btn{margin-left:auto}
.tb-carte .tb-soc{display:block;font:600 14px var(--corps);color:var(--petrole)}.tb-lab{display:inline-block;min-width:64px;font:600 11.5px var(--corps);letter-spacing:1px;text-transform:uppercase;color:var(--menthe-fonce)}
.dv-ligne{display:grid;grid-template-columns:1fr 70px 90px 28px;gap:8px;align-items:center;margin-bottom:8px}.dv-ligne input{margin:0}
#mxToast{position:fixed;left:50%;bottom:28px;transform:translate(-50%,20px);background:var(--brun);color:var(--creme);font:600 15px var(--corps);border-radius:40px;padding:14px 24px;box-shadow:0 10px 30px rgba(38,1,1,.3);opacity:0;pointer-events:none;transition:opacity .25s,transform .25s;z-index:60;max-width:90vw;text-align:center}#mxToast.on{opacity:1;transform:translate(-50%,0)}
/* ===== v47 : droits par compte, pages légales ===== */
.ac-droits{display:grid;grid-template-columns:repeat(3,1fr);gap:8px 18px;margin:6px 0 16px}.ac-droit{display:flex!important;align-items:center;gap:10px;font:500 14.5px var(--corps)!important;text-transform:none!important;letter-spacing:0!important;color:#333!important;margin:0!important;cursor:pointer}.ac-droit input{width:19px;height:19px;accent-color:#1E5F61;margin:0}.ac-droit.fort{grid-column:1/-1;background:#fdf0e0;border-radius:8px;padding:10px 12px;font-weight:600!important;color:#7a3a12!important}
@media(max-width:900px){.ac-droits{grid-template-columns:1fr}}
.lg-titre{font-size:clamp(48px,6vw,84px);line-height:.95;text-transform:uppercase;color:var(--petrole);margin:40px 0 24px}.lg-titre em{font-style:normal;color:var(--menthe-fonce)}
.lg-doc{background:#fff;border-radius:var(--r);padding:44px 52px;margin-bottom:24px;max-width:980px}.lg-doc h2{font-size:40px;text-transform:uppercase;color:var(--petrole);margin:0 0 10px}.lg-doc h3{font:700 21px var(--titre);text-transform:uppercase;color:var(--brun);margin:26px 0 6px}.lg-doc p,.lg-doc li{font-size:15.5px;line-height:1.65;color:#3a322d}.lg-doc p{margin:0 0 8px}.lg-doc ul{margin:0 0 8px;padding-left:20px}.lg-doc mark{background:#fdf0e0;color:#a8431d;padding:0 4px;border-radius:4px}
@media(max-width:700px){.lg-doc{padding:26px 22px}}
/* ===== v43 : page Restaurant aérée ===== */
.rs-haut{display:grid;grid-template-columns:1.5fr 1fr;gap:32px;margin-top:32px;align-items:stretch}
.rs-section{margin-top:72px}
.rs-sur{display:block;font:600 12px var(--corps);letter-spacing:2px;text-transform:uppercase}
.rs-gros{height:54px;padding:0 28px;font-size:16px}
.rs-table{background:var(--menthe);border-radius:var(--r);padding:20px;display:flex;flex-direction:column;gap:0}
.rs-mosaique{display:grid;grid-template-columns:2.25fr 1fr 1fr;gap:12px}
.rs-mosaique figure{margin:0;border-radius:8px;background:#0f8f6c center/cover}
.rs-mosaique figure:first-child{aspect-ratio:3/2}
.rs-table-bas{display:grid;grid-template-columns:auto 1fr;gap:26px 44px;padding:34px 22px 18px;align-items:center;flex:1}
.rs-table-titre .rs-sur{color:#063b2e;margin-bottom:10px}
.rs-table h2{font-size:clamp(48px,4.6vw,72px);line-height:.95;text-transform:uppercase;color:var(--creme);margin:0}
.rs-table-txt p{margin:0 0 20px;color:#063b2e;font-size:17px;line-height:1.55;max-width:460px}.rs-table-txt p:last-child{margin:0}
.rs-infos{grid-column:1/-1;list-style:none;margin:0;padding:24px 0 0;border-top:1px solid rgba(242,238,234,.55);display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.rs-infos li{font:500 14.5px/1.5 var(--corps);color:#063b2e}.rs-infos b{display:block;font:600 12px var(--corps);letter-spacing:1.5px;text-transform:uppercase;color:var(--creme);margin-bottom:6px}
.rs-autres{display:grid;grid-template-rows:repeat(4,1fr);gap:24px}
.rs-autre{background:#fff;border-radius:var(--r);padding:22px;display:grid;grid-template-columns:132px 1fr;gap:24px;align-items:center}
.rs-autre figure{margin:0;width:132px;aspect-ratio:1;border-radius:8px;background:#ddd center/cover}
.rs-autre h3{font:700 30px/1 var(--titre);text-transform:uppercase;color:var(--petrole);margin:0 0 10px}
.rs-autre p{margin:0 0 16px;font-size:14.5px;line-height:1.55;color:#555}
.rs-autre.sombre{background:var(--petrole)}.rs-autre.sombre h3{color:var(--creme)}.rs-autre.sombre p{color:#cfe3e1}
.rs-carte{background:#fff;border-radius:var(--r);padding:56px 60px 60px}
.rs-carte-tete{display:grid;grid-template-columns:auto 1fr;gap:20px 70px;align-items:end;margin-bottom:40px}
.rs-carte-tete .rs-sur{color:var(--menthe-fonce);margin-bottom:12px}
.rs-carte-tete h2{font-size:clamp(48px,5vw,76px);line-height:.95;text-transform:uppercase;color:var(--petrole);margin:0}.rs-carte-tete h2 em{font-style:normal;color:var(--menthe-fonce)}
.rs-carte-tete p{margin:0 0 6px;max-width:560px;font-size:17px;line-height:1.6;color:#555}
.rs-choix{display:flex;align-items:center;gap:18px;flex-wrap:wrap;background:var(--creme);border-radius:var(--r);padding:20px 24px;margin-bottom:34px}
.rs-choix label{font:700 24px var(--titre);text-transform:uppercase;color:var(--petrole)}
.rs-choix select{flex:1;min-width:260px;height:56px;border:2px solid var(--petrole);border-radius:8px;padding:0 18px;font:600 17px var(--corps);color:var(--brun);background:#fff;cursor:pointer}
.rs-choix .btn{height:56px}
.rs-plats{columns:2;column-gap:72px}
.rs-rub{margin:0 0 44px}.rs-rub.court{break-inside:avoid}.rs-rub h3,.rs-menu h3{font:700 32px/1 var(--titre);text-transform:uppercase;color:var(--petrole);margin:0 0 6px;padding-bottom:12px;border-bottom:2px solid var(--petrole);break-after:avoid}
.rs-rub h3 small{font:600 13px var(--corps);letter-spacing:1px;color:var(--menthe-fonce);margin-left:10px}
.rs-plat{break-inside:avoid}.rs-plat label{display:grid;grid-template-columns:24px 1fr;gap:14px;align-items:start;cursor:pointer}
.rs-plat input[type=checkbox],.rs-menu input{width:22px;height:22px;margin:2px 0 0;accent-color:#1E5F61;cursor:pointer}
.rs-menu{background:var(--creme);border-radius:var(--r);padding:36px 40px;margin-bottom:52px}
.rs-menu-g{display:grid;grid-template-columns:repeat(4,1fr);gap:36px;margin-top:22px}
.rs-menu fieldset{border:0;margin:0;padding:0;min-width:0}.rs-menu fieldset[disabled]{opacity:.35}
.rs-menu legend{font:600 12.5px var(--corps);letter-spacing:1.5px;text-transform:uppercase;color:var(--menthe-fonce);padding:0;margin-bottom:10px}
.rs-menu label{display:grid;grid-template-columns:22px 1fr;gap:12px;align-items:start;padding:9px 0;cursor:pointer;font:600 16px/1.3 var(--corps);color:var(--brun)}
.rs-menu label small{display:block;margin-top:3px;font:400 12.5px/1.45 var(--corps);color:#777}.rs-menu label em{font-style:normal;color:var(--petrole);white-space:nowrap}
.rs-menu-bas{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin-top:26px;padding-top:22px;border-top:1px solid #ddd5cd}
.rs-menu-bas b{font:700 40px/1 var(--titre);color:var(--brun)}.rs-menu-bas p{margin:0;color:#a8431d;font:600 14px var(--corps)}
.rs-barre{position:sticky;bottom:18px;z-index:5;display:flex;align-items:center;gap:22px;background:var(--petrole);color:var(--creme);border-radius:60px;padding:12px 14px 12px 30px;margin-top:20px;box-shadow:0 10px 30px rgba(38,1,1,.22)}
.rs-barre span{font:600 13px var(--corps);letter-spacing:1.5px;text-transform:uppercase;margin-right:auto}.rs-barre i{font-style:normal}.rs-barre b{font:700 32px/1 var(--titre)}
@media(max-width:1000px){.rs-plats{columns:1}.rs-menu{padding:26px 22px}.rs-menu-g{grid-template-columns:1fr 1fr}}@media(max-width:640px){.rs-menu-g{grid-template-columns:1fr}}
.rs-plat{display:grid;grid-template-columns:1fr auto auto;gap:18px;align-items:center;padding:16px 0;border-bottom:1px dashed #d9d2cb}
.rs-plat b{display:block;font:600 22px/1.15 var(--titre);color:var(--brun)}.rs-plat span{display:block;margin-top:5px;font-size:13.5px;line-height:1.5;color:#777}
.rs-plat em{font:700 22px var(--titre);font-style:normal;color:var(--petrole);white-space:nowrap}
.rs-plat.pris b{color:var(--menthe-fonce)}
.rs-surplace{font:600 12px var(--corps);letter-spacing:1px;text-transform:uppercase;color:#8a817a;white-space:nowrap}
.rs-vide{margin:0;color:#8a817a;font-size:15px}
.rs-commande{display:grid;grid-template-columns:1fr 1fr;gap:64px;margin-top:56px;background:var(--creme);border-radius:var(--r);padding:44px 48px}
.rs-commande h3{font:700 34px/1 var(--titre);text-transform:uppercase;color:var(--petrole);margin:0 0 20px}
.rs-ligne{display:grid;grid-template-columns:1fr auto auto;gap:16px;align-items:center;padding:12px 0;border-bottom:1px solid #ddd5cd;font:500 15.5px/1.35 var(--corps);color:var(--brun)}
.rs-ligne em{font:700 19px var(--titre);font-style:normal;min-width:70px;text-align:right}
.rs-total{display:flex;justify-content:space-between;align-items:baseline;margin-top:24px}
.rs-total span{font:600 13px var(--corps);letter-spacing:1.5px;text-transform:uppercase;color:var(--petrole)}.rs-total i{font-style:normal}
.rs-total b{font:700 56px/1 var(--titre);color:var(--brun)}
.rs-champs{display:grid;grid-template-columns:1fr 1fr;gap:18px 20px;margin-bottom:22px}
.rs-champs label{display:flex;flex-direction:column;gap:7px;font:600 12.5px var(--corps);letter-spacing:1px;text-transform:uppercase;color:var(--petrole)}
.rs-champs label.large{grid-column:1/-1}.rs-champs small{font:500 12px var(--corps);letter-spacing:0;text-transform:none;color:#8a817a}
.rs-champs input,.rs-champs select{height:52px;width:100%;border:1.5px solid #dcd5ce;border-radius:8px;padding:0 14px;font:500 16px var(--corps);color:var(--brun);background:#fff}
.rs-champs input:focus,.rs-champs select:focus,.rs-choix select:focus{outline:3px solid rgba(61,217,173,.45);outline-offset:1px}
.rs-err{display:none;margin:0 0 14px;color:#a8431d;font:600 14px var(--corps)}
@media(max-width:1250px){.rs-haut{grid-template-columns:1fr}.rs-autres{grid-template-rows:none;grid-template-columns:repeat(3,1fr)}.rs-autre{grid-template-columns:1fr;align-items:start}.rs-autre figure{width:100%;aspect-ratio:3/2}}
@media(max-width:1000px){.rs-carte{padding:36px 28px}.rs-carte-tete{grid-template-columns:1fr}.rs-plats{grid-template-columns:1fr}.rs-commande{grid-template-columns:1fr;gap:40px;padding:30px 26px}.rs-autres{grid-template-columns:1fr}.rs-autre{grid-template-columns:132px 1fr;align-items:center}.rs-autre figure{width:132px;aspect-ratio:1}}
@media(max-width:640px){.rs-table-bas{grid-template-columns:1fr;padding:26px 8px 10px}.rs-infos{grid-template-columns:1fr}.rs-mosaique{grid-template-columns:1fr 1fr}.rs-mosaique figure:first-child{grid-column:1/-1}.rs-mosaique figure{aspect-ratio:3/2}.rs-champs{grid-template-columns:1fr}.rs-plat{grid-template-columns:1fr auto}.rs-plat em{grid-row:2}.rs-autre{grid-template-columns:1fr}.rs-autre figure{width:100%;aspect-ratio:3/2}}
.je-opt{display:grid;grid-template-columns:22px 1fr auto;gap:10px;align-items:center;padding:9px 0;border-bottom:1px dashed #d9d2cb;cursor:pointer}.je-opt input{width:18px;height:18px;accent-color:#1E5F61}.je-opt b{display:block;font:600 14.5px var(--corps);color:var(--brun)}.je-opt small{color:#777;font-size:12.5px}.je-opt em{font:600 13px var(--corps);font-style:normal;color:var(--petrole);white-space:nowrap}.je-total{background:#fff;border-radius:10px;padding:12px 14px;margin-top:12px}.je-total b{display:block;font:700 26px var(--titre);color:var(--brun)}.je-total span{font-size:13px;color:#666}
.dv-total{background:var(--creme);border-radius:10px;padding:12px 14px;margin:6px 0 4px}.dv-total b{display:block;font:700 26px var(--titre);color:var(--brun)}.dv-total span{font-size:13px;color:#666}
.simi{position:absolute;left:12px;bottom:12px;background:rgba(255,255,255,.92);color:#260101;font:600 11.5px var(--corps);padding:4px 10px;border-radius:20px}
.lib-photos{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;grid-template-rows:200px 200px;gap:12px;margin:26px 0 8px}.lib-photos div{border-radius:var(--r);background:#ddd center/cover}.lib-photos div:first-child{grid-row:1/3}
.mb-mosaique{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-top:22px}.mb-mosaique div{aspect-ratio:3/4;border-radius:var(--r);background:#ddd center/cover}
.ct-assiettes{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:22px}.ct-assiettes div{aspect-ratio:16/10;border-radius:var(--r);background:#ddd center/cover}
@media(max-width:800px){.lib-photos{grid-template-columns:1fr 1fr;grid-template-rows:160px 160px 160px}.lib-photos div:first-child{grid-row:auto;grid-column:1/3}.mb-mosaique{grid-template-columns:repeat(2,1fr)}.ct-assiettes{grid-template-columns:1fr}}
.tb-ph{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;color:#fff;font-family:var(--titre);font-weight:700;background-size:cover;background-position:center;flex:none}
.tb-grille{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px}
.tb-carte{background:#fff;border:0;border-radius:var(--r);padding:18px 14px;display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center;cursor:pointer;font-family:var(--corps);transition:transform .15s,box-shadow .15s}.tb-carte:hover{transform:translateY(-3px);box-shadow:0 12px 24px -14px rgba(38,1,1,.4)}.tb-carte b{font:600 15px var(--corps);color:var(--brun);margin-top:8px}.tb-carte small{font-size:12.5px;color:#666}.tb-carte em{font-style:normal;font-size:12px;color:var(--petrole);font-weight:600}
.mx-trombi{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.mx-pers{background:#fff;border-radius:var(--r);padding:14px;display:flex;gap:12px;align-items:center}.mx-pers b{display:block;font:600 14.5px var(--corps);color:var(--brun)}.mx-pers small{color:#777;font-size:12.5px;display:block}
/* documents */
.mx-t{width:100%;border-collapse:collapse;font-size:14.5px}.mx-t th{text-align:left;font:600 11.5px var(--corps);letter-spacing:.8px;text-transform:uppercase;color:#888;padding:8px 6px;border-bottom:2px solid #ece6df}
.pl-onglets{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:14px}.pl-onglets button{height:38px;padding:0 16px;border-radius:40px;border:1.5px solid #dcd5ce;background:#fff;font:600 14px var(--corps);color:#260101;cursor:pointer}.pl-onglets button.on{background:#1E5F61;border-color:#1E5F61;color:#fff}
.tf-c{display:inline-flex;align-items:center;gap:6px}.tf-c input{width:84px;height:36px;border:1.5px solid #dcd5ce;border-radius:8px;padding:0 8px;font:600 14.5px var(--corps);color:#260101;text-align:right;background:#fff}.tf-c input:focus{outline:2px solid #3DD9AD;border-color:#3DD9AD}.tf-c i{font-style:normal;color:#888;font-size:13px}.mx-t.tf td:not(:first-child),.mx-t.tf th:not(:first-child){text-align:right}
.mx-t td{padding:11px 6px;border-bottom:1px solid #ece6df}.mx-t td:last-child,.mx-t th:last-child{text-align:right}
.mx-contrat{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:6px 0 16px}.mx-contrat div{background:var(--creme);border-radius:8px;padding:12px}
.mx-contrat small{font:600 11px var(--corps);letter-spacing:.8px;text-transform:uppercase;color:#888}.mx-contrat b{display:block;font:700 22px var(--titre);color:var(--brun)}
/* formulaires */
.mx-form{display:grid;gap:10px}.mx-form select,.mx-form input,.mx-form textarea{border:1px solid #d9d2cb;border-radius:6px;padding:11px;font:inherit;font-size:14.5px;background:#fff}
/* vue équipe */
.mx-side.equipe{background:var(--brun)}.mx-side.equipe .mx-av{background:var(--creme);color:var(--brun)}
.mx-kan{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.mx-col{background:var(--creme);border-radius:8px;padding:12px}.mx-col h3{font:600 12px var(--corps);letter-spacing:1px;text-transform:uppercase;color:#777;margin-bottom:8px}
.mx-cmd{background:#fff;border-radius:8px;padding:10px 12px;margin-bottom:8px;font-size:13.5px}.mx-cmd b{display:block;color:var(--brun)}.mx-cmd small{color:#777}
@media(max-width:1100px){.mx-app{grid-template-columns:1fr}.mx-side{position:static;min-height:0}#mxNav{flex-direction:row;flex-wrap:wrap}.mx-g4{grid-template-columns:1fr 1fr}.mx-g3,.mx-g2{grid-template-columns:1fr}.mx-chat{grid-template-columns:1fr}.mx-convs{border-right:0;border-bottom:1px solid #ece6df}.mx-contrat{grid-template-columns:1fr 1fr}.mx-kan{grid-template-columns:1fr}}
@media(max-width:640px){.mx-g4{grid-template-columns:1fr}.mx-trombi{grid-template-columns:1fr}.mx-item{padding:8px 10px;font-size:13.5px}}


/* ===== v8 : accueil revu + présentation des services ===== */
.bandeau4{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--gap);margin-top:var(--gap)}
.bandeau4 div{background:#fff;border-radius:var(--r);padding:24px 16px;text-align:center;font:600 24px/1.05 var(--titre);text-transform:uppercase;color:var(--petrole)}
.bandeau4 small{display:block;font:500 13px/1.35 var(--corps);text-transform:none;color:#777;margin-top:6px}
.waouh{display:grid;grid-template-columns:1.1fr 1fr;gap:var(--gap)}
.waouh .ph{border-radius:var(--r);min-height:520px;background:#333 center/cover}
.waouh .tx{background:#fff;border-radius:var(--r);padding:44px 40px;color:var(--texte)}
.waouh .tx p{margin:0 0 14px}.waouh .tx b{color:var(--petrole)}
.waouh .adr{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 22px;padding:0;list-style:none}
.waouh .adr li,.puces li{font:500 13px var(--corps);border:1px solid #d9d2cb;border-radius:30px;padding:6px 13px;color:#444;background:var(--creme)}
.sv-six .lien{display:inline-block;margin-top:10px;font:600 14px var(--corps);color:var(--creme);background:none;border:0;border-bottom:1px solid var(--creme);padding:0 0 2px;cursor:pointer}
.sv-six .lien:hover{color:var(--brun);border-color:var(--brun)}
.centre{text-align:center;margin-top:30px}
.club-band{background:var(--petrole);border-radius:var(--r);padding:56px 48px;color:var(--creme);margin-top:90px;display:flex;align-items:center;justify-content:space-between;gap:30px;flex-wrap:wrap}
.club-band h2{font-size:clamp(40px,5vw,71px);text-transform:uppercase;color:var(--creme);line-height:.95}
.club-band h2 em{font-style:normal;color:var(--menthe)}
.club-band p{max-width:520px;color:#d5e6e4;margin:12px 0 0}
.journal{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gap)}
.jr{background:#fff;border-radius:var(--r);overflow:hidden;display:flex;flex-direction:column;text-decoration:none;color:var(--brun);transition:transform .35s var(--ease)}
.jr:hover{transform:translateY(-5px)}
.jr .ph{height:210px;background:#333 center/cover}.jr b{font:600 23px/1.15 var(--titre);padding:18px 20px 6px}.jr span{padding:0 20px 20px;font-size:13.5px;color:#777}
.faq{display:grid;gap:10px;max-width:980px}
.faq details{background:#fff;border-radius:var(--r);padding:0 22px}
.faq summary{cursor:pointer;list-style:none;font:600 22px/1.2 var(--titre);color:var(--brun);padding:18px 30px 18px 0;position:relative}
.faq summary::-webkit-details-marker{display:none}
.faq summary:after{content:"+";position:absolute;right:0;top:12px;font:400 30px var(--titre);color:var(--menthe-fonce)}
.faq details[open] summary:after{content:"–"}
.faq details p,.faq details ul{margin:0 0 18px;color:#555;font-size:15px}
.contact{background:var(--menthe);border-radius:var(--r);padding:56px 48px;margin-top:90px;display:grid;grid-template-columns:1fr 1.1fr;gap:40px;align-items:center}
.contact h2{font-size:clamp(44px,5.4vw,84px);text-transform:uppercase;color:var(--creme);line-height:.92}
.contact p{color:#063b2e;margin:14px 0 0;max-width:420px}
.contact form{display:grid;gap:10px}
.contact input,.contact textarea{border:0;border-radius:6px;padding:14px;font:inherit;font-size:15px;background:var(--creme);color:var(--texte)}
.contact .ok{display:none;font:600 14px var(--corps);color:#063b2e}
/* page services : présentation */
.ancres{display:flex;flex-wrap:wrap;gap:10px;margin-top:var(--gap)}
.ancres button{font:600 15px var(--titre);text-transform:uppercase;letter-spacing:.5px;border:1px solid var(--brun);background:transparent;color:var(--brun);border-radius:30px;padding:9px 20px;cursor:pointer;transition:all .25s}
.ancres button:hover{background:var(--brun);color:var(--creme)}
.sv-chap{margin-top:70px}
.sv-chap>h2{font-size:clamp(48px,6.4vw,96px);text-transform:uppercase;color:var(--menthe);line-height:.92;margin-bottom:6px}
.sv-chap>p{margin:0;color:#555;max-width:760px}
.sv-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--gap);margin-top:var(--gap)}
.sv-row .ph{border-radius:var(--r);min-height:430px;background:#333 center/cover}
.sv-row:nth-child(even) .ph{order:2}
.sv-row .tx{background:#fff;border-radius:var(--r);padding:44px 40px;display:flex;flex-direction:column;gap:12px;align-items:flex-start}
.sv-row .sur,.fi-tx .sur{font:600 12px var(--corps);letter-spacing:1.5px;text-transform:uppercase;color:var(--menthe-fonce)}
.sv-row h3{font-size:46px;line-height:1;text-transform:uppercase;color:var(--brun)}
.sv-row p{margin:0;color:#555}
.puces{display:flex;flex-wrap:wrap;gap:8px;margin:4px 0 8px;padding:0;list-style:none}
.sv-row .btn{margin-top:auto}
.compris{background:var(--petrole);border-radius:var(--r);padding:50px 48px;color:var(--creme);margin-top:70px}
.compris h2{font-size:clamp(40px,5vw,71px);text-transform:uppercase;color:var(--creme);line-height:.95}
.compris h2 span{background:linear-gradient(transparent 82%,var(--menthe) 82%,var(--menthe) 94%,transparent 94%)}
.compris p{color:#d5e6e4;max-width:640px;margin:10px 0 0}
.compris ul{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;list-style:none;padding:0;margin:28px 0 0}
.compris li{background:rgba(242,238,234,.1);border-radius:8px;padding:16px 18px;font:600 19px/1.15 var(--titre)}
.compris li small{display:block;font:400 13px/1.4 var(--corps);color:#bfe0dc;margin-top:4px}
/* fiche « en savoir plus » */
#fiche{max-width:820px;max-height:92vh;overflow:auto}
.fi-ph{height:260px;background:#333 center/cover;position:relative}
.fi-x{position:absolute;top:14px;right:14px;width:40px;height:40px;border-radius:50%;border:0;background:var(--creme);color:var(--brun);font-size:20px;cursor:pointer}
.fi-tx{padding:30px 34px 32px}
.fi-tx h3{font-size:46px;line-height:1;text-transform:uppercase;color:var(--petrole);margin:6px 0 14px}
.fi-tx h4{font:600 22px var(--titre);color:var(--brun);margin:20px 0 6px;text-transform:uppercase}
.fi-tx p{margin:0 0 12px;color:#444;font-size:15.5px}
.fi-tx ul{margin:0 0 12px;padding-left:20px;color:#444;font-size:15.5px}.fi-tx li{margin-bottom:4px}
.fi-prix{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;background:#fff;border-radius:8px;padding:14px 18px;margin:16px 0 4px}
.fi-prix b{font:700 38px/1 var(--titre);color:var(--brun)}.fi-prix span{font-size:13.5px;color:#777}
.fi-act{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}
.fi-membre{font-size:13.5px;color:#777;margin-top:14px}.fi-membre a{color:var(--petrole);font-weight:600}
@media(max-width:1100px){.bandeau4{grid-template-columns:1fr 1fr}.waouh,.sv-row,.contact{grid-template-columns:1fr}.sv-row:nth-child(even) .ph{order:0}.journal{grid-template-columns:1fr 1fr}.compris ul{grid-template-columns:1fr 1fr}.waouh .ph{min-height:320px}.sv-row .ph{min-height:300px}}
@media(max-width:640px){.bandeau4,.journal,.compris ul{grid-template-columns:1fr}.waouh .tx,.sv-row .tx,.compris,.contact,.club-band{padding:30px 22px}.sv-row h3,.fi-tx h3{font-size:36px}.fi-tx{padding:24px 20px}.fi-ph{height:190px}}

/* ===== page services v7 ===== */
.sv-inclus{background:var(--menthe);border-radius:var(--r);padding:56px 48px;color:var(--creme);margin-top:var(--gap)}
.sv-inclus h2{font-size:clamp(44px,5vw,71px);color:var(--creme);text-align:center;margin-bottom:34px}
.sv-six{display:grid;grid-template-columns:repeat(3,1fr);gap:34px 40px;text-align:center}
.sv-six h3{font-size:30px;font-weight:600;margin-bottom:8px}.sv-six p{margin:0;font-size:15px;color:#063b2e}
.sv-cat{margin-top:34px}.sv-cat>h3{font-size:40px;text-transform:uppercase;color:var(--petrole);margin-bottom:6px}.sv-cat>p{margin:0 0 16px;color:#666}
.sv-grille{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gap)}
.sv{background:#fff;border-radius:var(--r);padding:20px;display:flex;flex-direction:column;gap:6px;transition:transform .35s var(--ease),box-shadow .35s}
.sv:hover{transform:translateY(-5px);box-shadow:0 16px 36px rgba(38,1,1,.12)}
.sv .ico{width:46px;height:46px;border-radius:12px;background:#e6f8f2;display:grid;place-items:center;font-size:22px;margin-bottom:4px}
.sv b{font:600 21px/1.15 var(--titre);color:var(--brun)}.sv p{margin:0;font-size:14px;color:#666}
.sv .px{font:700 30px/1 var(--titre);color:var(--brun);margin-top:6px}.sv .px small{font:600 13px var(--corps);color:#777}
.sv .mes{font-size:12.5px;color:#8a817a}.sv .btn{margin-top:auto}
.sv.actif{outline:2px solid var(--menthe)}
.sv-note{font-size:13px;color:#8a817a;margin-top:12px}
@media(max-width:1100px){.sv-grille,.sv-six{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.sv-grille,.sv-six{grid-template-columns:1fr}.sv-inclus{padding:34px 22px}}

@media(max-width:1300px){.top{padding:16px 32px 22px}}
@media(max-width:1100px){.rooms{grid-template-columns:repeat(3,1fr)}.offres{grid-template-columns:1fr 1fr}.mosaic{grid-template-columns:1fr 1fr;grid-template-rows:auto}.tile.hero{grid-column:1/3;grid-row:auto;min-height:380px}.tile.book{grid-column:1/3;grid-row:auto}.tile.mint,.tile.photo{min-height:120px}.bloc,.duo{grid-template-columns:1fr}.chiffres{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.inner{padding:0 14px}.top nav a:not(.btn){display:none}.rooms,.offres{grid-template-columns:1fr}.book .fields{grid-template-columns:1fr}.bloc .g{padding:34px 22px}.resultat .gros{font-size:72px}.creneaux{grid-template-columns:1fr 1fr}.carte-photo h3{font-size:42px}.barre-mobile{display:grid;grid-template-columns:repeat(3,1fr);position:fixed;left:0;right:0;bottom:0;z-index:40}.barre-mobile a{padding:15px 4px;text-align:center;font:600 14px var(--titre);text-transform:uppercase;letter-spacing:.5px;text-decoration:none;color:var(--creme);background:var(--brun)}.barre-mobile a:nth-child(2){background:var(--menthe);color:#063b2e}.barre-mobile a:nth-child(3){background:var(--petrole)}body{padding-bottom:52px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

/* =====================================================================
   v9 — NOUVELLE IMAGE : la Maison (serif, air, photo) + le Comptoir
   (moteur, créneaux, prix) + le Club (journée, agenda, pastilles)
   ===================================================================== */
:root{--serif:'Fraunces',Georgia,serif;--r:12px}
.bande{background:var(--brun);color:#d9cfc8;font-size:13px}.bande div{max-width:1500px;margin:0 auto;padding:8px 32px;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.bande b{color:var(--menthe)}
header.page{position:sticky;top:0;z-index:30;background:rgba(242,238,234,.96);backdrop-filter:blur(8px);max-width:none;border-bottom:1px solid #e4dcd4}
.top{padding:12px 32px;max-width:1500px;margin:0 auto;gap:24px;flex-wrap:nowrap}
.top .logo img{width:84px}
.top nav{gap:22px;font:500 14.5px var(--corps)}
.top nav a{color:var(--brun)}
.btn{border-radius:40px;padding:12px 22px;font-weight:600}
.btn.filet-blanc{border-radius:40px;border-width:1.5px;font:600 14px var(--corps);text-transform:none;letter-spacing:0}
.btn.menthe{background:var(--menthe);border-color:var(--menthe);color:#063b2e}.btn.menthe:hover{background:var(--brun);border-color:var(--brun);color:var(--creme)}
.geant{font:600 clamp(40px,5.2vw,76px)/1.04 var(--titre);text-transform:none;color:var(--brun);letter-spacing:-.5px;margin:96px 0 30px}
.geant em{font-style:normal;color:var(--petrole)}
.surt{display:block;font:600 12px var(--corps);letter-spacing:3px;text-transform:uppercase;color:#0f8f6c;margin:96px 0 -84px}
.sous{font-size:17px;color:#5d534c}
.entete-page{min-height:460px;padding:56px}
.entete-page h1,
.entete-page .h1{font:600 clamp(46px,5.6vw,86px)/1 var(--titre);text-transform:none;letter-spacing:-1px}
.entete-page p{font-weight:400;font-size:18.5px;max-width:640px}
.sv-chap>h2,.sv-inclus h2,.compris h2,.club-band h2,.contact h2,.bloc .g h2,.carte-photo h3{font-family:var(--titre);font-weight:300;text-transform:none;letter-spacing:-.5px;line-height:1.02}
.sv-chap>h2{color:var(--brun)}.sv-inclus h2{font-style:normal}
.compris h2 span{background:none;font-style:normal;color:var(--menthe)}
.club-band h2 em,.contact h2 em{font-style:normal}
.sv-row h3,.fi-tx h3{font:600 40px/1.05 var(--titre);text-transform:none;letter-spacing:-.3px}
.faq summary{font:600 21px/1.25 var(--titre)}
.chiffre b{font:600 58px/.95 var(--titre);color:var(--petrole)}
.recap h3{font:600 30px/1.05 var(--titre);text-transform:none}
.bureau,.room,.evt,.sv,.jr{box-shadow:0 1px 0 #e7dfd7}

/* --- emplacement photo --- */
.pv{border:2px dashed #b9aea5;border-radius:var(--r);background:repeating-linear-gradient(45deg,#ece6df,#ece6df 12px,#e6dfd7 12px,#e6dfd7 24px);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:22px;color:#6d625b;min-height:220px}
.pv:before{content:"";width:46px;height:36px;border:2.5px solid #9a8f86;border-radius:7px;margin-bottom:10px;background:radial-gradient(circle at 50% 55%,transparent 8px,#9a8f86 8px,#9a8f86 10.5px,transparent 10.5px)}
.pv b{font:600 12px var(--corps);letter-spacing:2px;text-transform:uppercase;color:var(--brun)}
.pv span{font-size:14px;max-width:320px;margin-top:4px}.pv small{font-size:12px;margin-top:6px;color:#9a8f86}
.pv-tag{position:absolute;left:12px;bottom:12px;background:rgba(38,1,1,.82);color:var(--creme);font:500 11.5px var(--corps);padding:5px 10px;border-radius:30px}
.sv-row .ph{position:relative}

/* --- accueil --- */
.hx-hero{border-radius:var(--r);min-height:720px;position:relative;color:#fff;background:#333 center/cover;display:flex;flex-direction:column;justify-content:flex-end;padding:0 56px 150px}
.hx-hero:before{content:"";position:absolute;inset:0;border-radius:var(--r);background:linear-gradient(180deg,rgba(20,10,5,.30),rgba(20,10,5,.05) 40%,rgba(20,10,5,.62))}
.hx-hero>*{position:relative}
.hx-hero .s{font:500 13px var(--corps);letter-spacing:3px;text-transform:uppercase}
.hx-hero h1,
.hx-hero .h1{font:600 clamp(48px,6.4vw,98px)/1 var(--titre);letter-spacing:-1px;margin:16px 0 0;max-width:1000px}
.hx-past{position:absolute;right:56px;top:48px;width:150px;height:150px;border-radius:50%;background:var(--menthe);color:#063b2e;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;transform:rotate(9deg);font:600 14px/1.15 var(--titre);text-transform:uppercase;letter-spacing:.5px;box-shadow:0 14px 34px rgba(0,0,0,.3);cursor:pointer;border:0}
.hx-past b{font:700 38px/1 var(--titre);color:var(--brun)}
.moteur{position:relative;margin:-104px 56px 0;background:#fff;border-radius:14px;box-shadow:0 30px 70px rgba(38,1,1,.2);overflow:hidden;z-index:2}
.mt-tabs{display:grid;grid-template-columns:repeat(5,1fr);background:#efe9e3}
.mt{border:0;background:transparent;padding:16px 8px;font:600 14.5px var(--corps);color:#6d625b;cursor:pointer}
.mt[aria-selected=true]{background:#fff;color:var(--brun);box-shadow:inset 0 3px 0 var(--menthe)}
.mt small{display:block;font:500 12px var(--corps);color:#0f8f6c}
.mt-corps{display:grid;grid-template-columns:1fr 1fr 1.5fr;gap:0;align-items:stretch}
.mt-ch{padding:18px 26px;border-right:1px solid #ebe5df}
.mt-ch label{display:block;font:600 11px var(--corps);letter-spacing:1.6px;text-transform:uppercase;color:#9a8f86;margin-bottom:4px}
.mt-ch select,.mt-ch input{border:0;background:transparent;font:600 22px var(--titre);color:var(--brun);width:100%;padding:0}
.mt-go{display:flex;align-items:center;gap:16px;padding:14px 22px}
.mt-go .btn{flex:1;padding:16px 20px;font-size:15.5px}
.mt-go small{font-size:12.5px;color:#6d625b;max-width:150px;line-height:1.35}
.rassure{display:flex;justify-content:center;gap:40px;flex-wrap:wrap;margin:34px 0 0;font:500 13px var(--corps);letter-spacing:1.2px;text-transform:uppercase;color:#6d625b}.rassure b{color:#0f8f6c}
.defile{background:var(--brun);color:var(--creme);font:600 22px var(--titre);text-transform:uppercase;letter-spacing:1px;white-space:nowrap;padding:13px 0;overflow:hidden;margin-top:56px}
.defile div{display:inline-block;animation:defile 40s linear infinite}.defile span{color:var(--menthe);margin:0 20px}
@keyframes defile{to{transform:translateX(-50%)}}
.six{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gap)}
.entree{position:relative;border-radius:var(--r);overflow:hidden;min-height:380px;background:#333 center/cover;color:#fff;text-decoration:none;display:flex;flex-direction:column;justify-content:flex-end;padding:28px;transition:transform .45s var(--ease)}
.entree:hover{transform:translateY(-6px)}
.entree:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(20,10,5,0) 30%,rgba(20,10,5,.82))}
.entree>*{position:relative}
.entree .q{font:500 12px var(--corps);letter-spacing:2px;text-transform:uppercase;opacity:.9}
.entree h3{font:600 34px/1.05 var(--titre);margin:6px 0 8px}
.entree p{margin:0 0 14px;font-size:14.5px;opacity:.92;max-width:380px}
.entree .px{display:flex;align-items:baseline;gap:8px;font-size:13px}.entree .px b{font:700 34px/1 var(--titre);color:var(--menthe)}
.entree .nv{position:absolute;top:18px;left:18px;background:var(--menthe);color:#063b2e;font:700 12px var(--corps);letter-spacing:1px;text-transform:uppercase;padding:6px 12px;border-radius:30px}
.tt{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;flex-wrap:wrap;margin-bottom:26px}.tt .geant{margin-bottom:0}.tt p{margin:8px 0 0;color:#5d534c;max-width:700px}
.dm{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--gap)}
.dmc{background:#fff;border-radius:var(--r);overflow:hidden;display:flex;flex-direction:column}
.dmc figure{margin:0;height:210px;position:relative;overflow:hidden}.dmc img{width:100%;height:100%;object-fit:cover}
.dmc .et{position:absolute;top:12px;left:12px;font:700 12px var(--corps);padding:5px 11px;border-radius:30px;background:var(--menthe);color:#063b2e}.dmc .et.g{background:#e6e1dc;color:#6d625b}
.dmc.loue img{filter:grayscale(1);opacity:.75}
.dmc .tx{padding:18px;display:flex;flex-direction:column;gap:4px;flex:1}
.dmc h3{font:600 26px var(--titre);color:var(--brun)}.dmc .m{font-size:13.5px;color:#6d625b}
.dmc .px{display:flex;align-items:baseline;gap:8px;margin:8px 0 12px}.dmc .px b{font:700 30px/1 var(--titre);color:var(--brun)}.dmc .px span{font-size:12.5px;color:#6d625b}.dmc .px em{margin-left:auto;font:600 12.5px var(--corps);font-style:normal;color:#0b6b51;background:#e6f8f2;padding:4px 9px;border-radius:30px}
.dmc .ac{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:auto}.dmc .ac .btn{padding:10px 8px;font-size:14px}
.sl{background:#fff;border-radius:var(--r);overflow:hidden}
.sl-l{display:grid;grid-template-columns:110px 230px 1fr 170px;gap:20px;align-items:center;padding:14px 18px;border-bottom:1px solid #eee7e0}.sl-l:last-child{border:0}
.sl-l .ph{height:74px;border-radius:8px;background:#333 center/cover}
.sl-l h3{font:600 24px var(--titre);color:var(--brun)}.sl-l small{color:#6d625b;font-size:13px}
.cr{display:flex;gap:6px;flex-wrap:wrap}.cr button{border:0;font:600 13px var(--corps);padding:9px 12px;border-radius:30px;background:#e6f8f2;color:#0b6b51;cursor:pointer}.cr button:hover{background:var(--menthe)}.cr button[disabled]{background:#f1ede9;color:#b9afa7;text-decoration:line-through;cursor:default}
.sl-l .pr{text-align:right}.sl-l .pr b{font:700 26px var(--titre);color:var(--brun);display:block}.sl-l .pr span{font-size:12.5px;color:#6d625b}
.jourband{display:grid;grid-template-columns:1.1fr 1fr;gap:var(--gap);margin-top:96px}
.jourband .g{background:var(--petrole);border-radius:var(--r);padding:56px 50px;color:var(--creme);position:relative}
.jourband .nv{display:inline-block;background:var(--menthe);color:#063b2e;font:700 12px var(--corps);letter-spacing:1.5px;text-transform:uppercase;padding:6px 14px;border-radius:30px}
.jourband h2{font:600 clamp(40px,4.8vw,70px)/1.02 var(--titre);color:var(--creme);margin:16px 0 14px;letter-spacing:-.5px}.jourband h2 em{font-style:normal;color:var(--menthe)}
.jourband p{color:#d5e6e4;max-width:520px;margin:0 0 20px}
.jourband .px{display:flex;gap:26px;flex-wrap:wrap;margin-bottom:26px}.jourband .px div{font-size:13px;color:#a9cbc8}.jourband .px b{display:block;font:700 44px/1 var(--titre);color:var(--creme)}
.jourband .d{border-radius:var(--r);background:#333 center/cover;min-height:460px}
.edito{display:grid;grid-template-columns:1.1fr 1fr;gap:70px;align-items:center}
.edito .ph{border-radius:var(--r);min-height:620px;background:#333 center/cover}
.edito p{font:600 21px/1.6 var(--titre);color:#4a3f39;margin:0 0 18px}
.edito .chiffre b{font-size:40px;white-space:nowrap}.edito .pvs{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:26px}.edito .pv{min-height:150px;padding:14px}
.cmp{display:grid;grid-template-columns:1fr 1fr;gap:var(--gap)}
.cmp>div{border-radius:var(--r);padding:34px}.cmp .o{background:var(--petrole);color:#fff}.cmp .c{background:#fff}
.cmp h3{font:600 32px var(--titre);margin-bottom:12px}.cmp ul{list-style:none;margin:0;padding:0}
.cmp li{padding:12px 0;border-bottom:1px solid rgba(255,255,255,.16);display:flex;justify-content:space-between;gap:16px;font-size:15px}.cmp .c li{border-color:#e7dfd7;color:#6d625b}
.cmp li b{color:var(--menthe);white-space:nowrap}.cmp .c li b{color:#a8431d}
.cmp .tot{font:700 20px var(--titre);text-transform:uppercase;letter-spacing:.5px;margin-top:16px}
.jour6{display:grid;grid-template-columns:repeat(6,1fr);gap:var(--gap)}
.h6{border-radius:var(--r);overflow:hidden;background:#fff}.h6:nth-child(even){margin-top:46px}
.h6 .ph{height:210px;background:#333 center/cover}.h6 .t{padding:16px}
.h6 .t b{font:700 40px/1 var(--titre);color:#0f8f6c;display:block}.h6 strong{font:600 21px/1.1 var(--titre);color:var(--brun);display:block;margin:4px 0 6px}.h6 span{font-size:13.5px;color:#6d625b}
.chefband{border-radius:var(--r);min-height:560px;position:relative;color:#fff;background:#333 center/cover;display:flex;align-items:center;padding:0 80px;margin-top:96px}
.chefband:before{content:"";position:absolute;inset:0;border-radius:var(--r);background:linear-gradient(90deg,rgba(20,10,5,.75),rgba(20,10,5,.05) 70%)}
.chefband>div{position:relative;max-width:520px}.chefband h2{font:600 clamp(44px,5vw,72px)/1 var(--titre);margin:12px 0 16px}.chefband h2 em{font-style:normal}.chefband p{margin:0 0 24px;font-size:17px}
.chefband .s{font:600 12px var(--corps);letter-spacing:3px;text-transform:uppercase;color:var(--menthe)}
.billets{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gap)}
.bi{background:#fff;border-radius:var(--r);display:grid;grid-template-columns:112px 1fr;overflow:hidden}
.bi .d{background:var(--brun);color:var(--creme);display:flex;flex-direction:column;align-items:center;justify-content:center;font:600 15px var(--titre);text-transform:uppercase;border-right:3px dashed var(--creme)}.bi .d b{font:700 56px/1 var(--titre);color:var(--menthe)}
.bi .t{padding:20px}.bi h3{font:600 23px/1.1 var(--titre);color:var(--brun)}.bi p{font-size:13.5px;color:#6d625b;margin:6px 0 12px}
.bi .j{height:6px;border-radius:6px;background:#eee7e0;margin-bottom:6px}.bi .j i{display:block;height:100%;border-radius:6px;background:var(--menthe)}
.bi small{color:#6d625b}.bi button{float:right;border:0;background:none;font:600 14px var(--corps);color:var(--petrole);border-bottom:2px solid var(--menthe);cursor:pointer;padding:0 0 2px}
.temo{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gap)}
.te{background:#fff;border-radius:var(--r);padding:28px;display:flex;flex-direction:column;gap:14px}
.te q{font:600 23px/1.35 var(--titre);color:var(--brun);quotes:"« " " »"}
.te .qui{display:flex;align-items:center;gap:12px;margin-top:auto;font-size:13.5px;color:#6d625b}.te .qui .pv{min-height:0;width:58px;height:58px;border-radius:50%;padding:0;flex:none}.te .qui .pv:before{width:22px;height:17px;margin:0;border-width:2px;background:none}
.te .et{color:#e0a100;letter-spacing:3px}
.vis{background:var(--menthe);border-radius:var(--r);padding:64px 56px;margin-top:96px;display:grid;grid-template-columns:1.1fr 1fr;gap:50px;align-items:center}
.vis h2{font:600 clamp(44px,5.2vw,80px)/1 var(--titre);color:var(--brun);letter-spacing:-.5px}.vis h2 em{font-style:normal;color:var(--creme)}
.vis p{color:#063b2e;margin:14px 0 22px;max-width:460px}
.slots{display:flex;gap:10px;flex-wrap:wrap}.slots button{background:var(--creme);border:0;border-radius:10px;padding:12px 18px;font:600 19px var(--titre);color:var(--brun);cursor:pointer}.slots button small{display:block;font:600 10.5px var(--corps);letter-spacing:1.4px;text-transform:uppercase;color:#8a7f78}.slots button:hover{background:var(--brun);color:var(--creme)}
.vis form{display:grid;gap:10px}.vis input,.vis textarea{border:0;border-radius:8px;padding:14px;font:inherit;font-size:15px;background:var(--creme)}.vis .ok{display:none;font:600 14px var(--corps);color:#063b2e}
/* --- bureau d'un jour --- */
.bj-form{display:grid;grid-template-columns:1.2fr 1fr 1fr auto;gap:12px;background:#fff;border-radius:var(--r);padding:20px;margin-top:var(--gap);align-items:end;box-shadow:0 20px 50px rgba(38,1,1,.1)}
.bj-form label{display:block;font:600 11px var(--corps);letter-spacing:1.4px;text-transform:uppercase;color:#9a8f86;margin-bottom:4px}
.bj-form select,.bj-form input{width:100%;border:1.5px solid #dcd5ce;border-radius:8px;padding:12px;font-size:15.5px;background:#fff;color:var(--brun)}
.bj{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--gap)}
.bjc{background:#fff;border-radius:var(--r);padding:26px;display:flex;flex-direction:column;gap:6px;border:2px solid transparent;transition:all .3s}
.bjc.ok{border-color:var(--menthe);box-shadow:0 0 0 4px #e6f8f2}.bjc.non{opacity:.45}
.bjc h3{font:600 28px var(--titre);color:var(--brun)}.bjc .m{font-size:13.5px;color:#6d625b}
.bjc .p{font:700 56px/1 var(--titre);color:var(--brun);margin-top:10px}.bjc .p small{font:500 13px var(--corps);color:#6d625b}
.bjc .dj{font-size:13.5px;color:#0b6b51;font-weight:600}
.bjc ul{list-style:none;margin:10px 0 16px;padding:0;font-size:14px;color:#52483f}.bjc li{padding:4px 0 4px 22px;position:relative}.bjc li:before{content:"✓";position:absolute;left:0;color:#0f8f6c;font-weight:700}
.bjc .btn{margin-top:auto}
.pourqui{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--gap)}
.pq{background:#fff;border-radius:var(--r);padding:22px}.pq b{font:600 22px/1.15 var(--titre);color:var(--brun);display:block;margin-bottom:6px}.pq span{font-size:14px;color:#5d534c}
.etapes{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--gap)}
.etp{background:#fff;border-radius:var(--r);padding:24px}.etp i{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--petrole);color:#fff;font:700 20px var(--titre);font-style:normal;margin-bottom:12px}.etp b{font:600 23px var(--titre);color:var(--brun);display:block}.etp span{font-size:14px;color:#5d534c}
.packs{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gap)}
.pk{border-radius:var(--r);padding:30px;background:var(--menthe);color:#063b2e}.pk.p{background:var(--petrole);color:var(--creme)}.pk.b{background:var(--brun);color:var(--creme)}
.pk h3{font:600 30px var(--titre)}.pk .p2{font:700 50px/1 var(--titre);margin:10px 0 4px}.pk p{margin:6px 0 16px;font-size:14.5px;opacity:.92}
/* --- journal --- */
.cats{display:flex;gap:8px;flex-wrap:wrap;margin:var(--gap) 0 0}
.jr-une{display:grid;grid-template-columns:1.25fr 1fr;gap:var(--gap);margin-top:var(--gap)}
.jr-une .ph{border-radius:var(--r);min-height:440px;background:#333 center/cover}
.jr-une .tx{background:#fff;border-radius:var(--r);padding:44px;display:flex;flex-direction:column;gap:12px;align-items:flex-start}
.jr-une h2{font:600 42px/1.08 var(--titre);color:var(--brun);letter-spacing:-.3px}.jr-une p{margin:0;color:#5d534c}
.cat{font:600 11.5px var(--corps);letter-spacing:2px;text-transform:uppercase;color:#0f8f6c}
.arts{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gap);margin-top:var(--gap)}
.art{background:#fff;border-radius:var(--r);overflow:hidden;display:flex;flex-direction:column;cursor:pointer;transition:transform .35s var(--ease)}.art:hover{transform:translateY(-5px)}
.art .ph{height:220px;background:#333 center/cover}.art .pv{min-height:220px;border-radius:0;border-width:0 0 2px}
.art .tx{padding:22px;display:flex;flex-direction:column;gap:8px;flex:1}.art h3{font:600 24px/1.15 var(--titre);color:var(--brun)}.art p{margin:0;font-size:14.5px;color:#5d534c}.art small{margin-top:auto;color:#9a8f86;font-size:12.5px}
.recherches{background:#fff;border-radius:var(--r);padding:30px;margin-top:var(--gap)}.recherches h3{font:600 26px var(--titre);color:var(--brun);margin-bottom:12px}
.recherches a{display:inline-block;margin:0 8px 8px 0;border:1px solid #d9d2cb;border-radius:30px;padding:8px 15px;font-size:14px;color:var(--brun);text-decoration:none}.recherches a:hover{background:var(--brun);color:var(--creme)}
.article{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:1fr 330px;gap:60px;align-items:start}
.fil{font-size:13.5px;color:#6d625b;margin:34px 0 14px}.fil a{color:var(--petrole)}
.article h1,
.article .h1{font:600 clamp(40px,4.6vw,64px)/1.05 var(--titre);color:var(--brun);letter-spacing:-.5px}
.article .chapo{font:600 23px/1.5 var(--titre);color:#4a3f39;margin:20px 0}
.article .meta{font-size:13px;color:#9a8f86;margin-bottom:24px}
.article .couv{border-radius:var(--r);height:420px;background:#333 center/cover;margin-bottom:30px}
.article h2{font:600 32px/1.15 var(--titre);color:var(--brun);margin:36px 0 12px}
.article p,.article li{font-size:17px;line-height:1.7;color:#3f3631}.article ul{padding-left:22px}
.article .encart{background:var(--petrole);color:var(--creme);border-radius:var(--r);padding:30px;margin:34px 0;display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}.article .encart b{font:600 26px/1.15 var(--titre);display:block}.article .encart span{color:#d5e6e4;font-size:15px}
.article table{width:100%;border-collapse:collapse;margin:16px 0;font-size:15.5px}.article th,.article td{padding:11px 12px;border-bottom:1px solid #e0d8d0;text-align:left}.article th{font:600 12px var(--corps);letter-spacing:1.4px;text-transform:uppercase;color:#6d625b}
.cote{position:sticky;top:110px;display:grid;gap:var(--gap)}
.cote>div{background:#fff;border-radius:var(--r);padding:24px}.cote h3{font:600 22px var(--titre);color:var(--brun);margin-bottom:10px}.cote a{display:block;padding:7px 0;border-bottom:1px solid #eee7e0;color:var(--petrole);text-decoration:none;font-size:14.5px}
.cote .cta{background:var(--menthe)}.cote .cta p{font-size:14.5px;color:#063b2e;margin:0 0 14px}
.seo-note{background:#fff8e6;border:1px dashed #d8b65a;border-radius:var(--r);padding:16px 20px;font-size:13.5px;color:#6b5312;margin-top:var(--gap)}
/* --- pied de page --- */
footer{padding:0;background:var(--brun);color:#cbbfb8;margin-top:110px}
footer .inner{display:block;padding-top:64px;padding-bottom:30px}
.ftg{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr 1fr;gap:34px}
.ftg img{width:120px;margin-bottom:14px}.ftg h4{font:600 12px var(--corps);letter-spacing:2px;text-transform:uppercase;color:var(--menthe);margin:0 0 12px}
.ftg a{display:block;color:#e6ddd6;text-decoration:none;font-size:14.5px;padding:4px 0}.ftg a:hover{color:var(--menthe)}.ftg p{font-size:14px;margin:0 0 8px}
.ftg2{border-top:1px solid rgba(255,255,255,.12);margin-top:40px;padding-top:20px;font-size:12.5px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px}
@media(max-width:1100px){.top{flex-wrap:wrap}.six,.dm,.billets,.temo,.arts,.packs{grid-template-columns:1fr 1fr}.jourband,.edito,.cmp,.vis,.jr-une,.article{grid-template-columns:1fr}.jour6{grid-template-columns:repeat(3,1fr)}.h6:nth-child(even){margin-top:0}.bj,.etapes{grid-template-columns:1fr 1fr}.pourqui{grid-template-columns:1fr 1fr 1fr}.mt-tabs{grid-template-columns:repeat(3,1fr)}.mt-corps{grid-template-columns:1fr 1fr}.mt-go{grid-column:1/3}.sl-l{grid-template-columns:90px 1fr}.sl-l .cr,.sl-l .pr{grid-column:1/3;text-align:left}.ftg{grid-template-columns:1fr 1fr 1fr}.bj-form{grid-template-columns:1fr 1fr}.cote{position:static}.edito .ph{min-height:360px}.surt{margin-bottom:-70px}}
@media(max-width:640px){.bande{display:none}.hx-hero{min-height:560px;padding:0 22px 130px}.hx-past{right:16px;top:16px;width:112px;height:112px;font-size:11px}.hx-past b{font-size:28px}.moteur{margin:-96px 12px 0}.mt-tabs{grid-template-columns:1fr 1fr}.mt-corps{grid-template-columns:1fr}.mt-go{grid-column:auto;flex-direction:column;align-items:stretch}.six,.dm,.billets,.temo,.arts,.packs,.bj,.etapes,.pourqui,.ftg,.bj-form{grid-template-columns:1fr}.jour6{grid-template-columns:1fr 1fr}.entree{min-height:300px}.jourband .g,.vis,.cmp>div,.jr-une .tx{padding:30px 22px}.chefband{padding:0 24px;min-height:460px}.entete-page{padding:26px}.rassure{gap:12px 24px}}

/* =====================================================================
   v10 — le vrai mix : grands titres Barlow menthe (le Club) + seconde
   voix en serif italique (la Maison) + outils chiffrés (le Comptoir)
   ===================================================================== */
.geant{font:700 clamp(46px,6.2vw,98px)/.9 var(--titre);text-transform:uppercase;color:var(--menthe);letter-spacing:-.5px;margin:96px 0 30px}
.geant em{font:600 .8em/1 var(--titre);text-transform:none;color:var(--brun);letter-spacing:-1px}
.entete-page h1,
.entete-page .h1{font:700 clamp(54px,7vw,108px)/.88 var(--titre);text-transform:uppercase;letter-spacing:-1px}
.sv-chap>h2{font:700 clamp(48px,6.4vw,96px)/.92 var(--titre);text-transform:uppercase;color:var(--menthe);letter-spacing:-.5px}
.jourband h2{font:700 clamp(44px,5vw,76px)/.92 var(--titre);text-transform:uppercase;letter-spacing:-.5px}
.jourband h2 em{font:600 .8em/1 var(--titre);text-transform:none}
.vis h2{font:700 clamp(50px,6vw,96px)/.9 var(--titre);text-transform:uppercase;color:var(--creme)}
.vis h2 em{font:600 .72em/1.05 var(--titre);text-transform:none;color:var(--brun);display:block;margin-top:8px}
.surt{margin:96px 0 -86px}
/* blocs de couleur « laquelle vous choisissez » */
.camps{display:grid;grid-template-columns:1.35fr 1fr 1fr 1fr;grid-template-rows:300px 300px;gap:var(--gap)}
.camp{border-radius:var(--r);padding:28px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden;text-decoration:none;transition:transform .4s var(--ease)}
.camp:hover{transform:translateY(-6px)}
.camp .q{font:500 12px var(--corps);letter-spacing:1.8px;text-transform:uppercase;opacity:.85;display:block;margin-bottom:6px}
.camp h3{font:700 40px/.95 var(--titre);text-transform:uppercase}
.camp .p{font:700 78px/.85 var(--titre)}.camp .p small{font:500 14px/1.35 var(--corps);display:block;margin-top:8px}
.camp p{font-size:15px;max-width:340px;margin:0 0 14px}
.camp .nv{position:absolute;top:20px;right:20px;background:var(--menthe);color:#063b2e;font:700 12px var(--corps);letter-spacing:1px;text-transform:uppercase;padding:6px 12px;border-radius:30px}
.k1{grid-row:1/3;background:#333 center/cover;color:#fff}.k1:before,.k6:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(30,95,97,.45),rgba(38,1,1,.82))}.k1>*,.k6>*{position:relative}.k1 .p{color:var(--menthe)}
.k2{background:var(--brun);color:var(--creme)}.k2 .p{color:var(--menthe)}
.k3{background:var(--petrole);color:var(--creme)}.k3 .p{color:var(--menthe)}
.k4{background:var(--menthe);color:#063b2e}.k4 .p{color:var(--creme)}
.k5{background:#fff;color:var(--brun)}.k5 .p{color:var(--petrole)}
.k6{grid-column:3/5;background:#333 center/cover;color:#fff}.k6 .p{font-size:54px;color:var(--menthe)}
/* photos en arches, comme le logo */
.arches{display:grid;grid-template-columns:1fr 1fr;gap:var(--gap);min-height:600px}
.arches div{background:#333 center/cover;border-radius:300px 300px var(--r) var(--r)}
.arches div:nth-child(2){margin-top:80px;border-radius:var(--r) var(--r) 300px 300px}
.portes.q4{grid-template-columns:repeat(4,1fr);margin-top:70px}.portes.q4 .porte{min-height:240px;padding:22px}.portes.q4 .porte h3{font-size:30px}
/* calendrier des salles */
.cal{background:#fff;border-radius:var(--r);padding:22px;box-shadow:0 20px 50px rgba(38,1,1,.08)}
.cal-haut{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:14px}
.cal-haut b{font:700 26px var(--titre);text-transform:uppercase;color:var(--brun)}
.cal-haut .autre{margin-left:auto;display:flex;align-items:center;gap:8px;font-size:13.5px;color:#6d625b}
.cal-haut input,.cal-haut select{border:1.5px solid #dcd5ce;border-radius:8px;padding:9px 10px;font-size:14.5px;background:#fff;color:var(--brun)}
.jours{display:grid;grid-template-columns:repeat(10,1fr);gap:8px;margin-bottom:18px}
.jr-b{border:1.5px solid #e4dcd4;background:var(--creme);border-radius:12px;padding:10px 4px;cursor:pointer;text-align:center;color:var(--brun);transition:all .2s}
.jr-b small{display:block;font:600 11px var(--corps);letter-spacing:1.2px;text-transform:uppercase;color:#8a7f78}
.jr-b b{display:block;font:700 30px/1 var(--titre)}.jr-b span{font-size:12px;color:#6d625b}
.jr-b:hover{border-color:var(--brun)}
.jr-b[aria-pressed=true]{background:var(--brun);border-color:var(--brun);color:var(--creme)}.jr-b[aria-pressed=true] small,.jr-b[aria-pressed=true] span{color:var(--menthe)}
.pl-l{display:grid;grid-template-columns:96px 200px 1fr 170px;gap:18px;align-items:center;padding:12px 0;border-top:1px solid #eee7e0}
.pl-l.petit{opacity:.4}
.pl-l .ph{height:66px;border-radius:8px;background:#333 center/cover}
.pl-l h3{font:600 23px var(--titre);color:var(--brun)}.pl-l small{color:#6d625b;font-size:13px}
.pl-c{display:grid;grid-template-columns:repeat(12,1fr);gap:5px}
.pl-c button{border:0;font:600 12.5px var(--corps);padding:10px 0;border-radius:8px;background:#e6f8f2;color:#0b6b51;cursor:pointer}
.pl-c button:hover{background:var(--menthe)}
.pl-c button[disabled]{background:#f1ede9;color:#c0b6ae;text-decoration:line-through;cursor:default}
.pl-c button.sel{background:var(--brun);color:var(--creme)}
.pl-l .pr{text-align:right}.pl-l .pr b{font:700 24px var(--titre);color:var(--brun);display:block}.pl-l .pr span{font-size:12px;color:#6d625b}
.pl-choix{display:flex;align-items:center;gap:18px;flex-wrap:wrap;background:var(--petrole);color:var(--creme);border-radius:10px;padding:14px 18px;margin-top:14px}
.pl-choix b{font:700 24px var(--titre);text-transform:uppercase}.pl-choix span{font-size:14px;color:#d5e6e4;flex:1}
.pl-choix.vide{background:var(--creme);color:#6d625b}.pl-choix.vide span{color:#6d625b}
.pl-leg{display:flex;gap:18px;flex-wrap:wrap;font-size:12.5px;color:#6d625b;margin-top:12px}
.pl-leg i{display:inline-block;width:12px;height:12px;border-radius:3px;margin-right:6px;vertical-align:-1px}
.sync{display:flex;align-items:center;gap:10px;font-size:13.5px;color:#52483f;margin-top:12px}.sync:before{content:"⟳";display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#e6f8f2;color:#0b6b51;font-weight:700}
.agd{font-size:13.5px;color:#52483f;margin:12px 0 0;padding-top:12px;border-top:1px solid #e0d8d0}.agd a{color:var(--petrole);font-weight:600;margin-left:8px}
@media(max-width:1100px){.camps{grid-template-columns:1fr 1fr;grid-template-rows:auto}.k1{grid-row:auto;grid-column:1/3;min-height:340px}.k6{grid-column:1/3}.camp{min-height:240px}.jours{grid-template-columns:repeat(5,1fr)}.pl-l{grid-template-columns:70px 1fr}.pl-l .pl-c,.pl-l .pr{grid-column:1/3;text-align:left}.pl-c{grid-template-columns:repeat(6,1fr)}.portes.q4{grid-template-columns:1fr 1fr}.arches{min-height:420px}}
@media(max-width:640px){.camps{grid-template-columns:1fr}.k1,.k6{grid-column:auto}.camp .p{font-size:60px}.jours{grid-template-columns:repeat(5,1fr);gap:5px}.jr-b b{font-size:22px}.pl-c{grid-template-columns:repeat(4,1fr)}.portes.q4{grid-template-columns:1fr}}

/* =====================================================================
   v11 — plus moderne, plus lisible, moins massif. On réserve dès l'arrivée.
   ===================================================================== */
:root{--r:16px;--trait:#e8e1da;--encre:#2a2320}
body{color:#3a322d;font-size:16.5px;line-height:1.6}
.top{padding:10px 32px}
.top .logo img{width:138px}
.top nav{gap:24px;font:500 15px var(--corps)}
.btn{font:600 14.5px var(--corps);padding:12px 22px;border-width:1.5px}
/* titres : taille mesurée, encre foncée, l'italique fin pour la seconde voix, un trait menthe pour l'accent */
.geant{font:600 clamp(34px,3.7vw,56px)/1.05 var(--titre);text-transform:uppercase;color:var(--encre);letter-spacing:.2px;margin:110px 0 26px;position:relative;padding-top:22px}
.geant:before{content:"";position:absolute;left:0;top:0;width:56px;height:4px;border-radius:4px;background:var(--menthe)}
.geant em{font:600 1em/1 var(--titre);text-transform:none;color:var(--petrole);letter-spacing:-.5px}
.tt .geant{margin-bottom:0}
.sous,.tt p{font-size:17px;color:#5a504a;max-width:720px}
.entete-page{min-height:380px;padding:48px}
.entete-page h1,
.entete-page .h1{font:600 clamp(40px,4.6vw,72px)/.98 var(--titre);letter-spacing:0}
.entete-page p{font-size:18px}
.sv-chap>h2{font:600 clamp(34px,3.7vw,56px)/1.05 var(--titre);color:var(--encre);letter-spacing:.2px}
.jourband h2{font:600 clamp(34px,3.6vw,54px)/1.02 var(--titre);letter-spacing:.2px}
.jourband h2 em{font-size:1em}
.jourband .px b{font-size:36px}
.vis{padding:56px}.vis h2{font:600 clamp(36px,4vw,60px)/1 var(--titre);letter-spacing:.2px;color:var(--encre)}
.vis h2 em{font-size:.9em;color:var(--petrole)}
.sv-inclus h2,.compris h2,.club-band h2,.contact h2,.bloc .g h2{font-size:clamp(34px,3.6vw,52px)}
.chiffre b{font:600 46px/1 var(--titre)}
.bureau,.room,.evt,.sv,.jr,.dmc,.art,.bjc,.pq,.etp,.te,.cal,.sl{border:1px solid var(--trait);box-shadow:none}
.cal{box-shadow:0 18px 44px rgba(38,1,1,.06)}
/* les six offres : mêmes blocs, en plus fin */
.camps{grid-template-rows:240px 240px}
.camp{padding:26px}
.camp .q{font-size:11.5px;letter-spacing:1.6px}
.camp h3{font:600 28px/1 var(--titre);letter-spacing:.3px}
.camp .p{font:600 52px/.9 var(--titre)}.camp .p small{font:400 14px/1.4 var(--corps);margin-top:8px}
.k6 .p{font-size:34px}
.camp p{font-size:15px}
.arches{min-height:520px}
.portes.q4 .porte h3{font:600 24px var(--titre)}
/* --- l'ouverture : on réserve tout de suite --- */
.hx2{border-radius:var(--r);min-height:430px;position:relative;color:#fff;background:#333 center 55%/cover;display:flex;align-items:flex-end;padding:0 56px 150px}
.hx2:before{content:"";position:absolute;inset:0;border-radius:var(--r);background:linear-gradient(180deg,rgba(20,10,5,.25),rgba(20,10,5,.62))}
.hx2>div{position:relative;max-width:900px}
.hx2 .s{font:500 12.5px var(--corps);letter-spacing:2.6px;text-transform:uppercase;opacity:.92}
.hx2 h1,
.hx2 .h1{font:600 clamp(36px,4.2vw,64px)/1.02 var(--titre);text-transform:uppercase;letter-spacing:.3px;margin:12px 0 8px}
.hx2 h1 em,
.hx2 .h1 em{font:600 1em/1 var(--titre);text-transform:none;letter-spacing:-.5px;color:var(--menthe)}
.hx2 p{margin:0;font:600 22px var(--titre);opacity:.95}
.rz{position:relative;z-index:2;margin:-112px 40px 0;background:#fff;border-radius:20px;box-shadow:0 30px 80px rgba(38,1,1,.18);padding:10px}
.rz-tabs{display:grid;grid-template-columns:repeat(5,1fr);gap:4px;background:#f3eee9;border-radius:14px;padding:4px}
.rz-t{border:0;background:transparent;border-radius:11px;padding:11px 8px;font:600 14.5px var(--corps);color:#6d625b;cursor:pointer;transition:all .2s}
.rz-t small{display:block;font:500 12px var(--corps);color:#0f8f6c;margin-top:1px}
.rz-t em{font:700 10px var(--corps);font-style:normal;letter-spacing:1px;text-transform:uppercase;background:var(--menthe);color:#063b2e;border-radius:20px;padding:2px 7px;margin-left:6px;vertical-align:1px}
.rz-t[aria-selected=true]{background:#fff;color:var(--encre);box-shadow:0 2px 10px rgba(38,1,1,.1)}
.rz-ch{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px;padding:14px 8px 4px}
.rz-f{border:1.5px solid var(--trait);border-radius:12px;padding:9px 14px;height:66px;display:flex;flex-direction:column;justify-content:center;background:#fff;transition:border-color .2s}
.rz-f:focus-within{border-color:var(--petrole)}
.rz-f label,.rz-f .lab{font:600 11px var(--corps);letter-spacing:1.4px;text-transform:uppercase;color:#8a7f78}
.rz-f select,.rz-f input{border:0;background:transparent;padding:0;margin:0;width:100%;font:600 16.5px var(--corps);color:var(--encre);outline:0;appearance:none;-webkit-appearance:none}
.rz-f select{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%236d625b' stroke-width='1.8'/%3E%3C/svg%3E") no-repeat right center}
.rz-step{display:flex;align-items:center;justify-content:space-between;gap:8px}
.rz-step output{font:600 16.5px var(--corps);color:var(--encre)}
.rz-step button{width:30px;height:30px;border-radius:50%;border:1.5px solid var(--trait);background:#fff;color:var(--encre);font:500 18px/1 var(--corps);cursor:pointer;display:grid;place-items:center}
.rz-step button:hover{border-color:var(--encre)}
.rz-res{padding:8px}
.rz-tete{display:flex;align-items:baseline;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:10px 6px 12px}
.rz-tete b{font:600 17px var(--corps);color:var(--encre)}.rz-tete b i{font-style:normal;color:#0f8f6c}
.rz-tete a{font:600 14px var(--corps);color:var(--petrole);text-decoration:none;border-bottom:1.5px solid var(--menthe)}
.rz-l{display:grid;grid-template-columns:120px 1fr auto auto;gap:18px;align-items:center;padding:10px;border-radius:14px;border:1px solid var(--trait);margin-bottom:8px;transition:border-color .2s,box-shadow .2s}
.rz-l:hover{border-color:#cfc5bc;box-shadow:0 8px 24px rgba(38,1,1,.07)}
.rz-l .ph{height:78px;border-radius:10px;background:#333 center/cover}
.rz-l h3{font:600 18px/1.2 var(--corps);color:var(--encre);letter-spacing:-.2px}
.rz-l .m{font-size:14px;color:#6d625b}
.rz-l .ok{display:inline-block;font:600 12px var(--corps);color:#0b6b51;background:#e6f8f2;border-radius:20px;padding:3px 9px;margin-left:8px;vertical-align:2px}
.rz-l .pr{text-align:right;white-space:nowrap}.rz-l .pr b{display:block;font:700 22px var(--corps);color:var(--encre);letter-spacing:-.5px}.rz-l .pr span{font-size:12.5px;color:#6d625b}
.rz-l .ac{display:flex;gap:8px}.rz-l .ac .btn{padding:11px 18px}
.rz-vide{padding:18px;border-radius:14px;background:#f7f3ef;color:#5a504a;font-size:15px}
.rassure{margin-top:26px;font:500 13px var(--corps);letter-spacing:.4px;text-transform:none;color:#6d625b;gap:12px 34px}
@media(max-width:1100px){.rz-tabs{grid-template-columns:repeat(3,1fr)}.rz-l{grid-template-columns:90px 1fr}.rz-l .pr,.rz-l .ac{grid-column:1/3;text-align:left}.camps{grid-template-rows:auto}}
@media(max-width:640px){.top .logo img{width:104px}.hx2{padding:0 22px 140px;min-height:380px}.rz{margin:-112px 10px 0}.rz-tabs{grid-template-columns:1fr 1fr}.geant{margin-top:80px}}

/* =====================================================================
   v12 — l'accueil présente ; chaque option mène à sa page, où l'on réserve
   ===================================================================== */
.hx-hero{min-height:640px;padding:0 64px 72px;border-radius:var(--r)}
.hx-hero:before{border-radius:var(--r)}
.hx-hero .s{font:500 12.5px var(--corps);letter-spacing:2.6px}
.hx-hero h1,
.hx-hero .h1{font:600 clamp(44px,5.4vw,84px)/1.02 var(--titre);margin:14px 0 18px}
.hx-hero p{max-width:620px;font-size:18.5px;line-height:1.55;margin:0 0 28px;opacity:.96}
.hx-hero .ac{display:flex;gap:12px;flex-wrap:wrap}
.hx-hero .btn.creme{border-color:var(--creme);background:var(--creme);color:var(--encre)}
.pres{display:grid;grid-template-columns:1fr 1.05fr;gap:80px;align-items:center}
.pres p{font-size:18px;line-height:1.7;color:#4a403a;margin:0 0 16px;max-width:560px}
.pres p.cit{font:600 26px/1.4 var(--titre);color:var(--petrole);margin-bottom:22px}
.pres .chiffres{grid-template-columns:repeat(4,1fr);margin-top:26px}
.pres .chiffre b{font-size:36px;white-space:nowrap}
.opts{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.opt{background:#fff;border:1px solid var(--trait);border-radius:var(--r);overflow:hidden;display:flex;flex-direction:column;transition:transform .35s var(--ease),box-shadow .35s}
.opt:hover{transform:translateY(-5px);box-shadow:0 18px 40px rgba(38,1,1,.09)}
.opt .ph{height:190px;background:#333 center/cover;position:relative}
.opt .nv{position:absolute;top:12px;left:12px;background:var(--menthe);color:#063b2e;font:700 11px var(--corps);letter-spacing:1px;text-transform:uppercase;padding:5px 11px;border-radius:30px}
.opt .tx{padding:20px;display:flex;flex-direction:column;gap:6px;flex:1}
.opt .q{font:600 11px var(--corps);letter-spacing:1.5px;text-transform:uppercase;color:#0f8f6c}
.opt h3{font:600 21px/1.2 var(--corps);color:var(--encre);letter-spacing:-.3px}
.opt p{margin:0;font-size:14.5px;line-height:1.5;color:#5a504a}
.opt .px{margin-top:8px;font-size:13.5px;color:#6d625b}.opt .px b{font:700 22px var(--corps);color:var(--encre);letter-spacing:-.5px;margin-right:4px}
.opt .ac{display:flex;gap:8px;margin-top:auto;padding-top:14px}.opt .ac .btn{flex:1;padding:10px 8px;font-size:14px;white-space:nowrap}
.inclus8{display:grid;grid-template-columns:repeat(4,1fr);gap:0;background:#fff;border:1px solid var(--trait);border-radius:var(--r);overflow:hidden}
.inclus8 div{padding:22px 24px;border-right:1px solid var(--trait);border-bottom:1px solid var(--trait)}
.inclus8 div:nth-child(4n){border-right:0}.inclus8 div:nth-last-child(-n+4){border-bottom:0}
.inclus8 b{display:block;font:600 16.5px var(--corps);color:var(--encre)}.inclus8 b:before{content:"✓";color:#0f8f6c;font-weight:700;margin-right:8px}
.inclus8 span{font-size:14px;color:#6d625b;padding-left:22px;display:block}
/* page Réserver */
#v-reserver .hx2{min-height:340px}
.top nav a.btn.menthe{background:var(--menthe);border-color:var(--menthe);color:#063b2e}
.top nav a.btn.menthe:hover{background:var(--brun);border-color:var(--brun);color:var(--creme)}
@media(max-width:1100px){.opts{grid-template-columns:1fr 1fr}.pres{grid-template-columns:1fr;gap:40px}.inclus8{grid-template-columns:1fr 1fr}.inclus8 div:nth-child(4n){border-right:1px solid var(--trait)}.inclus8 div:nth-child(2n){border-right:0}.inclus8 div:nth-last-child(-n+4){border-bottom:1px solid var(--trait)}.inclus8 div:nth-last-child(-n+2){border-bottom:0}.pres .chiffres{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.opts,.inclus8{grid-template-columns:1fr}.inclus8 div{border-right:0!important;border-bottom:1px solid var(--trait)!important}.hx-hero{padding:0 22px 40px;min-height:520px}}

/* =====================================================================
   v13 — les écritures du site actuel : titres Barlow Condensed en capitales
   menthe, texte Inter, menu Helvetica. Offres par famille, un jeu de couleurs.
   ===================================================================== */
.top nav{font:600 15px Helvetica,Arial,sans-serif}
.top nav a:not(.btn){color:#000}
.geant{font:700 clamp(40px,4.7vw,74px)/.95 var(--titre);text-transform:uppercase;color:var(--menthe);letter-spacing:0;padding-top:0;margin:104px 0 24px}
.geant:before{display:none}
.geant em{font:inherit;text-transform:uppercase;color:var(--petrole);letter-spacing:0}
.entete-page h1,
.entete-page .h1{font-weight:700}
.sv-chap>h2{font-weight:700;color:var(--menthe)}
.hx-hero h1,
.hx-hero .h1{font:700 clamp(44px,5.6vw,88px)/.95 var(--titre);text-transform:uppercase;letter-spacing:0}
.hx2 h1,
.hx2 .h1{font-weight:700}.hx2 h1 em,.hx2 .h1 em{font:inherit;text-transform:uppercase;color:var(--menthe)}
.hx2 p{font:500 19px var(--corps)}
.vis h2{font-weight:700;color:var(--creme)}.vis h2 em{font:inherit;font-size:.8em;color:var(--brun)}
.jourband h2{font-weight:700}.jourband h2 em{font:inherit;text-transform:uppercase}
.sv-inclus h2,.compris h2,.club-band h2,.contact h2,.bloc .g h2,.carte-photo h3,.chefband h2{font-family:var(--titre);font-weight:700;text-transform:uppercase;letter-spacing:0}
.pres p.cit{font:600 22px/1.45 var(--corps);color:var(--petrole)}
.edito p,.article .chapo{font:400 18px/1.7 var(--corps)}
.te q{font:500 17.5px/1.55 var(--corps)}
.faq summary{font:600 21px/1.25 var(--titre)}
.dmc h3,.sl-l h3,.pl-l h3,.bjc h3,.art h3,.bi h3,.pq b,.etp b,.pk h3,.cmp h3,.cote h3,.recherches h3,.sv-row h3,.fi-tx h3{text-transform:uppercase;letter-spacing:.2px}
.article h1,.article h2,.jr-une h2,
.article .h1{text-transform:uppercase}
.chiffre b{font-weight:700;color:var(--brun)}
/* --- les offres par famille --- */
.fam{border-radius:20px;padding:34px;margin-top:20px}
.fam-t{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-bottom:22px}
.fam-t h3{font:700 clamp(34px,3.4vw,52px)/.95 var(--titre);text-transform:uppercase}
.fam-t p{margin:6px 0 0;font-size:16px;max-width:620px}
.fam-t .n{font:700 15px var(--titre);letter-spacing:2px;text-transform:uppercase;opacity:.8;display:block;margin-bottom:6px}
.fam-g{display:grid;gap:18px}
.f-travail{background:var(--petrole);color:var(--creme)}.f-travail .fam-t h3{color:var(--menthe)}.f-travail .fam-t p{color:#d5e6e4}
.f-travail .fam-g{grid-template-columns:1.25fr 1.25fr 1fr 1fr}
.fam2{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.f-recevoir{background:var(--menthe);color:#063b2e}.f-recevoir .fam-t h3{color:var(--creme)}
.f-maison{background:var(--brun);color:var(--creme)}.f-maison .fam-t h3{color:var(--menthe)}.f-maison .fam-t p{color:#d9cfc8}
.fam2 .fam-g{grid-template-columns:1fr 1fr}
.of{background:#fff;color:var(--encre);border-radius:14px;overflow:hidden;display:flex;flex-direction:column;transition:transform .35s var(--ease),box-shadow .35s}
.of:hover{transform:translateY(-5px);box-shadow:0 18px 40px rgba(0,0,0,.22)}
.of .ph{height:180px;background:#333 center/cover;position:relative}
.of .tag{position:absolute;top:12px;left:12px;font:700 11px var(--corps);letter-spacing:1px;text-transform:uppercase;padding:5px 11px;border-radius:30px;background:var(--menthe);color:#063b2e}
.of .tx{padding:20px;display:flex;flex-direction:column;gap:6px;flex:1}
.of h4{margin:0;font:700 27px/1 var(--titre);text-transform:uppercase;color:var(--brun)}
.of p{margin:0;font-size:14.5px;line-height:1.5;color:#5a504a}
.of .px{margin-top:8px;font-size:13.5px;color:#6d625b}.of .px b{font:700 34px/1 var(--titre);margin-right:6px;color:var(--c)}
.of .ac{display:flex;gap:8px;margin-top:auto;padding-top:14px}.of .ac .btn{flex:1;padding:10px 8px;font-size:14px;white-space:nowrap}
.of .ac .btn.go{background:var(--c);border-color:var(--c);color:var(--cc)}
.of .ac .btn.go:hover{background:var(--brun);border-color:var(--brun);color:var(--creme)}
.of.opt2{background:rgba(242,238,234,.1);color:var(--creme);border:1.5px dashed rgba(242,238,234,.45)}
.of.opt2 .ph{height:120px}
.of.opt2 h4{color:var(--creme);font-size:24px}.of.opt2 p{color:#d5e6e4}.of.opt2 .px{color:#a9cbc8}.of.opt2 .px b{color:var(--menthe);font-size:30px}
.of.opt2 .ac .btn{border-color:var(--creme);color:var(--creme)}.of.opt2 .ac .btn.go{background:var(--menthe);border-color:var(--menthe);color:#063b2e}
.of.opt2 .tag{background:var(--creme);color:var(--petrole)}
.f-travail .of{--c:var(--petrole);--cc:var(--creme)}
.f-recevoir .of{--c:#0f8f6c;--cc:#fff}
.f-maison .of{--c:var(--brun);--cc:var(--creme)}
@media(max-width:1100px){.f-travail .fam-g{grid-template-columns:1fr 1fr}.fam2{grid-template-columns:1fr}}
@media(max-width:640px){.fam{padding:22px 16px}.f-travail .fam-g,.fam2 .fam-g{grid-template-columns:1fr}}

/* ===== v14 : champs de formulaire alignés (même hauteur, même écriture), visite avec date et heure, options de salle ===== */
.table-box select,.table-box input[type=date],.barre-salles select,.barre-salles input,.bj-form select,.bj-form input,.cal-haut input,.v-f input,.opt-n input{
 height:52px;width:100%;box-sizing:border-box;border:1.5px solid transparent;border-radius:10px;padding:0 14px;margin:0;
 font:600 16px/1 var(--corps);letter-spacing:0;background-color:var(--creme);color:var(--brun);appearance:none;-webkit-appearance:none;outline:0}
.bj-form select,.bj-form input,.cal-haut input,.v-f input,.opt-n input{background-color:#fff;border-color:#dcd5ce}
.table-box select,.barre-salles select,.bj-form select{padding-right:38px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23260101' stroke-width='1.8'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center}
.table-box select:focus,.table-box input:focus,.barre-salles select:focus,.barre-salles input:focus,.bj-form select:focus,.bj-form input:focus,.v-f input:focus{border-color:var(--petrole)}
input[type=date]::-webkit-datetime-edit{font:600 16px var(--corps);color:var(--brun);padding:0}
input[type=date]::-webkit-calendar-picker-indicator{opacity:.65;cursor:pointer}
.table-box label,.barre-salles label,.bj-form label{font:600 11px var(--corps);letter-spacing:1.4px;margin-bottom:6px}
.cal-haut input{height:42px;width:auto}
/* visite : date et heure */
#dlgV{max-width:660px}
#dlgV .recap h3{margin-bottom:4px}
#dlgV .vs{margin:0 0 16px;color:#5a504a;font-size:15px}
#dlgV .jours{grid-template-columns:repeat(5,1fr);margin-bottom:10px}
#dlgV .jr-b{background:#fff}#dlgV .jr-b[aria-pressed=true]{background:var(--brun)}
.v-autre{display:flex;align-items:center;gap:10px;font-size:13.5px;color:#6d625b;margin:0 0 16px}.v-autre input{height:42px;border:1.5px solid #dcd5ce;border-radius:10px;padding:0 12px;font:600 15px var(--corps);background:#fff;color:var(--brun)}
.v-lab{font:600 11px var(--corps);letter-spacing:1.4px;text-transform:uppercase;color:#8a7f78;margin:0 0 8px}
.v-h{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-bottom:16px}
.v-h button{height:46px;border-radius:10px;border:1.5px solid #dcd5ce;background:#fff;font:600 15px var(--corps);color:var(--brun);cursor:pointer}
.v-h button:hover{border-color:var(--brun)}.v-h button[disabled]{background:#f1ede9;color:#c0b6ae;text-decoration:line-through;cursor:default;border-color:#f1ede9}
.v-h button[aria-pressed=true]{background:var(--menthe);border-color:var(--menthe);color:#063b2e}
.v-f{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:6px}.v-f input:first-child{grid-column:1/3}
.v-ok{display:none;background:#e6f8f2;color:#0b5a46;border-radius:10px;padding:14px 16px;font:600 15px/1.45 var(--corps);margin:10px 0}
.v-err{display:none;color:#a8431d;font:600 13.5px var(--corps);margin:6px 0}
.slots .plus{background:transparent;border:1.5px solid var(--brun);font:600 14.5px var(--corps);border-radius:10px;padding:0 18px}
/* options de restauration dans la réservation d'une salle */
#dlg{max-width:560px}
.opts-s{display:none;border-top:1px solid #e0d8d0;margin-top:12px;padding-top:12px}
.opts-s h4{margin:0 0 4px;font:700 20px var(--titre);text-transform:uppercase;color:var(--petrole)}
.opts-s p{margin:0 0 10px;font-size:13.5px;color:#6d625b}
.opt-n{display:flex;align-items:center;gap:10px;font-size:14px;color:#52483f;margin-bottom:10px}.opt-n input{width:84px;height:42px}
.opt-l{display:grid;grid-template-columns:22px 1fr auto;gap:10px;align-items:center;padding:9px 0;border-bottom:1px solid #eee7e0;font-size:14.5px;cursor:pointer}
.opt-l input{width:18px;height:18px;accent-color:#1E5F61}
.opt-l b{font-weight:600;color:var(--brun)}.opt-l small{display:block;color:#6d625b;font-size:12.5px}.opt-l em{font:600 14px var(--corps);font-style:normal;color:var(--brun);white-space:nowrap}
.agd{margin-bottom:14px}.opt-l span{line-height:1.3}
.opt-tot{display:flex;justify-content:space-between;font:600 15px var(--corps);color:var(--brun);padding-top:10px}
/* avis Google */
.gg{display:grid;grid-template-columns:320px 1fr;gap:var(--gap)}
.gg-note{background:#fff;border:1px solid var(--trait);border-radius:var(--r);padding:30px;display:flex;flex-direction:column;gap:6px}
.gg-note b{font:700 84px/.9 var(--titre);color:var(--brun)}.gg-note .et{color:#e0a100;font-size:24px;letter-spacing:4px}
.gg-note span{font-size:14.5px;color:#5a504a}.gg-note .th{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0 14px}.gg-note .th i{font-style:normal;font:600 13px var(--corps);background:#e6f8f2;color:#0b6b51;border-radius:30px;padding:5px 12px}
.gg-l{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gap)}
.gg-a{background:#fff;border:1px solid var(--trait);border-radius:var(--r);padding:24px;display:flex;flex-direction:column;gap:8px}
.gg-a .et{color:#e0a100;letter-spacing:3px}.gg-a b{font:600 16.5px var(--corps);color:var(--encre)}.gg-a small{color:#8a7f78}
.gg-a p{margin:0;font-size:15px;line-height:1.55;color:#4a403a}.gg-a a{margin-top:auto;font:600 13.5px var(--corps);color:var(--petrole);text-decoration:none;border-bottom:1.5px solid var(--menthe);align-self:flex-start}
.gg-w{grid-column:1/3;background:#fff8e6;border:1px dashed #d8b65a;border-radius:var(--r);padding:14px 18px;font-size:13.5px;color:#6b5312}
@media(max-width:1100px){.gg{grid-template-columns:1fr}.gg-w{grid-column:auto}.gg-l{grid-template-columns:1fr}}
@media(max-width:640px){.v-h{grid-template-columns:repeat(3,1fr)}.v-f{grid-template-columns:1fr}.v-f input:first-child{grid-column:auto}}
.top nav{gap:18px}.top nav a.btn{padding:9px 16px}.top nav a.btn.gest{border-style:dashed}.top nav a.btn.actif{background:var(--brun);color:var(--creme)}
details.rub summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between}details.rub summary::-webkit-details-marker{display:none}details.rub summary::after{content:'+';font:700 26px var(--titre);color:var(--petrole);margin-left:12px}details.rub[open] summary::after{content:'–'}details.rub summary h3{margin:0}
details.rs-rub summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between}details.rs-rub summary::-webkit-details-marker{display:none}details.rs-rub summary::after{content:'+';font:700 26px var(--titre);color:var(--petrole);margin-left:12px}details.rs-rub[open] summary::after{content:'–'}
.dm-hero{min-height:640px}
.dm-chap{margin:0 0 64px}.dm-t{max-width:780px;margin-bottom:22px}.dm-t .n{display:block;font:600 12px var(--corps);letter-spacing:1.6px;text-transform:uppercase;color:var(--petrole);margin-bottom:8px}
.dm-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.dm-grid figure{margin:0;border-radius:var(--r);overflow:hidden;background:#ddd center/cover;aspect-ratio:4/3;position:relative}
.dm-grid figure.h{grid-column:span 2;aspect-ratio:2/1}.dm-grid figure.v{grid-row:span 2;aspect-ratio:auto}
.dm-fin{background:var(--petrole);color:var(--creme);border-radius:var(--r);padding:44px 48px;display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap;margin-bottom:60px}
.dm-fin h2{font-size:clamp(34px,4.6vw,64px);text-transform:uppercase;color:var(--menthe);margin:0}.dm-fin p{margin:6px 0 0;color:#cfe3e1;max-width:560px}
@media(max-width:900px){.dm-grid{grid-template-columns:1fr 1fr}.dm-grid figure.h{grid-column:span 2}.dm-fin{padding:28px}}

/* bandeau d'accord pour la mesure des visites */
.ck{position:fixed;left:16px;bottom:16px;z-index:60;max-width:430px;background:#fff;color:var(--brun);border-radius:var(--r);padding:20px 22px;box-shadow:0 18px 50px rgba(38,1,1,.22);font:400 15px/1.5 var(--corps)}
.ck[hidden]{display:none}
.ck b{display:block;font:700 24px/1 var(--titre);text-transform:uppercase;color:var(--petrole);margin-bottom:8px}
.ck p{margin:0 0 14px}
.ck a{color:var(--petrole)}
.ck .ac{display:flex;gap:10px}
.ck .ac .btn{flex:1}
@media(max-width:640px){.ck{left:8px;right:8px;bottom:8px;max-width:none}}
@media print{.ck{display:none!important}}

/* articles du journal venus de WordPress */
.art h3 a,.jr-une h2 a{color:inherit;text-decoration:none}
.article figure{margin:28px 0}.article figure img,.article article>img{max-width:100%;height:auto;border-radius:var(--r);margin:0 auto}
.article figure:has(>figure){display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gap)}.article figure figure{margin:0}
.article figcaption{font-size:13px;color:#9a8f86;margin-top:8px}
.article h3{font:600 24px/1.2 var(--titre);color:var(--brun);margin:28px 0 10px;text-transform:uppercase;letter-spacing:.2px}
.article blockquote{margin:28px 0;padding:6px 0 6px 24px;border-left:4px solid var(--menthe)}
.article article a{color:var(--petrole)}

/* agenda : un tarif peut être une courte phrase */
.evt .tarif{font:600 16px/1.3 var(--corps);color:var(--brun)}.evt .pied{flex-wrap:wrap}

/* fenêtre de réservation d'un atelier */
.at-l{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid #e0d8d0;font-size:15px}
.at-l input{width:72px;padding:8px 10px;border:1px solid #d9cfc6;border-radius:8px;font:600 15px var(--corps);text-align:center;background:#fff}
#atTotal{margin:14px 0 4px;font:700 22px var(--titre);color:var(--brun);text-transform:uppercase}