.m01{background:#F6F3EC;color:#2B2431;font-family:'Cormorant Garamond',Georgia,serif}
.m01 .tag{background:#8A7448;color:#F6F3EC}
.m01 .hd{text-align:center;margin-bottom:1.4em}
.m01 .hd h3{font:600 2.6em/1 'Cormorant Garamond',serif;letter-spacing:.14em;
  text-transform:uppercase;margin:0}
.m01 .hd .bl{font:italic 500 1em/1.5 'Cormorant Garamond',serif;color:#6B6070;margin:.3em 0 0;font-size:max(calc(2.2 * var(--u)),1em)}
.m01 .hd .dt{font:500 .52em/1 'IBM Plex Mono',monospace;letter-spacing:.36em;
  text-transform:uppercase;color:#8A7448;margin:1em 0 0;font-size:max(calc(2.2 * var(--u)),.52em)}
.m01 .grp h4{font:500 .52em/1 'IBM Plex Mono',monospace;letter-spacing:.3em;
  text-transform:uppercase;color:#8A7448;margin:0 0 .3em;font-size:max(calc(2.5 * var(--u)),.52em)}
/* LE RETRAIT NE PEUT PLUS DEPENDRE DU REPERE. Le filet de gauche est colle a
   la ligne et c'etait le retrait du repere (1em) qui decollait le nom. Depuis
   que la case du repere ne sort plus quand la section n'en a pas, le nom
   touchait le filet. La rangee porte donc son propre retrait dans ce cas. */
.m01 .chr{border-left:1px solid rgba(43,36,49,.2);padding-left:0}
.m01 .chr.s-r{padding-left:1em}
.m01 .chr .rp{width:4.2em;padding-left:1em;font:400 .55em/2.6 'IBM Plex Mono',monospace;
  letter-spacing:.14em;color:#8A7448;opacity:1;font-size:max(calc(2.2 * var(--u)),.55em)}.m01 .chr .tx b:not(.pdt){display:block;font:500 1em/1.35 'Cormorant Garamond',serif;letter-spacing:.01em}
.m01 .chr .tx>i{font:italic 500 .74em/1.5 'Cormorant Garamond',serif;color:#726679;opacity:1}
.m01 .chr .p{font:600 .9em/1.4 'Cormorant Garamond',serif;color:#8A7448}
.m01 .t-hors .chr{border-left-color:transparent}
.m01 .note{font:italic 500 .82em/1.4 'Cormorant Garamond',serif;color:#726679;text-align:center;font-size:max(calc(2.2 * var(--u)),.82em)}
.m01 .ft{margin-top:1.2em;padding-top:.8em;border-top:1px solid rgba(43,36,49,.2);
  text-align:center}
.m01 .ft .ad{font:600 .74em/1.5 'Cormorant Garamond',serif;font-size:max(calc(2.2 * var(--u)),.74em)}
.m01 .ft .hr{font-family:'Cormorant Garamond',serif;color:#726679}
.m01 .ft .tt{font:400 .5em/1.6 'IBM Plex Mono',monospace;letter-spacing:.1em;
  text-transform:uppercase;color:#8B8090;margin-top:.5em;font-size:max(calc(2.2 * var(--u)),.5em)}
.m01.d-programme-etroit .chr{flex-wrap:wrap;border-left:0;padding-left:.9em;
  border-left:1px solid rgba(43,36,49,.2)}
.m01.d-programme-etroit .chr .rp{width:100%;padding-left:0;line-height:1.6;order:-1}
.m01.d-programme-etroit .hd h3{font-size:2em;letter-spacing:.1em}
.m01 .lgd,.m01 .mnt,.m01 .dcl{text-align:center}
.m01 .cls{justify-content:center}
.m01 .grp:has(>.fp)>h4{text-indent:.3em}
.m01.d-programme-etroit .chr .tx{flex-basis:0}

/* LES DEUX BLOCS DE MENU SE REPONDENT. Chacun s'ouvre par un titre et un prix
   centres, puis donne son contenu: une liste de services pour l'un, un
   paragraphe pour l'autre. La liste porte le filet vertical du modele, le
   paragraphe etait centre et n'en avait pas -- deux blocs de meme nature qui ne
   se ressemblaient pas. Le paragraphe reprend donc le filet et l'alignement de
   la liste, au retrait pres, qui est celui de `.chr .rp`. */
.m01 .grp:has(>.fp)>.txt{text-align:left;padding-left:1em;
  border-left:1px solid rgba(43,36,49,.2)}