/* Marlis — feuille de style du site public.
   Toutes les regles sont portees par .ms : elles ne peuvent pas atteindre
   l'application, qui vit hors de ce conteneur. */
/* Charte de marque Marlis — kit logo officiel. Jetons de reference seuls :
   aucune regle existante de ce fichier n'est modifiee. */
:root{--marlis-vert:#14281D;--marlis-creme:#EDE8E1;--marlis-or:#C8A96A}
.ms{font-size:16px;line-height:1.62;background:var(--creme);color:var(--encre);font-family:var(--sans);-webkit-font-smoothing:antialiased}
.ms *{box-sizing:border-box;margin:0;padding:0}
.ms img{max-width:100%;display:block}
/* ================= UNIVERS : LE SITE ================= */
.ms{
  
  --creme:#F1F1F4; --sable:#E9E9ED; --encre:#131316; --carte:#FFFFFF;
  --bord:#DBDBE1; --gris:#67676F; --sapin:#424E3C; --olive:#5A6138; --ocre:#9B6231;
  
  --rose:#F01860; --orange:#F09048; --jaune:#F0C018;
  --sarcelle:#30A8A8; --violet:#6048A8; --bleu:#3048A8;
  
  --rose-c:#F9A0BE; --orange-c:#F3AA72; --jaune-c:#F0C11A;
  --sarcelle-c:#4CCCCC; --violet-c:#BFB4DF; --bleu-c:#ADB9E8;
  --display:"Fraunces",Georgia,ui-serif,serif;
  --sans:"Inter",ui-sans-serif,system-ui,sans-serif;
}
.ms .chrome-in{max-width:1600px;margin:0 auto;display:flex;flex-wrap:wrap;gap:14px 22px;align-items:center}
.ms .hint{font-size:12.5px;color:#8A8C7C;max-width:400px}
.ms .stage{padding:26px 20px 50px;display:flex;justify-content:center}
.ms .frame{width:100%;max-width:1440px;transition:max-width .25s}
.ms .frame[data-w="1024"]{max-width:1024px}
.ms .frame[data-w="390"]{max-width:390px}
.ms .ruler{display:flex;justify-content:space-between;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#7E8470;padding:0 2px 8px}
.ms .bande{padding:56px 20px}
.ms .bande.sable{background:var(--sable)}
.ms .bande.sombre{background:var(--sapin);color:var(--creme)}
.ms .bande.carte{background:var(--carte)}
.ms .in{max-width:1240px;margin:0 auto;width:100%}
.ms .lisible{max-width:680px}
.ms .entete{position:sticky;top:0;z-index:20;background:rgba(241,241,244,.92);backdrop-filter:blur(10px);border-bottom:1px solid var(--bord)}
.ms .entete .in{display:flex;align-items:center;gap:16px;padding:14px 20px;max-width:1240px}
.ms .logo{display:flex;align-items:center;gap:10px;min-height:44px;font-family:var(--display);font-size:23px;letter-spacing:-.015em;text-decoration:none;color:var(--encre);flex-shrink:0}
.ms .logomark{display:block;width:26px;height:26px;border-radius:999px;flex-shrink:0;
  background:conic-gradient(from 200deg,var(--rose),var(--orange),var(--jaune),var(--sarcelle),var(--bleu),var(--violet),var(--rose))}
.ms .entete nav{display:none}
.ms .entete .fin{margin-left:auto;display:flex;align-items:center;gap:8px}
@media (max-width:520px){
  .ms .entete .fin .b.contour{display:none}
  .ms .entete .in{gap:10px;padding:12px 16px}
}
.ms .b{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 22px;border-radius:999px;font:inherit;font-size:15px;font-weight:500;text-decoration:none;border:1px solid transparent;cursor:pointer;white-space:nowrap}
.ms .b.plein{background:var(--sapin);color:#fff}
.ms .b.contour{background:transparent;color:var(--encre);border-color:var(--bord)}
.ms .b.clair{background:var(--creme);color:var(--encre)}
.ms .b.fantome{background:transparent;color:var(--creme);border-color:rgba(247,244,238,.55)}
.ms .b.sm{min-height:44px;padding:0 18px;font-size:14px}
.ms h1.geant{font-family:var(--display);font-weight:300;font-size:46px;line-height:1.03;letter-spacing:-.03em}
.ms h2.grand{font-family:var(--display);font-weight:300;font-size:34px;line-height:1.1;letter-spacing:-.025em}
.ms h3.moyen{font-family:var(--display);font-weight:400;font-size:23px;line-height:1.2;letter-spacing:-.015em}
.ms .chapo{font-size:19px;line-height:1.55;color:var(--gris);font-weight:300}
.ms .bande.sombre .chapo{color:rgba(247,244,238,.80)}
.ms .oeil{font-size:11.5px;text-transform:uppercase;letter-spacing:.26em;font-weight:500;color:var(--gris)}
.ms .bande.sombre .oeil{color:rgba(247,244,238,.78)}
.ms .corps{font-size:16.5px}
.ms .petit{font-size:14px;color:var(--gris)}
.ms .bande.sombre .petit{color:rgba(247,244,238,.80)}
.ms .trait{height:3px;width:44px;border-radius:2px;background:var(--sapin);margin-bottom:18px}
.ms .pastille{width:10px;height:10px;border-radius:999px;display:inline-block;vertical-align:middle}
.ms .heros{padding:52px 20px 0;text-align:left}
.ms .heros .actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}
.ms .heros .sous{margin-top:16px;font-size:13.5px;color:var(--gris)}
.ms .apercu{margin-top:44px;border-radius:14px 14px 0 0;overflow:hidden;border:1px solid var(--bord);border-bottom:0;background:var(--creme);box-shadow:0 40px 90px -40px rgba(29,27,22,.45)}
.ms .apercu .barre{height:34px;background:var(--sable);border-bottom:1px solid var(--bord);display:flex;align-items:center;gap:6px;padding:0 13px}
.ms .apercu .barre i{width:9px;height:9px;border-radius:999px;background:var(--bord);display:block}
.ms .apercu .corpsapp{display:flex;min-height:270px}
.ms .apercu .rail{width:172px;background:var(--sable);border-right:1px solid var(--bord);padding:14px 9px;flex-shrink:0;display:none}
.ms .apercu .rail .it{display:flex;align-items:center;gap:8px;height:32px;padding:0 9px;border-radius:9px;font-size:12.5px;color:var(--gris)}
.ms .apercu .rail .it.on{background:#EFF0EA;color:var(--sapin);font-weight:500}
.ms .apercu .rail .it b{width:13px;height:13px;border-radius:4px;background:currentColor;opacity:.55;display:block;flex-shrink:0}
.ms .apercu .zone{flex:1;padding:18px;min-width:0}
.ms .apercu .ti{font-family:var(--display);font-size:22px;margin-bottom:3px}
.ms .apercu .grille{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;margin-top:14px}
.ms .apercu .tuile{border:1px solid var(--bord);border-radius:10px;overflow:hidden;background:var(--carte)}
.ms .apercu .tuile .im{display:block;aspect-ratio:4/3;background:linear-gradient(150deg,#E5DBC8,#D3C8B0)}
.ms .apercu .tuile .im.v2{background:linear-gradient(150deg,#DCD9CC,#C0BEAA)}
.ms .apercu .tuile .im.v3{background:linear-gradient(150deg,#E8DCD2,#CBB6A2)}
.ms .apercu .tuile .im.v4{background:linear-gradient(150deg,#DEE0D2,#B9BFA5)}
.ms .apercu .tuile p{font-family:var(--display);font-size:12px;padding:7px 8px 9px}
.ms .refus{display:grid;gap:26px}
.ms .refus .mot{font-family:var(--display);font-weight:300;font-size:34px;line-height:1.12;letter-spacing:-.02em}
.ms .temps{display:grid;gap:34px;margin-top:36px}
.ms .temps article{padding-top:22px;border-top:1px solid var(--bord)}
.ms .bande.sombre .temps article{border-top-color:rgba(247,244,238,.32)}
.ms .bande.sombre .trait{background:rgba(247,244,238,.88)}
.ms .temps .num{font-family:var(--display);font-size:14px;color:var(--gris)}
.ms .temps h3{margin:12px 0 9px}
.ms .temps .lien{display:inline-flex;align-items:center;gap:6px;min-height:44px;font-size:14.5px;color:var(--sapin);text-decoration:none;font-weight:500}
.ms .disc{display:grid;grid-template-columns:1fr;gap:1px;margin-top:32px;background:rgba(247,244,238,.30);border:1px solid rgba(247,244,238,.30);border-radius:16px;overflow:hidden}
.ms .disc div{background:var(--sapin);padding:20px 22px;display:flex;align-items:baseline;gap:16px}
.ms .disc .pastille{width:12px;height:12px;flex-shrink:0;align-self:center}
.ms .disc b{font-family:var(--display);font-weight:400;font-size:19px;letter-spacing:-.01em}
.ms .disc span:last-child{font-size:13.5px;color:rgba(247,244,238,.80);margin-left:auto;text-align:right}
.ms .vitrine{border:1px solid var(--bord);border-radius:18px;overflow:hidden;background:var(--carte);margin-top:32px}
.ms .vitrine .tete{padding:26px 24px 20px;border-bottom:1px solid var(--bord)}
.ms .vitrine .murs{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--bord)}
.ms .vitrine .murs i{display:block;aspect-ratio:1;background:linear-gradient(150deg,#E5DBC8,#CFC3AA)}
.ms .vitrine .murs i:nth-child(2){background:linear-gradient(150deg,#DCD9CC,#BEBCA8)}
.ms .vitrine .murs i:nth-child(3){background:linear-gradient(150deg,#E8DCD2,#C9B49F)}
.ms .vitrine .murs i:nth-child(4){background:linear-gradient(150deg,#DEE0D2,#B5BCA0)}
.ms .vitrine .murs i:nth-child(5){background:linear-gradient(150deg,#E2DDD0,#C3BFAB)}
.ms .vitrine .murs i:nth-child(6){background:linear-gradient(150deg,#E9E1D4,#CBBFA6)}
.ms .lieux{display:grid;gap:14px;margin-top:30px}
.ms .lieux div{border:1px solid rgba(247,244,238,.30);border-radius:14px;padding:18px 20px}
.ms .lieux b{font-family:var(--display);font-weight:400;font-size:18px;display:block;margin-bottom:5px}
.ms .formules{display:grid;gap:16px;margin-top:32px}
.ms .formule{border:1px solid var(--bord);border-radius:20px;padding:28px 24px;background:var(--carte);display:flex;flex-direction:column}
.ms .formule.mise{border-color:var(--sapin);border-width:2px}
.ms .formule .prix{font-family:var(--display);font-size:42px;font-weight:300;letter-spacing:-.03em;line-height:1;margin:14px 0 4px}
.ms .formule ul{list-style:none;margin:20px 0 24px;display:flex;flex-direction:column;gap:11px;flex:1}
.ms .formule li{display:flex;gap:11px;font-size:15.5px;align-items:flex-start}
.ms .formule li:before{content:"";width:7px;height:7px;border-radius:999px;background:var(--olive);flex-shrink:0;margin-top:9px}
.ms .formule .b{width:100%}
.ms .bandeau-eco{display:inline-flex;align-items:center;gap:8px;background:#EFF0EA;color:var(--sapin);border-radius:999px;padding:6px 14px;font-size:13px;font-weight:500;margin-top:12px}
.ms .compare{width:100%;border-collapse:collapse;margin-top:30px;font-size:15px}
.ms .compare th, .ms .compare td{text-align:left;padding:14px 12px;border-bottom:1px solid var(--bord);vertical-align:top}
.ms .compare th{font-weight:500;font-size:12px;text-transform:uppercase;letter-spacing:.16em;color:var(--gris)}
.ms .compare td:nth-child(2), .ms .compare td:nth-child(3), .ms .compare th:nth-child(2), .ms .compare th:nth-child(3){text-align:center;width:110px}
.ms .oui{color:var(--sapin);font-weight:500}
.ms .non{color:var(--gris)}
.ms .faq{margin-top:30px;border-top:1px solid var(--bord)}
.ms .faq details{border-bottom:1px solid var(--bord)}
.ms .faq summary{cursor:pointer;list-style:none;padding:20px 0;font-family:var(--display);font-size:19px;font-weight:400;display:flex;gap:16px;align-items:flex-start;min-height:44px}
.ms .faq summary::-webkit-details-marker{display:none}
.ms .faq summary:after{content:"+";margin-left:auto;font-family:var(--sans);font-size:22px;color:var(--gris);line-height:1;flex-shrink:0}
.ms .faq details[open] summary:after{content:"–"}
.ms .faq .rep{padding:0 0 22px;color:var(--gris);font-size:16px;max-width:680px}
.ms .pied{background:var(--sapin);color:rgba(247,244,238,.80);padding:44px 20px 32px;font-size:14px}
.ms .pied .cols{display:grid;gap:26px}
.ms .pied a{color:rgba(247,244,238,.80);text-decoration:none;display:block;padding:7px 0;min-height:44px;line-height:30px}
.ms .pied a:hover{color:var(--creme)}
.ms .pied .oeil{margin-bottom:8px;color:rgba(247,244,238,.78)}
.ms .pied .bas{margin-top:30px;padding-top:20px;border-top:1px solid rgba(247,244,238,.30);display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;font-size:13px}
.ms .page{display:none}
.ms .page.on{display:block}
@media (min-width:720px){
  .ms .bande{padding:80px 40px}
  .ms .entete .in{padding:18px 40px}
  .ms .entete nav{display:flex;gap:4px;margin-left:20px}
  .ms .entete nav a{padding:0 14px;min-height:44px;display:flex;align-items:center;font-size:14px;text-decoration:none;color:var(--gris);border-radius:999px}
  .ms .entete nav a:hover{color:var(--encre);background:var(--sable)}
  .ms .heros{padding:76px 40px 0}
  .ms h1.geant{font-size:74px;max-width:15ch}
  .ms h2.grand{font-size:46px}
  .ms h3.moyen{font-size:26px}
  .ms .chapo{font-size:21px;max-width:56ch}
  .ms .refus{grid-template-columns:1fr 1fr;gap:56px;align-items:start}
  .ms .refus .mot{font-size:46px}
  .ms .temps{grid-template-columns:1fr 1fr;gap:40px 44px}
  .ms .disc div{padding:24px 28px}
  .ms .lieux{grid-template-columns:repeat(3,1fr)}
  .ms .formules{grid-template-columns:1fr 1fr;gap:24px;max-width:860px}
  .ms .pied .cols{grid-template-columns:2fr 1fr 1fr 1fr;gap:40px}
  .ms .apercu .rail{display:block}
  .ms .apercu .grille{grid-template-columns:repeat(4,1fr)}
  .ms .apercu .corpsapp{min-height:340px}
  .ms .vitrine .murs{grid-template-columns:repeat(6,1fr)}
  .ms .vitrine .tete{padding:34px 34px 26px}
}
@media (min-width:1100px){
  .ms .bande{padding:104px 56px}
  .ms .heros{padding:104px 56px 0}
  .ms h1.geant{font-size:88px}
  .ms h2.grand{font-size:52px}
  .ms .entete .in{padding:20px 56px}
  .ms .temps{gap:52px}
}
.ms .visite{margin-top:34px;border:1px solid var(--bord);border-radius:18px;overflow:hidden;background:var(--carte)}
.ms .visite .onglets{display:flex;gap:6px;padding:12px;background:var(--sable);border-bottom:1px solid var(--bord);overflow-x:auto;scrollbar-width:none}
.ms .visite .onglets::-webkit-scrollbar{display:none}
.ms .ong{border:1px solid transparent;background:transparent;border-radius:999px;min-height:44px;padding:0 16px;font:inherit;font-size:14px;color:var(--gris);cursor:pointer;white-space:nowrap}
.ms .ong[aria-pressed="true"]{background:var(--sapin);color:#fff;font-weight:500}
.ms .visite .ec{display:none}
.ms .visite .ec.on{display:block}
.ms .visite .lg{padding:20px 22px;border-top:1px solid var(--bord);font-size:15.5px;color:var(--gris)}
.ms .visite .lg b{color:var(--encre);font-weight:500;display:block;font-family:var(--display);font-size:19px;margin-bottom:5px}
.ms .mini{display:flex;min-height:300px;background:var(--creme)}
.ms .mini .mrail{width:150px;flex-shrink:0;background:var(--sable);border-right:1px solid var(--bord);padding:12px 8px;display:none}
.ms .mini .mit{display:flex;align-items:center;gap:7px;height:30px;padding:0 8px;border-radius:8px;font-size:11.5px;color:var(--gris)}
.ms .mini .mit.on{background:#EFF0EA;color:var(--sapin);font-weight:500}
.ms .mini .mit i{width:11px;height:11px;border-radius:3px;background:currentColor;opacity:.5;flex-shrink:0}
.ms .mini .mzone{flex:1;padding:16px;min-width:0;display:flex;flex-direction:column;gap:10px}
.ms .mini .mtitre{font-family:var(--display);font-size:19px;letter-spacing:-.01em}
.ms .mini .moeil{font-size:9px;text-transform:uppercase;letter-spacing:.18em;color:var(--gris)}
.ms .mini .mc{border:1px solid var(--bord);border-radius:12px;background:var(--carte);padding:12px}
.ms .mini .msm{font-size:11.5px;color:var(--gris);line-height:1.45}
.ms .mini .mgrille{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}
.ms .mini .mtu{border:1px solid var(--bord);border-radius:9px;overflow:hidden;background:var(--carte)}
.ms .mini .mtu i{display:block;aspect-ratio:4/3;background:linear-gradient(150deg,#E5DBC8,#D3C8B0)}
.ms .mini .mtu i.a{background:linear-gradient(150deg,#DCD9CC,#C0BEAA)}
.ms .mini .mtu i.b2{background:linear-gradient(150deg,#E8DCD2,#CBB6A2)}
.ms .mini .mtu i.c2{background:linear-gradient(150deg,#DEE0D2,#B9BFA5)}
.ms .mini .mtu p{font-family:var(--display);font-size:10.5px;padding:5px 7px 7px}
.ms .mini .mbar{height:4px;border-radius:999px;background:var(--beige,#E0E0E6);overflow:hidden}
.ms .mini .mbar i{display:block;height:100%;background:var(--olive);border-radius:999px}
.ms .mini .mbulle{border-radius:13px;padding:9px 12px;font-size:11.5px;max-width:82%}
.ms .mini .mbulle.m{background:var(--carte);border:1px solid var(--bord);border-top-left-radius:4px;align-self:flex-start;font-family:var(--display);font-style:italic;font-size:12.5px}
.ms .mini .mbulle.u{background:#EFF0EA;border-top-right-radius:4px;align-self:flex-end}
.ms .mini .mcol{display:flex;flex-direction:column;gap:7px}
.ms .mini .mseance{border:1px solid var(--bord);border-radius:9px;padding:8px 10px;font-size:11.5px;background:var(--carte)}
.ms .mini .mseance.on{background:#EFF0EA;border-color:rgba(66,78,60,.4)}
.ms .mini .mseance span{display:block;font-size:9.5px;color:var(--gris);margin-top:2px}
.ms .mini .mnotes{columns:2;column-gap:8px}
.ms .mini .mnote{break-inside:avoid;margin-bottom:8px;border:1px solid var(--bord);border-radius:10px;background:var(--carte);padding:9px;font-size:11px;color:var(--gris)}
.ms .mini .mnote em{display:block;font-style:normal;font-size:9px;text-transform:uppercase;letter-spacing:.12em;margin-bottom:5px;color:var(--sapin)}
.ms .mini .mnote u{display:block;text-decoration:none;height:44px;border-radius:6px;background:linear-gradient(140deg,#E5DBC8,#CFC3AA);margin-bottom:6px}
.ms .mini .mligne{display:flex;align-items:center;gap:9px;padding:9px 10px;border-bottom:1px solid var(--bord);font-size:12px}
.ms .mini .mligne:last-child{border-bottom:0}
.ms .mini .mligne b{width:26px;height:26px;border-radius:999px;background:var(--beige,#E0E0E6);flex-shrink:0}
.ms .mini .mligne span{margin-left:auto;color:var(--gris)}
.ms .mini .mcote{display:none}
.ms .mini .mchips{display:flex;gap:5px;flex-wrap:wrap}
.ms .mini .mchip{border:1px solid var(--bord);border-radius:999px;padding:4px 9px;font-size:10px;color:var(--gris)}
.ms .mini .mchip.on{background:#EFF0EA;border-color:rgba(66,78,60,.4);color:var(--sapin)}
@media (min-width:720px){
  .ms .mini .mrail{display:block}
  .ms .mini{min-height:360px}
  .ms .mini .mgrille{grid-template-columns:repeat(4,1fr)}
  .ms .mini .mnotes{columns:3}
  .ms .mini .mcote{display:flex;flex-direction:column;gap:9px;width:190px;flex-shrink:0}
  .ms .mini .mzone.avec{flex-direction:row;gap:16px}
  .ms .mini .mzone.avec>.mprinc{flex:1;min-width:0;display:flex;flex-direction:column;gap:10px}
  .ms .mini .mtroiscol{display:grid;grid-template-columns:150px 1fr;gap:14px;flex:1;min-height:0}
}
.ms .ariane{font-size:13px;color:var(--gris);margin-bottom:20px;display:flex;flex-wrap:wrap;gap:7px;align-items:center}
.ms .ariane a{color:var(--gris);text-decoration:none;display:inline-flex;align-items:center;min-height:44px;border-bottom:1px solid var(--bord)}
.ms .ariane a:hover{color:var(--encre);border-color:var(--sapin)}
.ms .ariane span{color:var(--encre)}
.ms .soustitre{margin-top:18px;font-size:14px;text-transform:uppercase;letter-spacing:.18em;color:var(--gris)}
.ms .filtres{display:flex;flex-direction:column;gap:12px;padding-bottom:26px;border-bottom:1px solid var(--bord);margin-bottom:30px}
.ms .filtres .chips{display:flex;flex-wrap:wrap;gap:8px;overflow:visible}
.ms .ch{border:1px solid var(--bord);background:transparent;border-radius:999px;min-height:44px;padding:0 18px;font:inherit;font-size:14.5px;color:var(--gris);cursor:pointer}
.ms .ch[aria-pressed="true"]{background:var(--sapin);border-color:var(--sapin);color:#fff;font-weight:500}
.ms .ch[aria-current="page"]{background:var(--sapin);border-color:var(--sapin);color:#fff;font-weight:500}
.ms button.ch{cursor:pointer}
.ms .selects{display:flex;flex-wrap:wrap;gap:8px}
.ms .sel{display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border:1px solid var(--bord);border-radius:12px;font-size:14.5px;color:var(--gris);background:var(--carte)}
.ms .grillelieux{display:grid;grid-template-columns:1fr;gap:14px}
.ms .lc{display:flex;flex-direction:column;gap:6px;padding:22px;border:1px solid var(--bord);border-radius:16px;background:var(--carte);text-decoration:none;color:var(--encre)}
.ms .lc:hover{border-color:var(--sapin)}
.ms .lc-type{font-size:11px;text-transform:uppercase;letter-spacing:.2em;color:var(--sapin);font-weight:500}
.ms .lc b{font-family:var(--display);font-weight:400;font-size:22px;letter-spacing:-.015em;line-height:1.2}
.ms .lc-lieu{font-size:13.5px;color:var(--gris)}
.ms .lc-txt{font-size:15px;color:var(--gris);margin-top:6px;flex:1}
.ms .lc-disc{font-size:12.5px;color:var(--gris);padding-top:12px;margin-top:10px;border-top:1px solid var(--bord)}
.ms .rappel{margin-top:30px;border:1px solid var(--bord);border-radius:18px;background:#EFF0EA;padding:24px;display:flex;flex-direction:column;gap:18px}
.ms .rappel .oeil{color:var(--sapin)}
.ms .rappel .corps{color:var(--sapin);max-width:62ch}
.ms .rappel .b{align-self:flex-start}
.ms .pagination{display:flex;gap:8px;align-items:center;margin-top:30px;flex-wrap:wrap}
.ms .pg{min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;padding:0 14px;border:1px solid var(--bord);border-radius:12px;text-decoration:none;color:var(--gris);font-size:14.5px}
.ms .pg.on{background:var(--sapin);border-color:var(--sapin);color:#fff;font-weight:500}
.ms .pg.vide{border:0;min-width:auto}
.ms .tc{display:flex;flex-direction:column;gap:6px;text-decoration:none;color:var(--encre);border:1px solid var(--bord);border-radius:14px;padding:20px;background:var(--carte);min-height:44px}
.ms .tc:hover{border-color:var(--sapin)}
.ms .tc b{font-family:var(--display);font-weight:400;font-size:19px}
.ms .bande.sombre .tc{background:transparent;color:var(--creme);border-color:rgba(247,244,238,.30)}
.ms .fichegrille{display:grid;gap:32px}
.ms .fichecote .carteinfo{border:1px solid var(--bord);border-radius:18px;padding:24px;background:var(--carte)}
.ms .carteinfo dl{display:grid;grid-template-columns:auto 1fr;gap:10px 16px;font-size:14.5px}
.ms .carteinfo dt{color:var(--gris)}
.ms .carteinfo dd{text-align:right}
.ms .encadre{margin-top:36px;background:#EFF0EA;border:1px solid rgba(66,78,60,.28);border-radius:20px;padding:26px}
.ms .verrou{list-style:none;display:flex;flex-direction:column;gap:11px}
.ms .verrou li{display:flex;align-items:center;gap:14px;font-size:15px;color:var(--sapin)}
.ms .verrou li span{flex-shrink:0}
.ms .verrou li i{flex:1;height:10px;border-radius:999px;background:repeating-linear-gradient(90deg,rgba(66,78,60,.30) 0 14px,transparent 14px 22px)}
@media (min-width:720px){
  .ms .filtres{flex-direction:row;justify-content:space-between;align-items:center}
  .ms .grillelieux{grid-template-columns:repeat(2,1fr);gap:18px}
  .ms .rappel{flex-direction:row;align-items:center;justify-content:space-between;gap:28px;padding:28px 32px}
  .ms .rappel .b{align-self:auto;flex-shrink:0}
  .ms .fichegrille{grid-template-columns:minmax(0,1fr) 320px;gap:48px;align-items:start}
  .ms .fichecote{position:sticky;top:100px}
}
@media (min-width:1100px){
  .ms .grillelieux{grid-template-columns:repeat(3,1fr)}
}
.ms .notes{max-width:1440px;margin:22px auto 0;background:#191A16;border:1px solid #34362E;border-radius:12px;padding:20px 24px;font-size:13.5px;color:#B8BAA8}
.ms .notes h3{font-family:var(--display);font-size:16px;color:#E8E4DA;font-weight:500;margin:0 0 12px}
.ms .notes h4{font-size:12px;text-transform:uppercase;letter-spacing:.16em;color:#8A8C7C;margin:18px 0 8px;font-weight:500}
.ms .notes table{width:100%;border-collapse:collapse}
.ms .notes td{padding:6px 0;border-bottom:1px solid #26271F;vertical-align:top}
.ms .notes td:first-child{width:250px;color:#8A8C7C;padding-right:18px}
.ms .notes tr:last-child td{border-bottom:0}
.ms .notes code{font-family:ui-monospace,Menlo,monospace;font-size:12px;color:#D3D6BE}
.ms .notes .alerte{margin-top:14px;padding:12px 15px;border-radius:9px;background:#2A2018;border:1px solid #4A3524;color:#E0C4A6}
/* ============ AJOUTS DU 9 AOÛT — visuels et annonce des stores ============ */
/* Emplacements d'images. Les fonds ci-dessous sont des ESPACES RÉSERVÉS :
   ils tiennent la place et la couleur des œuvres réelles à venir. */
.ms .art{position:relative;overflow:hidden;background-color:#E5DBC8}
.ms .art::after{content:"";position:absolute;inset:0;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)' opacity='0.42'/%3E%3C/svg%3E");
  mix-blend-mode:multiply;opacity:.55;pointer-events:none}
.ms .a1{background:radial-gradient(120% 90% at 20% 15%,#EFE4CE 0%,#D9C9A8 45%,#B9A882 100%)}
.ms .a2{background:linear-gradient(165deg,#DFDCCB 0%,#BFBFA8 55%,#8E9578 100%)}
.ms .a3{background:radial-gradient(100% 80% at 70% 30%,#F0E2D6 0%,#D3B79C 50%,#9B6231 115%)}
.ms .a4{background:linear-gradient(190deg,#E6E7DA 0%,#B7BFA2 60%,#5A6138 120%)}
.ms .a5{background:radial-gradient(110% 85% at 35% 70%,#EDE6D8 0%,#C9BCA2 55%,#7C7259 100%)}
.ms .a6{background:linear-gradient(155deg,#F2ECDF 0%,#DCCDB4 50%,#A78E68 100%)}
/* 1 — le mur, à bord perdu, juste sous le héros */
.ms .mur{display:grid;grid-template-columns:repeat(2,1fr);gap:0}
.ms .mur .art{aspect-ratio:3/4}
.ms .mur .art:nth-child(n+5){display:none}
/* 2 — la bande du milieu : une œuvre et une phrase */
.ms .duo{display:grid;grid-template-columns:1fr;background:var(--sapin);color:var(--creme)}
.ms .duo .art{aspect-ratio:4/3;min-height:260px}
.ms .duo .mot{padding:44px 20px;display:flex;flex-direction:column;justify-content:center;gap:18px}
.ms .duo blockquote{font-family:var(--display);font-weight:300;font-size:29px;line-height:1.16;letter-spacing:-.02em}
/* 3 — l'horizon, avant l'appel final */
.ms .horizon{display:grid;grid-template-columns:repeat(3,1fr);gap:0}
.ms .horizon .art{aspect-ratio:1}
.ms .horizon .art:nth-child(n+4){display:none}
/* les stores */
.ms .stores{display:grid;grid-template-columns:1fr;gap:36px;align-items:center}
.ms .tel{justify-self:center;width:214px;flex-shrink:0}
.ms .tel .coque{border-radius:34px;background:var(--encre);padding:9px;box-shadow:0 30px 60px -26px rgba(29,27,22,.55)}
.ms .tel .ecr{border-radius:26px;overflow:hidden;background:var(--creme);position:relative;color:var(--encre)}
.ms .tel .encoche{position:absolute;top:0;left:50%;transform:translateX(-50%);width:74px;height:17px;background:var(--encre);border-radius:0 0 11px 11px;z-index:2}
.ms .tel .haut{padding:26px 13px 9px;border-bottom:1px solid var(--bord)}
.ms .tel .h1t{font-family:var(--display);font-size:15px}
.ms .tel .corpst{padding:11px 13px;display:flex;flex-direction:column;gap:8px;min-height:224px}
.ms .tel .cart{border:1px solid var(--bord);border-radius:11px;background:var(--carte);padding:9px 10px}
.ms .tel .lab{font-size:7.5px;text-transform:uppercase;letter-spacing:.16em;color:var(--gris)}
.ms .tel .tt{font-family:var(--display);font-size:13px;margin-top:2px;line-height:1.2}
.ms .tel .duo2{display:grid;grid-template-columns:1fr 1fr;gap:7px}
.ms .tel .duo2 i{display:block;aspect-ratio:3/4;border-radius:8px}
.ms .tel .barre{display:grid;grid-template-columns:repeat(5,1fr);gap:5px;border-top:1px solid var(--bord);padding:9px 10px 12px}
.ms .tel .barre i{display:block;height:5px;border-radius:999px;background:var(--bord)}
.ms .tel .barre i:first-child{background:var(--olive)}
.ms .plateformes{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.ms .plat{display:inline-flex;align-items:center;gap:11px;min-height:56px;padding:0 20px;border:1px solid rgba(247,244,238,.55);border-radius:14px;color:var(--creme);text-decoration:none}
.ms .plat svg{flex-shrink:0}
.ms .plat span{display:block;font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;opacity:.78;line-height:1.5}
.ms .plat b{display:block;font-size:15px;font-weight:500;line-height:1.25}
@media (min-width:720px){
  .ms .mur{grid-template-columns:repeat(6,1fr)}
  .ms .mur .art:nth-child(n+5){display:block}
  .ms .mur .art{aspect-ratio:2/3}
  .ms .duo{grid-template-columns:1fr 1fr}
  .ms .duo .art{aspect-ratio:auto;min-height:420px;height:100%}
  .ms .duo .mot{padding:64px 56px}
  .ms .duo blockquote{font-size:40px}
  .ms .horizon{grid-template-columns:repeat(6,1fr)}
  .ms .horizon .art:nth-child(n+4){display:block}
  .ms .stores{grid-template-columns:214px 1fr;gap:64px}
  .ms .tel{justify-self:start}
}
/* ============ ÉTAT DU SITE : avant ouverture / ouvert ============ */
.ms .si-ouvert{display:none!important}
.ms.ouvert .si-ouvert{display:inline-flex!important}
.ms.ouvert .si-ouvert.bloc{display:block!important}
.ms.ouvert .si-avant{display:none!important}
/* la démo, sur l'accueil */
.ms .demo{margin-top:26px;display:flex;flex-wrap:wrap;gap:14px;align-items:center}
.ms .demo .b{flex-shrink:0}
.ms .demo p{font-size:14px;color:var(--gris);max-width:40ch}
.ms .apercu-lien{display:block;text-decoration:none;color:inherit;position:relative}
.ms .apercu-lien .voile{position:absolute;inset:0;display:flex;align-items:flex-end;justify-content:center;padding-bottom:34px;opacity:0;transition:opacity .18s;background:linear-gradient(to top,rgba(29,27,22,.42),transparent 55%)}
.ms .apercu-lien:hover .voile,.ms .apercu-lien:focus-visible .voile{opacity:1}
.ms .voile span{background:var(--creme);color:var(--encre);border-radius:999px;padding:13px 22px;font-size:14.5px;font-weight:500;min-height:44px;display:inline-flex;align-items:center}
/* la liste d'attente, en bas */
.ms .attente{max-width:620px;margin:0 auto}
.ms .champ{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px;justify-content:center}
.ms .champ .saisie{flex:1;min-width:240px;max-width:340px;min-height:52px;border:1px solid var(--bord);background:var(--carte);border-radius:999px;padding:0 22px;display:flex;align-items:center;color:var(--gris);font-size:15px}
.ms .rassure{margin-top:16px;font-size:13.5px;color:var(--gris)}
/* ============ VISUELS INTÉGRÉS ET RÉASSURANCE — 9 août ============ */
.ms .art.ph::after{display:none}
/* héros : une œuvre dès le haut de page */
.ms .heros-grille{display:grid;grid-template-columns:1fr;gap:32px;align-items:center}
.ms .heros-img{border-radius:4px;aspect-ratio:4/5;min-height:280px;box-shadow:0 40px 80px -40px rgba(29,27,22,.5)}
/* qui est derrière */
.ms .portrait{display:block;border-radius:999px;width:132px;height:132px;flex-shrink:0}
.ms .signature{font-family:var(--display);font-size:22px;font-style:italic}
/* le journal */
.ms .journal{display:grid;grid-template-columns:1fr;gap:16px;margin-top:30px}
.ms .jc{border:1px solid var(--bord);border-radius:16px;overflow:hidden;background:var(--carte);text-decoration:none;color:var(--encre);display:block}
.ms .jc .im{display:block;aspect-ratio:16/9}
.ms .jc .tx{display:block;padding:18px 20px 22px}
.ms .jc b{font-family:var(--display);font-weight:400;font-size:20px;display:block;margin:6px 0 7px;line-height:1.2}
/* réassurance et paiement */
.ms .reassure{background:var(--sable);border-top:1px solid var(--bord)}
.ms .grille-r{display:grid;grid-template-columns:1fr;gap:26px}
.ms .r{display:flex;gap:14px;align-items:flex-start}
.ms .r svg{flex-shrink:0;color:var(--sapin);margin-top:2px}
.ms .r b{display:block;font-weight:500;font-size:15px;margin-bottom:3px}
.ms .r span{font-size:13.5px;color:var(--gris);display:block}
.ms .r span.cartes{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:14px}
.ms .r span.cb{height:34px;min-width:52px;padding:0 11px;border:1px solid var(--bord);border-radius:7px;background:var(--carte);display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;letter-spacing:.04em;color:var(--gris)}
/* réseaux sociaux */
.ms .rs{display:flex;gap:9px;margin-top:14px}
.ms .rs a{width:44px;height:44px;min-height:44px;border:1px solid rgba(247,244,238,.30);border-radius:12px;display:inline-flex;align-items:center;justify-content:center;padding:0;color:rgba(247,244,238,.86)}
.ms .rs a:hover{border-color:rgba(247,244,238,.7);color:var(--creme)}
@media (min-width:720px){
  .ms .heros-grille{grid-template-columns:1fr 380px;gap:56px}
  .ms .heros-img{min-height:460px}
  .ms .journal{grid-template-columns:repeat(3,1fr);gap:22px}
  .ms .grille-r{grid-template-columns:repeat(4,1fr);gap:34px}
}
/* les vraies œuvres se posent par-dessus la toile peinte */
.ms .ph{position:relative}
.ms img.vraie{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;border-radius:inherit}
.ms .portrait img.vraie{border-radius:999px}
.ms .duo-portraits{display:flex;flex-direction:row;align-items:center}
.ms .duo-portraits .portrait{width:104px;height:104px;border:3px solid var(--creme)}
.ms .duo-portraits .portrait:last-child{margin-left:-26px}
/* ============ LES TROIS FONDATEURS ============ */
.ms .trio{display:grid;grid-template-columns:1fr;gap:22px;margin-top:34px}
.ms .fond{display:flex;flex-direction:column;gap:4px}
.ms .visage{display:block;width:100%;aspect-ratio:1;border-radius:20px;margin-bottom:14px;background-color:var(--sable)}
.ms .fond b{font-family:var(--display);font-weight:400;font-size:24px;letter-spacing:-.015em}
.ms .fond i{font-style:normal;font-size:11.5px;text-transform:uppercase;letter-spacing:.2em;color:var(--sapin);margin-bottom:5px}
@media (min-width:720px){
  .ms .trio{grid-template-columns:repeat(3,1fr);gap:28px;max-width:900px}
}
.ms .visage,.ms .heros-img,.ms .journal .im,.ms .murs i,.ms .tel .duo2 i{position:relative;overflow:hidden}
.ms img.vraie{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;border-radius:inherit;z-index:0}
/* ============ HÉROS PANORAMIQUE ET ENTRÉE « SUR UN MUR » ============ */
.ms .bandeau-heros{display:block;width:100%;aspect-ratio:21/9;min-height:300px;background-size:cover;background-position:center;margin-top:40px}
@media (min-width:1100px){
  .ms .bandeau-heros{min-height:420px}
}
/* ============ HÉROS : LE TITRE SUR L'IMAGE ============ */
.ms .heros-image{position:relative;display:flex;align-items:center;min-height:520px;padding:56px 20px 64px;
  background-size:cover;background-position:center right;overflow:hidden}
.ms .heros-image .voile{position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(180deg,rgba(241,241,244,.975) 0%,rgba(241,241,244,.94) 52%,rgba(241,241,244,.70) 78%,rgba(241,241,244,.34) 100%)}
.ms .heros-image .in{position:relative;z-index:1;width:100%}
.ms .heros-image .heros-txt{max-width:none}
.ms .heros-image .chapo{color:#3B372E}
.ms .heros-image .sous{color:#4A463C}
@media (min-width:720px){
  .ms .heros-image{min-height:600px;padding:72px 40px}
  .ms .heros-image .voile{background:
    linear-gradient(94deg,rgba(241,241,244,.99) 0%,rgba(241,241,244,.985) 42%,rgba(241,241,244,.86) 58%,rgba(241,241,244,.34) 78%,rgba(241,241,244,0) 96%),
    linear-gradient(180deg,rgba(241,241,244,.30) 0%,rgba(241,241,244,0) 34%)}
  .ms .heros-image .heros-txt{max-width:52%}
}
@media (min-width:1100px){
  .ms .heros-image{min-height:700px;padding:92px 56px}
  .ms .heros-image .heros-txt{max-width:47%}
}
/* ============ IMAGES (WebP) ============ */
.ms .heros-image{background-image:url(/site/hero-galerie.webp)!important;background-size:cover!important;background-position:center!important}
.ms .duo .art{background-image:url(/site/atelier.webp)!important;background-size:cover!important;background-position:center!important}
.ms .mur .art:nth-child(1){background-image:url(/site/mur-1.webp)!important;background-size:cover!important;background-position:center!important}
.ms .mur .art:nth-child(2){background-image:url(/site/mur-2.webp)!important;background-size:cover!important;background-position:center!important}
.ms .mur .art:nth-child(3){background-image:url(/site/mur-3.webp)!important;background-size:cover!important;background-position:center!important}
.ms .mur .art:nth-child(4){background-image:url(/site/mur-4.webp)!important;background-size:cover!important;background-position:center!important}
.ms .mur .art:nth-child(5){background-image:url(/site/mur-5.webp)!important;background-size:cover!important;background-position:center!important}
.ms .mur .art:nth-child(6){background-image:url(/site/mur-6.webp)!important;background-size:cover!important;background-position:center!important}
.ms .horizon .art:nth-child(1){background-image:url(/site/horizon-1.webp)!important;background-size:cover!important;background-position:center!important}
.ms .horizon .art:nth-child(2){background-image:url(/site/horizon-2.webp)!important;background-size:cover!important;background-position:center!important}
.ms .horizon .art:nth-child(3){background-image:url(/site/horizon-3.webp)!important;background-size:cover!important;background-position:center!important}
.ms .horizon .art:nth-child(4){background-image:url(/site/horizon-4.webp)!important;background-size:cover!important;background-position:center!important}
.ms .horizon .art:nth-child(5){background-image:url(/site/horizon-5.webp)!important;background-size:cover!important;background-position:center!important}
.ms .horizon .art:nth-child(6){background-image:url(/site/horizon-6.webp)!important;background-size:cover!important;background-position:center!important}
.ms .journal .jc:nth-child(1) .im{background-image:url(/site/journal-1.webp)!important;background-size:cover!important;background-position:center!important}
.ms .journal .jc:nth-child(2) .im{background-image:url(/site/journal-2.webp)!important;background-size:cover!important;background-position:center!important}
.ms .journal .jc:nth-child(3) .im{background-image:url(/site/journal-3.webp)!important;background-size:cover!important;background-position:center!important}
.ms .murs i:nth-child(1){background-image:url(/site/vitrine-1.webp)!important;background-size:cover!important;background-position:center!important}
.ms .murs i:nth-child(2){background-image:url(/site/vitrine-2.webp)!important;background-size:cover!important;background-position:center!important}
.ms .murs i:nth-child(3){background-image:url(/site/vitrine-3.webp)!important;background-size:cover!important;background-position:center!important}
.ms .murs i:nth-child(4){background-image:url(/site/vitrine-4.webp)!important;background-size:cover!important;background-position:center!important}
.ms .murs i:nth-child(5){background-image:url(/site/vitrine-5.webp)!important;background-size:cover!important;background-position:center!important}
.ms .murs i:nth-child(6){background-image:url(/site/vitrine-6.webp)!important;background-size:cover!important;background-position:center!important}
.ms .f1{background-image:url(/site/fondateur-pierre.webp)!important;background-size:cover!important;background-position:center!important}
.ms .f2{background-image:url(/site/fondateur-louis.webp)!important;background-size:cover!important;background-position:center!important}
.ms .f3{background-image:url(/site/fondateur-lea.webp)!important;background-size:cover!important;background-position:center!important}
.ms .apercu .grille .tuile:nth-child(1) .im{background-image:url(/site/oeuvre-1.webp)!important;background-size:cover!important;background-position:center!important}
.ms .apercu .grille .tuile:nth-child(2) .im{background-image:url(/site/oeuvre-2.webp)!important;background-size:cover!important;background-position:center!important}
.ms .apercu .grille .tuile:nth-child(3) .im{background-image:url(/site/oeuvre-3.webp)!important;background-size:cover!important;background-position:center!important}
.ms .apercu .grille .tuile:nth-child(4) .im{background-image:url(/site/oeuvre-4.webp)!important;background-size:cover!important;background-position:center!important}
/* ============ HÉROS : titre décalé, plus d'image visible ============ */
@media (min-width:720px){
  .ms .heros-image .voile{background:
    linear-gradient(94deg,rgba(241,241,244,.95) 0%,rgba(241,241,244,.93) 44%,rgba(241,241,244,.62) 58%,
    rgba(241,241,244,.24) 72%,rgba(241,241,244,0) 86%),
    linear-gradient(180deg,rgba(241,241,244,.20) 0%,rgba(241,241,244,0) 30%)}
  .ms .heros-image .heros-txt{max-width:56%;margin-left:0}
}
@media (min-width:1100px){
  .ms .heros-image .heros-txt{max-width:44%;margin-left:0}
}
/* ============ ANIMATIONS ============ */
@media (prefers-reduced-motion: no-preference){
  .ms.anims .anim{opacity:0;transform:translateY(22px);transition:opacity .7s cubic-bezier(.2,.7,.3,1),transform .7s cubic-bezier(.2,.7,.3,1)}
  .ms.anims .anim.vu{opacity:1;transform:none}
  .ms.anims .mur .art,.ms.anims .horizon .art,.ms.anims .murs i,.ms.anims .journal .jc,.ms.anims .trio .fond,.ms.anims .disc div{
    opacity:0;transform:translateY(16px);transition:opacity .6s ease,transform .6s cubic-bezier(.2,.7,.3,1)}
  .ms.anims .vu .art,.ms.anims .vu i,.ms.anims .vu .jc,.ms.anims .vu .fond,.ms.anims .vu div{opacity:1;transform:none}
  .ms.anims .mur.vu .art:nth-child(2),.ms.anims .horizon.vu .art:nth-child(2){transition-delay:.07s}
  .ms.anims .mur.vu .art:nth-child(3),.ms.anims .horizon.vu .art:nth-child(3){transition-delay:.14s}
  .ms.anims .mur.vu .art:nth-child(4),.ms.anims .horizon.vu .art:nth-child(4){transition-delay:.21s}
  .ms.anims .mur.vu .art:nth-child(5),.ms.anims .horizon.vu .art:nth-child(5){transition-delay:.28s}
  .ms.anims .mur.vu .art:nth-child(6),.ms.anims .horizon.vu .art:nth-child(6){transition-delay:.35s}
  .ms .heros-image{animation:respire 26s ease-in-out infinite alternate}
  @keyframes respire{from{background-size:106% auto}to{background-size:112% auto}}
.ms .jc, .ms .lc, .ms .tc{transition:transform .22s cubic-bezier(.2,.7,.3,1),box-shadow .22s,border-color .22s}
  .ms .jc:hover,.ms .lc:hover,.ms .tc:hover{transform:translateY(-3px);box-shadow:0 16px 30px -18px rgba(29,27,22,.42)}
.ms .b{transition:transform .16s,background-color .16s,border-color .16s}
.ms .b:hover{transform:translateY(-1px)}
  .ms.anims .heros-txt>*{opacity:0;transform:translateY(14px);animation:monte .8s cubic-bezier(.2,.7,.3,1) forwards}
  .ms.anims .heros-txt>*:nth-child(1){animation-delay:.05s}
  .ms.anims .heros-txt>*:nth-child(2){animation-delay:.16s}
  .ms.anims .heros-txt>*:nth-child(3){animation-delay:.27s}
  .ms.anims .heros-txt>*:nth-child(4){animation-delay:.38s}
  .ms.anims .heros-txt>*:nth-child(5),.ms.anims .heros-txt>*:nth-child(6){animation-delay:.48s}
  @keyframes monte{to{opacity:1;transform:none}}
}
/* ================= REFONTE DU 9 AOUT : LES COULEURS DU LOGO ================= */
.ms{
  --rose-e:#C1114A; --orange-e:#8F5412; --jaune-e:#8A6A0A;
  --sarcelle-e:#1F6E6E; --bleu-e:#2A3F94; --violet-e:#4B3B86;
}
/* le spectre : la signature de Marlis, six couleurs en une ligne */
.ms .spectre{height:4px;width:100%;
  background:linear-gradient(90deg,var(--rose) 0%,var(--orange) 22%,var(--jaune) 40%,
  var(--sarcelle) 60%,var(--bleu) 80%,var(--violet) 100%)}
.ms .entete{border-bottom:1px solid var(--bord)}
.ms .trait.arc{width:74px;height:4px;border-radius:3px;
  background:linear-gradient(90deg,var(--rose),var(--orange),var(--jaune),var(--sarcelle),var(--bleu),var(--violet))}
/* les quatre outils, une couleur chacun */
.ms .temps article{position:relative}
.ms .temps article:before{content:"";position:absolute;top:-1px;left:0;width:46px;height:3px;border-radius:2px;background:var(--tc,var(--sapin))}
.ms .temps .num{color:var(--tc,var(--gris));font-weight:500;letter-spacing:.06em}
.ms .temps article .lien{color:var(--tc,var(--sapin))}
.ms .t-mentor{--tc:var(--bleu-e)}
.ms .t-carnet{--tc:var(--violet-e)}
.ms .t-oeuvres{--tc:var(--sarcelle-e)}
.ms .t-lieux{--tc:var(--orange-e)}
.ms .bande.sombre .t-mentor{--tc:var(--bleu-c)}
.ms .bande.sombre .t-carnet{--tc:var(--violet-c)}
.ms .bande.sombre .t-oeuvres{--tc:var(--sarcelle-c)}
.ms .bande.sombre .t-lieux{--tc:var(--orange-c)}
/* les trois familles de lieux, sur fond sombre */
.ms .bande.sombre .lieux div{border-left:3px solid var(--tc,rgba(247,244,238,.3))}
.ms .bande.sombre .lieux .l-res{--tc:var(--jaune);--te:var(--jaune)}
.ms .bande.sombre .lieux .l-sal{--tc:var(--orange);--te:var(--orange-c)}
.ms .bande.sombre .lieux .l-prix{--tc:var(--rose);--te:var(--rose-c)}
.ms .bande.sombre .lieux b{color:var(--creme)}
.ms .lieux .eti{display:block;font-size:10.5px;text-transform:uppercase;letter-spacing:.22em;color:var(--te,var(--gris));margin-bottom:7px;font-weight:500}
/* ================= LA FORMULE COMPLET ================= */
.ms .offres{display:grid;gap:20px;margin-top:34px}
@media (min-width:900px){
  .ms .offres{grid-template-columns:312px 1fr;gap:24px;align-items:start}
}
.ms .of{border:1px solid var(--bord);border-radius:22px;background:var(--carte);padding:28px 26px;display:flex;flex-direction:column}
.ms .of.grande{border-width:2px;border-color:var(--sapin);position:relative;overflow:hidden;padding-top:32px}
.ms .of.grande .spectre{position:absolute;top:0;left:0;right:0}
.ms .of .prix{font-family:var(--display);font-size:44px;font-weight:300;letter-spacing:-.03em;line-height:1;margin:14px 0 4px}
.ms .of .prix i{font-style:normal;font-size:17px;font-family:var(--sans);color:var(--gris);font-weight:400}
.ms .of .simple{list-style:none;margin:22px 0 24px;display:flex;flex-direction:column;gap:11px;flex:1}
.ms .of .simple li{position:relative;padding-left:18px;font-size:15.5px;line-height:1.5}
.ms .of .simple li:before{content:"";position:absolute;left:0;top:9px;width:7px;height:7px;border-radius:999px;background:var(--olive)}
.ms .of .b{width:100%}
.ms .grpx{display:grid;gap:26px 34px;margin:26px 0 26px}
@media (min-width:900px){
  .ms .grpx{grid-template-columns:1fr 1fr}
}
@media (min-width:1200px){
  .ms .grpx{grid-template-columns:1fr 1fr 1fr}
}
.ms .gx h4{font-size:11.5px;text-transform:uppercase;letter-spacing:.22em;font-weight:600;color:var(--gx,var(--sapin));
  display:flex;align-items:center;gap:9px;margin-bottom:13px}
.ms .gx h4:before{content:"";width:9px;height:9px;border-radius:999px;background:var(--gx,var(--sapin));flex-shrink:0}
.ms .gx ul{list-style:none;display:flex;flex-direction:column;gap:9px}
.ms .gx li{position:relative;padding-left:16px;font-size:14.8px;line-height:1.5;color:var(--encre)}
.ms .gx li:before{content:"";position:absolute;left:0;top:8px;width:5px;height:5px;border-radius:999px;background:var(--gx);opacity:.55}
.ms .g-mentor{--gx:var(--bleu-e)}
.ms .g-oeuvres{--gx:var(--sarcelle-e)}
.ms .g-vitrine{--gx:var(--violet-e)}
.ms .g-cand{--gx:var(--orange-e)}
.ms .g-bureau{--gx:var(--rose-e)}
.ms .g-fin{--gx:var(--olive)}
.ms .of .tout{font-family:var(--display);font-size:19px;line-height:1.35;margin-top:16px;max-width:40ch}
.ms .of .pied-of{display:flex;flex-wrap:wrap;gap:14px;align-items:center;border-top:1px solid var(--bord);padding-top:20px}
.ms .of .pied-of .b{width:auto;flex:0 0 auto}
.ms .of .pied-of p{font-size:13.5px;color:var(--gris)}
/* ================= LES MOYENS DE PAIEMENT, DESSINES ================= */
.ms .r span.cartes{display:flex;flex-wrap:wrap;gap:7px;align-items:center;margin-top:14px}
.ms .mk{display:inline-flex;align-items:center;justify-content:center;height:30px;width:46px;
  border:1px solid var(--bord);border-radius:6px;background:#fff;flex-shrink:0}
.ms .mk svg{display:block}
.ms .mk.stripe{background:#635BFF;border-color:#635BFF;width:58px}
/* ================= BIENTOT DANS TA POCHE ================= */
.ms .poche{display:grid;gap:40px;align-items:center}
@media (min-width:900px){
  .ms .poche{grid-template-columns:290px 1fr;gap:60px}
}
@media (min-width:1200px){
  .ms .poche{grid-template-columns:330px 1fr;gap:78px}
}
.ms .pile{position:relative;justify-self:center;width:100%;max-width:250px}
.ms .notif{position:absolute;z-index:3;left:13%;bottom:11%;width:128%;
  background:rgba(250,248,243,.94);backdrop-filter:blur(6px);border-radius:16px;padding:12px 14px;
  box-shadow:0 22px 44px -18px rgba(0,0,0,.55);display:flex;gap:11px;align-items:flex-start;color:var(--encre)}
.ms .notif .pt{width:26px;height:26px;border-radius:8px;flex-shrink:0;
  background:conic-gradient(from 200deg,var(--rose),var(--orange),var(--jaune),var(--sarcelle),var(--bleu),var(--violet),var(--rose))}
.ms .notif b{display:block;font-size:12px;font-weight:600;letter-spacing:.02em}
.ms .notif span{display:block;font-size:12.5px;line-height:1.4;color:#413C33;margin-top:2px}
.ms .notif em{font-style:normal;float:right;font-size:10.5px;color:var(--gris);letter-spacing:.06em}
.ms .atouts{display:grid;gap:18px;margin:26px 0 28px}
@media (min-width:900px){
  .ms .atouts{grid-template-columns:repeat(3,1fr);gap:26px}
}
.ms .at{display:flex;flex-direction:column;gap:8px}
.ms .at .rd{width:34px;height:34px;border-radius:10px;display:flex;align-items:center;justify-content:center;
  background:rgba(247,244,238,.10);border:1px solid rgba(247,244,238,.26);color:var(--ac,var(--jaune))}
.ms .at b{font-size:15.5px;font-weight:500;color:var(--creme)}
.ms .at span{font-size:14px;line-height:1.55;color:rgba(247,244,238,.80)}
.ms .os{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:4px}
.ms .os .sys{display:inline-flex;align-items:center;gap:10px;min-height:46px;padding:0 18px;
  border:1px solid rgba(247,244,238,.42);border-radius:999px;color:var(--creme);font-size:14.5px}
.ms .os .sys svg{flex-shrink:0;opacity:.92}
.ms .os .quand{font-size:13.5px;color:rgba(247,244,238,.72)}
/* ================= LES FONDATEURS ================= */
.ms .trio .fond i{color:var(--fc,var(--sapin))}
.ms .trio .fond:nth-child(1){--fc:var(--sarcelle-e)}
.ms .trio .fond:nth-child(2){--fc:var(--bleu-e)}
.ms .trio .fond:nth-child(3){--fc:var(--rose-e)}
.ms .trio .visage{position:relative}
.ms .trio .fond .petit{flex:1}
.ms .trio .fond:after{content:"";display:block;height:3px;width:38px;border-radius:2px;background:var(--fc);margin-top:14px}
.ms .credo{font-family:var(--display);font-size:26px;line-height:1.3;letter-spacing:-.015em;
  max-width:30ch;margin-top:30px;padding-left:22px;border-left:0;position:relative}
.ms .credo:before{content:"";position:absolute;left:0;top:2px;bottom:2px;width:4px;border-radius:3px;
  background:linear-gradient(180deg,var(--rose),var(--orange),var(--jaune),var(--sarcelle),var(--bleu),var(--violet))}
/* ================= LE VRAI LOGO MARLIS ================= */
.ms .logomark, .ms .notif .pt, .ms .tel .mk-tel{
  background-image:url(/marlis-monogramme-vert.png);
  background-size:contain;background-repeat:no-repeat;background-position:center}
.ms .logomark{background-color:transparent}
.ms .notif .pt{background:url(/marlis-monogramme-vert.png) center/contain no-repeat #fff;border-radius:7px}
.ms .logotype{display:block;width:196px;max-width:70%;height:auto;aspect-ratio:1811/740;
  background-color:var(--creme);border-radius:16px;padding:0;box-sizing:border-box;
  background:url(/marlis-horizontal-blanc-transparent.png) left top/contain no-repeat;margin-bottom:16px}
.ms .pied .logotype{background-size:82% auto;background-position:center;background-color:var(--creme);
  box-shadow:0 12px 28px -16px rgba(0,0,0,.5)}
/* les reseaux : Instagram, Facebook, LinkedIn */
.ms .rs{display:flex;gap:10px;margin-top:18px;flex-wrap:wrap}
.ms .rs a{width:44px;height:44px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;
  border:1px solid rgba(247,244,238,.34);color:var(--creme);text-decoration:none;transition:background-color .18s,border-color .18s,transform .18s}
.ms .rs a:hover{background:rgba(247,244,238,.12);border-color:rgba(247,244,238,.6);transform:translateY(-2px)}
.ms .compte{display:inline-flex;align-items:center;gap:8px;font-size:13.5px;margin-top:14px;opacity:.86}
/* le verrou horizontal : le logotype officiel, servi en une seule image */
.ms .entete .logo{gap:0;font-size:0}
.ms .entete .logo img{display:block;height:36px;width:auto;object-fit:contain}
/* ===== LE LOGO : fond transparent, proportions d'origine ===== */
.ms .logomark{border-radius:0;background-color:transparent;background-size:contain;
  background-repeat:no-repeat;background-position:center}
.ms .notif .pt{width:28px;height:28px;border-radius:0;background-color:transparent;
  background-size:contain;background-repeat:no-repeat;background-position:center}
/* le logotype complet, en reserve : seule la baseline est passee en creme, rien d'autre */
.ms .logotype{display:block;width:214px;max-width:74%;height:auto;aspect-ratio:1811/740;
  background:url(/marlis-horizontal-blanc-transparent.png) left center/contain no-repeat;
  background-color:transparent;border-radius:0;padding:0;box-shadow:none;margin-bottom:18px}
.ms .pied .logotype{background-color:transparent;box-shadow:none;background-size:contain;background-position:left center}
.ms .tel .duo2 i:nth-child(1){background-image:url(/site/oeuvre-5.webp)}
.ms .tel .duo2 i:nth-child(2){background-image:url(/site/oeuvre-6.webp)}

/* ================= LA PAGE DE CONNEXION =================
   Portée par .au, indépendante de .ms : ni en-tête de site, ni pied de page.
   Cette page sert aussi d'écran de connexion dans l'application des stores,
   où elle s'affiche toujours sous 900 px — donc en une seule colonne. */
.au{
  --creme:#F1F1F4; --sable:#E9E9ED; --encre:#131316; --carte:#FFFFFF; --bord:#DBDBE1;
  --gris:#67676F; --sapin:#424E3C; --olive:#5A6138;
  --display:"Fraunces",Georgia,ui-serif,serif;
  --sans:"Inter",ui-sans-serif,system-ui,sans-serif;
  background:var(--creme);color:var(--encre);font-family:var(--sans);
  font-size:16px;line-height:1.62;display:grid;min-height:100vh;min-height:100svh}
.au *{box-sizing:border-box;margin:0;padding:0}
.au img{max-width:100%;display:block}

.au .cote{display:none}
@media (min-width:900px){
  .au{grid-template-columns:1fr 1fr}
  .au .cote{display:block;position:relative;background-size:cover;background-position:center;
    background-image:url(/site/atelier.webp)}
  .au .cote .voile{position:absolute;inset:0;
    background:linear-gradient(to top,rgba(29,27,22,.62),rgba(29,27,22,.10) 55%,rgba(29,27,22,0))}
  .au .cote .mot{position:absolute;left:44px;right:44px;bottom:44px;color:#F7F4EE}
  .au .cote .mot p{font-family:var(--display);font-weight:300;font-size:30px;line-height:1.22;letter-spacing:-.015em}
  .au .cote .mot span{display:block;margin-top:14px;font-size:12.5px;letter-spacing:.2em;
    text-transform:uppercase;color:rgba(247,244,238,.78)}
}
@media (min-width:1200px){ .au .cote .mot p{font-size:35px} }

.au .zone{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:44px 22px 34px}
@media (min-width:900px){ .au .zone{padding:56px 56px 40px} }
.au .carte{width:100%;max-width:430px}

.au .logo{display:block;width:196px;height:auto;aspect-ratio:2000/1645;margin:0 auto 34px;
  background:url(/marlis-vertical-vert-transparent.png) center/contain no-repeat}
@media (min-width:900px){ .au .logo{width:172px;margin-bottom:30px} }

.au h1{font-family:var(--display);font-weight:400;font-size:38px;line-height:1.1;letter-spacing:-.025em}
.au .sous{margin-top:12px;font-size:15.5px;line-height:1.6;color:var(--gris)}
.au .sous strong{color:var(--encre);font-weight:500}

.au form{margin-top:30px;display:flex;flex-direction:column;gap:16px}
.au label{display:block;font-size:11px;letter-spacing:.24em;text-transform:uppercase;
  color:var(--gris);font-weight:500;margin-bottom:8px}
.au input{width:100%;min-height:54px;border:1px solid var(--bord);background:var(--carte);
  border-radius:14px;padding:0 18px;font:inherit;font-size:16px;color:var(--encre)}
.au input::placeholder{color:#757580}
.au input:focus{outline:2px solid var(--sapin);outline-offset:1px;border-color:var(--sapin)}
.au .b{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:54px;
  border-radius:999px;font:inherit;font-size:15.5px;font-weight:500;border:1px solid transparent;
  cursor:pointer;text-decoration:none}
.au .b.plein{background:var(--sapin);color:#fff}
.au .b.contour{background:transparent;color:var(--encre);border-color:var(--bord)}
.au .b:disabled{opacity:.55;cursor:default}
.au .bascule{margin-top:20px;width:100%;background:transparent;border:0;font:inherit;font-size:13px;
  letter-spacing:.16em;text-transform:uppercase;color:var(--gris);cursor:pointer;min-height:44px}
.au .prive{margin-top:26px;padding-top:22px;border-top:1px solid var(--bord);
  font-size:13.5px;line-height:1.6;color:var(--gris)}
.au .retour{display:inline-flex;align-items:center;min-height:44px;margin-top:10px;font-size:12px;
  letter-spacing:.2em;text-transform:uppercase;color:var(--gris);text-decoration:none}
.au .retour:hover{color:var(--encre)}
.au .err{font-size:14.5px;color:#8E2323;background:#F9EDEA;border:1px solid #E7C9C2;
  border-radius:12px;padding:12px 14px}

.au .env{background:var(--carte);border:1px solid var(--bord);border-radius:18px;padding:22px;margin-top:26px}
.au .env .pt{width:44px;height:44px;border-radius:13px;display:flex;align-items:center;
  justify-content:center;background:#EFF0EA;color:var(--sapin);margin-bottom:16px}
.au .env b{display:block;font-weight:500}
.au .petit{font-size:13.5px;color:var(--gris);margin-top:8px;line-height:1.6}
.au .ferme{background:var(--sable);border:1px solid var(--bord);border-radius:18px;padding:22px;margin-top:24px}
.au .ferme p{font-size:15px;line-height:1.62}
.au .ferme a{color:var(--sapin);text-decoration:underline;text-underline-offset:3px}
.au .attente{margin-top:22px}

/* le lien « mot de passe oublié » : un bouton déguisé en lien, posé sous la
   bascule et affiché seulement quand on est en mode mot de passe */
.au .oubli{width:100%;min-height:44px;margin-top:2px;background:transparent;border:0;
  font:inherit;font-size:13.5px;color:var(--gris);text-align:center;
  text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.au .oubli:disabled{opacity:.55;cursor:default}
.au .oubli:hover{color:var(--encre)}
/* la ligne juridique, sous le paragraphe du test privé */
.au .legal{margin-top:14px;font-size:12.5px;line-height:1.6;color:var(--gris)}
.au .legal a{color:var(--gris);text-decoration:underline;text-underline-offset:3px}

/* ===== L'ORDINATEUR : deux moitiés qui ne grossissent plus sans fin =====
   Ajouté après tout le reste, à dessein : `.au .carte` et `.au h1` sont
   définis plus haut sans media query, et à spécificité égale c'est la
   dernière déclaration lue qui l'emporte. Placées ici, ces valeurs tiennent.
   La taille de la phrase de la photo (35 px à 1200 px) est déjà posée plus
   haut dans le fichier : on ne la redit pas. */
@media (min-width:1200px){
  .au{grid-template-columns:minmax(0,1fr) 620px}
  .au .carte{max-width:470px}
  .au h1{font-size:44px}
}
/* au-delà de 1800 px, la photo cesse elle aussi de s'étirer : l'ensemble
   se centre au lieu de se distendre */
@media (min-width:1800px){
  .au{grid-template-columns:minmax(0,1180px) 620px;justify-content:center}
}

/* ============ LOT ACCUEIL V3 ============ */
.ms .b.creme{background:#F6F3EC;color:var(--encre,#23201B);border-color:transparent;box-shadow:0 6px 22px -8px rgba(35,32,27,.5)}
.ms .heros-image .voile{background:
  linear-gradient(180deg,rgba(241,241,244,.975) 0%,rgba(241,241,244,.94) 52%,rgba(241,241,244,.70) 78%,rgba(241,241,244,.34) 100%),
  linear-gradient(180deg,transparent 30%,rgba(46,54,43,.55) 100%)}
@media (min-width:720px){
  .ms .heros-image .voile{background:
    linear-gradient(94deg,rgba(241,241,244,.95) 0%,rgba(241,241,244,.93) 44%,rgba(241,241,244,.62) 58%,
    rgba(241,241,244,.24) 72%,rgba(241,241,244,0) 86%),
    linear-gradient(180deg,rgba(241,241,244,.20) 0%,rgba(241,241,244,0) 30%),
    linear-gradient(180deg,transparent 30%,rgba(46,54,43,.55) 100%)}
}
/* le fil de couleur */
.ms .spectre{height:2.5px;background:linear-gradient(90deg,#F01860,#F09048,#F0C018,#30A8A8,#6048A8,#3048A8)}
/* deux cartes de même hauteur, CTA en bas */
.ms .offres{align-items:stretch}
@media (min-width:900px){
  .ms .offres{align-items:stretch}
}
.ms .of{height:100%}
.ms .of.grande .simple{flex:1}
/* le détail de la formule, pleine largeur sous les offres */
.ms .detail-formule{margin-top:40px}
.ms .detail-formule .grpx{grid-template-columns:1fr}
@media (min-width:1024px){
  .ms .detail-formule .grpx{grid-template-columns:1fr 1fr 1fr}
}
.ms .detail-formule .gx h4:before{width:7px;height:7px;background:var(--pt,var(--gx,var(--sapin)))}
.ms .detail-formule .g-mentor{--pt:#F01860}
.ms .detail-formule .g-oeuvres{--pt:#F09048}
.ms .detail-formule .g-vitrine{--pt:#F0C018}
.ms .detail-formule .g-cand{--pt:#30A8A8}
.ms .detail-formule .g-bureau{--pt:#6048A8}
.ms .detail-formule .g-fin{--pt:#3048A8}
/* l'étiquette « en création » */
.ms .tag-encreation{display:inline-block;margin-left:7px;padding:1px 7px;font-size:10px;line-height:1.6;
  text-transform:uppercase;letter-spacing:.12em;border:1px solid var(--bord);border-radius:999px;color:var(--gris)}

/* ==== LOT APERCU ==== */
.ms .apercu .ap-corps{display:flex;min-height:340px}
.ms .apercu .ap-rail{width:190px;flex-shrink:0;background:#2F362B;color:#F1F1F4;padding:14px 11px 12px;display:flex;flex-direction:column;gap:10px}
.ms .apercu .ap-marque{display:flex;align-items:center;gap:8px;padding:0 3px 2px}
.ms .apercu .ap-nom{font-family:var(--display);font-size:17px;color:#F1F1F4}
.ms .apercu .ap-nav{display:flex;flex-direction:column;gap:2px}
.ms .apercu .ap-it{position:relative;display:flex;align-items:center;gap:8px;height:34px;padding:0 10px;border-radius:8px;font-size:12.5px;color:rgba(241,241,244,.75)}
.ms .apercu .ap-it.on{background:rgba(241,241,244,.1);color:#F1F1F4;font-weight:500}
.ms .apercu .ap-it.on::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:15px;border-radius:999px;background:#F0C018}
.ms .apercu .ap-filet{height:1px;background:rgba(241,241,244,.15)}
.ms .apercu .ap-badge{margin-left:auto;background:#F0C018;color:#23201B;font-size:10px;font-weight:600;min-width:17px;height:17px;border-radius:999px;padding:0 5px;display:inline-flex;align-items:center;justify-content:center;line-height:1}
.ms .apercu .ap-premium{margin-top:auto;align-self:flex-start;border:1px solid rgba(240,192,24,.5);color:#F0C018;text-transform:uppercase;font-size:9.5px;letter-spacing:.2em;padding:4px 9px;border-radius:999px}
.ms .apercu .ap-zone{flex:1;min-width:0;background:var(--creme);padding:22px 28px;display:flex;gap:22px}
.ms .apercu .ap-col{flex:1;min-width:0}
.ms .apercu .ap-rangee{display:flex;align-items:center;justify-content:space-between;gap:12px}
.ms .apercu .ap-date{font-size:10px;text-transform:uppercase;letter-spacing:.24em;color:var(--gris)}
.ms .apercu .ap-pastille{display:inline-flex;align-items:center;gap:7px;border:1.5px solid rgba(108,114,72,.45);background:#fff;border-radius:999px;padding:5px 11px;font-size:12px}
.ms .apercu .ap-pastille .ap-badge{margin-left:0}
.ms .apercu .ap-bonjour{font-family:var(--display);font-size:30px;margin-top:10px}
.ms .apercu .ap-sous{font-size:12px;color:var(--gris)}
.ms .apercu .ap-cap{background:#fff;border:1px solid var(--bord);border-radius:12px;padding:11px 13px;margin-top:14px}
.ms .apercu .ap-surtitre{font-size:9px;text-transform:uppercase;letter-spacing:.18em;color:var(--gris)}
.ms .apercu .ap-cap-titre{font-size:13.5px;font-weight:600;margin-top:3px}
.ms .apercu .ap-mur{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px}
.ms .apercu .ap-tuile{border:1px solid var(--bord);border-radius:10px;overflow:hidden;background:var(--carte)}
.ms .apercu .ap-tuile img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}
.ms .apercu .ap-tuile img.port{aspect-ratio:3/4}
.ms .apercu .ap-tuile p{font-family:var(--display);font-size:10.5px;padding:6px 8px 8px}
.ms .apercu .ap-cote{width:180px;flex-shrink:0;display:flex;flex-direction:column;gap:10px}
.ms .apercu .ap-carte{background:#fff;border:1px solid var(--bord);border-radius:12px;padding:10px 12px}
.ms .apercu .ap-surtitre2{font-size:8.5px;text-transform:uppercase;letter-spacing:.18em;color:var(--gris);margin-bottom:6px}
.ms .apercu .ap-ligne{font-size:11px;display:flex;align-items:center;gap:6px}
.ms .apercu .ap-fort{font-size:12px;font-weight:600}
.ms .apercu .ap-mini{font-size:10.5px;color:var(--gris)}
@media (max-width:719px){
  .ms .apercu .ap-cote{display:none}
  .ms .apercu .ap-rail{width:150px;padding:12px 8px}
  .ms .apercu .ap-zone{padding:16px 16px}
}

/* ============ INSCRIPTION AU CERCLE FONDATEUR — /collectionner ============
   Tout est prefixe .insc : ce bloc ne peut atteindre aucune autre page.
   Il reprend les variables du site (--bord, --sapin, --gris) et laisse aux
   classes partagees — .ch, .chips, .b, .chapo, .rassure, .oeil — leur role.
   Cibles tactiles a 48px minimum : ce formulaire se remplit au telephone. */
.ms .insc{scroll-margin-top:76px}
.ms .insc-carte{background:var(--carte);border:1px solid var(--bord);border-radius:18px;padding:24px 20px}

/* La progression : une barre par etape, puis le compte en toutes lettres. */
.ms .insc-jauge{display:flex;gap:6px;margin-bottom:12px}
.ms .insc-jauge i{height:3px;flex:1;border-radius:999px;background:var(--bord)}
.ms .insc-jauge i.faite{background:var(--sapin)}
.ms .insc-etape{font-size:11.5px;text-transform:uppercase;letter-spacing:.22em;font-weight:500;color:var(--gris)}
.ms .insc-titre{font-family:var(--display);font-weight:400;font-size:26px;line-height:1.2;letter-spacing:-.015em;margin-top:14px}
.ms .insc-aide{font-size:14.5px;color:var(--gris);margin-top:8px}

/* Les champs texte, empiles, chacun avec son etiquette au-dessus. */
.ms .insc-champs{display:flex;flex-direction:column;gap:16px;margin-top:22px}
.ms .insc-duo{display:flex;flex-direction:column;gap:16px}
.ms .insc-champ{display:flex;flex-direction:column;gap:7px;flex:1}
.ms .insc-champ label{font-size:13px;font-weight:500;color:var(--encre)}
.ms .insc-champ .option{font-weight:400;color:var(--gris)}
.ms .insc-champ input,.ms .insc-champ textarea{width:100%;min-height:50px;border:1px solid var(--bord);background:var(--carte);border-radius:12px;padding:13px 15px;font:inherit;font-size:16px;color:var(--encre)}
.ms .insc-champ textarea{min-height:96px;resize:vertical;line-height:1.5}
.ms .insc-champ input::placeholder,.ms .insc-champ textarea::placeholder{color:#9A9AA2}
.ms .insc-champ input:focus-visible,.ms .insc-champ textarea:focus-visible{outline:2px solid var(--sapin);outline-offset:1px;border-color:var(--sapin)}
.ms .insc-champ input[aria-invalid="true"],.ms .insc-champ textarea[aria-invalid="true"]{border-color:#9B2C2C}

/* Le message d'erreur : lu par le lecteur d'ecran, visible sous le champ. */
.ms .insc-err{font-size:13px;color:#9B2C2C}
.ms .insc-err[data-vide="oui"]{display:none}

/* Les groupes de puces (.ch/.chips) recoivent un intertitre. */
.ms .insc-groupe{margin-top:22px}
.ms .insc-groupe>.oeil{display:block;margin-bottom:10px}
.ms .insc-groupe .chips{display:flex;flex-wrap:wrap;gap:8px}
.ms .insc .ch{min-height:48px}

/* Le choix de visibilite : une phrase, puis sa consequence en clair. */
.ms .insc-choix{display:flex;flex-direction:column;gap:10px;margin-top:12px}
.ms .insc-opt{display:flex;gap:12px;align-items:flex-start;padding:15px;border:1px solid var(--bord);border-radius:14px;background:var(--carte);cursor:pointer;text-align:left}
.ms .insc-opt:hover{border-color:var(--sapin)}
.ms .insc-opt input{margin-top:3px;width:19px;height:19px;flex-shrink:0;accent-color:var(--sapin)}
.ms .insc-opt b{font-weight:500;font-size:15px;display:block}
.ms .insc-opt span{font-size:13.5px;color:var(--gris);display:block;margin-top:3px;line-height:1.45}
.ms .insc-opt:has(input:checked){border-color:var(--sapin);background:rgba(66,78,60,.045)}
.ms .insc-opt:has(input:focus-visible){outline:2px solid var(--sapin);outline-offset:2px}

/* Les deux consentements : jamais coches d'avance, jamais fusionnes. */
.ms .insc-cases{display:flex;flex-direction:column;gap:10px;margin-top:14px}

/* Les boutons de navigation. */
.ms .insc-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}
.ms .insc-actions .b{flex:1;min-width:150px}
.ms .insc-retour{background:transparent;border:none;font:inherit;font-size:14px;color:var(--gris);text-decoration:underline;text-underline-offset:3px;cursor:pointer;padding:10px 0;min-height:44px}

/* Le rappel de brouillon, discret, au-dessus du formulaire. */
.ms .insc-reprise{display:flex;flex-direction:column;gap:12px;padding:18px;border:1px solid var(--bord);border-radius:14px;background:var(--sable);margin-bottom:22px}
.ms .insc-reprise p{font-size:14.5px;color:var(--encre)}
.ms .insc-reprise .lignes{display:flex;flex-wrap:wrap;gap:10px}

/* L'ecran de fin. */
.ms .insc-fin{text-align:center;padding:34px 20px}
.ms .insc-fin .marque{width:46px;height:46px;border-radius:999px;background:var(--sapin);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:22px}
.ms .insc-fin h2{font-family:var(--display);font-weight:400;font-size:25px;line-height:1.25;letter-spacing:-.015em;margin-top:18px}
.ms .insc-recap{margin-top:22px;text-align:left;border-top:1px solid var(--bord);padding-top:18px;display:flex;flex-direction:column;gap:11px}
.ms .insc-recap div{display:flex;flex-direction:column;gap:3px}
.ms .insc-recap dt{font-size:11px;text-transform:uppercase;letter-spacing:.2em;color:var(--gris);font-weight:500}
.ms .insc-recap dd{font-size:14.5px}

.ms .insc-promesses{display:grid;grid-template-columns:1fr;gap:26px;margin-top:26px}
.ms .insc-promesses article{border-top:1px solid var(--bord);padding-top:18px}
.ms .insc-promesses h2{font-family:var(--display);font-weight:400;font-size:21px;line-height:1.25;letter-spacing:-.015em}
.ms .insc-promesses p{margin-top:8px;font-size:15px;color:var(--gris);line-height:1.6}
.ms .insc-colonne{max-width:720px;margin:0 auto}

@media (min-width:720px){
  .ms .insc-promesses{grid-template-columns:repeat(3,1fr);gap:30px}
  .ms .insc-carte{padding:34px 32px}
  .ms .insc-duo{flex-direction:row;gap:14px}
  .ms .insc-titre{font-size:31px}
  .ms .insc-actions .b{flex:0 0 auto}
  .ms .insc-reprise{flex-direction:row;align-items:center;justify-content:space-between}
  .ms .insc-fin{padding:44px 32px}
}