/* Maquette de réservation, seulement sur le site de test. À retirer à la mise en ligne. */
.mq{
  --creme:hsl(var(--white-hsl));--sable:hsl(var(--lightAccent-hsl));--taupe:hsl(var(--accent-hsl));--olive:hsl(var(--darkAccent-hsl));--brun:hsl(var(--black-hsl));--rouge:#88343A;
  --trait:rgba(54,37,23,.22);--voile:rgba(54,37,23,.06);
  font-family:"Nunito",sans-serif;font-weight:500;font-size:16.75px;line-height:1.6;letter-spacing:.029em;color:var(--brun);
  *{box-sizing:border-box}
  h1,h2,h3,h4,p{margin:0}
  button,input,select,textarea{font:inherit;letter-spacing:inherit;color:inherit}
  a{color:inherit;text-underline-offset:.197em;text-decoration-thickness:1px}
  :focus-visible{outline:2px solid var(--olive);outline-offset:2px}
  .bt{display:inline-flex;align-items:center;justify-content:center;text-align:center;text-decoration:none;font-family:"Nunito",sans-serif;font-weight:500;font-size:15.2px;letter-spacing:.2em;text-transform:uppercase;padding:.95em 1.67em;line-height:1.3;border-radius:6.4px;background:var(--brun);color:var(--creme);border:1px solid var(--brun);cursor:pointer;transition:opacity .1s linear}
  .bt:hover{opacity:.8}
  .bt.doux{background:transparent;color:var(--brun)}
  .bt.petit{font-size:12px;letter-spacing:.12em;padding:.6em 1em}
  .lien{background:none;border:0;padding:0;cursor:pointer;text-decoration:underline;text-underline-offset:.197em;text-decoration-thickness:1px}
  .h3{font-family:"Libre Baskerville",serif;font-weight:400;letter-spacing:.02em;font-size:19px;line-height:1.45;color:var(--taupe)}
  .h3 em{font-style:italic;font-weight:700;color:var(--rouge)}
  .sur{font-family:"Nunito",sans-serif;font-weight:600;font-size:16px;letter-spacing:.09em;text-transform:uppercase;color:var(--taupe)}
  .discret{font-size:14.5px;color:var(--taupe)}
}
/* Agenda : colonne centrée, posée sur la section du site à la place de Billetweb */
.mq-agenda{max-width:720px;margin:0 auto;background:var(--creme);border-radius:12px;padding:clamp(1.25rem,4vw,2.5rem);text-align:center}
.mq-lieux{display:flex;flex-wrap:wrap;justify-content:center;gap:.2rem 1.2rem;margin-bottom:1.5rem;font-size:15.5px}
.mq-lieux button{background:none;border:0;padding:.1rem 0;cursor:pointer}
.mq-lieux button[aria-pressed=true]{text-decoration:underline;text-underline-offset:.197em;text-decoration-thickness:1px;font-weight:700}
.mq-mois{border-top:1px solid var(--trait)}
.mq-mois:last-of-type{border-bottom:1px solid var(--trait)}
.mq-mois summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.8rem;padding:1.05rem 0}
.mq-mois summary::-webkit-details-marker{display:none}
.mq-mois summary::after{content:"+";font-size:22px;line-height:1;color:var(--taupe);font-weight:400}
.mq-mois[open] summary::after{content:"−"}
.mq-seance{display:grid;justify-items:center;gap:.3rem;padding:1.3rem 0;border-top:1px solid var(--voile)}
.mq-seance p{font-size:16px}
.mq-seance .bt{margin-top:.55rem}
.mq-etat{font-weight:700;color:var(--rouge);font-size:15px}
.mq-ouvre{font-size:14.5px;color:var(--taupe)}
.mq-note{margin-top:1.4rem;font-size:15px;color:var(--taupe)}

/* Fenêtre, même dessin que le formulaire de contact */
.mq-fen{border:0;border-radius:12px;padding:0;width:min(560px,calc(100vw - 24px));max-height:calc(100dvh - 24px);background:var(--creme);overflow:auto}
.mq-fen::backdrop{background:rgba(54,37,23,.6)}
.mq-fen:focus{outline:none}
.mq-fen{
  .dedans{padding:clamp(1.4rem,5vw,2.5rem);display:grid;gap:1.1rem;text-align:center}
  .fermer{position:absolute;top:.8rem;right:1rem;background:none;border:0;font-size:24px;line-height:1;cursor:pointer;z-index:2}
  .etapes{display:flex;gap:.4rem;padding-inline:2rem}
  .etapes i{flex:1;height:4px;border-radius:2px;background:var(--trait)}
  .etapes i.fait{background:var(--olive)}
  .etapes i.ici{background:var(--taupe)}
  .retour{justify-self:center;font-size:15px;color:var(--taupe)}
  .fiche{display:grid;gap:.1rem}
  .champ{display:grid;gap:.25rem;font-size:15.5px;text-align:left}
  .champ input,.champ textarea{width:100%;padding:.7rem .8rem;border:1px solid var(--brun);border-radius:6.4px;background:transparent}
  .deux{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:.8rem}
  .coche{display:grid;grid-template-columns:22px minmax(0,1fr);gap:.65rem;align-items:start;cursor:pointer;text-align:left;border-top:1px solid var(--trait);border-bottom:1px solid var(--trait);padding:.85rem .1rem}
  .coche+.coche{border-top:0}
  .coche input{width:18px;height:18px;margin:.25rem 0 0;accent-color:var(--olive)}
  .coche b{font-weight:700}
  details.ci{text-align:left;font-size:15px}
  details.ci summary{cursor:pointer;text-decoration:underline;text-underline-offset:.197em;text-decoration-thickness:1px;text-align:center}
  details.ci ul{margin:.6rem 0 0;padding-left:1.1rem}
  .choix{display:grid;gap:.5rem}
  .choix button{background:transparent;border:1px solid var(--brun);border-radius:6.4px;padding:.75rem 1rem;cursor:pointer}
  .choix button[aria-pressed=true]{background:var(--brun);color:var(--creme)}
  .erreur{color:var(--rouge);font-size:15px}
  .pied{display:flex;flex-wrap:wrap;gap:.6rem;justify-content:center}
  .photo{width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:8px;display:block}
  .grand{font-family:"Breathing",cursive;font-size:3.4rem;line-height:1.2;color:var(--olive)}
  .signal{font-size:14.5px;color:var(--taupe)}
  .cov{display:grid;justify-items:center;gap:.35rem;padding-block:.8rem;border-top:1px solid var(--trait)}
  .cov .bts{display:flex;gap:.35rem}
  .chif{display:flex;justify-content:center;gap:2rem;flex-wrap:wrap}
  .chif b{display:block;font-family:"Libre Baskerville",serif;font-weight:400;font-size:1.3rem}
}
.mq-toast{position:fixed;left:50%;transform:translateX(-50%);bottom:66px;background:var(--brun);color:var(--creme);padding:.65rem 1.1rem;border-radius:8px;font-size:15px;z-index:70;max-width:calc(100vw - 32px);text-align:center}
dialog .mq-toast{position:sticky;display:block;transform:none;left:auto;bottom:8px;margin:0 auto 8px;width:fit-content}
.mq-nav{position:fixed;left:50%;transform:translateX(-50%);bottom:12px;z-index:60;display:flex;gap:1rem;align-items:center;background:var(--brun);color:var(--creme);padding:.5rem 1.1rem;border-radius:8px;font-size:14px;white-space:nowrap;max-width:calc(100vw - 16px);overflow-x:auto}
.mq-nav a{color:inherit}
.mq-nav a[aria-current=page]{font-weight:700;text-decoration:none}

/* Pages mails et espace */
.mq-page{max-width:880px;margin:0 auto;display:grid;gap:1.6rem;text-align:center;padding-top:clamp(5rem,9vw,8rem);padding-bottom:3rem}
.mq-page h1{font-family:"Libre Baskerville",serif;font-weight:400;font-size:clamp(1.7rem,4vw,2.5rem);line-height:1.4;letter-spacing:.02em;color:var(--olive)}
.mq-page .intro{max-width:36em;margin-inline:auto}
.mq-reglages{display:flex;flex-wrap:wrap;justify-content:center;gap:.8rem 1.2rem;align-items:end}
.mq-reglages label.ch{display:grid;gap:.2rem;font-size:14.5px;text-align:left;min-width:0}
.mq-reglages select{padding:.6rem .8rem;border:1px solid var(--brun);border-radius:6.4px;background:transparent;max-width:100%}
.mq-bascules{display:flex;flex-wrap:wrap;justify-content:center;gap:.4rem 1.3rem;font-size:15px}
.mq-bascules label{display:flex;gap:.45rem;align-items:center;cursor:pointer}
.mq-bascules input{accent-color:var(--olive);width:17px;height:17px;margin:0}
.mq-mailtete{font-size:14.5px;color:var(--taupe);overflow-wrap:anywhere}
.mq-mailtete b{color:var(--brun);font-size:17px;display:block}
.mq-feuille{background:#fff;border-radius:12px;padding:clamp(1.3rem,4vw,2.4rem);display:grid;gap:1rem;max-width:600px;width:100%;margin-inline:auto;text-align:left}
.mq-feuille img{width:190px;height:auto;justify-self:center}
.mq-feuille .rdv{text-align:center;border-block:1px solid var(--trait);padding:.9rem .4rem}
.mq-feuille .rdv b{font-family:"Libre Baskerville",serif;font-weight:400;font-size:1.05rem;color:var(--taupe);display:block}
.mq-feuille .cta{justify-self:center}
.mq-feuille .pied{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}
.mq-feuille .fin{border-top:1px solid var(--voile);padding-top:.8rem;font-size:13px;color:var(--taupe);text-align:center}
mark.mqv{background:transparent;color:inherit}
.voir mark.mqv{background:rgba(196,184,166,.55);border-radius:3px;padding:0 .15em}

.mq-sous{display:flex;flex-wrap:wrap;justify-content:center;gap:.2rem 1.6rem}
.mq-sous button{background:none;border:0;padding:.2rem 0;cursor:pointer;font-weight:600;font-size:15px;letter-spacing:.09em;text-transform:uppercase;color:var(--taupe)}
.mq-sous button[aria-pressed=true]{color:var(--brun);text-decoration:underline;text-underline-offset:.3em;text-decoration-thickness:1px}
.mq-cadre{display:grid;gap:2.2rem;text-align:center}
.mq-chiffres{display:flex;flex-wrap:wrap;justify-content:center;gap:1.4rem clamp(2rem,7vw,4.5rem)}
.mq-chiffres b{display:block;font-family:"Libre Baskerville",serif;font-weight:400;font-size:2rem;line-height:1.3;color:var(--olive);font-variant-numeric:tabular-nums}
.mq-chiffres span{font-size:14.5px;color:var(--taupe)}
.mq-chiffres .alerte b{color:var(--rouge)}
.mq-bloc{display:grid;gap:.7rem;max-width:640px;width:100%;margin-inline:auto}
.mq-barres{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.6rem;height:180px;align-items:end}
.mq-barres div{display:grid;align-content:end;height:100%;font-size:13px;min-width:0;font-variant-numeric:tabular-nums}
.mq-barres i{display:block;background:var(--olive);border-radius:3px 3px 0 0;margin-inline:14%}
.mq-axe{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.6rem;border-top:1px solid var(--brun);padding-top:.3rem;font-size:13.5px;color:var(--taupe)}
.mq-afaire button,.mq-afaire p{display:block;width:100%;text-align:center;background:none;border:0;border-top:1px solid var(--trait);padding:.7rem 0;cursor:pointer}
.mq-afaire p{cursor:default}
.mq-rempli{display:grid;gap:.25rem;background:none;border:0;border-top:1px solid var(--trait);padding:.65rem 0;width:100%;cursor:pointer}
.mq-rempli .jauge{height:5px;border-radius:3px;background:var(--trait);overflow:hidden;max-width:320px;width:100%;margin-inline:auto}
.mq-rempli .jauge i{display:block;height:100%;background:var(--olive)}
.mq-tab{overflow-x:auto}
.mq-tab table{border-collapse:collapse;width:100%;font-size:15.5px;text-align:left}
.mq-tab th{font-weight:600;font-size:12.5px;letter-spacing:.09em;text-transform:uppercase;color:var(--taupe);padding:.5rem .6rem;border-bottom:1px solid var(--brun);white-space:nowrap}
.mq-tab td{padding:.65rem .6rem;border-bottom:1px solid var(--trait);vertical-align:middle}
.mq-tab td.n{font-variant-numeric:tabular-nums;white-space:nowrap}
.mq-tab tr.clic{cursor:pointer}
.mq-tab tr.clic:hover{background:var(--voile)}
.mq-pas{display:inline-block;font-size:13px;line-height:1.3;padding:.15em .6em;border-radius:12px;background:var(--voile)}
.mq-pas.ok{background:rgba(88,87,65,.16);color:var(--olive)}
.mq-pas.non{background:rgba(136,52,58,.13);color:var(--rouge)}
.mq-pas.neutre{background:transparent;box-shadow:inset 0 0 0 1px var(--trait);color:var(--taupe)}
.mq-gestes{display:flex;flex-wrap:wrap;gap:.3rem;align-items:center}
.mq-selseance{display:flex;justify-content:center}
.mq-selseance select{padding:.6rem .8rem;border:1px solid var(--brun);border-radius:6.4px;background:transparent;max-width:100%}
.mq-rech{display:grid;justify-items:center;gap:.7rem}
.mq-rech input{width:min(360px,100%);padding:.6rem .8rem;border:1px solid var(--brun);border-radius:6.4px;background:transparent;text-align:center}
.mq-points{display:flex;flex-wrap:wrap;gap:3px;max-width:150px}
.mq-points i{width:8px;height:8px;border-radius:50%;background:var(--olive)}
.mq-fiches{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.6rem;text-align:left}
.mq-fiches .lieu{display:grid;gap:.7rem;align-content:start;min-width:0}
.mq-fiches .lieu h2{font-family:"Libre Baskerville",serif;font-weight:400;font-size:19px;color:var(--taupe);text-align:center;margin:0;letter-spacing:.02em}
.mq-fiches .champ{display:grid;gap:.2rem;font-size:15px}
.mq-fiches input,.mq-fiches textarea{width:100%;padding:.6rem .75rem;border:1px solid var(--brun);border-radius:6.4px;background:transparent}
.mq-page{grid-template-columns:minmax(0,1fr)}
.mq-reglages label.ch{width:min(100%,420px)}
.mq-reglages select{width:100%}
@media (max-width:767px){
  .mq-agenda{margin-inline:14px}
  .mq-page{padding-inline:14px}
}
@media (prefers-reduced-motion:reduce){.mq *{transition:none!important}}

/* Version 2 : tout est visible et aligné à gauche, dans une colonne au milieu de la page */
.mq-agenda{max-width:820px;text-align:left}
.mq-seance{grid-template-columns:72px minmax(0,1fr) auto;justify-items:start;align-items:center;gap:.3rem 1.4rem;padding:1.35rem 0;border-top:0;border-bottom:1px solid var(--trait)}
.mq-seance:first-child{padding-top:.2rem}
.mq-date{display:grid;justify-items:center;line-height:1.15;width:100%}
.mq-date span{font-size:13px;text-transform:uppercase;letter-spacing:.09em;color:var(--taupe)}
.mq-date b{font-family:"Libre Baskerville",serif;font-weight:400;font-size:1.9rem;color:var(--olive)}
.mq-date b:not(:only-of-type){font-size:1.9rem}
.mq-info{display:grid;gap:.05rem;min-width:0}
.mq-info p{font-size:16px}
.mq-seance .mq-info .h3{margin-bottom:.2rem}
.mq-seance .bt{margin-top:0}
.mq-act{justify-self:end}
.mq-note{text-align:left}
.mq-fen .dedans{text-align:left}
.mq-fen .etapes{padding-inline:0 2.2rem}
.mq-fen .retour{justify-self:start}
.mq-fen .pied{justify-content:flex-start}
.mq-fen details.ci summary{text-align:left}
.mq-fen .cov{justify-items:start}
.mq-fen .chif{justify-content:flex-start}
.mq-fen .grand{text-align:left}
.mq-fen .encadre,.mq-feuille .rdv{display:grid;grid-template-columns:auto minmax(0,1fr);gap:1.1rem;align-items:center;text-align:left;background:#F3F1EC;border:0;border-radius:10px;padding:1rem 1.2rem;font-weight:400;font-size:15.5px;line-height:1.5}
.mq-fen .encadre strong,.mq-feuille .rdv strong{font-weight:600}
.mq-fen .d,.mq-feuille .rdv .d{display:grid;justify-items:center;line-height:1.15;padding-right:1.1rem;border-right:1px solid var(--trait)}
.mq-fen .d b,.mq-feuille .rdv .d b{font-family:"Libre Baskerville",serif;font-weight:400;font-size:1.8rem;color:var(--olive)}
.mq-fen .d span,.mq-feuille .rdv .d span{font-size:12.5px;text-transform:uppercase;letter-spacing:.09em;color:var(--taupe)}
.mq-feuille img{justify-self:start}
.mq-feuille .cta{justify-self:start}
.mq-feuille .pied{justify-content:flex-start}
.mq-feuille .fin{text-align:left}
.mq-page,.mq-cadre{text-align:left}
.mq-page .intro{margin-inline:0}
.mq-reglages,.mq-bascules,.mq-sous,.mq-chiffres,.mq-selseance{justify-content:flex-start}
.mq-mailtete{max-width:600px;width:100%;margin-inline:auto}
.mq-feuille{margin-inline:0}
.mq-mailtete{margin-inline:0}
.mq-bloc{max-width:none;margin-inline:0}
.mq-afaire button,.mq-afaire p{text-align:left}
.mq-rempli{text-align:left}
.mq-rempli .jauge{margin-inline:0}
.mq-rech{justify-items:start}
.mq-rech input{text-align:left}
.mq-rech .mq-lieux{justify-content:flex-start}
.mq-fiches .lieu h2{text-align:left}
@media (max-width:640px){
  .mq-seance{grid-template-columns:58px minmax(0,1fr)}
  .mq-act{grid-column:2;justify-self:start;margin-top:.5rem}
}
@media (max-width:767px){.mq-page{padding-top:9.5rem}}
.mq-agenda .mq-lieux{justify-content:flex-start;padding-bottom:1rem;margin-bottom:.4rem;border-bottom:1px solid var(--trait)}
.mq-nouveau{font-weight:700;font-size:15px;color:var(--olive)}
.mq-attention{font-weight:700;color:#88343A}
.mq-fen .mq-nl{display:flex;gap:.5rem;align-items:center;font-size:14.5px;color:var(--taupe);cursor:pointer}
.mq-fen .mq-nl input{width:16px;height:16px;margin:0;accent-color:var(--olive)}
.mq-seance[hidden]{display:none}
.mq-covligne{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.5rem 1rem;align-items:center;padding:.8rem 0;border-top:1px solid var(--trait)}
.mq-fen a:not(.bt){color:var(--brun)}