/* v14.229 · les polices du site */
@font-face{font-family:'Bricolage Grotesque';font-style:normal;font-weight:200 800;font-display:swap;src:url(/assets/polices/bricolage-grotesque-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Bricolage Grotesque';font-style:normal;font-weight:200 800;font-display:swap;src:url(/assets/polices/bricolage-grotesque-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Instrument Sans';font-style:normal;font-weight:400 700;font-display:swap;src:url(/assets/polices/instrument-sans-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Instrument Sans';font-style:normal;font-weight:400 700;font-display:swap;src:url(/assets/polices/instrument-sans-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Instrument Sans';font-style:italic;font-weight:400 700;font-display:swap;src:url(/assets/polices/instrument-sans-latin-italique.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
/* fin des polices */
:root{
  --creme:#FCFAF6; --creme2:#F4EEE4; --creme3:#EDE5D8;
  --encre:#1F1915; --texte:#5A5047; --gris:#8C8177;
  --corail:#E05A36; --corail2:#BF4525; --halo:#FBEAE3;
  --vert:#2C7A5F; --vert-halo:#E5F0EA;
  --nuit:#191411; --blanc:#FFFFFF; --trait:#EAE2D6; --trait2:#F3EDE3;
  --r:16px; --rb:12px;
  --ombre:0 1px 2px rgba(31,25,21,.035);
  --ombre-h:0 2px 6px rgba(31,25,21,.05), 0 24px 56px rgba(31,25,21,.10);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--creme);color:var(--encre);
  font:400 16.5px/1.62 'Instrument Sans',system-ui,-apple-system,sans-serif;
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img{max-width:100%}
a{color:inherit}
h1,h2,h3,h4{font-family:'Bricolage Grotesque','Instrument Sans',sans-serif;
  font-weight:700;margin:0}
h1{font-size:clamp(34px,4.3vw,53px);line-height:1.03;letter-spacing:-.033em}
h2{font-size:clamp(27px,3.1vw,38px);line-height:1.08;letter-spacing:-.028em}
h3{font-size:20px;line-height:1.26;letter-spacing:-.015em}
h4{font-size:16.5px;line-height:1.3;letter-spacing:-.01em}
p{margin:0}
.ct{max-width:1160px;margin:0 auto;padding:0 28px}
.ct-s{max-width:820px;margin:0 auto;padding:0 28px}
section{padding:104px 0}
.tight{padding:56px 0}

/* ── en-tête ─────────────────────────────────────── */
header{position:sticky;top:0;z-index:60;background:rgba(252,250,246,.82);
  backdrop-filter:saturate(180%) blur(16px);border-bottom:1px solid var(--trait)}
.nav{display:flex;align-items:center;gap:2px;height:62px}
.logo{display:flex;align-items:center;gap:9px;text-decoration:none;margin-right:22px;
  font-family:'Bricolage Grotesque',sans-serif;font-weight:700;font-size:19.5px;
  letter-spacing:-.03em}
.logo .mark{width:26px;height:26px;border-radius:7px;background:var(--corail);color:#fff;
  display:grid;place-items:center;font-size:13.5px;flex:0 0 26px;letter-spacing:0}
.nav a.lk{text-decoration:none;font-size:15px;font-weight:500;color:var(--texte);
  padding:8px 12px;border-radius:8px;white-space:nowrap;transition:color .15s}
.nav a.lk:hover{color:var(--encre)}
.nav a.lk.on{color:var(--encre);font-weight:600}
.nav .sp{flex:1}
.drop{position:relative}
.drop>button{all:unset;cursor:pointer;font-size:15px;font-weight:500;color:var(--texte);
  padding:8px 12px;border-radius:8px;display:flex;align-items:center;gap:6px;transition:color .15s}
.drop>button:hover{color:var(--encre)}
.drop>button::after{content:'';width:5px;height:5px;border-right:1.7px solid currentColor;
  border-bottom:1.7px solid currentColor;transform:rotate(45deg) translateY(-2px);opacity:.6}
.menu{position:absolute;top:calc(100% + 8px);left:-10px;width:620px;background:var(--blanc);
  border:1px solid var(--trait);border-radius:16px;box-shadow:var(--ombre-h);padding:10px;
  display:none;grid-template-columns:1fr 1fr;gap:2px}
.drop:hover .menu,.drop:focus-within .menu{display:grid}
.menu a{display:flex;gap:11px;padding:11px;border-radius:10px;text-decoration:none;
  transition:background .12s}
.menu a:hover{background:var(--creme2)}
.menu .ic{width:30px;height:30px;border-radius:8px;background:var(--halo);color:var(--corail);
  display:grid;place-items:center;flex:0 0 30px}
.menu b{display:block;font-size:14.5px;font-weight:600;line-height:1.3;letter-spacing:-.01em}
.menu span{display:block;font-size:12.5px;color:var(--gris);line-height:1.4;margin-top:2px}
.burger{all:unset;cursor:pointer;display:none;padding:10px;border-radius:10px}
.burger svg{display:block}

/* ── boutons ─────────────────────────────────────── */
.b{display:inline-flex;align-items:center;gap:8px;text-decoration:none;cursor:pointer;
  font:600 15px/1 'Instrument Sans',sans-serif;padding:13.5px 20px;border-radius:var(--rb);
  border:1px solid transparent;transition:background .15s,border-color .15s,color .15s;
  white-space:nowrap;letter-spacing:-.005em}
.b-p{background:var(--corail);color:#fff}
.b-p:hover{background:var(--corail2)}
.b-s{background:transparent;color:var(--encre);border-color:#DCD2C3}
.b-s:hover{border-color:var(--encre)}
.b-g{background:transparent;color:var(--corail);border-color:transparent;padding:6px 0;
  font-weight:600}
.b-g::after{content:'→';transition:transform .15s}
.b-g:hover::after{transform:translateX(3px)}
.b-w{background:#fff;color:var(--encre)}
.b-o{background:transparent;color:#fff;border-color:rgba(255,255,255,.28)}
.b-o:hover{border-color:rgba(255,255,255,.7)}
.btns{display:flex;flex-wrap:wrap;gap:10px;align-items:center}

/* ── briques de texte ────────────────────────────── */
.eyebrow{display:block;font-size:12.5px;font-weight:600;letter-spacing:.11em;
  text-transform:uppercase;color:var(--corail);margin-bottom:14px}
.lead{font-size:18.5px;line-height:1.58;color:var(--texte);letter-spacing:-.006em}
.sub{font-size:17px;line-height:1.62;color:var(--texte)}
.mut{color:var(--gris);font-size:14.5px;line-height:1.55}
.tt{max-width:660px}
.tt p{margin-top:16px}
.center{text-align:center;margin-left:auto;margin-right:auto}
.pill{display:inline-flex;align-items:center;gap:8px;background:var(--halo);color:var(--corail2);
  font-size:13px;font-weight:600;padding:6px 13px;border-radius:999px;letter-spacing:-.005em}
.pill.v{background:var(--vert-halo);color:var(--vert)}
.pill.n{background:var(--creme3);color:var(--texte)}

/* ── grilles ─────────────────────────────────────── */
/* Les cartes d'une grille se touchent et se séparent d'un filet. Huit
   ombres portées alignées, c'est ce qui fait « gabarit ». */
.g2{display:grid;grid-template-columns:1fr 1fr;gap:24px}
/* Les filets sont dessinés par une ombre, pas par un fond : une grille
   incomplète laisse alors une case blanche et non une case beige. */
.g3{display:grid;grid-template-columns:repeat(3,1fr);gap:0;background:var(--blanc);
  border:1px solid var(--trait);border-radius:var(--r);overflow:hidden}
.g4{display:grid;grid-template-columns:repeat(4,1fr);gap:0;background:var(--blanc);
  border:1px solid var(--trait);border-radius:var(--r);overflow:hidden}
.g3>*,.g4>*{box-shadow:1px 0 0 var(--trait),0 1px 0 var(--trait)}
.split{display:grid;grid-template-columns:1fr 1.12fr;gap:60px;align-items:center}
/* Sans ceci, une colonne de grille refuse de descendre sous la largeur
   de son contenu le plus large : sur un petit téléphone, un titre long
   poussait la page d'une dizaine de pixels vers la droite. */
.split>*{min-width:0}
.split.rev>*:first-child{order:2}
.mt{margin-top:48px}
.mt-s{margin-top:28px}

/* ── cartes ──────────────────────────────────────── */
.card{background:var(--blanc);padding:28px}
.g3>.card,.g4>.card{border:0;border-radius:0;box-shadow:none}
.card h3{margin-bottom:8px}
.card p{color:var(--texte);font-size:15.5px;line-height:1.6}
a.card{text-decoration:none;display:block;transition:background .15s}
a.card:hover{background:var(--creme2)}
.g2>.card,.card.iso{border:1px solid var(--trait);border-radius:var(--r);box-shadow:var(--ombre)}
.ic{width:34px;height:34px;border-radius:9px;background:var(--halo);color:var(--corail);
  display:grid;place-items:center;margin-bottom:16px}
.ic.v{background:var(--vert-halo);color:var(--vert)}
.ic svg{width:18px;height:18px}
.ic-s{width:30px;height:30px;border-radius:8px;flex:0 0 30px;margin:0}
.ic-s svg{width:16px;height:16px}
.arrow{margin-top:14px;font-size:14.5px;font-weight:600;color:var(--corail)}
.arrow::after{content:' →'}

/* ── listes à coches ─────────────────────────────── */
.checks{display:grid;gap:13px;margin:0;padding:0;list-style:none}
.checks.two{grid-template-columns:1fr 1fr;gap:13px 44px}
.checks li{position:relative;padding-left:27px;font-size:16px;line-height:1.55;
  color:var(--texte)}
.checks li b{color:var(--encre);font-weight:600}
.checks li::before{content:'';position:absolute;left:0;top:7px;width:15px;height:11px;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 18' fill='none' stroke='%232C7A5F' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 2 8.5 16 2 9.5'/%3E%3C/svg%3E") left center/15px no-repeat}

/* ── bandes de couleur ───────────────────────────── */
.band{background:var(--creme2)}
.band2{background:var(--creme3)}
.dark{background:var(--nuit);color:#EFE8DF}
.dark h2,.dark h3,.dark h4{color:#fff}
.dark .lead,.dark .sub,.dark p{color:#A99E93}
.dark .g3,.dark .g4{background:#211B17;border-color:#2E2721}
.dark .g3>*,.dark .g4>*{box-shadow:1px 0 0 #2E2721,0 1px 0 #2E2721}
.dark .card{background:#211B17}
.dark a.card:hover{background:#2A231E}
.dark .card p{color:#A99E93}
.dark .g2>.card,.dark .card.iso{border-color:#2E2721;box-shadow:none}
.dark .ic{background:#33291F;color:#F08A69}
.dark .eyebrow{color:#F08A69}
.dark .checks li{color:#A99E93}
.dark .checks li b{color:#fff}
.dark .checks li::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 18' fill='none' stroke='%23F08A69' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 2 8.5 16 2 9.5'/%3E%3C/svg%3E")}
.dark .mut{color:#7E7368}
.dark .pill.n{background:#2E2721;color:#A99E93}

/* ── chiffres ────────────────────────────────────── */
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:0;background:var(--blanc);
  border:1px solid var(--trait);border-radius:var(--r);overflow:hidden}
.stats>*{box-shadow:1px 0 0 var(--trait)}
.stat{padding:26px 24px;background:var(--blanc)}
.stat b{display:block;font-family:'Bricolage Grotesque',sans-serif;font-size:32px;
  font-weight:700;letter-spacing:-.035em;color:var(--encre);line-height:1}
.stat span{display:block;margin-top:8px;font-size:14px;color:var(--texte);line-height:1.45}

/* ── maquettes d'écran ───────────────────────────── */
/* Pas de fausse fenêtre de navigateur : un cadre net, et une légende sous
   l'image comme dans un article. */
figure.shot{margin:0}
.shot-in{background:var(--blanc);border:1px solid var(--trait);border-radius:14px;
  box-shadow:var(--ombre-h);padding:18px;overflow:hidden}
.dark .shot-in{background:#211B17;border-color:#2E2721;box-shadow:0 24px 60px rgba(0,0,0,.45)}
figure.shot figcaption{margin-top:12px;font-size:13px;color:var(--gris);letter-spacing:-.005em}
.dark figure.shot figcaption{color:#7E7368}
.row{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--trait2)}
.row:last-child{border-bottom:0}
.dark .row{border-color:#2A231E}
.av{width:28px;height:28px;border-radius:50%;flex:0 0 28px;display:grid;place-items:center;
  font-size:11px;font-weight:700;color:#fff;letter-spacing:0}
.nm{font-size:13px;font-weight:600;flex:0 0 92px;white-space:nowrap;overflow:hidden;
  letter-spacing:-.01em}
.dark .nm{color:#E3DAD0}
.track{flex:1;height:24px;background:var(--creme2);border-radius:6px;position:relative}
.dark .track{background:#2A231E}
.sh{position:absolute;top:0;bottom:0;border-radius:6px;display:flex;align-items:center;
  padding:0 8px;font-size:10.5px;font-weight:600;color:#fff;overflow:hidden;white-space:nowrap}
/* Le libellé est enveloppé pour apparaître après sa barre. L'italique du
   <i> n'a rien à faire ici, on le neutralise. */
.sh i{font-style:normal}
.hrs{display:flex;gap:0;padding-left:140px;margin-bottom:5px}
.hrs span{flex:1;font-size:10px;color:var(--gris);font-weight:600;letter-spacing:.02em}
.c1{background:#E05A36}.c2{background:#2C7A5F}.c3{background:#3A66AE}.c4{background:#AC702C}
.c5{background:#74499C}.c6{background:#AC3A59}
.tile{border:1px solid var(--trait);border-radius:11px;padding:12px;background:var(--blanc);
  display:flex;flex-direction:column;align-items:center;gap:7px;text-align:center}
.dark .tile{background:#211B17;border-color:#2E2721}
.tile .av{width:38px;height:38px;flex:0 0 38px;font-size:13px}
.tile b{font-size:12.5px;font-weight:600;letter-spacing:-.01em}
.dark .tile b{color:#E3DAD0}
.tile .st{font-size:10.5px;font-weight:600;padding:3px 8px;border-radius:999px}
.st-a{background:var(--halo);color:var(--corail2)}
.st-b{background:var(--vert-halo);color:var(--vert)}
.st-c{background:var(--creme2);color:var(--gris)}
.bars{display:flex;align-items:flex-end;gap:5px;height:84px}
.bars i{flex:1;background:var(--corail);border-radius:3px 3px 0 0;display:block}
.bars i.lo{background:#E7D9C7}
.mapbox{position:relative;height:240px;background:
  linear-gradient(0deg,rgba(228,219,205,.8) 1px,transparent 1px) 0 0/100% 32px,
  linear-gradient(90deg,rgba(228,219,205,.8) 1px,transparent 1px) 0 0/32px 100%,
  linear-gradient(140deg,#F0EAE0,#E6DECF);border-radius:11px;overflow:hidden}
.zone{position:absolute;border:2px dashed var(--vert);background:rgba(44,122,95,.11);
  border-radius:50%}
.pinm{position:absolute;width:32px;height:32px;border-radius:50%;border:2.5px solid #fff;
  box-shadow:0 3px 10px rgba(31,25,21,.3);display:grid;place-items:center;
  font-size:11px;font-weight:700;color:#fff}

/* ── tarifs ──────────────────────────────────────── */
.prices{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;align-items:stretch}
.price{background:var(--blanc);border:1px solid var(--trait);border-radius:var(--r);
  padding:30px;display:flex;flex-direction:column;height:100%}
.price.top{border-color:var(--corail);position:relative;box-shadow:var(--ombre-h)}
.price .tag{position:absolute;top:-11px;left:30px;background:var(--corail);color:#fff;
  font-size:12px;font-weight:600;padding:4px 12px;border-radius:999px;letter-spacing:-.005em}
.price h3{font-size:18px}
.amt{display:flex;align-items:baseline;gap:6px;margin:16px 0 4px}
.amt b{font-family:'Bricolage Grotesque',sans-serif;font-size:40px;font-weight:700;
  letter-spacing:-.04em;line-height:1}
.amt span{font-size:14.5px;color:var(--gris)}
.plus{font-size:14.5px;color:var(--texte);padding-bottom:18px;border-bottom:1px solid var(--trait)}
.price .checks{margin:20px 0 24px;gap:11px}
.price .checks li{font-size:15px}
.price .b{width:100%;justify-content:center;margin-top:auto}
table.t{width:100%;border-collapse:separate;border-spacing:0;background:var(--blanc);
  border:1px solid var(--trait);border-radius:var(--r);overflow:hidden}
table.t th,table.t td{padding:15px 22px;text-align:left;border-bottom:1px solid var(--trait);
  font-size:15px}
table.t th{background:var(--creme2);font-weight:600;font-size:12.5px;letter-spacing:.06em;
  text-transform:uppercase;color:var(--texte)}
table.t tr:last-child td{border-bottom:0}
table.t td.num{text-align:right;white-space:nowrap;font-weight:600;
  font-variant-numeric:tabular-nums}

/* ── faq ─────────────────────────────────────────── */
details.q{border-bottom:1px solid var(--trait)}
details.q summary{cursor:pointer;list-style:none;padding:19px 2px;font-weight:600;
  font-size:16.5px;display:flex;justify-content:space-between;gap:20px;align-items:center;
  letter-spacing:-.012em;transition:color .15s}
details.q summary::-webkit-details-marker{display:none}
details.q summary:hover{color:var(--corail)}
details.q summary::after{content:'';flex:0 0 10px;height:10px;border-right:1.8px solid var(--corail);
  border-bottom:1.8px solid var(--corail);transform:rotate(45deg) translate(-3px,-3px);
  transition:transform .18s}
details.q[open] summary::after{transform:rotate(225deg) translate(-2px,-2px)}
details.q p{padding:0 2px 22px;color:var(--texte);font-size:16px;max-width:700px}

/* ── logos / intégrations ────────────────────────── */
.logos{display:flex;flex-wrap:wrap;gap:8px}
.logos span{background:transparent;border:1px solid var(--trait);border-radius:999px;
  padding:8px 16px;font-size:14px;font-weight:500;color:var(--texte)}
.logos span.soon{opacity:.5}

/* ── citation ────────────────────────────────────── */
.quote{font-family:'Bricolage Grotesque',sans-serif;font-size:clamp(22px,2.5vw,30px);
  line-height:1.32;font-weight:600;letter-spacing:-.02em}
.who{display:flex;align-items:center;gap:13px;margin-top:24px}
.who .av{width:42px;height:42px;flex:0 0 42px;font-size:14px}
.who b{display:block;font-size:15px}
.who span{display:block;font-size:13.5px;color:var(--gris)}

/* ── pied ────────────────────────────────────────── */
footer{background:var(--nuit);color:#A99E93;padding:64px 0 30px;font-size:14.5px}
footer h4{color:#fff;font-size:12.5px;letter-spacing:.09em;text-transform:uppercase;
  margin-bottom:14px;font-family:'Instrument Sans',sans-serif;font-weight:600}
footer a{display:block;color:#A99E93;text-decoration:none;padding:5px 0;transition:color .15s}
footer a:hover{color:#fff}
.fgrid{display:grid;grid-template-columns:1.7fr 1fr 1fr 1fr 1fr;gap:32px}
.fbot{margin-top:48px;padding-top:24px;border-top:1px solid #2E2721;display:flex;
  justify-content:space-between;gap:20px;flex-wrap:wrap;font-size:13.5px;color:#786D63}
.fbot a{display:inline;padding:0;margin-left:16px}

/* ── menu mobile ─────────────────────────────────── */
.mobmenu{display:none;position:fixed;inset:62px 0 0;z-index:55;background:var(--creme);
  padding:16px 28px 40px;overflow:auto;border-top:1px solid var(--trait)}
.mobmenu.on{display:block}
.mobmenu a{display:block;text-decoration:none;font-size:17.5px;font-weight:600;
  padding:14px 0;border-bottom:1px solid var(--trait);letter-spacing:-.015em}
.mobmenu a span{display:block;font-size:13px;font-weight:400;color:var(--gris);margin-top:3px;
  letter-spacing:0}
.mobmenu .ttl{font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;
  color:var(--corail);margin:24px 0 4px}
.mobmenu .ttl:first-child{margin-top:0}

/* ── routeur ─────────────────────────────────────── */
.page{display:none}
.page.on{display:block}

/* ── bandeau maquette ────────────────────────────── */
.dev{position:fixed;left:16px;bottom:16px;z-index:90;background:var(--nuit);color:#fff;
  font-size:12.5px;padding:8px 14px;border-radius:999px;box-shadow:var(--ombre-h);
  display:flex;gap:8px;align-items:center}
.dev b{color:#F08A69}

/* ── responsive ──────────────────────────────────── */
@media(max-width:980px){
  .split{grid-template-columns:1fr;gap:38px}
  .split.rev>*:first-child{order:0}
  .g3,.g4,.prices,.stats{grid-template-columns:1fr 1fr}
  .fgrid{grid-template-columns:1fr 1fr;gap:26px}
  .checks.two{grid-template-columns:1fr}
  section{padding:76px 0}
}
/* Le menu complet demande environ 900 px. En dessous il passe au
   burger : à 820 px le bouton « Essai gratuit » sortait de l'écran et
   toutes les pages débordaient d'une soixantaine de pixels. */
@media(max-width:900px){
  .nav .lk,.drop{display:none}
  .burger{display:block;padding:8px;margin-left:2px}
  .nav .b{padding:11px 14px;font-size:14px}
  .logo{font-size:18px;margin-right:0}
  .nav .hidemob{display:none}
}
@media(max-width:720px){
  .g2,.g3,.g4,.prices,.stats{grid-template-columns:1fr}
  .fgrid{grid-template-columns:1fr}
  .hrs{padding-left:0}
  .nm{flex:0 0 72px;font-size:12px}
  section{padding:56px 0}
  .ct,.ct-s{padding:0 20px}
}

/* ── bandeau de brouillon (pages légales) ────────── */
.avis{background:#FFF6E8;border:1px solid #E8D5AE;border-left:4px solid #C98A1E;
  border-radius:10px;padding:16px 20px;font-size:15.5px;line-height:1.6;color:#5A5047}
.avis b{color:var(--encre)}
.ct-s h2{margin-top:40px}
.ct-s h2+p{margin-top:12px}

/* ── simulateur de coût ──────────────────────────── */
.simu{display:grid;grid-template-columns:1fr .82fr;gap:24px;align-items:start}
.simu>*{min-width:0}
.simu-in{background:var(--blanc);border:1px solid var(--trait);border-radius:var(--r);padding:28px}
.simu-in h3{margin-bottom:22px}
.simu .ch{margin-bottom:20px;border:0;padding:0;min-width:0}
.simu .ch:last-child{margin-bottom:0}
.simu label,.simu legend{display:block;font-size:14.5px;font-weight:600;margin-bottom:8px;
  letter-spacing:-.008em;padding:0}
.simu input[type=number]{width:100%;padding:12px 14px;border:1px solid var(--trait);
  border-radius:10px;font:inherit;font-size:16px;background:var(--creme);color:var(--encre);
  font-variant-numeric:tabular-nums}
.simu input[type=number]:focus{border-color:var(--corail);background:#fff;outline:0}
.simu input[type=range]{width:100%;accent-color:var(--corail);margin:2px 0}
.simu output{float:right;font-weight:600;color:var(--corail);font-variant-numeric:tabular-nums}
.simu .radios{display:flex;gap:8px;flex-wrap:wrap}
.simu .radios label,.simu .opts label{display:flex;align-items:center;gap:9px;margin:0;
  font-weight:500;font-size:15px;border:1px solid var(--trait);border-radius:10px;
  padding:11px 14px;cursor:pointer;background:var(--creme);flex:1;min-width:150px}
.simu .radios label:hover,.simu .opts label:hover{border-color:#D6CBB9}
.simu .radios input,.simu .opts input{accent-color:var(--corail);width:17px;height:17px;flex:0 0 17px}
.simu .radios label:has(input:checked),.simu .opts label:has(input:checked){
  border-color:var(--corail);background:var(--halo)}
.simu .opts{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.simu .opts label{min-width:0}
.simu .opts label span{display:flex;justify-content:space-between;gap:10px;flex:1;min-width:0}
.simu .opts label em{font-style:normal;color:var(--gris);font-weight:600;white-space:nowrap}
.simu .opts label.incl{opacity:.62;background:var(--vert-halo);border-color:#CFE2D8;cursor:default}
.simu .opts label.incl em::after{content:' compris';color:var(--vert)}
.simu .opts label.incl em{font-size:0}
.simu .opts label.incl em::after{font-size:13.5px}

.simu-out{background:var(--nuit);color:#EFE8DF;border-radius:var(--r);padding:28px;
  position:sticky;top:82px}
.simu-out .tot{padding-bottom:16px;border-bottom:1px solid #2E2721;margin-bottom:16px}
.simu-out .tot.sec{opacity:.72}
.simu-out .lbl{display:block;font-size:12.5px;font-weight:600;letter-spacing:.09em;
  text-transform:uppercase;color:#F08A69;margin-bottom:6px}
.simu-out .tot b{font-family:'Bricolage Grotesque',sans-serif;font-size:40px;font-weight:700;
  letter-spacing:-.04em;color:#fff;line-height:1;font-variant-numeric:tabular-nums}
.simu-out .tot.sec b{font-size:27px}
.simu-out .par{font-size:14px;color:#A99E93;margin-left:7px}
.simu-out .detail{width:100%;border-collapse:collapse;font-size:14px;margin:4px 0 18px}
.simu-out .detail td{padding:7px 0;color:#A99E93;border-bottom:1px solid #241E1A}
.simu-out .detail tr:last-child td{border-bottom:0}
.simu-out .detail .num{text-align:right;color:#EFE8DF;font-weight:600;white-space:nowrap;
  font-variant-numeric:tabular-nums}
.simu-out .an{display:flex;justify-content:space-between;align-items:baseline;gap:12px;
  padding:15px 18px;background:#241E1A;border-radius:11px;font-size:14.5px;color:#A99E93}
.simu-out .an b{font-family:'Bricolage Grotesque',sans-serif;font-size:24px;color:#fff;
  letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.simu-out .mut{color:#7E7368;font-size:13px;margin-top:14px;line-height:1.55}

/* ── tableau comparatif ──────────────────────────── */
/* Pas d'overflow au-delà de la largeur utile : un conteneur qui défile
   casse le position:sticky de l'en-tête, et on perd les colonnes en
   cours de lecture. */
.cmp{border:1px solid var(--trait);border-radius:var(--r);background:var(--blanc)}
table.cmp-t{border:0;border-radius:0;min-width:760px;margin:0;overflow:visible}
table.cmp-t thead th{position:sticky;top:62px;z-index:5;background:var(--creme2);
  border-bottom:1px solid var(--trait)}
table.cmp-t th,table.cmp-t td{padding:12px 18px;font-size:15px;vertical-align:middle}
table.cmp-t thead th:first-child{text-align:left}
table.cmp-t thead th:not(:first-child){text-align:center;width:128px}
table.cmp-t tbody th[scope=row]{font-weight:400;color:var(--texte);text-align:left;
  border-bottom:1px solid var(--trait2);text-transform:none;letter-spacing:0;font-size:15px;
  background:transparent}
table.cmp-t tbody td{text-align:center;border-bottom:1px solid var(--trait2)}
table.cmp-t tr.grp th{background:var(--creme);font-family:'Bricolage Grotesque',sans-serif;
  font-size:16px;font-weight:700;letter-spacing:-.015em;color:var(--encre);
  text-transform:none;border-top:1px solid var(--trait);border-bottom:1px solid var(--trait);
  padding:14px 18px}
table.cmp-t tbody tr:hover th[scope=row],table.cmp-t tbody tr:hover td{background:#FBF7F1}
table.cmp-t tr.grp:hover th{background:var(--creme)}
.cmp-t .oui span{color:var(--vert);font-weight:700;font-size:17px}
.cmp-t .non span{color:#CBC2B5}

@media(max-width:980px){
  .simu{grid-template-columns:1fr}
  .simu-out{position:static}
}
@media(max-width:860px){
  .cmp{overflow-x:auto}
  table.cmp-t thead th{position:static}
  table.cmp-t th,table.cmp-t td{padding:11px 14px;font-size:14px}
}
@media(max-width:560px){ .simu .opts{grid-template-columns:1fr} }

/* ── barre d'appel à l'action ────────────────────── */
.barre{position:fixed;left:0;right:0;bottom:0;z-index:70;background:var(--nuit);
  color:#EFE8DF;box-shadow:0 -8px 30px rgba(31,25,21,.16)}
.barre .ct{display:flex;align-items:center;gap:24px;padding-top:14px;padding-bottom:14px}
.barre-t{font-size:14.5px;line-height:1.45;color:#A99E93;flex:1;min-width:0}
.barre-t b{color:#fff;font-weight:600}
.barre-b{display:flex;gap:9px;flex:0 0 auto}
.barre-b .b{padding:11px 18px;font-size:14.5px}
.barre-b .b-s{color:#EFE8DF;border-color:rgba(255,255,255,.28)}
.barre-b .b-s:hover{border-color:#fff}
.barre-x{all:unset;cursor:pointer;color:#786D63;font-size:22px;line-height:1;padding:6px 2px;
  flex:0 0 auto}
.barre-x:hover{color:#fff}
@media(max-width:760px){
  .barre .ct{gap:12px;padding-top:11px;padding-bottom:11px}
  .barre-t{display:none}
  .barre-b{flex:1}
  .barre-b .b{flex:1;justify-content:center}
}

/* ── bandeau des établissements ──────────────────── */
/* La piste contient deux moitiés identiques ; l'animation la décale de
   la moitié de sa largeur, donc au retour à zéro l'image est la même et
   la boucle ne se voit pas. L'écart entre deux logos vient du HTML
   (--lg-ecart) : il s'élargit quand la liste est courte. */
.lg-ttl{font-size:12.5px;font-weight:600;letter-spacing:.11em;text-transform:uppercase;
  color:var(--gris);margin-bottom:20px}
.lg-bande{overflow:hidden;position:relative;padding:6px 0;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 110px,#000 calc(100% - 110px),transparent);
  mask-image:linear-gradient(90deg,transparent,#000 110px,#000 calc(100% - 110px),transparent)}
/* L'écart vient du HTML, mais il se resserre sur un écran étroit :
   260 px sur un ordinateur laissent respirer, sur un téléphone ils
   laisseraient un logo tout seul au milieu du vide. */
.lg-piste{display:flex;align-items:center;gap:min(var(--lg-ecart,72px),28vw);width:max-content;
  animation:defile 42s linear infinite;will-change:transform}
.lg-bande:hover .lg-piste{animation-play-state:paused}
.lg-item{display:flex;align-items:center;flex:0 0 auto;
  /* grayscale seul laisse un gris très clair sur fond beige : on
     assombrit pour que le logo se lise sans crier. */
  filter:grayscale(1) brightness(.72) contrast(1.05);opacity:.7;
  transition:opacity .25s,filter .25s}
.lg-bande:hover .lg-item{opacity:.85}
.lg-item:hover{opacity:1;filter:none}
.lg-item img{height:38px;width:auto;display:block}
.lg-txt{font-family:'Bricolage Grotesque',sans-serif;font-size:22px;font-weight:700;
  letter-spacing:-.02em;color:var(--encre);white-space:nowrap}
@keyframes defile{from{transform:translate3d(0,0,0)}to{transform:translate3d(-50%,0,0)}}
/* Un visiteur qui a demandé moins d'animation ne doit pas subir une
   bande qui bouge : on la fige et on la centre. */
@media(prefers-reduced-motion:reduce){
  .lg-piste{animation:none;flex-wrap:wrap;width:auto;justify-content:center;
    gap:44px;max-width:1160px;margin:0 auto}
  .lg-bande{-webkit-mask-image:none;mask-image:none}
  .lg-piste>.lg-item:not(.lg-un){display:none}
}
@media(max-width:720px){
  .lg-bande{-webkit-mask-image:linear-gradient(90deg,transparent,#000 40px,#000 calc(100% - 40px),transparent);
    mask-image:linear-gradient(90deg,transparent,#000 40px,#000 calc(100% - 40px),transparent)}
  .lg-piste{animation-duration:30s}
  .lg-txt{font-size:18px}
  .lg-item img{height:30px}
}

/* ── valeurs légales pas encore renseignées ──────── */
/* Visibles au premier coup d'œil, pour qu'un brouillon ne passe pas
   pour une page finie. Elles disparaissent d'elles-mêmes dès que la
   valeur est remplie dans reglages.py. */
.trou{background:#FFF0E6;color:#B33F1C;font-weight:600;
  padding:1px 6px;border-radius:4px;border:1px solid #F3C9B5;
  white-space:nowrap}

/* ── tableau de la page confidentialité ──────────── */
/* Quatre colonnes de texte ne tiennent pas dans un téléphone. Plutôt
   que de réduire la police jusqu'à l'illisible, on laisse glisser le
   tableau du doigt : la première colonne reste le point de repère. */
.tdef{overflow-x:auto;-webkit-overflow-scrolling:touch}
.tdef table.t{overflow:visible}
@media(max-width:720px){
  .tdef table.t{min-width:620px}
}

/* ── les très petits écrans (320 px) ─────────────── */
/* Un iPhone SE de première génération, ou un téléphone en mode
   accessibilité. Rare, mais le débordement s'y voyait. */
@media(max-width:380px){
  .simu-in{padding:20px 16px}
  .simu-in input,.simu-in select{max-width:100%}
  table.t{display:block;overflow-x:auto}
}

/* ── la base line qui change de secteur ──────────── */
/* Le mot visible est posé par-dessus un exemplaire invisible qui a la
   largeur du secteur le plus long : la ligne garde sa hauteur et la page
   ne tressaute pas quand le mot change. */
/* La hauteur est réservée pour deux lignes, une fois pour toutes. Aucun
   secteur de la liste livrée n'en demande davantage, à aucune largeur
   d'écran : le titre garde donc exactement la même hauteur d'un secteur
   à l'autre, et rien ne sursaute quand le mot change.

   Si vous ajoutez un secteur beaucoup plus long et que la page se met à
   bouger à chaque rotation, c'est ici qu'il faut passer à 3.09em. Mais
   il vaut mieux raccourcir le secteur : un titre de quatre lignes n'est
   plus un titre. */
/* La place réservée est constante, donc on peut la compenser d'une
   valeur constante elle aussi : quand le secteur tient sur une ligne, la
   ligne libre en dessous ne creuse pas un trou sous le titre. Rien ne
   bouge pour autant, la compensation ne dépend pas du secteur affiché. */
.bline{display:block;min-height:2.06em;margin-bottom:-.42em;color:var(--corail)}
.bline-mot{display:inline-block;
  transition:opacity .34s ease,transform .34s ease}
.bline.part .bline-mot{opacity:0;transform:translateY(-.22em)}
.bline.vient .bline-mot{opacity:0;transform:translateY(.22em);transition:none}

/* ── ce qui apparaît en arrivant dans l'écran ────── */
.rev{opacity:0;transform:translateY(16px);
  transition:opacity .62s cubic-bezier(.22,.61,.36,1),
             transform .62s cubic-bezier(.22,.61,.36,1)}
.rev.on{opacity:1;transform:none}

/* ── les maquettes qui s'animent ─────────────────── */
/* Les barres du planning poussent depuis la gauche, l'une après l'autre.
   L'attente est portée par une variable posée en HTML. */
.anim-sh .sh{transform:scaleX(0);transform-origin:left center;
  transition:transform .52s cubic-bezier(.22,.61,.36,1) var(--d,0s)}
.anim-sh.on .sh{transform:scaleX(1)}
.anim-sh .sh>*{opacity:0;transition:opacity .3s var(--d,0s)}
.anim-sh.on .sh>*{opacity:1}

/* Les barres de charge poussent du bas, l'une après l'autre. */
.anim-bars .bars i{transform:scaleY(0);transform-origin:bottom center;
  transition:transform .55s cubic-bezier(.22,.61,.36,1) var(--d,0s)}
.anim-bars.on .bars i{transform:scaleY(1)}

/* Le trait de signature se dessine, de gauche à droite. */
.anim-sig .sig-tr path{stroke-dasharray:var(--l,430);stroke-dashoffset:var(--l,430);
  transition:stroke-dashoffset 1.4s cubic-bezier(.4,.1,.35,1) .25s}
.anim-sig.on .sig-tr path{stroke-dashoffset:0}

/* Un chiffre qui monte jusqu'à sa valeur. */
.cpt{font-variant-numeric:tabular-nums}

/* Rien de tout cela pour qui a demandé moins de mouvement : tout est
   posé, visible, à sa place définitive. */
@media(prefers-reduced-motion:reduce){
  .rev,.rev.on{opacity:1;transform:none;transition:none}
  .anim-sh .sh{transform:none;transition:none}
  .anim-sh .sh>*{opacity:1}
  .anim-bars .bars i{transform:none;transition:none}
  .anim-sig .sig-tr path{stroke-dashoffset:0;transition:none}
  .bline-mot{transition:none}
}

/* ═══ LES TRANSFORMATIONS ═════════════════════════════════════════
   Une chose qui en devient une autre : le créneau de service qui se
   coupe en deux postes, la fiche qui se replie en contrat, le dossier
   qui devient une déclaration reçue.

   Tout part de l'état posé, celui qu'on voit si le script ne s'exécute
   pas : un visiteur sans JavaScript, un moteur de recherche, ou
   quelqu'un qui a demandé moins d'animation voit la maquette finie,
   pas un écran vide. Le script ne fait que remettre l'horloge au début
   et la laisser tourner.
   ════════════════════════════════════════════════════════════════ */

/* ── le créneau qui se coupe ──────────────────────────────────── */
.tf-pl{position:relative;padding-bottom:30px}
.anim-pos .sh{transition:transform .4s cubic-bezier(.22,.61,.36,1),
  left .62s cubic-bezier(.65,0,.25,1),width .62s cubic-bezier(.65,0,.25,1),
  background .45s ease}
.anim-pos.prete .sh{transform:scaleX(0);transform-origin:left center}
.anim-pos.prete .sh.la{transform:scaleX(1)}
.anim-pos.prete .sh i{opacity:0;transition:opacity .3s}
.anim-pos.prete .sh.la i{opacity:1}
.anim-pos.prete .sh.mue i{opacity:0;transition:opacity .16s}
.anim-pos.prete .tf-b{opacity:0;transition:opacity .2s,width .62s cubic-bezier(.65,0,.25,1)}
.anim-pos.prete .tf-b.la{opacity:1}
.tf-coupe{position:absolute;top:-3px;bottom:-3px;width:2px;background:var(--encre);
  border-radius:2px;opacity:0;transform:scaleY(.3);
  transition:opacity .22s,transform .3s cubic-bezier(.3,1.4,.5,1)}
.tf-coupe.on{opacity:.55;transform:scaleY(1)}
.tf-av,.tf-ap{position:absolute;left:0;bottom:0;font-size:12px;font-weight:700;
  letter-spacing:.05em;text-transform:uppercase;transition:opacity .35s,transform .35s}
.tf-av{color:var(--gris)}
.tf-ap{color:var(--corail);opacity:0;transform:translateY(6px)}
.anim-pos.prete .tf-av.off{opacity:0;transform:translateY(-6px)}
.tf-ap.on{opacity:1;transform:none}

/* Le bouton qui apparaît juste avant le geste. Il ne se clique pas :
   c'est une image, pas une commande. D'où le aria-hidden posé par le
   script et l'absence de curseur main. */
.tf-bt{position:absolute;right:0;bottom:0;font-size:12.5px;font-weight:700;color:#fff;
  background:var(--corail);padding:6px 13px;border-radius:99px;opacity:0;
  transform:scale(.92);transition:opacity .22s,transform .22s;pointer-events:none}
.tf-bt.on{opacity:1;transform:none}

/* ── la fiche qui devient un document ─────────────────────────── */
.anim-mue .shot-in,.anim-mue.shot .shot-in{position:relative}
.tf-et{transition:opacity .45s ease,transform .55s cubic-bezier(.3,.7,.3,1)}
/* Sans script : les deux états sont posés l'un sous l'autre, lisibles.
   Avec script : ils se superposent et se remplacent. */
.anim-mue.prete{position:relative}
.anim-mue.prete .tf-et{position:absolute;inset:0;opacity:0;pointer-events:none}
.anim-mue.prete .tf-et1{transform:scale(1)}
.anim-mue.prete .tf-et1.on{opacity:1}
.anim-mue.prete .tf-et1.part{opacity:0;transform:scale(.955) translateY(-10px)}
.anim-mue.prete .tf-et2{transform:scale(.94) translateY(16px)}
.anim-mue.prete .tf-et2.on{opacity:1;transform:none}
.tf-et2{margin-top:18px}
.anim-mue.prete .tf-et2{margin-top:0}

.tf-carte{border:1px solid var(--trait);border-radius:12px;background:var(--blanc);
  padding:15px 18px}
.tf-carte-t{display:flex;align-items:center;gap:10px;padding-bottom:10px;
  border-bottom:1px solid var(--trait2);font-size:15px;margin-bottom:4px}
.tf-l{display:flex;gap:16px;padding:8px 0;font-size:13.5px;border-bottom:1px solid #F8F4EC}
.tf-l:last-child{border-bottom:0}
.tf-k{flex:0 0 168px;color:var(--gris);font-weight:600}
.tf-v{color:var(--encre)}

/* La page : les proportions d'un vrai document, marges comprises.
   C'est ce rapport-là qui fait dire « PDF » avant qu'on ait lu. */
.tf-pg{background:var(--blanc);border:1px solid var(--trait);border-radius:6px;
  padding:26px 30px 22px;max-width:560px;margin:0 auto;
  box-shadow:0 1px 2px rgba(31,25,21,.05),0 18px 40px rgba(31,25,21,.10)}
.tf-pg-t{font-family:'Bricolage Grotesque',sans-serif;font-size:17px;font-weight:700;
  letter-spacing:-.02em;text-align:center}
.tf-pg-st{text-align:center;font-size:12px;color:var(--gris);margin-top:5px;
  padding-bottom:14px;border-bottom:1px solid var(--trait2)}
.tf-pg-c{margin:15px 0 18px;display:flex;flex-direction:column;gap:9px}
.tf-pgl{display:block;height:7px;border-radius:4px;background:#EDE7DC}
.anim-mue.prete .tf-pgl{transform:scaleX(0);transform-origin:left center;
  transition:transform .4s cubic-bezier(.22,.61,.36,1)}
.anim-mue.prete .tf-pgl.la{transform:scaleX(1)}
.tf-pg-s{display:flex;gap:26px;padding-top:14px;border-top:1px solid var(--trait2)}
.tf-pg-sb{flex:1}
.tf-pg-sb>span{display:block;font-size:11px;color:var(--gris);font-weight:600;
  text-transform:uppercase;letter-spacing:.06em;margin-bottom:2px}
.anim-mue.prete .tf-sg svg path{stroke-dasharray:440;stroke-dashoffset:440}
.anim-mue.prete .tf-sg.la svg path{stroke-dashoffset:0;
  transition:stroke-dashoffset 1.1s cubic-bezier(.4,.1,.35,1)}
.tf-jeton{display:block;width:max-content;margin:14px auto 0;font-size:12.5px;
  font-weight:600;color:#1F5C46;background:var(--vert-halo);border:1px solid #BEDACB;
  padding:6px 13px;border-radius:99px}
.anim-mue.prete .tf-jeton{opacity:0;transform:translateY(6px);
  transition:opacity .3s,transform .3s}
.anim-mue.prete .tf-jeton.on{opacity:1;transform:none}

/* ── l'accusé de l'URSSAF ─────────────────────────────────────── */
.tf-pg-r{max-width:520px}
.tf-urssaf{display:flex;align-items:center;gap:11px;padding-bottom:13px;
  border-bottom:1px solid var(--trait2);font-size:14.5px}
.tf-urssaf-p{font-family:'Bricolage Grotesque',sans-serif;font-weight:700;font-size:13px;
  letter-spacing:.02em;color:#fff;background:#1B4F8C;padding:4px 9px;border-radius:6px}
.tf-recu{margin:13px 0 15px;display:flex;flex-direction:column}
.tf-recu-l{display:flex;gap:16px;padding:7px 0;font-size:13.5px;
  border-bottom:1px solid #F8F4EC}
.tf-recu-l span{flex:0 0 158px;color:var(--gris);font-weight:600}
.anim-mue.prete .tf-recu-l{opacity:0;transform:translateY(5px);
  transition:opacity .3s,transform .3s}
.anim-mue.prete .tf-recu-l.la{opacity:1;transform:none}
.tf-vu{display:flex;gap:12px;align-items:flex-start;background:var(--vert-halo);
  border:1px solid #BEDACB;border-radius:10px;padding:12px 14px}
.anim-mue.prete .tf-vu{opacity:0;transform:translateY(8px);
  transition:opacity .34s,transform .34s}
.anim-mue.prete .tf-vu.on{opacity:1;transform:none}
.tf-vu b{display:block;font-size:13.5px;color:#1F5C46}
.tf-vu span:last-child{font-size:12.5px;color:#3B6B57}
.tf-coche{flex:0 0 auto;width:19px;height:19px;border-radius:50%;background:var(--vert);
  position:relative;margin-top:1px}
.tf-coche::after{content:"";position:absolute;left:6px;top:3.5px;width:5px;height:9px;
  border:2px solid #fff;border-top:0;border-left:0;transform:rotate(42deg)}

@media(max-width:720px){
  .tf-k{flex:0 0 116px}
  .tf-recu-l span{flex:0 0 112px}
  .tf-pg{padding:20px 17px 17px}
  .tf-pg-s{gap:14px}
  .tf-bt{position:static;display:block;width:max-content;margin-top:12px}
  .tf-pl{padding-bottom:26px}
}

/* Pas de mouvement pour qui n'en veut pas : le script ne pose jamais
   la classe « prete », donc aucune des règles ci-dessus ne s'applique
   et tout reste à sa place définitive. */

/* ── lien d'évitement ────────────────────────────── */
.skip{position:absolute;left:-9999px;top:0;z-index:100;background:var(--encre);color:#fff;
  padding:12px 20px;border-radius:0 0 10px 0;font-weight:600;font-size:15px}
.skip:focus{left:0}
:focus-visible{outline:2px solid var(--corail);outline-offset:3px;border-radius:4px}

/* ── formulaires ─────────────────────────────────── */
.fch{margin-bottom:16px}
.fch label,.cgu span{display:block;font-size:14.5px;font-weight:600;margin-bottom:7px;
  letter-spacing:-.008em}
.fch label em{font-style:normal;font-weight:400;color:var(--gris);font-size:13.5px}
.fch input,.fch select,.fch textarea{width:100%;padding:12px 14px;border:1px solid var(--trait);
  border-radius:10px;font:inherit;font-size:16px;background:var(--creme);color:var(--encre)}
.fch textarea{resize:vertical;line-height:1.5}
.fch input:focus,.fch select:focus,.fch textarea:focus{border-color:var(--corail);
  background:#fff;outline:0}
.fch .aide{font-size:13px;color:var(--gris);margin-top:6px;line-height:1.45}
.deux-ch{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}
.deux{display:grid;grid-template-columns:auto 1fr;gap:10px;margin-top:6px}
.deux .b{justify-content:center}
.piege{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.cgu{display:flex;gap:11px;align-items:flex-start;margin:4px 0 20px;cursor:pointer}
.cgu input{accent-color:var(--corail);width:18px;height:18px;flex:0 0 18px;margin-top:2px}
.cgu span{font-weight:400;font-size:14.5px;line-height:1.5;color:var(--texte);margin:0}
.cgu a{color:var(--corail);font-weight:600}
.msg{margin-top:14px;font-size:14.5px;line-height:1.5}
.msg.ko{color:var(--corail2);background:var(--halo);border-radius:10px;padding:12px 14px}
.msg.ko a{color:var(--corail2);font-weight:600;text-decoration:underline}

.ecran{display:none}
.ecran.on{display:block}
.etapes{display:flex;align-items:center;gap:8px;margin-bottom:24px}
.etapes span{width:26px;height:26px;border-radius:50%;background:var(--creme2);
  color:var(--gris);display:grid;place-items:center;font-size:13px;font-weight:700;
  flex:0 0 26px;transition:.2s}
.etapes span.on{background:var(--corail);color:#fff}
.etapes i{flex:1;height:2px;background:var(--creme2);border-radius:2px}

.fini{text-align:center;padding:14px 0}
.rond-ok{width:56px;height:56px;border-radius:50%;background:var(--vert-halo);
  color:var(--vert);display:grid;place-items:center;font-size:27px;font-weight:700;
  margin:0 auto 20px}

@media(max-width:560px){ .deux-ch{grid-template-columns:1fr} }

/* ── landing ─────────────────────────────────────── */
.lp-h{background:var(--nuit);color:#EFE8DF;padding:26px 0}
.lp-h .ct{display:flex;align-items:center;gap:16px}
.lp-h .logo{color:#fff;margin:0}
.lp-h .sp{flex:1}
.lp-h .rass{font-size:14px;color:#A99E93}
.lp-hero{padding:66px 0 0}
.lp-preuve{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}
.lp-preuve span{display:inline-flex;align-items:center;gap:8px;font-size:14.5px;
  font-weight:600;color:var(--texte);background:var(--blanc);border:1px solid var(--trait);
  border-radius:999px;padding:8px 16px}
.lp-preuve span::before{content:'✓';color:var(--vert);font-weight:700}

/* ── tableau de comparaison ──────────────────────── */
table.cmp-t.vs thead th:nth-child(2){color:var(--corail);background:var(--halo)}
table.cmp-t.vs tbody td.nous{font-weight:600;color:var(--encre);background:#FDF7F4}
table.cmp-t.vs thead th:not(:first-child){width:33%}
table.cmp-t.vs tbody td{text-align:left}

/* ══════════ v2026-09 · logo, méga-menu, pages de fonctionnalités ══════════ */
.logo-img{display:block;height:26px;width:auto;max-width:none}
.logo:has(.logo-img){flex:0 0 auto}
footer .logo-img{height:28px}
.lp-h .logo-img,.att-h .logo-img{height:28px}
/* le méga-menu : pleine largeur sous l'en-tête */
.drop.mmd{position:static;align-self:stretch;display:flex;align-items:center}
.mmd>button[aria-expanded="true"],.mmd:hover>button{color:var(--encre);background:var(--creme2)}
.mm{display:none;position:absolute;left:0;right:0;top:100%;background:var(--blanc);border-bottom:1px solid var(--trait);
  box-shadow:0 30px 60px -20px rgba(31,25,21,.18);padding:28px 0 24px;max-height:calc(100vh - 62px);overflow:auto}
.mmd:hover .mm,.mm.on,.mmd:has(:focus-visible) .mm{display:block}
.mm-g{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.mm-t{font-size:12.5px;color:var(--gris);font-weight:600;margin:0 0 10px 10px}
.mm-a{display:flex;gap:12px;align-items:flex-start;padding:10px;border-radius:12px;text-decoration:none;color:var(--encre);transition:background .12s}
.mm-a:hover,.mm-a[aria-current]{background:var(--creme)}
.mm-a b{display:flex;align-items:center;gap:7px;flex-wrap:wrap;font-size:14.5px;font-weight:600;line-height:1.3;letter-spacing:-.01em}
.mm-a>span>span{display:block;font-size:12.5px;color:var(--gris);line-height:1.45;margin-top:3px}
.mm-ic{width:34px;height:34px;flex:0 0 34px;border-radius:10px;background:var(--halo);color:var(--corail);display:grid;place-items:center}
.mm-ic svg{width:18px;height:18px}
.mm-new{font-style:normal;font-size:10.5px;font-weight:700;color:var(--vert);background:var(--vert-halo);border-radius:99px;padding:2px 8px;letter-spacing:0}
.mm-band{margin-top:20px;display:flex;align-items:center;gap:16px;background:var(--halo);border:1px solid #F4D5C8;border-radius:16px;padding:14px 16px 14px 18px}
.mm-bl{display:flex;align-items:center;gap:14px;flex:1}
.mm-sig{height:36px;width:auto}
.mm-band b{display:block;font-size:15px;color:var(--encre)}
.mm-bl span{font-size:13px;color:var(--texte)}
.mm-cta{background:#fff;border:1px solid var(--trait);color:var(--encre)}
@media(max-width:1100px){.mm-g{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){.drop.mmd{display:none}}
/* le menu du téléphone, en accordéon */
.mobmenu details.mmob{border-bottom:1px solid var(--trait)}
.mobmenu details.mmob summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;
  font-size:17.5px;font-weight:600;letter-spacing:-.015em;padding:14px 0}
.mobmenu details.mmob summary::-webkit-details-marker{display:none}
.mobmenu details.mmob summary::after{content:'';width:8px;height:8px;border-right:1.7px solid currentColor;border-bottom:1.7px solid currentColor;
  transform:rotate(45deg);opacity:.55;margin-right:4px;transition:transform .15s}
.mobmenu details.mmob[open] summary::after{transform:rotate(-135deg)}
.mobmenu details.mmob a{display:flex;align-items:center;gap:12px;font-size:15.5px;font-weight:500;padding:8px 0;border:0}
.mobmenu details.mmob a:last-child{margin-bottom:10px}
.mobmenu details.mmob a .mm-ic{display:grid;place-items:center;margin:0;width:30px;height:30px;flex:0 0 30px;border-radius:9px;letter-spacing:0}
.mobmenu .mm-ic svg{width:16px;height:16px}
#bulletins{scroll-margin-top:90px}
/* ═══ Les visuels des pages ═══ */
.mx-in{padding:0}
.mx-fig{background:var(--blanc);border:1px solid var(--trait);border-radius:16px;box-shadow:var(--ombre-h);padding:18px;overflow:hidden}
.dark .mx-fig{background:#231C17;border-color:#3A302A}
@media(min-width:981px){.mx-inv{grid-template-columns:1.12fr 1fr}}
@media(max-width:980px){.mx-inv>div:first-child{order:2}}
.mx-q{border-bottom:1px solid var(--trait);padding:16px 0}
.mx-q summary{font-weight:600;cursor:pointer;color:var(--encre)}
.mx-q p{margin:10px 0 0;color:var(--texte)}
.mx-note{display:flex;gap:10px;align-items:center;font-size:14px;color:var(--gris)}
.mx-note svg{width:18px;height:18px}
/* messagerie */
.mx-app{display:grid;grid-template-columns:190px 1fr;min-height:430px;font-size:12.5px}
.mx-lst{border-right:1px solid var(--trait);padding:12px;background:var(--creme)}
.mx-srch{border:1px solid var(--trait);border-radius:9px;padding:7px 10px;color:var(--gris);background:#fff}
.mx-fl{display:flex;gap:4px;margin:9px 0;flex-wrap:wrap}
.mx-fl b{font-size:10.5px;font-weight:600;padding:3px 7px;border-radius:99px;border:1px solid var(--trait);color:var(--texte)}
.mx-fl b.on{background:var(--encre);color:#fff;border-color:var(--encre)}
.mx-cv{display:flex;gap:8px;align-items:center;padding:8px;border-radius:10px}
.mx-cv.on{background:#fff;box-shadow:var(--ombre)}
.mx-cv span{flex:1;min-width:0}.mx-cv b{display:block;font-size:12px}
.mx-cv i{display:block;font-style:normal;font-size:11px;color:var(--gris);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mx-cv em{font-style:normal;background:var(--corail);color:#fff;border-radius:99px;font-size:10px;font-weight:700;padding:1px 6px}
.mx-app .av,.mx-panel .av,.mx-tel .av,.mx-ptab .av{width:26px;height:26px;font-size:9.5px;flex:0 0 26px}
.mx-fil{min-width:0;display:flex;flex-direction:column;gap:10px;padding:12px 14px}
.mx-fh{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--trait2);padding-bottom:8px}
.mx-svc{font-size:11px;color:var(--vert);font-weight:600;display:flex;gap:5px;align-items:center}
.mx-svc i{width:7px;height:7px;border-radius:50%;background:var(--vert)}
.mx-ann{border:1px solid #F4D5C8;background:var(--halo);border-radius:12px;padding:10px 12px;display:grid;gap:6px}
.mx-annt{display:flex;gap:6px;align-items:center;font-size:10.5px;font-weight:700;color:var(--corail2);text-transform:uppercase;letter-spacing:.05em}
.mx-annt svg{width:13px;height:13px}
.mx-annp{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--texte)}
.mx-bar{flex:0 0 90px;height:5px;border-radius:3px;background:#F3D6CA;overflow:hidden}.mx-bar i{display:block;height:100%;background:var(--corail)}
.mx-ok{justify-self:start;display:inline-flex;gap:5px;align-items:center;font-size:11px;font-weight:700;color:var(--vert);background:#fff;border:1px solid #CFE3D8;border-radius:99px;padding:3px 9px}
.mx-ok svg{width:12px;height:12px}
.mx-m{display:flex;gap:8px;align-items:flex-end}
.mx-m.moi{justify-content:flex-end}
.mx-qui{font-size:10.5px;color:var(--gris);display:block;margin-bottom:3px}
.mx-bu{background:var(--creme2);border-radius:14px 14px 14px 4px;padding:8px 11px;display:grid;gap:5px;max-width:300px}
.mx-m.moi .mx-bu{background:var(--halo);border-radius:14px 14px 4px 14px}
.mx-voc{display:flex;align-items:center;gap:8px}
.mx-play{width:24px;height:24px;border-radius:50%;background:var(--corail);color:#fff;display:grid;place-items:center;font-size:9px}
.mx-onde{display:flex;align-items:center;gap:2px;height:22px}
.mx-onde i{width:3px;border-radius:2px;background:#C9A99A}
.mx-du,.mx-x{font-size:10.5px;color:var(--texte);font-weight:600}
.mx-x{background:#fff;border-radius:99px;padding:1px 5px}
.mx-ck{display:flex;gap:6px;align-items:center;font-size:11.5px;min-height:18px}
.mx-ck::before{content:'';width:14px;height:14px;border-radius:4px;border:1.5px solid #CDBFB0;background:#fff;flex:0 0 14px}
.mx-ck.on::before{display:none}
.mx-ck svg{width:14px;height:14px;background:var(--vert);color:#fff;border-radius:4px;padding:2px}
.mx-ck i{font-style:normal;color:var(--gris);font-size:10.5px;margin-left:auto}
.mx-so{position:relative;display:flex;justify-content:space-between;border:1px solid var(--trait);border-radius:8px;padding:5px 8px;background:#fff;overflow:hidden;font-size:11.5px}
.mx-so i{position:absolute;left:0;top:0;bottom:0;background:#FCE3D8;z-index:0}
.mx-so span,.mx-so em{position:relative;z-index:1;font-style:normal;font-weight:600}
.mx-lu{display:flex;align-items:center;gap:0;font-size:10.5px;color:var(--gris)}
.mx-lu .av{width:18px!important;height:18px!important;flex:0 0 18px!important;font-size:7px!important;margin-right:-4px;border:1.5px solid #fff}
.mx-comp{margin-top:auto;display:flex;align-items:center;gap:8px;border:1px solid var(--trait);border-radius:12px;padding:7px 8px 7px 12px;color:var(--gris)}
.mx-comp span:first-child{flex:1}
.mx-cico,.mx-send{width:28px;height:28px;border-radius:8px;display:grid;place-items:center}
.mx-cico svg,.mx-send svg{width:16px;height:16px}
.mx-send{background:var(--corail);color:#fff}
.mx-panel{display:grid;gap:9px;font-size:13px}
.mx-pt{font-weight:700;font-size:15px;color:var(--encre);display:flex;justify-content:space-between;align-items:baseline;gap:10px}
.mx-pt span{font-weight:500;font-size:12px;color:var(--gris)}
.mx-seg{display:flex;background:var(--creme2);border-radius:10px;padding:3px}
.mx-seg b{flex:1;text-align:center;font-size:12px;font-weight:600;padding:6px;border-radius:8px;color:var(--texte)}
.mx-seg b.on{background:#fff;color:var(--encre);box-shadow:var(--ombre)}
.mx-lab{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--gris);margin-top:4px}
.mx-rad{display:flex;gap:9px;align-items:center;padding:8px 10px;border:1px solid var(--trait);border-radius:10px}
.mx-rad i{width:14px;height:14px;border-radius:50%;border:1.5px solid #CDBFB0}
.mx-rad.on{border-color:var(--corail);background:var(--halo)}.mx-rad.on i{border:4px solid var(--corail)}
.mx-chips{display:flex;gap:6px;flex-wrap:wrap}
.mx-chips b{font-size:12px;font-weight:600;border:1px solid var(--trait);border-radius:99px;padding:5px 11px;color:var(--texte)}
.mx-chips b.on{background:var(--encre);color:#fff;border-color:var(--encre)}
.mx-cpt{background:var(--creme);border-radius:10px;padding:9px 11px;display:grid;gap:2px}
.mx-cpt span{font-size:11.5px;color:var(--gris)}
.mx-avs{display:flex;align-items:center}
.mx-avs .av{margin-right:-6px;border:2px solid #fff}
.mx-avs>span:not(.av){margin-left:12px;font-size:12px;color:var(--gris);font-weight:600}
.mx-full{justify-content:center;width:100%}
.mx-tri{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.mx-tri div{border-radius:10px;padding:9px 10px;background:var(--vert-halo);color:var(--vert)}
.mx-tri div.att{background:#FBF1DB;color:#946A12}.mx-tri div.abs{background:var(--creme2);color:var(--texte)}
.mx-tri b{display:block;font-size:22px;font-family:'Bricolage Grotesque',sans-serif}.mx-tri span{font-size:11px}
.mx-row{display:flex;align-items:center;gap:10px;padding:7px 0;border-bottom:1px solid var(--trait2)}
.mx-row span{flex:1}.mx-row b{display:block;font-size:12.5px}.mx-row i{font-style:normal;font-size:11px;color:var(--gris)}
.mx-row em{font-style:normal;font-size:11px;font-weight:700;border-radius:99px;padding:2px 8px}
.mx-row em.ok{background:var(--vert-halo);color:var(--vert)}.mx-row em.att{background:#FBF1DB;color:#946A12}
.mx-2b{display:flex;gap:8px}
.mx-2b .b{padding:9px 13px;font-size:13px}
.mx-2b .b svg{width:15px;height:15px}
/* téléphone */
.mx-tel{width:250px;margin:0 auto;border:9px solid #0E0B09;border-radius:36px;background:#0E0B09;box-shadow:0 30px 60px -20px rgba(0,0,0,.5)}
.mx-tsc{background:var(--creme);border-radius:27px;min-height:430px;padding:14px 12px;display:flex;flex-direction:column;gap:10px;color:var(--encre);font-size:12px}
.mx-tbar{display:flex;justify-content:space-between;align-items:baseline;padding:4px 4px 8px;border-bottom:1px solid var(--trait)}
.mx-tbar span{font-size:10.5px;color:var(--vert);font-weight:600}
.mx-trec{margin-top:auto;display:flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--trait);border-radius:99px;padding:6px 10px}
.mx-rp{width:9px;height:9px;border-radius:50%;background:#D9362B}
.mx-lock{margin-left:auto;font-size:12px;color:var(--gris)}
.mx-tglis{text-align:center;font-size:10.5px;color:var(--gris)}
.mx-al{display:flex;gap:9px;align-items:center;background:var(--halo);border:1px solid #F4D5C8;border-radius:12px;padding:9px 10px;color:var(--corail2)}
.mx-al svg{width:18px;height:18px}.mx-al b{display:block;font-size:12px;color:var(--encre)}.mx-al i{font-style:normal;font-size:10.5px;color:var(--texte)}
.mx-tfi{background:#fff;border:1px solid var(--trait);border-radius:12px;padding:10px;display:grid;gap:5px}
.mx-tfi>span{font-size:11px;color:var(--gris)}
.mx-tfl{display:flex;justify-content:space-between;border-top:1px solid var(--trait2);padding-top:5px}
.mx-tfl i{font-style:normal;color:var(--texte)}
.mx-err{text-align:center;font-size:12px;color:var(--corail2);font-weight:600;text-decoration:none}
.mx-tel .b{padding:10px;font-size:13px}
/* pointages */
.mx-fr{display:grid;grid-template-columns:62px repeat(7,1fr);gap:4px 5px;align-items:center;padding:14px 14px 10px;font-size:11px}
.mx-fr>b{display:flex;flex-direction:column;align-items:center;font-size:11.5px;border-radius:7px;padding:3px 0}
.mx-fr>b i{font-style:normal;font-weight:500;font-size:9.5px;color:var(--gris)}
.mx-fr>b.on{background:var(--encre);color:#fff}.mx-fr>b.on i{color:rgba(255,255,255,.7)}
.mx-frl{font-size:9.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--gris)}
.mx-fc{height:22px;border-radius:6px;display:grid;place-items:center;font-style:normal;font-weight:700}
.mx-fc svg{width:12px;height:12px}
.mx-fc.ok{background:#EFF4E7;color:#55803B}.mx-fc.af,.mx-fc.env{background:#FAF1DB;color:#A97614}
.mx-fc.sig{background:#EDF0F7;color:#4A5A8C}.mx-fc.ano,.mx-fc.ref{background:#FAEBEC;color:#C43C43}.mx-fc.vide{background:var(--creme2);color:var(--gris)}
.mx-ptab{border-top:1px solid var(--trait);font-size:12px}
.mx-pr{display:grid;grid-template-columns:26px 1fr 92px 70px 70px auto;gap:9px;align-items:center;padding:9px 14px;border-bottom:1px solid var(--trait2)}
.mx-pn b{display:block;font-size:12px}.mx-pn i{font-style:normal;font-size:10.5px;color:var(--gris)}
.mx-ph{font-weight:600;font-variant-numeric:tabular-nums}
.mx-pv{display:flex;gap:4px}
.mx-ph1{width:22px;height:22px;border-radius:6px;background:linear-gradient(135deg,#D8C4B2,#A98A73)}
.mx-sg{width:32px;height:20px;border:1px solid var(--trait);border-radius:5px;background:#fff url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 20'><path d='M4 14c5-8 8-10 10-8s-3 10 1 9 5-10 8-9-1 9 3 9 4-6 7-6 1 5 4 5 4-4 7-4 4 3 8 2' fill='none' stroke='%232c2c6e' stroke-width='1.6' stroke-linecap='round'/></svg>") center/90% no-repeat}
.mx-pin{width:22px;height:22px;border-radius:6px;border:1px solid var(--trait);display:grid;place-items:center}
.mx-pin svg{width:13px;height:13px}.mx-pin.loin{border-color:#C43C43;color:#C43C43;background:#FAEBEC}
.mx-st{font-size:10.5px;font-weight:700;border-radius:99px;padding:2px 8px;justify-self:start}
.mx-st.at{background:#FAF1DB;color:#A97614}.mx-st.ok{background:#EFF4E7;color:#55803B}
.mx-2{display:flex;gap:5px;justify-content:flex-end}
.mx-2 b{font-size:11px;border:1px solid var(--trait);border-radius:8px;padding:5px 9px;background:#fff}
.mx-2 b.v{background:#55803B;border-color:#55803B;color:#fff}
.mx-a4{background:#fff;border-radius:6px;padding:20px 22px;font-size:11.5px;color:#2b2118;box-shadow:0 1px 0 var(--trait)}
.mx-a4h{display:flex;align-items:center;gap:14px;border-bottom:1.5px solid #2b2118;padding-bottom:10px}
.mx-a4h img{height:18px}.mx-a4h b{display:block;font-size:15px}.mx-a4h span{font-size:10.5px;color:var(--gris)}
.mx-a4id{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0}
.mx-a4id div{background:var(--creme);border-radius:6px;padding:6px 8px}
.mx-a4id i,.mx-a4f i{display:block;font-style:normal;font-size:9px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--gris)}
.mx-a4t{display:grid;grid-template-columns:62px 1fr 104px 48px;gap:0;align-items:center}
.mx-a4t>*{padding:7px 4px;border-bottom:1px solid var(--trait2)}
.mx-a4t>span:nth-child(-n+4){font-size:9px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--gris)}
.mx-a4s{display:flex;gap:4px}.mx-a4s svg{width:46px;height:16px}
.mx-a4f{display:grid;grid-template-columns:1fr 1.6fr;gap:10px;margin-top:12px}
.mx-a4f>div{border:1px solid var(--trait);border-radius:6px;padding:8px}
.mx-a4f b{font-size:16px;color:var(--corail2)}
.mx-a4sg svg{width:110px;height:28px;display:block}
.mx-a4sg span{display:flex;gap:5px;align-items:center;font-size:10px;color:#55803B;font-weight:600}
.mx-a4sg span svg{width:12px;height:12px}
.mx-prv{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.mx-prv>div{border:1px solid var(--trait);border-radius:12px;padding:14px;display:grid;justify-items:center;gap:6px;text-align:center}
.mx-prv b{font-size:14px}.mx-prv span{font-size:12px;color:var(--gris)}
.mx-ph2{width:64px;height:64px;border-radius:12px;background:linear-gradient(135deg,#E3D2C2,#A98A73)}
.mx-sg2{width:96px;height:64px;border:1px solid var(--trait);border-radius:12px;display:grid;place-items:center}.mx-sg2 svg{width:80px;height:24px}
.mx-pin2{width:64px;height:64px;border-radius:12px;background:#FAEBEC;color:#C43C43;border:1px solid #C43C43;display:grid;place-items:center}.mx-pin2 svg{width:26px;height:26px}
/* coûts */
.mx-kpi{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:14px}
.mx-kpi div{background:var(--creme);border-radius:10px;padding:10px 12px}
.mx-kpi i{display:block;font-style:normal;font-size:11px;color:var(--gris)}.mx-kpi b{font-size:19px;font-family:'Bricolage Grotesque',sans-serif}
.mx-bars{display:flex;align-items:flex-end;gap:7px;height:170px;border-bottom:1px solid var(--trait);padding:0 4px}
.mx-bc{flex:1;display:flex;flex-direction:column;align-items:center;gap:5px;justify-content:flex-end;height:100%}
.mx-bst{width:100%;max-width:26px;border-radius:5px 5px 0 0;overflow:hidden;display:flex;flex-direction:column-reverse}
.mx-bst i{display:block}.mx-bc em{font-style:normal;font-size:10px;color:var(--gris);transform:translateY(18px)}
:is(.mx-bst,.mx-lg) i.n{background:var(--corail)}:is(.mx-bst,.mx-lg) i.c{background:#F2B9A5}:is(.mx-bst,.mx-lg) i.f{background:#6E5B47}
.mx-lg{display:flex;gap:14px;flex-wrap:wrap;margin-top:24px;font-size:11.5px;color:var(--texte)}
.mx-lg span{display:flex;gap:6px;align-items:center}.mx-lg i{width:10px;height:10px;border-radius:3px}
.mx-lv{display:flex;gap:10px;align-items:center;border:1px solid var(--trait);border-radius:10px;padding:9px 11px}
.mx-lv span:nth-child(2){flex:1}.mx-lv b{display:block;font-size:13px}.mx-lv i{font-style:normal;font-size:11px;color:var(--gris)}
.mx-lv em{font-style:normal;font-weight:700;color:var(--corail2)}
.mx-sw{width:30px;height:18px;border-radius:99px;background:#D8CFC3;position:relative;flex:0 0 30px}
.mx-sw.on{background:var(--vert)}.mx-sw::after{content:'';position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:50%;background:#fff}
.mx-sw.on::after{left:14px}
.mx-res{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.mx-res div{background:var(--nuit);color:#fff;border-radius:10px;padding:10px 12px}
.mx-res i{display:block;font-style:normal;font-size:10.5px;opacity:.7}.mx-res b{font-size:14px}
.mx-jg{display:flex;height:16px;border-radius:99px;background:#6E5B47;overflow:hidden}
.mx-jg i.r{background:var(--corail)}.mx-jg i.p{background:#F2B9A5}
@media(max-width:700px){.mx-app{grid-template-columns:minmax(0,1fr)}.mx-fil{min-width:0}.mx-bu{max-width:100%}.mx-lst{display:none}
.mx-fr{grid-template-columns:62px repeat(4,1fr)}.mx-fr>b:nth-of-type(-n+3),.mx-fr>i:nth-of-type(-n+3),.mx-fr>i:nth-of-type(n+8):nth-of-type(-n+10){display:none}
.mx-pv{display:none}.mx-pr{grid-template-columns:26px 1fr auto;row-gap:4px}.mx-pr .mx-ph{grid-column:2}.mx-pr .mx-st{grid-column:3;grid-row:1}.mx-pr .mx-2{grid-column:2/4;justify-self:end}}
.mx-lut{margin-left:10px}

/* ═══ Modulation ═══ */
.mx-kpok{background:var(--vert-halo)!important}.mx-kpok b{color:var(--vert)}
.mx-cpt2{position:relative;height:190px;border-bottom:1px solid var(--trait);margin:4px 0 26px}
.mx-mid{position:absolute;left:0;right:0;top:50%;border-top:1.5px dashed #D2BFAE;z-index:1}
.mx-mid i{position:absolute;right:0;top:-19px;font-style:normal;font-size:10.5px;color:var(--gris);background:var(--blanc);padding:0 4px}
.mx-sems{position:absolute;inset:0;display:flex;gap:6px;padding:0 4px}
.mx-sem{flex:1;position:relative}
.mx-sem b{position:absolute;left:12%;right:12%;border-radius:4px}
.mx-sem.h b{bottom:50%;background:var(--corail)}.mx-sem.l b{top:50%;background:#C8B7A6}.mx-sem.z b{bottom:calc(50% - 1px);background:var(--gris)}
.mx-sem em{position:absolute;bottom:-20px;left:50%;transform:translateX(-50%);font-style:normal;font-size:10px;color:var(--gris)}
.mx-lg i.mx-lh{background:var(--corail)}.mx-lg i.mx-ll{background:#C8B7A6}
.mx-dd{display:flex;align-items:center;gap:8px}.mx-dd span{flex:1;border:1px solid var(--trait);border-radius:9px;padding:7px 10px;background:#fff;font-weight:600}
.mx-dd i{font-style:normal;color:var(--gris)}
.mx-wk{display:grid;grid-template-columns:40px 1fr 40px 130px;gap:10px;align-items:center;padding:6px 0;border-bottom:1px solid var(--trait2)}
.mx-wk b{font-size:12px}.mx-wk em{font-style:normal;font-weight:600;font-variant-numeric:tabular-nums}
.mx-wkb{height:8px;border-radius:99px;background:var(--creme2);overflow:hidden}.mx-wkb i{display:block;height:100%;background:var(--corail);border-radius:99px}
.mx-wkc{font-size:11px;font-weight:700;border-radius:99px;padding:2px 8px;justify-self:end}
.mx-wkc.h{background:var(--vert-halo);color:var(--vert)}.mx-wkc.hs{background:#FBF1DB;color:#946A12}.mx-wkc.l{background:var(--creme2);color:var(--texte)}
.mx-dk{background:transparent;color:#EFE8DF}
.mx-dk .mx-pt{color:#fff}.mx-dk .mx-row{border-color:#3A302A}.mx-dk .mx-row b{color:#fff}.mx-dk .mx-row i{color:#A99E93}
.mx-dk .mx-cpt{background:#2E2520}.mx-dk .mx-cpt b{color:#fff}.mx-dk .mx-cpt span{color:#A99E93}
/* ═══ Application salarié ═══ */
.mx-duo{display:flex;gap:18px;justify-content:center;padding:18px 10px;background:var(--creme)}
.mx-duo .mx-tel{margin:0;width:236px}
.mx-duo .mx-tel:last-child{margin-top:34px}
.mx-tapp{padding-bottom:0!important;overflow:hidden}
.mx-tab{margin:auto -12px 0;display:flex;justify-content:space-around;border-top:1px solid var(--trait);background:var(--blanc);padding:7px 4px 9px}
.mx-tab span{display:grid;justify-items:center;gap:2px;color:var(--gris)}.mx-tab svg{width:17px;height:17px}
.mx-tab i{font-style:normal;font-size:9px;font-weight:600}.mx-tab span.on{color:var(--corail)}
.mx-cloche{position:relative;color:var(--texte)!important}.mx-cloche svg{width:17px;height:17px}
.mx-cloche i{position:absolute;top:-5px;right:-6px;background:var(--corail);color:#fff;font-style:normal;font-size:8.5px;font-weight:700;border-radius:99px;padding:0 4px}
.mx-etat{background:#fff;border:1px solid var(--trait);border-radius:12px;padding:10px;display:grid;gap:3px}
.mx-etat b{font-size:13.5px}.mx-etat>span:last-child{font-size:10.5px;color:var(--gris)}
.mx-tsc .b svg{width:15px;height:15px}
.mx-jours{display:grid;grid-template-columns:repeat(7,1fr);gap:3px;text-align:center}
.mx-jours span{border-radius:9px;padding:4px 0;display:grid}.mx-jours i{font-style:normal;font-size:9.5px;color:var(--gris)}.mx-jours b{font-size:12.5px}
.mx-jours span.on{background:var(--encre);color:#fff}.mx-jours span.on i{color:rgba(255,255,255,.7)}
.mx-shl{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--trait);border-radius:10px;padding:7px 8px}
.mx-shl span{flex:1;min-width:0}.mx-shl b{display:block;font-size:11.5px}.mx-shl i{font-style:normal;font-size:10px;color:var(--gris)}
.mx-shl em svg{width:12px;height:12px;display:block}
.mx-shl em{font-style:normal;font-size:10px;font-weight:700;color:#fff;border-radius:6px;padding:3px 6px;white-space:nowrap}
.mx-ech{display:flex;gap:8px;align-items:center;border:1.5px dashed #E6B6A2;border-radius:10px;padding:8px;color:var(--corail2)}
.mx-ech svg{width:17px;height:17px;flex:0 0 17px}.mx-ech b{display:block;font-size:11.5px;color:var(--encre)}.mx-ech i{font-style:normal;font-size:10px;color:var(--gris)}
.mx-scan{background:#2A231E;border-radius:12px;padding:16px 18px;display:grid;place-items:center}
.mx-doc{position:relative;width:150px;height:190px;background:#F7F3EC;transform:perspective(400px) rotateX(8deg) rotate(-4deg);border-radius:3px;padding:18px 14px;display:grid;gap:8px;align-content:start}
.mx-doc b{display:block;height:6px;border-radius:3px;background:#D6CCC0}.mx-doc b:nth-of-type(2){width:70%}.mx-doc b:nth-of-type(4){width:55%}
.mx-doc i{position:absolute;width:14px;height:14px;border-radius:50%;background:#fff;border:3px solid var(--corail)}
.mx-doc i:nth-of-type(1){left:-7px;top:-7px}.mx-doc i:nth-of-type(2){right:-7px;top:-7px}.mx-doc i:nth-of-type(3){left:-7px;bottom:-7px}.mx-doc i:nth-of-type(4){right:-7px;bottom:-7px}
.mx-doc i.c{position:absolute;inset:0;width:auto;height:auto;border-radius:3px;background:none;border:2px solid var(--corail)}
.mx-tsc .mx-2b{justify-content:center}
.mx-conf{background:#fff;border:1px solid var(--trait);border-radius:14px;padding:14px 12px;display:grid;justify-items:center;text-align:center;gap:5px}
.mx-conf svg{width:26px;height:26px;color:var(--corail)}.mx-conf b{font-size:13px}.mx-conf span{font-size:10.5px;color:var(--gris)}
.mx-conf i{font-style:normal;font-size:10.5px;font-weight:600;color:#946A12;background:#FBF1DB;border-radius:99px;padding:2px 8px}
.mx-badge{display:flex;gap:10px;align-items:center;background:#fff;border:1px solid var(--trait);border-radius:12px;padding:9px}
.mx-badge b{display:block;font-size:12px}.mx-badge span i{font-style:normal;font-size:10px;color:var(--gris)}
.mx-qr{display:grid;grid-template-columns:repeat(7,6px);gap:1px;padding:3px;background:#fff;border:1px solid var(--trait);border-radius:4px}
.mx-qr i{width:6px;height:6px}.mx-qr i.q0,.mx-qr i.q2{background:var(--encre)}
/* ═══ Nouveautés sur l'accueil ═══ */
.split .lead+ul.checks.mt-s{margin-top:22px}
.mx-nv{margin-top:56px}
.mx-g5{display:grid;grid-template-columns:repeat(5,1fr);margin-top:18px;border:1px solid var(--trait);border-radius:var(--r);overflow:hidden;background:var(--blanc)}
.mx-g5>.card{border:0;border-radius:0;box-shadow:1px 0 0 var(--trait),0 1px 0 var(--trait);padding:24px}
@media(max-width:1100px){.mx-g5{grid-template-columns:repeat(3,1fr)}}@media(max-width:700px){.mx-g5{grid-template-columns:1fr}}
.mx-g5 .card h3{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
@media(max-width:700px){.mx-fig{padding:12px}.mx-prv{gap:6px}.mx-prv>div{padding:10px 4px}.mx-sg2{width:72px}.mx-sg2 svg{width:60px}.mx-duo .mx-tel:last-child{display:none}.mx-wk{grid-template-columns:40px 1fr 110px}.mx-wk em{display:none}}

/* ══════════ v2026-09 · secteurs, offres ══════════ */
.mm-sect .mm-g{grid-template-columns:repeat(3,1fr)}
@media(max-width:1100px){.mm-sect .mm-g{grid-template-columns:repeat(2,1fr)}}
.sx-ne{display:grid;gap:6px;text-decoration:none;color:var(--encre);background:var(--creme);border-radius:14px;padding:14px;margin-top:2px}
.sx-ne-v{display:flex;align-items:center;justify-content:center;height:70px;border-radius:10px;background:#fff;border:1px solid var(--trait)}
.sx-ne-v img{height:44px;width:auto}
.sx-ne b{font-size:14.5px;line-height:1.3}.sx-ne span{font-size:12.5px;color:var(--gris)}.sx-ne em{font-style:normal;font-size:13px;font-weight:700;color:var(--corail)}
.sx-bap{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:22px}
.sx-bap>div{border:1px solid var(--trait);border-radius:14px;padding:12px 14px;background:var(--blanc)}
.sx-bap i{display:flex;gap:6px;align-items:center;font-style:normal;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--gris)}
.sx-bap i svg{width:14px;height:14px}.sx-bap b{display:block;font-size:14.5px;margin-top:4px;line-height:1.35}
.sx-p.pv-ecran{border-color:#CFE0D7}.sx-p.pv-ecran i{color:var(--vert)}.sx-p.pv-loi{border-color:#D6DDEF}.sx-p.pv-loi i{color:#3A66AE}
.sx-p.pv-client{border-color:#F4D5C8}.sx-p.pv-client i{color:var(--corail)}
.band .sx-bap>div{background:#fff}
.sx-n{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--halo);color:var(--corail);font-weight:700;margin-bottom:12px}
.sx-surv{padding:16px;display:grid;gap:12px;font-size:12px}
.sx-sh{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.sx-sh b{font-size:14px;margin-right:auto}
.sx-met,.sx-aff,.sx-vent{display:inline-flex;gap:5px;align-items:center;font-size:11.5px;font-weight:600;border-radius:99px;padding:3px 9px;background:#FBF1DB;color:#946A12}
.sx-aff{background:var(--vert-halo);color:var(--vert)}.sx-met svg,.sx-vent svg{width:14px;height:14px}
.sx-vent{background:#E7EEF9;color:#3A66AE;justify-self:start}
.sx-sg{display:grid;gap:6px;align-items:center;grid-template-columns:104px repeat(var(--n),minmax(0,1fr))}
.sx-sg em{font-style:normal;font-size:10.5px;color:var(--gris);text-align:center}.sx-sg>b{font-size:11.5px}
.sx-c{display:grid;place-items:center;height:36px;border-radius:9px;background:var(--creme)}
.sx-c .av{width:26px;height:26px;font-size:9.5px}.sx-c.ko{background:#FAEBEC;box-shadow:inset 0 0 0 1.5px #C43C43}
.sx-c.vide{background:repeating-linear-gradient(135deg,var(--creme),var(--creme) 5px,#F3ECE2 5px,#F3ECE2 10px)}
.sx-al{display:flex;gap:9px;align-items:flex-start;background:#FAEBEC;color:#8E2A2F;border-radius:10px;padding:9px 11px}
.sx-al svg{width:16px;height:16px;flex:0 0 16px;margin-top:1px}
.mx-row em.ko{background:#FAEBEC;color:#C43C43}
.sx-chk{padding:16px}
.sx-rot .mx-wk{grid-template-columns:48px 1fr 64px 112px}
.sx-cli{display:grid;gap:10px}.sx-cli img{height:54px;width:auto;justify-self:start}.sx-cli b{display:block;font-size:16px}.sx-cli span{font-size:13px;color:var(--gris)}
.sx-cli p{font-size:15px;color:var(--texte);margin:0}
.sx-bil{display:flex;align-items:flex-end;gap:8px;height:190px;border-bottom:1px solid var(--trait);padding-bottom:0}
.sx-bil>div{flex:1;display:grid;justify-items:center;gap:4px;align-content:end;height:100%;position:relative}
.sx-bv{width:100%;max-width:30px;background:var(--corail);border-radius:5px 5px 0 0;position:relative;opacity:.85}
.sx-bv i{position:absolute;top:-16px;left:50%;transform:translateX(-50%);font-style:normal;font-size:10px;color:var(--gris)}
.sx-bil b{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--encre);color:#fff;font-size:10.5px}
.sx-bil em{position:absolute;bottom:-18px;font-style:normal;font-size:10px;color:var(--gris)}
.sx-carte{position:relative;height:260px;border-radius:12px;background:#E9EFE0;overflow:hidden}
.sx-cz{position:absolute;border:2px dashed rgba(44,122,95,.55);border-radius:40%;background:rgba(44,122,95,.08)}
.sx-cz i{position:absolute;top:8px;left:10px;font-style:normal;font-size:11px;font-weight:700;color:var(--vert)}
.sx-cz.a{left:6%;top:52%;width:30%;height:40%}.sx-cz.b{left:40%;top:8%;width:42%;height:42%}.sx-cz.c{left:66%;top:52%;width:28%;height:40%}.sx-cz.d{left:30%;top:56%;width:30%;height:28%}
.sx-pin{position:absolute;transform:translate(-50%,-50%)}.sx-pin .av{width:28px;height:28px;font-size:10px;box-shadow:0 0 0 3px #fff}
.sx-pin.loin .av{box-shadow:0 0 0 3px #C43C43}
.sx-pl{display:flex;justify-content:space-between;border-bottom:1px solid var(--trait2);padding:7px 0}.sx-pl span{color:var(--texte)}
.g4 a.card .mm-new{margin-left:4px}
@media(max-width:700px){.sx-bap{grid-template-columns:1fr}.sx-sg{grid-template-columns:72px repeat(var(--n),minmax(0,1fr));gap:4px}.sx-c .av{width:22px;height:22px;font-size:8.5px}.sx-surv{padding:12px}.sx-sh b{flex:1 1 100%}.sx-sg>b{font-size:10.5px}}

.tt.center{text-align:center}
.of-prices{grid-template-columns:repeat(2,1fr);max-width:880px;margin:0 auto}
.of-prices .price{display:flex;flex-direction:column}
.of-cond{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:22px}
.of-cond>div{display:grid;grid-template-columns:auto 1fr;column-gap:12px;align-items:center;border:1px solid var(--trait);border-radius:14px;padding:14px;background:var(--blanc)}
.of-cond .ic{grid-row:span 2}.of-cond b{font-size:15px}.of-cond span:last-child{font-size:13px;color:var(--gris)}
.of-actif{font-size:12.5px;display:grid;gap:7px}
.of-ah{display:flex;justify-content:space-between;align-items:baseline;gap:10px;border-bottom:1px solid var(--trait);padding-bottom:9px}
.of-ah b{font-size:15px}.of-ah span{color:var(--gris)}
.of-al{display:grid;grid-template-columns:26px 150px 1fr 64px;gap:10px;align-items:center}
.of-al .av{width:26px;height:26px;font-size:9.5px}
.of-at{position:relative;height:10px;background:var(--creme2);border-radius:99px}.of-at i{position:absolute;top:0;bottom:0;background:var(--corail);border-radius:99px}
.of-al em{font-style:normal;font-size:11px;font-weight:700;text-align:right}.of-al em.ok{color:var(--vert)}.of-al em.no{color:var(--gris)}
.of-afoot{display:flex;justify-content:space-between;gap:10px;background:var(--vert-halo);color:var(--vert);border-radius:10px;padding:9px 12px;margin-top:4px}
.of-opts{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.of-opt{display:grid;grid-template-columns:auto 1fr auto;column-gap:14px;row-gap:2px;align-items:center;border:1px solid var(--trait);border-radius:14px;padding:16px;background:var(--blanc)}
.of-opt .ic{grid-row:span 2}.of-opt b{display:block;font-size:15.5px}.of-opt i{display:block;font-style:normal;font-size:13px;color:var(--gris)}
.of-opt em{font-style:normal;font-weight:700;color:var(--encre);white-space:nowrap}.of-pour{grid-column:3;font-size:11.5px;color:var(--gris);text-align:right}
.of-t{text-align:center;font-size:13.5px;color:var(--texte);font-weight:600}
.simu .of-sl{display:grid;grid-template-columns:minmax(0,1fr) 96px;align-items:center;gap:12px;margin-top:12px}
.simu .of-sl label{display:block;margin:0;font-size:14px;font-weight:500;line-height:1.35}
.simu .of-sl label em{display:block;font-style:normal;color:var(--gris);font-weight:600;font-size:12.5px}
.simu .of-sl input[type=number]{width:96px}
.simu .of-sl.off{opacity:.45}
#simulateur{scroll-margin-top:90px}
.sx-stores{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.sx-stores a{display:block;line-height:0}.sx-stores img{height:44px;width:auto}
footer .sx-stores{margin-top:16px}footer .sx-stores img{height:38px}
.btns+.sx-stores{margin-top:18px}
@media(max-width:900px){.of-cond{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.shot-in .row .pill{white-space:normal;text-align:center;flex-shrink:1}.shot-in .row .nm{flex-basis:84px!important}.of-prices,.of-opts,.of-cond{grid-template-columns:1fr}.of-al{grid-template-columns:26px 1fr 60px}.of-at{grid-column:2/4}}

/* ══════════ v14.199 · Ressources, convention collective, site web, rendez-vous, fonds ══════════ */

/* ── le moteur de conventions ── */
.cv-hero{position:relative;z-index:3;overflow:visible;padding:84px 0 70px}
.cv-hero>.ct{position:relative;z-index:1}
.cv-top{max-width:780px;margin:0 auto;text-align:center}
.cv-top .pill svg{width:15px;height:15px}
.cv-top h1{margin-top:20px}
.cv-box{max-width:720px;margin:32px auto 0;position:relative;z-index:5}
.cv-f{display:flex;gap:8px;align-items:center;background:#fff;border:1px solid var(--trait);border-radius:18px;padding:8px;box-shadow:var(--ombre-h);transition:box-shadow .15s,border-color .15s}
.cv-f:focus-within{border-color:var(--corail);box-shadow:0 0 0 4px var(--halo),var(--ombre-h)}
.cv-q{flex:1;display:flex;align-items:center;gap:10px;padding:0 6px 0 10px;min-width:0}
.cv-qi{display:grid;color:var(--gris)}.cv-qi svg{width:22px;height:22px}
.cv-q input{border:0;outline:0;font:inherit;font-size:18px;width:100%;min-width:0;background:none;padding:12px 0;color:var(--encre)}
.cv-q input::-webkit-search-cancel-button{display:none}
.cv-spin,.sw-st.load{width:18px;height:18px;flex:0 0 18px;border:2px solid var(--trait);border-top-color:var(--corail);border-radius:50%;animation:cvs .7s linear infinite}
@keyframes cvs{to{transform:rotate(360deg)}}
.cv-sug{position:absolute;left:0;right:0;top:78px;z-index:6;max-height:min(420px,60vh);overflow:auto;background:#fff;border:1px solid var(--trait);border-radius:16px;box-shadow:var(--ombre-h);padding:6px}
.cv-sug:empty{display:none}
.cv-sg{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:11px 12px;border-radius:12px;cursor:pointer}
.cv-sg:hover,.cv-sg.on{background:var(--creme)}
.cv-sg .ic{width:36px;height:36px}.cv-sg .ic svg{width:18px;height:18px}
.cv-sg b{display:block;font-size:15px}.cv-sg div>span{display:block;font-size:12.5px;color:var(--gris)}
.cv-sg mark{background:var(--halo);color:inherit;border-radius:3px;padding:0 1px}
.cv-tag{font-size:11.5px;font-weight:700;border-radius:99px;padding:2px 9px;background:var(--vert-halo);color:var(--vert);white-space:nowrap}
.cv-tag.no{background:var(--creme2);color:var(--gris)}
.cv-sgv{padding:14px;font-size:14px;color:var(--texte)}
.cv-dm{text-align:center;font-size:12px;color:#A99E93;margin-top:10px}
.cv-res{max-width:860px;margin:34px auto 0}
.cv-res:empty{display:none}
.cv-rc{background:#fff;border:1px solid var(--trait);border-radius:20px;box-shadow:var(--ombre-h);overflow:hidden;animation:cvin .35s ease both;text-align:left}
@keyframes cvin{from{opacity:0;transform:translateY(10px)}}
.cv-rh{display:flex;gap:14px;align-items:center;padding:20px 24px}
.cv-rh b{display:block;font:700 20px/1.2 'Bricolage Grotesque',sans-serif;letter-spacing:-.015em}
.cv-rh div>span{font-size:13.5px;color:var(--gris)}
.cv-meta{display:flex;gap:8px 22px;flex-wrap:wrap;padding:11px 24px;background:var(--creme);font-size:13px;color:var(--gris);border-top:1px solid var(--trait2);border-bottom:1px solid var(--trait2)}
.cv-meta b{color:var(--encre);font-weight:600}
.cv-body{padding:22px 24px;display:grid;gap:12px}
.cv-lab{font-size:11.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--gris)}
.cv-cc{display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:center;border:1px solid var(--trait);border-radius:14px;padding:14px 16px;background:#fff}
.cv-num{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:80px;height:64px;border-radius:12px;background:var(--halo);color:var(--corail2);font:700 25px/1 'Bricolage Grotesque',sans-serif;letter-spacing:-.02em}
.cv-num i{font:700 10px/1 'Instrument Sans',sans-serif;letter-spacing:.12em;font-style:normal;color:var(--corail);margin-bottom:5px}
.cv-num.sm{min-width:60px;height:48px;font-size:19px}
.cv-cc b{display:block;font-size:16.5px;line-height:1.3}.cv-cc div>span{display:block;font-size:13.5px;color:var(--gris);margin-top:2px}
.cv-cc .cv-lk{margin-top:8px}
.cv-lk{display:flex;gap:6px 16px;flex-wrap:wrap;font-size:13.5px}
.cv-lk a{color:var(--corail);font-weight:600;text-decoration:none;display:inline-flex;gap:5px;align-items:center}
.cv-lk a svg{width:14px;height:14px}
.cv-note{display:flex;gap:10px;align-items:flex-start;background:#FBF1DB;color:#6E5410;border-radius:12px;padding:11px 14px;font-size:13.5px;line-height:1.5}
.cv-note svg{width:17px;height:17px;flex:0 0 17px;margin-top:1px}
.cv-src{font-size:12px;color:var(--gris)}
.cv-vide{display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:start;padding:22px 24px}
.cv-vide b{display:block;font-size:17px}.cv-vide p{font-size:14.5px;color:var(--texte);margin-top:4px}
.cv-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.cv-grid .cv-cc{align-items:start}
.cv-regle .cv-rh{padding:0 0 14px}.cv-regle .cv-rh b{font-size:17px}
.cv-rl{display:flex;justify-content:space-between;gap:14px;border-top:1px solid var(--trait2);padding:10px 0;font-size:14px}
.cv-rl span{color:var(--gris)}.cv-rl b{font-weight:600;text-align:right}
/* ── le champ site web / établissement ── */
.sw,.et{position:relative}
.sw-f{position:relative}
.fch .sw-f input{padding-left:44px;padding-right:40px}
.sw-ic{position:absolute;left:13px;top:50%;transform:translateY(-50%);width:22px;height:22px;display:grid;place-items:center;color:var(--gris);pointer-events:none}
.sw-ic svg{width:18px;height:18px}
.sw-ic img{width:20px;height:20px;border-radius:4px;display:block}
.sw-st{position:absolute;right:13px;top:50%;margin-top:-9px;width:18px;height:18px}
.sw-st.ok{background:var(--vert-halo) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232C7A5F' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center/11px no-repeat;border-radius:50%}
.sw-l{width:20px;height:20px;border-radius:5px;display:grid;place-items:center;font:700 11px 'Instrument Sans',sans-serif;color:#fff;background:var(--encre)}
.sw-sug{position:absolute;left:0;right:0;top:calc(100% + 4px);z-index:12;background:#fff;border:1px solid var(--trait);border-radius:12px;box-shadow:var(--ombre-h);padding:5px}
.sw-o{display:grid;grid-template-columns:22px 1fr auto;gap:10px;align-items:center;padding:9px 10px;border-radius:9px;cursor:pointer}
.sw-o:hover,.sw-o.on{background:var(--creme)}
.sw-o mark{background:var(--halo);color:inherit;border-radius:3px;padding:0 1px}
.sw-o img{width:20px;height:20px;border-radius:4px}
.sw-o b{display:block;font-size:14.5px;line-height:1.25}.sw-o div>span{display:block;font-size:12px;color:var(--gris)}
.sw-o em{font-style:normal;font-size:11px;font-weight:700;color:var(--vert);background:var(--vert-halo);border-radius:99px;padding:1px 8px;white-space:nowrap}
.sw-o em.g{color:var(--gris);background:var(--creme2)}
.sw-o .ic{width:22px;height:22px;border-radius:6px}.sw-o .ic svg{width:13px;height:13px}
.sw-sug[hidden]{display:none}
/* ── la landing ── */
.ld{background:var(--creme)}
.ld-hd{position:sticky;top:0;z-index:30;background:rgba(252,250,246,.86);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--trait2)}
.ld-hd .ct{display:flex;align-items:center;height:64px}.ld-hd .sp{flex:1}
.ld-cx{font-size:14px;color:var(--texte);text-decoration:none}.ld-cx b{color:var(--encre)}
.ld-hero{position:relative;overflow:hidden;padding:52px 0 64px}
.ld-hero>.ct{position:relative;z-index:1}
.ld-g{display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:start}
.ld-l .pill svg{width:15px;height:15px}
.ld-l h1{margin-top:18px}
.ld-hl{color:var(--corail);background:linear-gradient(transparent 64%,var(--halo) 64%)}
.ld-rot{margin-top:26px;display:grid;background:#fff;border:1px solid var(--trait);border-radius:16px;padding:16px 18px 14px;box-shadow:var(--ombre);max-width:520px}
.ld-av{grid-area:1/1;display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:center;opacity:0;transform:translateY(8px);transition:opacity .18s,transform .18s}
.ld-av.on{opacity:1;transform:none;transition:opacity .4s .2s,transform .4s .2s}
.ld-avi{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;color:#fff}
.ld-avi svg{width:22px;height:22px}
.ld-av b{display:block;font-size:16.5px}.ld-av div>span{display:block;font-size:14px;color:var(--texte);line-height:1.45}
.ld-prog{grid-area:2/1;display:flex;gap:6px;margin-top:14px}
.ld-prog i{flex:1;height:3px;background:var(--creme3);border-radius:3px;overflow:hidden}
.ld-prog em{display:block;height:100%;width:0;background:var(--corail)}
.ld-prog i.on em{animation:ldp 4.2s linear forwards}.ld-prog i.fait em{width:100%}
@keyframes ldp{to{width:100%}}
.ld-tel{margin-top:18px;max-width:520px;background:#fff;border:1px solid var(--trait);border-radius:20px;padding:14px 14px 0;box-shadow:var(--ombre-h);height:236px;overflow:hidden;position:relative;
  -webkit-mask-image:linear-gradient(#000 72%,transparent);mask-image:linear-gradient(#000 72%,transparent)}
.ld-tel-h{display:flex;justify-content:space-between;align-items:baseline;position:relative;z-index:1;background:#fff;padding-bottom:10px}.ld-tel-h b{font-size:15px}.ld-tel-h span{font-size:12px;color:var(--gris)}
.ld-flux{display:grid;gap:8px;animation:ldf 24s linear infinite}
@keyframes ldf{to{transform:translateY(calc(-50% - 4px))}}
.ld-nt{display:grid;grid-template-columns:28px 1fr;gap:10px;align-items:center;background:var(--creme);border-radius:12px;padding:9px 11px;font-size:13.5px;line-height:1.35}
.ld-nt div>span{display:block;font-size:11.5px;color:var(--gris)}
.ld-r{position:sticky;top:84px}
.ld-form{padding:26px 26px 22px}
.ld-steps{display:flex;gap:6px;margin-bottom:18px}
.ld-steps span{flex:1;font-size:12px;font-weight:600;color:var(--gris);border-top:3px solid var(--creme3);padding-top:7px}
.ld-seg{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
.fch .ld-seg label{position:relative;margin:0;font-size:13.5px;font-weight:600}
.ld-seg input{position:absolute!important;opacity:0;width:1px!important;height:1px;padding:0!important}
.ld-seg span{display:block;text-align:center;border:1px solid var(--trait);border-radius:10px;padding:10px 2px;cursor:pointer;background:var(--creme);white-space:nowrap}
.ld-seg input:checked+span{border-color:var(--corail);background:var(--halo);color:var(--corail2)}
.ld-seg input:focus-visible+span{outline:2px solid var(--corail);outline-offset:2px}
.ld-jours{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}
.ld-j{border:1px solid var(--trait);background:#fff;border-radius:12px;padding:8px 0;cursor:pointer;font:inherit;display:grid;justify-items:center;color:var(--encre)}
.ld-j span{font-size:11.5px;color:var(--gris)}.ld-j b{font:700 20px/1.1 'Bricolage Grotesque',sans-serif}.ld-j em{font-style:normal;font-size:11px;color:var(--gris)}
.ld-j.on{border-color:var(--corail);background:var(--halo)}
.ld-h{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:12px}
.ld-hh{border:1px solid var(--trait);background:#fff;border-radius:10px;padding:9px 0;font:600 14px 'Instrument Sans',sans-serif;cursor:pointer;color:var(--encre)}
.ld-hh.on{background:var(--corail);border-color:var(--corail);color:#fff}
.ld-ret{text-align:center;margin-top:12px;font-size:13px}.ld-ret a{color:var(--gris)}
.ld-pvg{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.ld-pvg>div{display:grid;grid-template-columns:auto 1fr;column-gap:12px;align-items:center;background:#fff;border:1px solid var(--trait);border-radius:14px;padding:14px}
.ld-pvg .ic{grid-row:span 2}.ld-pvg b{font-size:15px;line-height:1.3}.ld-pvg span:last-child{font-size:12.5px;color:var(--gris)}
.ld-et{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.ld-e{background:#fff;border:1px solid var(--trait);border-radius:16px;padding:22px;position:relative}
.ld-e h3{font-size:18px;margin:4px 0 6px}.ld-e p{font-size:14.5px;color:var(--texte)}
.ld-barre{display:none}
/* ── les fonds ── */
.fd-hero{position:relative;overflow:hidden}
.fd-hero>.ct{position:relative;z-index:1}
.fd-bg{position:absolute;inset:0;pointer-events:none;overflow:hidden}
/* B · planning */
.fd-b-bg{padding-top:24px;-webkit-mask-image:linear-gradient(90deg,transparent 0,rgba(0,0,0,.18) 38%,#000 72%);mask-image:linear-gradient(90deg,transparent 0,rgba(0,0,0,.18) 38%,#000 72%)}
.fd-grid{position:absolute;inset:0;background-image:linear-gradient(90deg,var(--trait) 1px,transparent 1px);background-size:84px 100%;opacity:.7}
.fd-pr{position:relative;display:flex;width:200%;height:30px;margin:0 0 30px;animation:fdb var(--v) linear infinite}
.fd-pr:nth-child(odd){animation-direction:reverse}
.fd-pt{position:relative;width:50%;height:100%}
.fd-pt i{position:absolute;top:0;bottom:0;border-radius:9px;opacity:.22}
@keyframes fdb{to{transform:translateX(-50%)}}
/* C · l'équipe */
.fd-chip{position:absolute;top:105%;display:flex;align-items:center;gap:9px;background:rgba(255,255,255,.92);border:1px solid var(--trait);border-radius:99px;padding:6px 14px 6px 6px;
  font-size:13px;white-space:nowrap;box-shadow:0 8px 24px -10px rgba(31,25,21,.25);transform:scale(var(--s));transform-origin:left center;animation:fdc 26s linear infinite;animation-delay:var(--d)}
@keyframes fdc{0%{top:105%;opacity:0}8%{opacity:1}88%{opacity:1}100%{top:-12%;opacity:0}}
.fd-c-bg{-webkit-mask-image:linear-gradient(90deg,rgba(0,0,0,.25) 0,rgba(0,0,0,.35) 40%,#000 55%);mask-image:linear-gradient(90deg,rgba(0,0,0,.25) 0,rgba(0,0,0,.35) 40%,#000 55%)}
@media(prefers-reduced-motion:reduce){
  .fd-bg *,.ld-flux,.ld-prog em,.fd-pr,.fd-chip{animation:none!important}
  .fd-chip{display:none}
}
@media(max-width:1100px){.fd-chip{font-size:12px}}
@media(max-width:900px){
  .ld-g{grid-template-columns:1fr;gap:30px}.ld-r{position:static}.ld-pvg{grid-template-columns:1fr 1fr}.ld-et{grid-template-columns:1fr}
  .ld-tel{display:none}
  .ld-barre{display:block;position:sticky;bottom:0;padding:10px 16px;background:rgba(252,250,246,.95);border-top:1px solid var(--trait);z-index:20}
  .ld-barre .b{width:100%;justify-content:center}
  .cv-grid{grid-template-columns:1fr 1fr}
  .fd-c .fd-chip{opacity:.5}
}
@media(max-width:600px){
  .cv-hero{padding:56px 0 50px}.cv-q input{font-size:16px}.cv-f .b{padding:12px 14px}
  .cv-grid,.ld-pvg{grid-template-columns:1fr}
  .cv-rh,.cv-body,.cv-vide{padding-left:16px;padding-right:16px}.cv-meta{padding:10px 16px}
  .cv-cc{grid-template-columns:1fr;gap:10px}.cv-num{justify-self:start}
  .ld-seg{grid-template-columns:1fr 1fr}.ld-h{grid-template-columns:repeat(4,1fr)}
  .ld-cx{font-size:12.5px}.ld-cx b{display:block}
}

.ld-steps span.on{color:var(--encre);border-color:var(--corail)}
.ld-steps[hidden]{display:none}
.sw-oi{display:grid;place-items:center;width:22px;height:22px}
.sw-o .sw-ot{display:inline;font-size:inherit;color:inherit}
.sw-pied{font-size:12px;color:var(--gris);padding:6px 10px 4px;border-top:1px solid var(--trait2);margin-top:4px}
.cv-ferme{font-style:normal;color:#C43C43;font-weight:600}
.cv-hero .fd-b-bg,.sm-hero .fd-b-bg{-webkit-mask-image:linear-gradient(90deg,#000 0,rgba(0,0,0,.12) 28%,rgba(0,0,0,.12) 72%,#000 100%);mask-image:linear-gradient(90deg,#000 0,rgba(0,0,0,.12) 28%,rgba(0,0,0,.12) 72%,#000 100%)}
.cv-hero .fd-pt i{opacity:.18}
.ld-ok{margin-top:18px}
.ld-fini{text-align:center;padding:20px 0}.ld-fini .rond-ok{margin:0 auto 14px}
.ld-cli{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:28px;font-size:13px;color:var(--gris)}
.ld-ft{padding:28px 0 40px;border-top:1px solid var(--trait)}
.ld-ft .ct{display:flex;gap:18px;align-items:center;flex-wrap:wrap;font-size:13px;color:var(--gris)}
.ld-ft a{color:var(--gris)}
.fd-hero .shot{position:relative;z-index:2}
.fd-chip b{margin-right:5px}
.fd-chip .av{width:26px;height:26px;flex:0 0 26px;font-size:10px}
@media(max-width:700px){.fd-c .fd-chip{display:none}}
.ld-barre.cache{display:none}

.ld .sx-n,.ld-e .sx-n{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--halo);color:var(--corail);font-weight:700;margin-bottom:12px}
.ld-hd .logo{margin:0}.ld-ft .sx-stores{margin:0 0 0 auto}

/* ══════════ v14.200 · simulateur de contrat ══════════ */

/* ═══ maquette · simulateur de contrat ═══ */
.sm-hero{padding:70px 0 40px}
.sm-top{max-width:760px;margin:0 auto;text-align:center}
.sm-top .pill svg{width:15px;height:15px}.sm-top h1{margin-top:18px}
.sm-zone{padding:20px 0 90px}
.sm-g{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);gap:24px;align-items:start}
.sm-form{padding:26px}.sm-form h3{margin-bottom:18px}
.sm-seg{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:6px}
.fch .sm-seg label{position:relative;margin:0;font-size:13.5px;font-weight:600}
.sm-seg input{position:absolute!important;opacity:0;width:1px!important;height:1px;padding:0!important}
.sm-seg span{display:block;text-align:center;border:1px solid var(--trait);border-radius:10px;padding:10px 4px;cursor:pointer;background:var(--creme);white-space:nowrap}
.sm-seg input:checked+span{border-color:var(--corail);background:var(--halo);color:var(--corail2)}
.sm-seg input:focus-visible+span{outline:2px solid var(--corail);outline-offset:2px}
.sm-chips span{padding:8px 4px;font-size:13px}
.sm-row{display:flex;gap:10px;align-items:center}
.sm-row .sm-chips{flex:1}
.sm-in{display:flex;align-items:center;border:1px solid var(--trait);border-radius:10px;background:var(--creme);padding:0 12px;gap:8px}
.sm-in:focus-within{border-color:var(--corail)}
.fch .sm-in input{border:0;background:none;padding:12px 0;min-width:0;flex:1}
.fch .sm-in input:focus{outline:0}
.sm-in span{font-size:13.5px;color:var(--gris);white-space:nowrap}
.sm-court{width:104px;flex:0 0 104px}.sm-mt{flex:1}
.sm-smic{font-size:13.5px;font-weight:600;color:var(--corail);white-space:nowrap;text-decoration:none}
.sm-aide{font-size:12.5px;color:var(--gris);margin-top:7px}.sm-aide a{color:var(--corail);font-weight:600}
.sm-plus{border-top:1px solid var(--trait2);padding-top:14px;margin-top:4px}
.sm-plus summary{cursor:pointer;font-weight:600;font-size:14.5px;list-style:none;display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}
.sm-plus summary::-webkit-details-marker{display:none}
.sm-plus summary::after{content:'';width:7px;height:7px;border-right:1.7px solid currentColor;border-bottom:1.7px solid currentColor;transform:rotate(45deg);opacity:.55;margin-right:4px}
.sm-plus[open] summary::after{transform:rotate(-135deg)}
.sm-plus[open] summary{margin-bottom:16px}
.sm-res{padding:0;overflow:hidden;position:sticky;top:84px}
.sm-tabs{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--trait2)}
.sm-tabs button{border:0;background:var(--creme);font:600 14.5px 'Instrument Sans',sans-serif;padding:14px;cursor:pointer;color:var(--gris);border-bottom:2px solid transparent}
.sm-tabs button.on{background:#fff;color:var(--encre);border-bottom-color:var(--corail)}
.sm-p{padding:22px 24px}
.sm-p[hidden]{display:none}
.sm-big span{display:block;font-size:13px;font-weight:600;color:var(--gris)}
.sm-big b{display:block;font:700 44px/1.05 'Bricolage Grotesque',sans-serif;letter-spacing:-.03em;margin:4px 0 2px;transition:color .3s}
.sm-big b.bouge{color:var(--corail)}
.sm-big i{font-style:normal;font-size:13.5px;color:var(--texte)}
.sm-duo{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}
.sm-duo>div{background:var(--creme);border-radius:12px;padding:12px 14px}
.sm-duo span{display:block;font-size:12px;font-weight:600;color:var(--gris)}
.sm-duo b{display:block;font:700 24px/1.2 'Bricolage Grotesque',sans-serif}
.sm-duo i{font-style:normal;font-size:12px;color:var(--gris)}
.sm-barre{display:flex;height:12px;border-radius:99px;overflow:hidden;margin-top:18px;background:var(--creme2)}
.sm-barre i{display:block;height:100%;transition:width .4s}
.sm-barre .n,.sm-leg .n{background:var(--vert)}.sm-barre .s,.sm-leg .s{background:#7FB3A0}.sm-barre .p,.sm-leg .p{background:var(--corail)}.sm-barre .f,.sm-leg .f{background:#E8B36A}
.sm-leg{display:flex;flex-wrap:wrap;gap:4px 14px;margin-top:8px;font-size:12px;color:var(--gris)}
.sm-leg span{display:inline-flex;align-items:center;gap:5px}.sm-leg i{width:9px;height:9px;border-radius:3px;display:inline-block}
.sm-det{margin-top:14px}
.sm-dl{display:flex;justify-content:space-between;gap:12px;border-top:1px solid var(--trait2);padding:8px 0;font-size:14px}
.sm-dl span{color:var(--texte)}.sm-dl b{font-weight:600;white-space:nowrap}
.sm-dl.sub span{padding-left:14px;color:var(--gris);font-size:13px}.sm-dl.sub b{font-weight:500;color:var(--vert);font-size:13px}
.sm-dl.tot{font-weight:700}.sm-dl.tot span{color:var(--encre)}
.sm-chk{display:grid;gap:6px;margin-top:12px}
.sm-c{display:flex;gap:9px;align-items:flex-start;font-size:13.5px;line-height:1.45;border-radius:10px;padding:8px 11px;background:var(--vert-halo);color:#1F5A45}
.sm-c svg{width:16px;height:16px;flex:0 0 16px;margin-top:2px}
.sm-c.ko{background:#FAEBEC;color:#8E2A2F}.sm-c.inf{background:var(--creme);color:var(--texte)}
.sm-si{margin-top:14px;display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.sm-si>span{font-size:13px;font-weight:700;color:var(--gris)}
.sm-si>div{display:flex;gap:6px;flex-wrap:wrap}
.sm-si a{display:inline-flex;gap:6px;align-items:center;font-size:13px;font-weight:600;color:var(--encre);background:#fff;border:1px solid var(--trait);border-radius:99px;padding:5px 11px;text-decoration:none}
.sm-si a:hover{border-color:var(--corail)}
.sm-si a em{font-style:normal;color:var(--corail2);font-weight:700}
.sm-avert{display:flex;gap:8px;align-items:flex-start;font-size:12.5px;color:var(--gris);margin-top:14px;line-height:1.5}
.sm-avert svg{width:15px;height:15px;flex:0 0 15px;margin-top:2px}
.sm-gate{border-radius:0}
.sm-doc{position:relative;background:#fff;border:1px solid var(--trait);border-radius:6px;box-shadow:0 12px 30px -18px rgba(31,25,21,.35);padding:26px 26px 20px;font:13px/1.6 Georgia,'Times New Roman',serif;color:#2A231E;max-height:560px;overflow:auto}
.sm-doc::before{content:'APERÇU';position:absolute;top:44%;left:50%;transform:translate(-50%,-50%) rotate(-24deg);font:700 64px 'Bricolage Grotesque',sans-serif;color:rgba(224,90,54,.07);letter-spacing:.1em;pointer-events:none}
.sm-doc h4{font:700 14.5px/1.35 'Instrument Sans',sans-serif;text-align:center;letter-spacing:.04em;text-transform:uppercase;margin-bottom:4px}
.sm-doc .sm-dsous{text-align:center;font-size:12px;color:var(--gris);margin-bottom:16px;font-family:'Instrument Sans',sans-serif}
.sm-doc h5{font:700 12.5px 'Instrument Sans',sans-serif;margin:14px 0 3px;text-transform:uppercase;letter-spacing:.05em;color:var(--corail2)}
.sm-doc p{margin:0 0 4px}
.sm-doc mark{background:#FFF3C4;color:inherit;border-radius:3px;padding:0 3px}
.sm-sig{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:18px;font-family:'Instrument Sans',sans-serif;font-size:12px;color:var(--gris)}
.sm-sig div{border-top:1px dashed var(--trait);padding-top:8px;height:52px}
.sm-mini{padding:22px}.sm-mini>b{display:block;font-size:16px;margin-bottom:10px}
.sm-ml{display:grid;grid-template-columns:56px 1fr 80px;gap:10px;align-items:center;font-size:13px;padding:5px 0}
.sm-ml i{display:block;height:12px;border-radius:6px;background:var(--corail);opacity:.85}.sm-ml em{font-style:normal;text-align:right;font-weight:600}
@media(max-width:980px){.sm-g{grid-template-columns:1fr}.sm-res{position:static}}
@media(max-width:600px){
  .sm-hero{padding:48px 0 24px}.sm-form{padding:20px}.sm-p{padding:18px 16px}
  .sm-big b{font-size:36px}.sm-duo b{font-size:20px}
  .sm-row{flex-wrap:wrap}.sm-row .sm-chips{flex:1 1 100%}
  .sm-seg span{padding:10px 2px;font-size:12.5px}
  .sm-doc{padding:18px 16px}.sm-doc::before{font-size:44px}
}

/* ═══ v2 · alignement, interrupteur, chiffres du mois, mois par mois ═══ */
.sm-form .sm-in{height:48px}
.sm-form .fch .sm-in input{padding:0;height:100%}
.sm-form .sm-seg span{height:48px;display:flex;align-items:center;justify-content:center;padding:0 4px}
.sm-form .fch>input,.sm-form .fch select{height:48px;padding-top:0;padding-bottom:0}
.sm-hrow{align-items:stretch}
.sm-2{grid-template-columns:1fr 1fr;gap:0 12px}
.sm-2>[hidden]{display:none}
.sm-smic{align-self:center}
.fch .sm-sw{display:flex;gap:12px;align-items:flex-start;cursor:pointer;margin:0;font-weight:400;font-size:14px}
.sm-sw input{position:absolute;opacity:0;width:1px;height:1px}
.sm-tg{flex:0 0 42px;height:24px;border-radius:99px;background:var(--creme3);position:relative;transition:background .2s;margin-top:1px}
.sm-tg::after{content:'';position:absolute;left:3px;top:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(31,25,21,.25);transition:transform .2s}
.sm-sw input:checked+.sm-tg{background:var(--corail)}
.sm-sw input:checked+.sm-tg::after{transform:translateX(18px)}
.sm-sw input:focus-visible+.sm-tg{outline:2px solid var(--corail);outline-offset:2px}
.sm-swt b{display:block;font-size:14.5px;font-weight:600;color:var(--encre)}.sm-swt>span{display:block;font-size:12.5px;color:var(--gris);margin-top:1px}
.sm-cp{background:var(--creme);border-radius:12px;padding:12px 14px}
.sm-kpi{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}
.sm-kpi>div{background:var(--creme);border-radius:12px;padding:12px 14px}
.sm-kpi span{display:block;font-size:12px;font-weight:600;color:var(--gris)}
.sm-kpi b{display:block;font:700 23px/1.2 'Bricolage Grotesque',sans-serif;margin:2px 0}
.sm-kpi i{font-style:normal;font-size:12px;color:var(--gris)}
.sm-mm{margin-top:24px;padding:26px}
.sm-mmh{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap}
.sm-mmh h3{margin-bottom:2px}.sm-mmh .sm-leg{margin:0}
.sm-g2{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:32px;margin-top:22px;align-items:start}
.sm-bars{display:flex;align-items:flex-end;gap:10px;height:230px;border-bottom:1px solid var(--trait);margin-bottom:28px}
.sm-bc{flex:1;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;position:relative;min-width:0}
.sm-bc em{font-style:normal;font-size:11.5px;font-weight:700;margin-bottom:4px;white-space:nowrap}
.sm-bst{width:100%;max-width:58px;display:flex;flex-direction:column-reverse;border-radius:6px 6px 0 0;overflow:hidden}
.sm-bst i{display:block;transition:height .4s}
.sm-bst .n{background:var(--vert)}.sm-bst .s{background:#7FB3A0}.sm-bst .p{background:var(--corail)}.sm-bst .f{background:#E8B36A}
.sm-bc>span{position:absolute;bottom:-22px;font-size:12px;color:var(--gris);white-space:nowrap}
.sm-tw{overflow-x:auto}
.sm-t{width:100%;border-collapse:collapse;font-size:13.5px}
.sm-t th{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--gris);font-weight:700;text-align:right;padding:0 8px 8px;border-bottom:1px solid var(--trait);white-space:nowrap}
.sm-t td{padding:9px 8px;border-bottom:1px solid var(--trait2);text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}
.sm-t th:first-child,.sm-t td:first-child{text-align:left;padding-left:0}
.sm-t td:last-child{font-weight:600}
.sm-t tr.fin td{color:#8A6212;background:#FBF4E4}
.sm-t tr.tot td{font-weight:700;border-top:2px solid var(--encre);border-bottom:0}
.sm-t tr.tot td:first-child{font-size:14px}










@media(max-width:900px){.sm-g2{grid-template-columns:1fr}}
@media(max-width:600px){.sm-kpi b{font-size:19px}.sm-mm{padding:18px 16px}.sm-bars{gap:6px}.sm-bc em{font-size:10px}}
@media(max-width:980px){.sm-g{grid-template-columns:minmax(0,1fr)}}
@media(max-width:600px){.sm-2{grid-template-columns:minmax(0,1fr);gap:8px}.sm-in input{min-width:0;width:100%}.sm-hrow{flex-wrap:wrap}.sm-hrow .sm-court{flex:0 0 100%}}

.sm-hero{padding:72px 0 36px}
.sm-res{transition:opacity .2s}.sm-res.calcul .sm-p[data-p="cout"]{opacity:.55}
.sm-err{margin:12px 0 0;background:#FAEBEC;color:#8E2A2F;border-radius:10px;padding:10px 12px;font-size:13.5px}
.sm-err[hidden]{display:none}

/* ══════════ v14.201 · vitrines vivantes ══════════ */
[data-vitrine]{position:relative}
[data-vitrine] .shot-in{overflow:hidden}


/* le curseur et le doigt */
.vv-cur{position:absolute;left:0;top:0;z-index:30;pointer-events:none;transition:transform .85s cubic-bezier(.45,.05,.25,1);will-change:transform}
.vv-cur svg{display:block;width:20px;height:20px;fill:var(--encre);stroke:#fff;stroke-width:1.5;filter:drop-shadow(0 2px 3px rgba(0,0,0,.28));transition:transform .12s}
.vv-cur.clic svg{transform:scale(.82)}
.vv-cur.doigt svg{display:none}
.vv-cur.doigt::before{content:'';display:block;width:30px;height:30px;margin:-15px 0 0 -15px;border-radius:50%;background:rgba(31,25,21,.16);border:2px solid rgba(255,255,255,.9);transition:transform .15s}
.vv-cur.doigt.clic::before{transform:scale(.75);background:rgba(31,25,21,.28)}
.vv-cur i{position:absolute;left:0;top:0;width:30px;height:30px;margin:-15px 0 0 -15px;border-radius:50%;border:2px solid var(--corail);opacity:0}
.vv-cur.clic i{animation:vvRond .5s ease-out}
@keyframes vvRond{from{opacity:.8;transform:scale(.3)}to{opacity:0;transform:scale(1.4)}}
/* entrées, sorties, pressions */
.vv-in{animation:vvIn .45s cubic-bezier(.2,.8,.2,1) both}
@keyframes vvIn{from{opacity:0;transform:translateY(12px) scale(.98)}}
.vv-in-g{animation:vvInG .45s cubic-bezier(.2,.8,.2,1) both}
@keyframes vvInG{from{opacity:0;transform:translateX(-14px)}}
.vv-sort{transition:opacity .35s,transform .35s;opacity:0!important;transform:translateX(24px)!important}
.vv-press{transform:scale(.95)!important;transition:transform .12s!important}
.vv-chg{animation:vvChg .45s ease}
@keyframes vvChg{0%{transform:scale(.9);opacity:.4}100%{transform:none;opacity:1}}
.vv-feed{flex:1;min-height:0;display:flex;flex-direction:column;justify-content:flex-end;gap:10px;overflow:hidden;position:relative}
.vv-feed>*{flex:0 0 auto}
.vv-tape{display:inline-flex;gap:4px;padding:11px 12px;background:var(--creme2);border-radius:14px 14px 14px 4px}
.vv-tape i{width:6px;height:6px;border-radius:50%;background:var(--gris);animation:vvT 1.1s infinite}
.vv-tape i:nth-child(2){animation-delay:.18s}.vv-tape i:nth-child(3){animation-delay:.36s}
@keyframes vvT{0%,60%,100%{opacity:.25;transform:none}30%{opacity:1;transform:translateY(-2px)}}
.vv-caret{display:inline-block;width:1.5px;height:13px;background:var(--encre);margin-left:1px;vertical-align:-2px;animation:vvC 1s steps(1) infinite}
@keyframes vvC{50%{opacity:0}}
.mx-comp{transition:border-color .2s,box-shadow .2s}
.mx-comp.vv-f{border-color:var(--corail);box-shadow:0 0 0 3px var(--halo)}
.mx-comp.vv-f span:first-child{color:var(--encre)}
.mx-onde i{transition:background .15s}
.mx-onde i.lu{background:var(--corail)}
.mx-bar i,.mx-so i{transition:width .7s ease}
.mx-lu .av{animation:vvPop .3s ease both}
@keyframes vvPop{from{transform:scale(0)}}
.mx-cv{transition:background .3s}
.mx-cv em{animation:vvPop .3s ease both}
.vv-new b{font-weight:700}
/* pointeuse */
.tile{transition:transform .15s,box-shadow .3s,border-color .3s}
.tile.vv-press{box-shadow:0 0 0 2px var(--corail)}
.tile .st{transition:background .3s,color .3s}
.vv-pad{position:absolute;inset:0;z-index:6;background:rgba(252,250,246,.82);backdrop-filter:blur(2px);display:grid;place-items:center;animation:vvIn .25s ease both}
.vv-pad>div{background:#fff;border:1px solid var(--trait);border-radius:18px;padding:16px 18px;width:200px;text-align:center;box-shadow:0 24px 50px -20px rgba(31,25,21,.45)}
.vv-pad b{display:block;font-size:14px;margin-bottom:10px}
.vv-dots{display:flex;justify-content:center;gap:10px;margin-bottom:12px}
.vv-dots i{width:11px;height:11px;border-radius:50%;border:2px solid var(--trait);transition:background .12s,border-color .12s}
.vv-dots i.on{background:var(--corail);border-color:var(--corail)}
.vv-keys{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.vv-keys span{background:var(--creme);border-radius:8px;padding:6px 0;font-weight:700;font-size:13px;transition:background .1s}
.vv-keys span.on{background:#F7CDBB}
.vv-pad.ok>div{border-color:var(--vert)}.vv-pad.ok b{color:var(--vert)}
.vv-horl{font-weight:700;color:var(--encre);font-variant-numeric:tabular-nums}
.pill{transition:background .3s,color .3s}
/* fiches, congés */
.mx-pr,.shot-in>.row{transition:transform .5s cubic-bezier(.2,.8,.2,1),opacity .35s}
.mx-st,.mx-fc{transition:background .3s,color .3s}
.vv-bt{display:flex;align-items:center;gap:10px;margin-top:12px;padding-top:12px;border-top:1px solid var(--trait2);font-size:12.5px}
.vv-bt .vv-prog{flex:1;height:6px;border-radius:99px;background:var(--creme2);overflow:hidden}
.vv-bt .vv-prog i{display:block;height:100%;width:0;background:var(--vert);transition:width 1.4s ease}
.vv-bt b.vv-btn{font-size:12.5px;font-weight:700;color:#fff;background:var(--corail);border-radius:9px;padding:7px 12px;white-space:nowrap;transition:background .3s,opacity .3s}
.vv-bt b.vv-btn.off{opacity:.45}
.vv-bt b.vv-btn.fait{background:var(--vert)}
.vv-per{display:flex;justify-content:space-between;align-items:center;font-size:12.5px;color:var(--gris);margin-bottom:10px}
.vv-per b{color:var(--encre);font-size:13.5px}
/* application salarié */
.mx-tsc{position:relative;overflow:hidden}
.vv-notif{position:absolute;left:6px;right:6px;top:6px;z-index:8;background:rgba(31,25,21,.94);color:#fff;border-radius:12px;padding:8px 10px;font-size:10px;line-height:1.3;
  transform:translateY(-120%);transition:transform .45s cubic-bezier(.2,.8,.2,1)}
.vv-notif.on{transform:none}
.vv-notif b{display:block;font-size:11px}
.vv-sig{position:absolute;left:0;right:0;bottom:0;z-index:7;background:#fff;border-radius:16px 16px 0 0;box-shadow:0 -10px 30px rgba(31,25,21,.2);padding:12px;
  transform:translateY(105%);transition:transform .45s cubic-bezier(.2,.8,.2,1)}
.vv-sig.on{transform:none}
.vv-sig b{display:block;font-size:11.5px}.vv-sig span{font-size:10px;color:var(--gris)}
.vv-sig svg{display:block;width:100%;height:70px;margin:6px 0;border:1px dashed var(--trait);border-radius:10px;background:var(--creme)}
.vv-sig path{fill:none;stroke:var(--encre);stroke-width:2.2;stroke-linecap:round;stroke-dasharray:420;stroke-dashoffset:420;transition:stroke-dashoffset 1.3s ease}
.vv-sig.trace path{stroke-dashoffset:0}
.vv-sig em{display:block;text-align:center;font-style:normal;font-size:11px;font-weight:700;color:#fff;background:var(--corail);border-radius:9px;padding:7px}
.mx-full{transition:background .3s}
.mx-al,.mx-ech{transition:background .3s,border-color .3s}
.vv-vert{background:var(--vert-halo)!important;border-color:#B8DBC7!important}
.vv-vert b{color:var(--vert)}
.mx-jours span{transition:background .3s,color .3s}
.mx-shl{transition:transform .5s cubic-bezier(.2,.8,.2,1),opacity .3s}
@media(prefers-reduced-motion:reduce){.vv-cur{display:none}}
@media(max-width:700px){.vv-cur{display:none}}
.mx-shl>span:nth-child(2){min-width:0;flex:1}.mx-shl b,.mx-shl i{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* Documents et signature, Dossiers : l'image ne s'écrase plus quand le script prend la main */
.anim-mue.prete .shot-in{display:grid}
.anim-mue.prete .tf-et{position:relative;inset:auto;grid-area:1/1}


/* ══════════ v14.203 · la démonstration en parcours ══════════ */
.ob{background:var(--blanc);min-height:100vh}
.ob-g{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.62fr);min-height:100vh}
.ob-l{display:flex;flex-direction:column;padding:22px 32px 40px}
.ob-hd{display:flex;align-items:center;justify-content:space-between;gap:12px}
.ob-cx{font-size:13.5px;color:var(--gris);text-decoration:none}.ob-cx b{color:var(--encre)}
.ob-w{flex:1;display:flex;align-items:center;justify-content:center;padding:40px 0}
.ob-e{width:100%;max-width:460px;animation:obIn .35s cubic-bezier(.2,.8,.2,1) both}
.ob-e[hidden]{display:none}
@keyframes obIn{from{opacity:0;transform:translateY(10px)}}
.ob-n{font-size:12.5px;color:var(--gris);font-weight:600;margin:0}
.ob-prog{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin:8px 0 22px}
.ob-prog i{height:4px;border-radius:99px;background:var(--creme2);transition:background .3s}
.ob-prog i.on{background:var(--corail)}
.ob-e h1{font-size:clamp(28px,3vw,34px);line-height:1.12;margin:0}
.ob-s{color:var(--texte);margin:8px 0 0;font-size:15px}
.ob-tu{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:22px}
.ob-t{all:unset;box-sizing:border-box;cursor:pointer;display:flex;align-items:center;gap:10px;border:1px solid var(--trait);border-radius:12px;padding:11px 12px;background:#fff;transition:border-color .15s,background .15s,transform .1s}
.ob-t:hover,.ob-t:focus-visible{border-color:var(--corail);background:var(--halo)}
.ob-t:active{transform:scale(.98)}
.ob-t.on{border-color:var(--corail);background:var(--halo)}
.ob-t b{flex:1;font-size:14px;font-weight:600;line-height:1.25;color:var(--encre)}
.ob-t>svg{width:15px;height:15px;color:var(--corail);flex:none}
.ob-ti{width:30px;height:30px;flex:0 0 30px;border-radius:9px;background:var(--halo);color:var(--corail);display:grid;place-items:center}
.ob-ti svg{width:17px;height:17px}
.ob-deja{text-align:center;font-size:13px;color:var(--gris);margin-top:18px}.ob-deja a{color:var(--corail);font-weight:600}
.ob-f{margin-top:22px}
.ob-f select{width:100%}
.ob-seg{grid-template-columns:repeat(4,1fr)}
.ob-go{width:100%;justify-content:center;margin-top:8px;gap:8px}.ob-go svg{width:16px;height:16px}
.ob-ent{text-align:center;font-size:12.5px;color:var(--gris);font-style:italic;margin:8px 0 0}
.ob-ret{text-align:center;margin:12px 0 0;font-size:13.5px}
.ob-ret a{display:inline-flex;align-items:center;gap:6px;color:var(--corail);font-weight:600;text-decoration:none}.ob-ret svg{width:15px;height:15px}
.ob-rgpd{font-size:12px;color:var(--gris);margin-top:14px}.ob-rgpd a{color:var(--gris)}
.ob-tel{display:flex;border:1px solid var(--trait);border-radius:10px;background:var(--creme);overflow:hidden}
.ob-tel span{display:grid;place-items:center;padding:0 12px;font-size:14px;font-weight:600;border-right:1px solid var(--trait);color:var(--texte)}
.fch .ob-tel input{border:0;border-radius:0;flex:1;min-width:0;background:none}
.ob-sug .sw-o{grid-template-columns:1fr}.ob-sug .sw-o b{display:block}.ob-sug .sw-o span{display:block;font-size:12.5px;color:var(--gris)}
.ob-h{margin-bottom:6px}
.ob-fini{text-align:center}.ob-fini .rond-ok{margin:0 auto 16px}
.ob-rec{display:grid;gap:6px;margin-top:20px;text-align:left}
.ob-rec div{display:flex;justify-content:space-between;gap:12px;font-size:13.5px;border-bottom:1px solid var(--trait2);padding:7px 0}
.ob-rec span{color:var(--gris)}.ob-rec b{font-weight:600;text-align:right}
.fch input.ko,.fch select.ko{border-color:var(--corail);box-shadow:0 0 0 3px var(--halo)}
/* le panneau de droite, qui change à chaque écran */
.ob-r{position:sticky;top:0;height:100vh;align-self:start;background:var(--creme2);overflow:hidden;transition:background .5s}
.ob-r[data-on="2"]{background:var(--vert-halo)}.ob-r[data-on="3"]{background:var(--halo)}.ob-r[data-on="4"],.ob-r[data-on="5"]{background:var(--nuit)}
.ob-p{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;padding:48px;opacity:0;visibility:hidden;transform:translateY(12px);transition:opacity .45s,transform .45s,visibility 0s .45s}
.ob-p.on{opacity:1;visibility:visible;transform:none;transition:opacity .45s .1s,transform .45s .1s}
.ob-pl{font-size:15px;color:var(--texte);margin:22px 0 0;max-width:380px;line-height:1.5}
.ob-pe{font-size:12.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--corail);margin:0}
.ob-ph{font-size:clamp(24px,2.4vw,30px);margin:8px 0 0}
.ob-notifs{display:grid;gap:10px;max-width:380px}
.ob-nt{display:grid;grid-template-columns:36px 1fr auto;gap:10px;align-items:center;background:rgba(255,255,255,.92);backdrop-filter:blur(6px);border-radius:16px;padding:10px 12px;
  box-shadow:0 14px 30px -18px rgba(31,25,21,.4);opacity:0;transform:translateY(-10px) scale(.98)}
.ob-p.on .ob-nt{animation:obNt .5s cubic-bezier(.2,.8,.2,1) forwards;animation-delay:calc(.35s + var(--i) * .45s)}
@keyframes obNt{to{opacity:1;transform:none}}
.ob-nl{width:36px;height:36px;border-radius:10px;background:#fff;border:1px solid var(--trait);display:grid;place-items:center}.ob-nl img{height:22px;width:auto}
.ob-nt b{display:block;font-size:13px;line-height:1.3}.ob-nt span{font-size:12px;color:var(--gris)}.ob-nt em{font-style:normal;font-size:11px;color:var(--gris);align-self:start}
.ob-pv{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.ob-pv span{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:600;background:#fff;border:1px solid var(--trait);border-radius:99px;padding:5px 11px}
.ob-pv svg{width:14px;height:14px;color:var(--vert)}
.ob-li{list-style:none;padding:0;margin:20px 0 0;display:grid;gap:10px;max-width:400px}
.ob-li li{display:flex;gap:12px;align-items:center;background:#fff;border-radius:14px;padding:12px 14px;font-weight:600;font-size:14.5px;box-shadow:0 10px 24px -18px rgba(31,25,21,.35);animation:obIn .4s both}
.ob-li li:nth-child(2){animation-delay:.08s}.ob-li li:nth-child(3){animation-delay:.16s}
.ob-li svg{width:18px;height:18px;flex:none;padding:5px;box-sizing:content-box;border-radius:8px;background:var(--vert-halo);color:var(--vert)}
.ob-app{background:#fff;border-radius:16px;box-shadow:0 30px 60px -30px rgba(31,25,21,.45);overflow:hidden;max-width:460px}
.ob-ah{display:flex;align-items:center;gap:10px;padding:12px 14px;border-bottom:1px solid var(--trait2)}
.ob-ah img{height:20px;width:auto}.ob-ah b{flex:1;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ob-ah span{font-size:12px;color:var(--gris)}
.ob-ag{display:grid;grid-template-columns:92px 1fr;row-gap:6px;padding:12px 14px 14px;font-size:11px}
.ob-dh{display:grid;grid-template-columns:repeat(7,1fr);gap:3px}.ob-dh em{font-style:normal;font-size:10px;font-weight:600;color:var(--gris);text-align:center}
.ob-ar{display:flex;align-items:center;gap:6px;min-width:0}.ob-ar .av{width:22px;height:22px;font-size:9px}.ob-ar i{font-style:normal;font-weight:600;white-space:nowrap}
.ob-ab{display:grid;grid-template-columns:repeat(7,1fr);gap:3px;background:repeating-linear-gradient(90deg,var(--creme) 0 calc(100%/7 - 3px),transparent 0 calc(100%/7));border-radius:6px;min-height:24px}
.ob-ab i{font-style:normal;font-size:10px;font-weight:600;border-radius:6px;padding:4px 6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--encre)}
.ob-ab i.c1{background:#F7CDBB}.ob-ab i.c2{background:#D8E6F3}.ob-ab i.c4{background:#CFE6D8}.ob-ab i.c5{background:#E6DCF2}.ob-ab i.c6{background:#F4E1B5}
.ob-dark .ob-pe{color:#F4A48C}
.ob-tl{list-style:none;padding:0;margin:18px 0 0;display:grid;gap:14px;max-width:400px;counter-reset:t}
.ob-tl li{display:grid;grid-template-columns:64px 1fr;gap:12px;align-items:baseline;border-left:2px solid #3A302A;padding-left:14px}
.ob-tl b{font:700 20px/1 'Bricolage Grotesque',sans-serif;color:#fff}.ob-tl span{color:#D9CFC4;font-size:14.5px;line-height:1.45}
.ob-rec2{max-width:400px;margin-top:26px}.ob-rec2 div{border-color:#3A302A}.ob-rec2 span{color:#A99E93}.ob-rec2 b{color:#fff}
@media(max-width:1000px){.ob-g{grid-template-columns:1fr}.ob-r{display:none}.ob-l{padding:18px 16px 32px}.ob-w{align-items:flex-start;padding:28px 0}}
@media(max-width:520px){.ob-tu{grid-template-columns:1fr}.ob-seg{grid-template-columns:1fr 1fr}}
.ob-t{position:relative}
.ob-t input{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}
.ob-t:has(input:checked){border-color:var(--corail);background:var(--halo)}
.ob-t:focus-within{border-color:var(--corail);outline:2px solid var(--corail);outline-offset:2px}
.ob-seg.ko span{border-color:var(--corail)}
.ob-e .msg{margin-top:12px}
.ob-fini .btns{justify-content:center;margin-top:22px}
.ob-fini .ob-s{max-width:420px;margin-left:auto;margin-right:auto}
.ob .sw-sug{z-index:8}
.ob-go:disabled{opacity:.6;cursor:wait}
@media(min-width:1001px){.ob-fini .ob-rec{display:none}}
.ob-lg{width:30px;height:30px;flex:0 0 30px;border-radius:9px;display:grid;place-items:center;overflow:hidden;background:#fff;transition:background .3s}
.ob-lg img{width:20px;height:20px;object-fit:contain;animation:obIn .35s ease both}
.ob-lg.fav{border:1px solid var(--trait)}.ob-lg.fav img{width:22px;height:22px}
.ob-lg.ini{background:var(--corail)}.ob-lg.ini i{font-style:normal;font:700 15px/1 'Bricolage Grotesque',sans-serif;color:#fff;animation:obIn .35s ease both}
.ob-rl{width:16px;height:16px;object-fit:contain;vertical-align:-3px;margin-right:6px;border-radius:3px}
.ob-auto{max-width:280px;margin:18px auto 0;font-size:13px;color:var(--gris)}
.ob-auto>i{display:block;height:4px;border-radius:99px;background:var(--creme2);overflow:hidden;margin-bottom:8px}
.ob-auto>i>i{display:block;height:100%;width:0;background:var(--corail)}
.ob-auto.go>i>i{width:100%;transition:width 3s linear}
.ob-auto a{color:var(--gris)}
.ob-auto[hidden]{display:none}

/* ══════════ v14.203 · simulateur de modulation, recevoir par e-mail ══════════ */
/* ── le simulateur de modulation ── */
.md-jours{grid-auto-columns:minmax(0,1fr)}
.md-jours span{padding:8px 0}
.md-form select{width:100%;max-width:100%;min-width:0;text-overflow:ellipsis}
.md-ccr{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.md-ccr span{font-size:12px;font-weight:600;border-radius:99px;padding:3px 10px;background:var(--vert-halo);color:var(--vert)}
.md-ccr span.no{background:var(--creme2);color:var(--gris)}
.md-fer{display:grid;grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:6px}
.md-f{all:unset;box-sizing:border-box;cursor:pointer;border:1px solid var(--trait);border-radius:10px;padding:7px 10px;background:var(--creme);display:grid;gap:1px}
.md-f b{font-size:13px;font-weight:600;color:var(--encre)}.md-f span{font-size:11.5px;color:var(--gris)}
.md-f em{font-style:normal;font-size:11.5px;font-weight:700;color:var(--gris)}
.md-f.on{border-color:#B8DBC7;background:var(--vert-halo)}.md-f.on em{color:var(--vert)}
.md-f.hors{opacity:.45;cursor:default}
.md-f.mod{box-shadow:inset 3px 0 0 var(--corail)}
.md-f:focus-visible{outline:2px solid var(--corail);outline-offset:2px}
.md-rep{display:grid;grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:6px}
.md-rep .sm-in{padding:0 8px}.md-rep .sm-in span{font-size:12px}
.md-rep .sm-in input{width:100%;padding:9px 0}
.md-mois{margin-top:16px;border-top:1px solid var(--trait2);padding-top:12px}
.md-mois h4{font-size:13px;color:var(--gris);font-weight:700;margin:0 0 8px}
.md-ml{display:grid;grid-template-columns:52px minmax(0,1fr) 62px 60px;gap:10px;align-items:center;font-size:13px;padding:3px 0}
.md-ml span{color:var(--texte)}.md-ml b{text-align:right;font-weight:600;font-variant-numeric:tabular-nums}.md-ml em{font-style:normal;text-align:right;color:var(--gris);font-size:12px}
.md-ml>i{display:block;height:8px;border-radius:99px;background:var(--creme2);position:relative;overflow:hidden}
.md-ml>i>i{position:absolute;left:0;top:0;bottom:0;border-radius:99px;background:var(--corail);transition:width .35s}
.md-ml>i>i.h{background:var(--vert)}
.md-ml.h0{opacity:.4}
.md-duo{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:6px}
.md-duo>div{background:var(--creme);border-radius:12px;padding:12px 14px}
.md-duo span{display:block;font-size:12px;font-weight:600;color:var(--gris)}
.md-duo b{display:block;font:700 24px/1.2 'Bricolage Grotesque',sans-serif}
.md-duo i{font-style:normal;font-size:12px;color:var(--gris)}
.md-cpt{margin-top:16px}
.md-cpt svg{display:block;width:100%;height:auto;overflow:visible}
.md-cpt .ax{stroke:var(--trait);stroke-width:1}
.md-cpt .ar{fill:rgba(224,90,54,.12)}
.md-cpt .ln{fill:none;stroke:var(--corail);stroke-width:2.2;stroke-linejoin:round}
.md-cpt text{font:600 10px 'Instrument Sans',sans-serif;fill:var(--gris)}
.md-cpt .pk{fill:var(--corail)}
.md-cpt .pt{font-size:11px;fill:var(--encre);font-weight:700}
/* ── la fin : recevoir par e-mail ── */
.md-fin{padding:10px 0 80px}
.md-env{padding:34px}
.md-env-g{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:40px;align-items:start}
.md-env-t .pill svg{width:15px;height:15px}.md-env-t h2{margin-top:14px}
.md-seg4{grid-auto-flow:row;grid-template-columns:repeat(4,1fr)}
.md-res{position:static}
.md-ok{grid-column:2;text-align:center;padding:30px 0}.md-ok .rond-ok{margin:0 auto 14px}
.md-ok[hidden]{display:none}
.md-fin[hidden]{display:none}
.md-envf .msg{margin-top:10px}
@media(max-width:1000px){.md-env-g{grid-template-columns:1fr}.md-ok{grid-column:1}}
@media(max-width:700px){.md-env{padding:20px}.md-seg4{grid-template-columns:1fr 1fr}.md-duo{grid-template-columns:1fr}.md-ml{grid-template-columns:44px minmax(0,1fr) 56px 50px;gap:6px}}
.cv-hero+.md-fin{padding-top:0}
.md-cgu{margin:2px 0 12px}.md-cgu span{font-size:13.5px}.md-cgu.ko input{outline:2px solid var(--corail);outline-offset:2px}

/* ══════════ v14.207 · pied de page clair, pages en panneaux, offres, modules ══════════ */

/* ── le pied de page : clair, le bandeau démo à cheval sur la séparation ── */
footer.pf{background:var(--creme2);color:var(--texte);padding:0 0 26px;margin-top:0;font-size:14.5px}
footer.pf h4{color:var(--encre);font-size:12.5px;letter-spacing:.09em;text-transform:uppercase;margin:0 0 10px}
footer.pf a{display:block;color:var(--texte);text-decoration:none;padding:4px 0}
footer.pf a:hover{color:var(--corail)}
.pf-band{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;background:#fff;border:1px solid var(--trait);border-radius:16px;
  padding:14px 16px 14px 18px;transform:translateY(-50%);box-shadow:0 18px 40px -24px rgba(31,25,21,.35);position:relative;z-index:2}
.pf-bt{display:flex;gap:12px;align-items:center}.pf-bt b{display:block;font-size:15.5px;color:var(--encre)}.pf-bt span{font-size:13.5px;color:var(--gris)}
.pf-bi{width:38px;height:38px;border-radius:11px;background:var(--halo);color:var(--corail);display:grid;place-items:center;flex:none}.pf-bi svg{width:19px;height:19px}
.pf-f{display:flex;gap:8px;flex:0 1 460px}
.pf-in{flex:1;display:flex;align-items:center;gap:8px;border:1px solid var(--trait);border-radius:12px;background:var(--creme);padding:0 12px}
.pf-in:focus-within{border-color:var(--corail);box-shadow:0 0 0 3px var(--halo)}
.pf-in svg{width:18px;height:18px;color:var(--gris);flex:none}
.pf-in input{border:0;background:none;outline:0;font:inherit;font-size:15px;padding:12px 0;width:100%;min-width:0;color:var(--encre)}
.pf-g{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr 1fr;gap:28px}
.pf-b p{margin:12px 0 0;max-width:260px;line-height:1.55}
.pf-b .logo-img{height:28px;width:auto}
.pf-p{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px}
.pf-p span{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:600;background:#fff;border:1px solid var(--trait);border-radius:99px;padding:4px 10px;color:var(--encre)}
.pf-p svg{width:14px;height:14px;color:var(--vert)}
footer.pf .sx-stores{margin-top:14px}
footer.pf .sx-stores a{display:block;padding:0}
.pf-bas{display:flex;flex-wrap:wrap;gap:6px 18px;align-items:center;margin-top:40px;padding-top:18px;border-top:1px solid var(--creme3);font-size:13px;color:var(--gris)}
.pf-bas .sp{flex:1}footer.pf .pf-bas a{display:inline;padding:0;color:var(--gris)}footer.pf .pf-bas a:hover{color:var(--corail)}
main+footer.pf,main+div+footer.pf{margin-top:56px}

/* ── les pages : des panneaux arrondis plutôt que des bandes pleine largeur ── */
main section.band,main section.band2,main section.dark{background:none}
main section.band>.ct,main section.band2>.ct,main section.dark>.ct{border-radius:28px;padding:64px 56px}
main section.band>.ct{background:var(--creme2)}
main section.band2>.ct{background:var(--creme3)}
main section.dark>.ct{background:var(--nuit)}
main section.band,main section.band2,main section.dark{padding:32px 0}

/* ── offres : les mois qui défilent derrière le titre ── */
.of-hero{position:relative;overflow:hidden}
.of-hero>.ct{position:relative;z-index:1}
.of-bg{position:absolute;inset:0;pointer-events:none;overflow:hidden;padding-top:26px;
  -webkit-mask-image:linear-gradient(90deg,#000 0,rgba(0,0,0,.85) 10%,transparent 25%,transparent 75%,rgba(0,0,0,.85) 90%,#000 100%);
  mask-image:linear-gradient(90deg,#000 0,rgba(0,0,0,.85) 10%,transparent 25%,transparent 75%,rgba(0,0,0,.85) 90%,#000 100%)}
.of-r{display:flex;width:max-content;margin-bottom:22px;animation:ofr var(--v) linear infinite}
.of-r:nth-child(even){animation-direction:reverse}
@keyframes ofr{to{transform:translateX(-50%)}}
.of-rt{display:flex;gap:14px;padding-right:14px}
.of-m{display:grid;grid-template-columns:auto 64px;grid-template-areas:"m e" "b f";gap:4px 12px;align-items:center;min-width:176px;background:#fff;border:1px solid var(--trait);border-radius:14px;padding:9px 12px;opacity:.75}
.of-m b{grid-area:m;font-size:12.5px}.of-m em{grid-area:e;font-style:normal;font-size:11px;color:var(--gris);text-align:right;white-space:nowrap}
.of-m>i{grid-area:b;display:block;height:6px;border-radius:99px;background:var(--creme2);overflow:hidden}.of-m>i>i{display:block;height:100%;background:var(--vert);opacity:.7;border-radius:99px}
.of-m strong{grid-area:f;font:700 14px/1 'Bricolage Grotesque',sans-serif;text-align:right;color:var(--encre)}
.of-rythme{padding-top:0}
.of-prices .nx-was{margin:-6px 0 6px}

/* ── modules ── */
.ix{position:relative}
.ix-hs{margin-left:auto;margin-right:auto}
.mx-fig .ix-hs{max-width:none}
.ix-bo{background:var(--nuit);border-radius:26px;padding:12px;max-width:540px;box-shadow:var(--ombre-h)}
.ix-boh{display:flex;justify-content:space-between;align-items:center;gap:10px;background:#fff;border-radius:16px 16px 0 0;padding:12px 14px;border-bottom:1px solid var(--trait2)}
.ix-boh b{font-size:14px}
.ix-hl{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:700;color:#9A6A12;background:#FDF1DC;border-radius:99px;padding:3px 9px}.ix-hl svg{width:13px;height:13px}
.ix-bog{display:grid;grid-template-columns:1.1fr .9fr;gap:14px;background:#fff;border-radius:0 0 16px 16px;padding:14px}
.ix-boc{display:flex;justify-content:center;gap:10px;margin:4px 0 12px}.ix-boc i{width:12px;height:12px;border-radius:50%;background:var(--corail)}
.ix-bkp{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.ix-bkp span{display:grid;place-items:center;height:38px;border-radius:10px;background:var(--creme);font-weight:700;font-size:15px}
.ix-bor{display:grid;gap:8px;align-content:start}
.ix-bph{display:grid;place-items:center;gap:4px;background:var(--creme2);border-radius:14px;padding:12px}
.ix-bph span{width:56px;height:56px;border-radius:50%;border:3px solid #fff;background:radial-gradient(circle at 50% 38%,#D9CFC4 0 30%,transparent 31%),radial-gradient(circle at 50% 100%,#D9CFC4 0 45%,transparent 46%),#EFE8DE}
.ix-bph em{font-style:normal;font-size:11px;color:var(--gris);font-weight:600}
.ix-bol{display:flex;gap:8px;align-items:center;font-size:12px}.ix-bol .av{width:26px;height:26px;font-size:9.5px}.ix-bol b{display:block;font-size:12.5px}.ix-bol span{color:var(--gris)}

.nx-z:last-child{margin-bottom:0}
.gb-pan{padding:24px 0 56px}

.nx-ry{display:flex;gap:4px;background:var(--creme2);border-radius:14px;padding:5px;width:fit-content;margin:0 auto 34px;max-width:100%;flex-wrap:wrap}
.nx-ry label{position:relative;cursor:pointer}
.nx-ry input{position:absolute;opacity:0;pointer-events:none}
.nx-ry span{display:inline-flex;align-items:center;gap:6px;font-weight:600;font-size:14.5px;padding:10px 16px;border-radius:10px;color:var(--texte)}
.nx-ry input:checked+span{background:#fff;color:var(--encre);box-shadow:var(--ombre)}
.nx-ry input:focus-visible+span{outline:2px solid var(--corail)}
.nx-ry em{font-style:normal;font-size:11.5px;font-weight:700;color:var(--vert);background:var(--vert-halo);border-radius:99px;padding:2px 8px}
.nx-was{font-size:13px;color:var(--gris);margin:-4px 0 6px}.nx-was s{color:var(--gris)}
.nx-was[hidden]{display:none}
.nx-pm{transition:color .3s}.nx-pm.bouge{color:var(--vert)}
.nx-opt1{display:flex;gap:10px;align-items:center;justify-content:center;max-width:880px;margin:18px auto 0;font-size:14px;color:var(--texte);text-align:left}
.nx-opt1 svg{width:18px;height:18px;flex:none;color:var(--corail)}
.nx-g1{padding:56px 0 48px}
.nx-incl{display:inline-flex;align-items:center;gap:7px;margin-top:18px;font-size:13px;font-weight:600;color:var(--vert);background:var(--vert-halo);border-radius:99px;padding:5px 12px}
.nx-incl svg{width:14px;height:14px}
.nx-g2{padding:0 0 24px}
.nx-kp{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--trait);border-bottom:1px solid var(--trait)}
.nx-kp>div{padding:24px 26px}.nx-kp>div+div{border-left:1px solid var(--trait)}
.nx-kp b{display:block;font:700 clamp(30px,3vw,40px)/1 'Bricolage Grotesque',sans-serif;color:var(--corail);letter-spacing:-.02em}
.nx-kp span{display:block;margin-top:8px;font-size:14.5px;color:var(--texte)}
.nx-g3{padding:56px 0}
.nx-st{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:30px;counter-reset:s}
.nx-sc{border:1px solid var(--trait);border-radius:20px;padding:22px;background:#fff;display:flex;flex-direction:column}
.nx-sn{width:30px;height:30px;border-radius:50%;background:var(--encre);color:#fff;display:grid;place-items:center;font-weight:700;font-size:14px;margin-bottom:14px}
.nx-sc h3{font-size:18px}.nx-sc p{font-size:14.5px;color:var(--texte);margin-top:6px}
.nx-sv{margin-top:auto;padding-top:18px}
.nx-mg{display:grid;gap:6px;background:var(--creme);border-radius:12px;padding:10px}
.nx-mr{display:grid;grid-template-columns:24px 1fr;gap:8px;align-items:center}.nx-mr .av{width:24px;height:24px;font-size:9px}
.nx-mr>div{display:grid;grid-template-columns:repeat(5,1fr);gap:3px}
.nx-mr i{font-style:normal;font-size:10.5px;font-weight:600;border-radius:6px;padding:4px 6px;color:var(--encre)}
.nx-mr i.c1{background:#F7CDBB}.nx-mr i.c4{background:#CFE6D8}.nx-mr i.c5{background:#E6DCF2}
.nx-al{display:flex;gap:10px;align-items:flex-start;background:#FAEBEC;color:#8E2A2F;border-radius:12px;padding:12px;font-size:13.5px}.nx-al svg{width:18px;height:18px;flex:none}
.nx-nt{display:flex;gap:10px;align-items:center;background:var(--nuit);color:#fff;border-radius:14px;padding:10px 12px;font-size:13px}
.nx-nt img{height:26px;width:26px;padding:4px;background:#fff;border-radius:8px}.nx-nt b{display:block}.nx-nt span{color:#D9CFC4;font-size:12px}
.nx-g4{padding:24px 0 40px}
.nx-z{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:48px;align-items:center;margin-bottom:56px}
.nx-z.inv .nx-zv{order:2}
.nx-zv{border-radius:24px;padding:40px;display:grid;place-items:center;min-height:300px}
.nx-t1{background:var(--halo)}.nx-t2{background:var(--vert-halo)}
.nx-rt,.nx-ech{background:#fff;border-radius:16px;box-shadow:var(--ombre-h);padding:14px 16px;width:100%;max-width:420px}
.nx-rth{display:flex;justify-content:space-between;font-size:13px;margin-bottom:6px}.nx-rth span{color:var(--gris)}
.nx-rtl{display:grid;grid-template-columns:26px 1fr auto;gap:10px;align-items:center;padding:8px 0;border-top:1px solid var(--trait2);font-size:13.5px}
.nx-rtl .av{width:26px;height:26px;font-size:9.5px}
.nx-rtl em{font-style:normal;font-size:11.5px;font-weight:700;border-radius:99px;padding:3px 9px}
.nx-rtl em.ok{background:var(--vert-halo);color:var(--vert)}.nx-rtl em.att{background:#FDF1DC;color:#9A6A12}.nx-rtl em.no{background:var(--creme2);color:var(--gris)}
.nx-echl{display:flex;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid var(--trait2)}.nx-echl .av{width:30px;height:30px}
.nx-echl b{display:block;font-size:14px}.nx-echl span{font-size:12.5px;color:var(--gris)}
.nx-echv{display:flex;gap:8px;align-items:center;margin-top:10px;font-size:13px;font-weight:600;color:var(--vert)}.nx-echv svg{width:16px;height:16px}
.nx-g5{padding:0 0 48px}
.nx-pan{background:var(--creme2);border-radius:24px;padding:40px}
.nx-panh{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:22px}.nx-panh .nx-incl{margin:0}
.nx-g6{padding:0 0 48px}
.nx-sec{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.nx-sec>b{margin-right:8px;font-size:15px}
.nx-sec a{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--trait);border-radius:99px;padding:6px 14px 6px 6px;font-size:14px;font-weight:600;color:var(--encre);text-decoration:none;background:#fff}
.nx-sec a:hover{border-color:var(--corail)}
.nx-sec .mm-ic{width:26px;height:26px;flex:0 0 26px;border-radius:50%}.nx-sec .mm-ic svg{width:14px;height:14px}
.nx-g7{padding:24px 0 56px}
.nx-g8{padding:24px 0 56px}
.nx-fq{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:48px}
.nx-fq a{color:var(--corail);font-weight:600}

@keyframes obIn{from{opacity:0;transform:translateY(10px)}}
.ix-sec{padding:28px 0 36px;border-top:1px solid var(--trait2)}
.ix-hd2{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.ix-hd2 h3{font-size:22px}
.ix-n{font-weight:700;font-size:13px;color:#fff;background:var(--encre);border-radius:8px;padding:3px 8px}
.ix-tag{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;color:var(--corail);background:var(--halo);border-radius:99px;padding:4px 10px}.ix-tag svg{width:14px;height:14px}
.ix-ou{font-size:14px;color:var(--texte);margin:8px 0 18px}
.ix-big{padding:16px!important}.ix-big .nx-mr{grid-template-columns:30px 1fr}.ix-big .nx-mr .av{width:30px;height:30px;font-size:10.5px}.ix-big .nx-mr i{font-size:12px;padding:6px 8px}
.ix-tabs{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:24px;align-items:stretch}
.ix-tl{display:grid;gap:8px;align-content:start}
.ix-tl button{all:unset;box-sizing:border-box;cursor:pointer;display:grid;gap:2px;border:1px solid var(--trait);border-radius:14px;padding:14px 16px;background:#fff;position:relative;transition:border-color .15s,background .15s}
.ix-tl button b{font-size:15.5px;color:var(--encre)}.ix-tl button span{font-size:13px;color:var(--gris)}
.ix-tl button.on{border-color:var(--corail);background:var(--halo)}
.ix-tl button:focus-visible{outline:2px solid var(--corail);outline-offset:2px}
.ix-tl button.ix-next::after{content:'';position:absolute;right:16px;top:50%;width:10px;height:10px;margin-top:-5px;border-radius:50%;background:var(--corail);animation:ixP 1.6s infinite}
@keyframes ixP{0%{box-shadow:0 0 0 0 rgba(224,90,54,.45)}100%{box-shadow:0 0 0 12px rgba(224,90,54,0)}}
.ix-tv{background:var(--creme2);border-radius:20px;padding:28px;display:grid;place-items:center;min-height:300px}
.ix-p{width:100%;max-width:460px;background:#fff;border-radius:16px;box-shadow:var(--ombre-h);padding:16px;animation:obIn .35s ease both}
.ix-p[hidden]{display:none}
.ix-po{display:grid;grid-template-columns:90px repeat(3,1fr);gap:8px;align-items:center;font-size:13px}
.ix-po em{font-style:normal;font-size:11.5px;font-weight:700;color:var(--gris);text-align:center}.ix-po b{font-size:13px}
.ix-po>span{display:grid;place-items:center;background:var(--creme);border-radius:8px;padding:5px}.ix-po>span:first-child{background:none}
.ix-jo{display:grid;gap:8px}.ix-jo div{display:grid;grid-template-columns:40px 1fr;gap:8px;align-items:center;font-size:12px;color:var(--gris)}
.ix-jo i{font-style:normal;font-size:12px;font-weight:600;color:var(--encre);border-radius:8px;padding:7px 9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ix-jo i.c1,.ix-mo i{background:#F7CDBB}.ix-jo i.c4{background:#CFE6D8}.ix-jo i.c5{background:#E6DCF2}.ix-jo i.c6{background:#F4E1B5}
.ix-mo{display:grid;grid-template-columns:repeat(7,1fr);gap:5px}.ix-mo em{font-style:normal;font-size:11px;font-weight:700;color:var(--gris);text-align:center}
.ix-mo span{background:var(--creme);border-radius:8px;padding:5px 6px;display:grid;gap:4px}.ix-mo span.we{background:var(--halo)}
.ix-mo b{font-size:11px}.ix-mo i{display:block;height:5px;border-radius:99px;background:var(--corail)!important;opacity:.7}
.ix-gtabs{padding:8px 0 56px}.ix-gtabs .ix-tabs{margin-top:26px}
.ix-sc{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;margin-top:10px}
.ix-ss{min-height:46vh;display:flex;flex-direction:column;justify-content:center;opacity:.35;transition:opacity .35s}
.ix-ss.on{opacity:1}.ix-ss h3{font-size:24px}.ix-ss p{font-size:16px;color:var(--texte);margin-top:8px;max-width:420px}
.ix-sv{position:relative}
.ix-svf{position:sticky;top:calc(50vh - 140px);height:280px;background:var(--creme2);border-radius:24px;display:grid;place-items:center;padding:28px}
.ix-st{position:absolute;width:calc(100% - 56px);max-width:380px;opacity:0;transform:translateY(12px) scale(.98);transition:opacity .4s,transform .4s}
.ix-st.on{opacity:1;transform:none}
.ix-st .nx-mg{background:#fff;box-shadow:var(--ombre-h)}
.ix-hs{max-width:560px}
.ix-fp{background:#fff;border:1px solid var(--trait);border-radius:18px;box-shadow:var(--ombre-h);padding:16px 18px}
.ix-fph{display:flex;justify-content:space-between;align-items:baseline;padding-bottom:10px;border-bottom:1px solid var(--trait2)}.ix-fph span{font-size:12.5px;color:var(--gris)}
.ix-fl{display:grid;grid-template-columns:90px 1fr auto;gap:10px;padding:9px 0;border-bottom:1px solid var(--trait2);font-size:13.5px;align-items:center}
.ix-fl b{font-weight:600;font-variant-numeric:tabular-nums}
.ix-fl em{font-style:normal;font-size:11.5px;font-weight:700;border-radius:99px;padding:3px 9px}
.ix-fl em.ok{background:var(--vert-halo);color:var(--vert)}.ix-fl em.att{background:#FDF1DC;color:#9A6A12}.ix-fl em.no{background:var(--creme2);color:var(--gris)}
.ix-fsig{display:flex;justify-content:space-between;align-items:center;padding-top:12px;font-size:13.5px}.ix-fsig em{font-style:normal;font-size:12.5px;color:var(--vert);font-weight:600}
.ix-dot{all:unset;cursor:pointer;position:absolute;width:28px;height:28px;margin:-14px 0 0 -14px;border-radius:50%;background:var(--corail);color:#fff;display:grid;place-items:center;font-size:12px;font-weight:700;box-shadow:0 0 0 0 rgba(224,90,54,.45);animation:ixP 1.8s infinite;z-index:3}
.ix-dot.vu{animation:none;background:var(--encre)}
.ix-dot:focus-visible{outline:2px solid var(--encre);outline-offset:2px}
.ix-tip{position:absolute;z-index:4;width:220px;transform:translate(-50%,-100%);margin-top:-22px;background:var(--encre);color:#fff;border-radius:12px;padding:10px 12px;font-size:13px;line-height:1.4;box-shadow:0 14px 30px -12px rgba(0,0,0,.4);animation:obIn .25s ease both}
.ix-tip b{display:block;font-size:13.5px;margin-bottom:2px}
.ix-tip[hidden]{display:none}
.ix-ba{position:relative;max-width:640px;height:300px;border-radius:20px;overflow:hidden;border:1px solid var(--trait);background:#fff;user-select:none;touch-action:pan-y}
.ix-bl{position:absolute;inset:0;padding:40px 24px 20px;display:grid;align-content:center;gap:12px}
.ix-after{background:var(--vert-halo)}
.ix-before{background:#fff;clip-path:inset(0 calc(100% - var(--x,50%)) 0 0)}
.ix-alm{max-width:340px}
.ix-xl{font:12px/1.2 Arial,sans-serif;border:1px solid #C9C9C9;background:#fff}
.ix-xh,.ix-xr{display:grid;grid-template-columns:30px 1.3fr 1fr 1fr 1fr 1fr}
.ix-xh span,.ix-xr span{border-right:1px solid #D9D9D9;border-bottom:1px solid #D9D9D9;padding:6px 5px;min-height:26px;white-space:nowrap;overflow:hidden}
.ix-xh span,.ix-xr span:first-child{background:#EFEFEF;color:#666;text-align:center}
.ix-xr span.j{background:#FFF2A8}.ix-xr span.r{background:#F8C9C4;color:#9C1C1C}
.ix-lb{position:absolute;top:12px;font-size:12px;font-weight:700;border-radius:99px;padding:3px 10px;background:#fff;box-shadow:var(--ombre);z-index:2}.ix-lb.l{left:12px}.ix-lb.r{right:12px;color:var(--vert)}
.ix-hd{all:unset;position:absolute;top:0;bottom:0;left:var(--x,50%);width:4px;margin-left:-2px;background:var(--encre);cursor:ew-resize;z-index:3}
.ix-hd span{position:absolute;top:50%;left:50%;width:40px;height:40px;margin:-20px 0 0 -20px;border-radius:50%;background:var(--encre);color:#fff;display:grid;place-items:center;box-shadow:0 6px 18px rgba(0,0,0,.25)}
.ix-hd svg{width:20px;height:20px}.ix-hd:focus-visible span{outline:3px solid var(--corail)}
.ix-hzh{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.ix-hzh b{font-size:16px}
.ix-nav{display:flex;gap:6px}.ix-nav button{all:unset;cursor:pointer;width:36px;height:36px;border-radius:50%;border:1px solid var(--trait);display:grid;place-items:center;background:#fff}
.ix-nav button:hover{border-color:var(--corail)}.ix-nav svg{width:18px;height:18px}.ix-nav button:disabled{opacity:.35;cursor:default}
.ix-trk{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(260px,32%);gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 2px 14px;scrollbar-width:none}
.ix-trk::-webkit-scrollbar{display:none}
.ix-card{scroll-snap-align:start;background:var(--creme2);border-radius:18px;padding:18px;display:flex;flex-direction:column;gap:8px;min-height:220px}
.ix-card>em{font-style:normal;font:700 22px/1 'Bricolage Grotesque',sans-serif;color:var(--corail)}.ix-card>b{font-size:15.5px}
.ix-cv{margin-top:auto}
.ix-mini{box-shadow:none;border:1px solid var(--trait);padding:8px 12px}
.ix-q{background:#fff;border-radius:12px;padding:10px 12px;font-size:13px}.ix-q b{display:block;margin-bottom:6px}
.ix-ok{background:#fff;border-radius:12px;padding:10px 12px;margin:0}
.ix-sg{background:#fff;border-radius:12px;padding:10px 12px}.ix-sg b{display:block}.ix-sg span{font-size:12.5px;color:var(--vert);font-weight:600}
.ix-prog{height:4px;border-radius:99px;background:var(--creme2);overflow:hidden}.ix-prog i{display:block;height:100%;width:20%;background:var(--corail);transition:width .2s}


@media(max-width:1000px){
  .nx-z,.nx-fq,.ix-tabs,.ix-sc{grid-template-columns:1fr}.nx-z.inv .nx-zv{order:0}.nx-st{grid-template-columns:1fr}
  .ix-sv{order:-1}.ix-svf{top:70px;height:220px}.ix-ss{min-height:34vh}
  .pf-g{grid-template-columns:1fr 1fr}.pf-b{grid-column:1/-1}
}
@media(max-width:700px){
  main section.band>.ct,main section.band2>.ct,main section.dark>.ct{padding:36px 20px;border-radius:20px;margin:0 12px}
  .nx-pan,.nx-zv{padding:24px 18px;border-radius:18px}.nx-kp{grid-template-columns:1fr}.nx-kp>div+div{border-left:0;border-top:1px solid var(--trait)}
  .pf-f{flex:1 1 100%;flex-direction:column}.pf-band{transform:translateY(-30%)}
  .ix-trk{grid-auto-columns:82%}.ix-ba{height:340px}
  .nx-ry span{font-size:13px;padding:9px 10px}.of-bg{opacity:.45}
}
@media(prefers-reduced-motion:reduce){.of-r{animation:none}.ix-tl button.ix-next::after,.ix-dot{animation:none}.ix-st,.ix-ss{transition:none}}

/* ══════════ v14.209 · les carrousels du bas de page ══════════ */
.cr-z{padding:56px 0 24px;overflow:hidden}
.cr-h{display:flex;align-items:flex-end;gap:16px;margin-bottom:22px}
.cr-h>div:first-child{flex:1}.cr-h h2{margin-top:6px}
.cr-all{font-size:14px;font-weight:600;color:var(--corail);text-decoration:none;white-space:nowrap}
.cr-nav{display:flex;gap:6px}
.cr-nav button{all:unset;cursor:pointer;width:40px;height:40px;border-radius:50%;border:1px solid var(--trait);display:grid;place-items:center;background:#fff;transition:border-color .15s,opacity .15s}
.cr-nav button:hover{border-color:var(--corail)}.cr-nav button:focus-visible{outline:2px solid var(--corail);outline-offset:2px}
.cr-nav button:disabled{opacity:.35;cursor:default}.cr-nav svg{width:18px;height:18px}
.cr-c{scroll-snap-align:start;display:flex;flex-direction:column;background:#fff;border:1px solid var(--trait);border-radius:20px;overflow:hidden;text-decoration:none;color:var(--encre);transition:transform .2s,box-shadow .2s,border-color .2s}
.cr-c:hover{transform:translateY(-3px);box-shadow:var(--ombre-h);border-color:#E3D6C4}
.cr-c:focus-visible{outline:2px solid var(--corail);outline-offset:3px}
.cr-v{height:168px;display:grid;place-items:center;padding:16px;position:relative}
.cr-v.t1{background:var(--halo)}.cr-v.t2{background:var(--vert-halo)}.cr-v.t3{background:var(--creme2)}.cr-v.t4{background:#E9EEF7}
.cr-b{padding:16px 18px 18px;display:flex;flex-direction:column;gap:4px;flex:1}
.cr-g{font-size:11.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--gris)}
.cr-b b{font:700 19px/1.2 'Bricolage Grotesque',sans-serif;letter-spacing:-.01em}
.cr-b p{font-size:14px;color:var(--texte);margin:0;flex:1}
.cr-b em{font-style:normal;font-size:14px;font-weight:600;color:var(--corail);display:inline-flex;align-items:center;gap:4px;margin-top:8px}.cr-b em svg{width:16px;height:16px;transition:transform .2s}
.cr-c:hover .cr-b em svg{transform:translateX(3px)}
/* les secteurs */
.cr-s .cr-v{place-items:start;align-content:space-between;justify-items:start}
.cr-ic{width:52px;height:52px;border-radius:16px;background:#fff;color:var(--corail);display:grid;place-items:center;box-shadow:var(--ombre)}.cr-ic svg{width:28px;height:28px}
.cr-tags{display:flex;flex-wrap:wrap;gap:5px}.cr-tags i{font-style:normal;font-size:11.5px;font-weight:600;background:rgba(255,255,255,.8);border-radius:99px;padding:3px 9px;color:var(--encre)}
.cr-s .cr-b p{font-size:14.5px;line-height:1.45;color:var(--encre)}
/* les petits écrans des fonctionnalités */
.cr-v>*{max-width:100%}
.cr-pl{display:grid;gap:7px;width:100%;background:#fff;border-radius:12px;padding:10px;box-shadow:var(--ombre)}
.cr-pl>div{display:grid;grid-template-columns:22px 1fr;gap:7px;align-items:center}.cr-pl .av{width:22px;height:22px;font-size:8.5px}
.cr-pl span{position:relative;height:14px;background:var(--creme2);border-radius:5px}.cr-pl span i{position:absolute;top:0;bottom:0;border-radius:5px}
.cr-kp{display:grid;justify-items:center;gap:8px}.cr-dots{display:flex;gap:6px}.cr-dots i{width:9px;height:9px;border-radius:50%;border:2px solid var(--trait)}.cr-dots i.on{background:var(--corail);border-color:var(--corail)}
.cr-keys{display:grid;grid-template-columns:repeat(3,34px);gap:5px}.cr-keys span{height:26px;border-radius:7px;background:#fff;display:grid;place-items:center;font-weight:700;font-size:12px;box-shadow:var(--ombre)}
.cr-pill{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:700;border-radius:99px;padding:4px 10px;background:#fff;color:var(--encre)}.cr-pill svg{width:13px;height:13px}.cr-pill.ok{color:var(--vert)}
.cr-doc{width:100%;background:#fff;border-radius:12px;padding:10px 12px;box-shadow:var(--ombre);display:grid;gap:4px;font-size:11.5px}
.cr-doc b{font-size:12px;margin-bottom:2px}.cr-doc>div{display:flex;justify-content:space-between;border-top:1px solid var(--trait2);padding-top:4px}.cr-doc em{font-style:normal;font-weight:700}
.cr-doc .cr-pill{justify-self:start;background:var(--creme);margin-top:4px}
.cr-sig{width:110px;height:22px;justify-self:end}.cr-sig path{fill:none;stroke:var(--encre);stroke-width:2;stroke-linecap:round}
.cr-cal{display:grid;grid-template-columns:repeat(7,26px);gap:4px;margin-bottom:8px}.cr-cal i{font-style:normal;height:24px;border-radius:6px;background:#fff;display:grid;place-items:center;font-size:10.5px;font-weight:600}
.cr-cal i.cg{background:#9DCBB5;color:#fff}.cr-cal i.ar{background:#F0B39F;color:#fff}.cr-cal i.we{background:transparent;color:var(--gris)}
.cr-v.t4:has(.cr-cal){align-content:center;justify-items:center}
.cr-po{display:grid;grid-template-columns:56px repeat(3,30px);gap:5px;align-items:center;background:#fff;border-radius:12px;padding:10px;box-shadow:var(--ombre);font-size:11px}
.cr-po em{font-style:normal;font-size:9.5px;font-weight:700;color:var(--gris);text-align:center}.cr-po .av{width:24px;height:24px;font-size:8.5px;justify-self:center}
.cr-ch{display:flex;align-items:flex-end;gap:6px;height:84px;width:100%;padding:0 6px}.cr-ch i{flex:1;background:#E3C9B6;border-radius:5px 5px 2px 2px}.cr-ch i.on{background:var(--corail)}
.cr-lg{display:flex;justify-content:space-between;width:100%;font-size:11.5px;color:var(--gris);margin-top:6px}.cr-lg b{color:var(--encre)}
.cr-cv{width:100%;height:80px}.cr-cv path{fill:none;stroke:var(--vert);stroke-width:3;stroke-linecap:round}.cr-cv path.z{stroke:var(--trait);stroke-width:1.5;stroke-dasharray:4 4}
.cr-fo{display:grid;gap:6px;width:100%}.cr-fo>div{display:flex;justify-content:space-between;align-items:center;background:#fff;border-radius:10px;padding:7px 10px;box-shadow:var(--ombre);font-size:11.5px}
.cr-f{font-weight:600}.cr-fo em{font-style:normal;font-size:10.5px;font-weight:700;border-radius:99px;padding:2px 8px}.cr-fo em.ok{background:var(--vert-halo);color:var(--vert)}.cr-fo em.att{background:#FDF1DC;color:#9A6A12}
.cr-prog2{height:6px;border-radius:99px;background:var(--creme2);overflow:hidden}.cr-prog2 i{display:block;height:100%;background:var(--vert)}
.cr-msg{display:grid;gap:6px;width:100%;font-size:11.5px}.cr-msg span{max-width:80%;border-radius:12px;padding:6px 10px;background:#fff;box-shadow:var(--ombre)}
.cr-msg .in{justify-self:start;border-bottom-left-radius:4px}.cr-msg .moi{justify-self:end;background:var(--corail);color:#fff;border-bottom-right-radius:4px}
.cr-tel{width:128px;height:138px;border-radius:18px;background:var(--nuit);padding:6px;margin-bottom:-30px;align-self:end}
.cr-tel>div{background:#fff;border-radius:13px;height:100%;padding:8px;display:grid;gap:4px;align-content:start;font-size:9.5px}.cr-tel b{font-size:10.5px}
.cr-tel span{display:flex;align-items:center;gap:5px}.cr-tel span i{width:4px;height:14px;border-radius:2px}.cr-tel em{font-style:normal;font-weight:700;color:#fff;background:var(--corail);border-radius:8px;text-align:center;padding:4px;margin-top:2px}
.cr-pi{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;width:100%}.cr-pi>div{background:#fff;border-radius:10px;padding:7px;display:flex;flex-wrap:wrap;gap:3px;align-content:start;min-height:70px;box-shadow:var(--ombre)}
.cr-pi b{width:100%;font-size:10px;color:var(--gris)}.cr-pi .av{width:22px;height:22px;font-size:8.5px}
.cr-in{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}.cr-in span{background:#fff;border-radius:10px;padding:8px 12px;font-size:12px;font-weight:700;box-shadow:var(--ombre)}
@media(max-width:700px){.cr-h{flex-wrap:wrap}.cr-nav{display:none}}
@media(prefers-reduced-motion:reduce){.cr-c,.cr-b em svg{transition:none}}

/* le défilé : les cartes glissent seules ; survol = pause ; on peut les attraper */
.ft-z{-webkit-mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}
.ft{overflow-x:auto;scrollbar-width:none;padding:6px 0 18px}
.ft::-webkit-scrollbar{display:none}
.ft.on{overflow:hidden;touch-action:pan-y;cursor:grab;user-select:none;-webkit-user-select:none}
.ft.tire{cursor:grabbing}.ft.tire a{pointer-events:none}
.ft-t{display:flex;width:max-content;will-change:transform}
.ft .cr-c{width:300px;margin-right:16px;flex:none}
.ft svg{-webkit-user-drag:none}
.cr-z:not(.ft-on) .cr-nav{display:none}
@media(max-width:700px){.ft .cr-c{width:78vw}.ft-z{-webkit-mask-image:none;mask-image:none}}

/* ══════════ v14.210 · l’accueil : une journée avec expéRHia ══════════ */
.bo-c{display:flex;flex-direction:column;gap:5px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-left:5px solid rgba(255,255,255,.22);border-radius:16px;padding:11px 12px 11px 10px}
.bo-c[data-e=present]{border-left-color:#6C974C}.bo-c[data-e=pause]{border-left-color:#E9A23B}.bo-c[data-e=retard]{border-left-color:#C4564E}.bo-c[data-e=fini]{opacity:.45}
.bo-et{font:700 9.5px/1.2 'Instrument Sans',sans-serif;letter-spacing:.08em;text-transform:uppercase;opacity:.62}
.bo-c[data-e=present] .bo-et{color:#8FCB6B;opacity:1}.bo-c[data-e=pause] .bo-et{color:#E9A23B;opacity:1}.bo-c[data-e=retard] .bo-et{color:#E88A84;opacity:1}
.bo-qui{display:flex;align-items:center;gap:9px}.bo-qui .av{width:36px;height:36px;font-size:12px;flex:none}
.bo-id b{display:block;font:600 15px/1.15 'Bricolage Grotesque',sans-serif}.bo-id i{display:block;font-style:normal;font-size:11px;font-weight:600;opacity:.7}
.bo-etq{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:600;opacity:.9}.bo-etq i{width:8px;height:8px;border-radius:50%}
.bo-hrs{display:grid;grid-template-columns:auto 1fr;gap:1px 8px;font-variant-numeric:tabular-nums}
.bo-hrs>i{font-style:normal;font:600 9px/1.7 'Instrument Sans',sans-serif;letter-spacing:.05em;text-transform:uppercase;opacity:.5}
.bo-hrs>b{font:600 13px 'Bricolage Grotesque',sans-serif}.bo-hrs em{font-style:normal;opacity:.35;margin:0 4px}
.bo-reel b{font-size:12px}.bo-reel .ok{color:#8FCB6B}.bo-reel .pz{color:#E9A23B}.bo-reel .ko{color:#E88A84;font-weight:600}.bo-reel .gr{opacity:.65}.bo-reel i{font-style:normal;opacity:.4}
.bo-act{font-size:11.5px;font-weight:600;color:#E9A23B}.bo-act i{font-style:normal;opacity:.62;font-weight:500}.bo-c[data-e=fini] .bo-act{color:inherit}
.va-g{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.va-t{border-radius:22px;padding:26px 24px;display:grid;gap:8px;align-content:start}
.va-0{background:var(--halo)}.va-1{background:var(--vert-halo)}.va-2{background:#E9EEF7}
.va-ic{width:48px;height:48px;border-radius:14px;background:#fff;display:grid;place-items:center;color:var(--corail);box-shadow:var(--ombre)}.va-ic svg{width:24px;height:24px}
.va-t em{font-style:normal;font-size:11.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--gris);margin-top:6px}
.va-t h3{font:700 21px/1.2 'Bricolage Grotesque',sans-serif;margin:0}.va-t p{margin:0;font-size:15px;line-height:1.55;color:var(--texte)}
.ac-cal{grid-template-columns:repeat(4,1fr)}
@media(max-width:900px){.va-g{grid-template-columns:1fr}.ac-cal{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.ac-cal{grid-template-columns:1fr}}
.jr{padding:64px 0}
.jr-tt{text-align:center;max-width:760px;margin:0 auto 20px}
.jr-l{position:relative;display:grid;gap:26px;margin-top:40px}
.jr-l::before{content:'';position:absolute;left:50%;top:0;bottom:0;width:2px;background:repeating-linear-gradient(var(--trait) 0 8px,transparent 8px 14px);transform:translateX(-1px)}
.jr-m{display:grid;grid-template-columns:1fr 1fr;gap:110px;align-items:center;position:relative}
.jr-m.inv .jr-t{order:2}.jr-m.inv .jr-v{order:1}
.jr-h{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:2;background:var(--corail);color:#fff;font:700 14px 'Bricolage Grotesque',sans-serif;border-radius:99px;padding:7px 13px;white-space:nowrap;box-shadow:0 0 0 6px var(--creme)}
.jr-t h3{font:700 26px/1.2 'Bricolage Grotesque',sans-serif;margin:0 0 10px;letter-spacing:-.01em}
.jr-t p{margin:0;font-size:16px;line-height:1.6;color:var(--texte)}
.jr-c{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px}
.jc{display:inline-flex;align-items:center;gap:5px;font-size:12.5px;font-weight:700;border-radius:99px;padding:5px 11px;background:var(--vert-halo);color:var(--vert)}.jc svg{width:13px;height:13px}
.jr-a{display:inline-flex;align-items:center;gap:4px;margin-top:14px;font-size:14px;font-weight:600;color:var(--corail);text-decoration:none}.jr-a svg{width:16px;height:16px}
.jr-f{background:#fff;border:1px solid var(--trait);border-radius:20px;box-shadow:var(--ombre-h);padding:18px;max-width:440px}
.jr-m:not(.inv) .jr-f{margin-left:auto}
.jv-bo{background:#1B140D;border-radius:14px;padding:12px;color:#F2EDE3;display:grid;gap:10px}
.jv-tk{display:grid;gap:5px;font-size:12px}.jv-tk>b{font-size:10px;letter-spacing:.06em;text-transform:uppercase;opacity:.6}
.jv-tk span{display:flex;align-items:center;gap:8px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:9px;padding:6px 9px;font-weight:600}
.jv-tk span svg,.jv-tk span i{width:15px;height:15px;border-radius:4px;flex:none}.jv-tk span i{border:2px solid rgba(255,255,255,.35)}
.jv-tk span.ok{text-decoration:line-through;opacity:.65}.jv-tk span.ok svg{background:#4A7C59;color:#fff;padding:2px}
.jv-bih{display:flex;align-items:baseline;gap:10px}.jv-bih span{font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--gris)}
.jv-bih b{font:700 28px 'Bricolage Grotesque',sans-serif}.jv-bih em{font-style:normal;font-size:12px;color:var(--vert);font-weight:700}
.jv-ch{display:flex;gap:6px;align-items:flex-end;height:90px;margin:10px 0}.jv-ch i{flex:1;background:#E3C9B6;border-radius:5px 5px 2px 2px}.jv-ch i.pic{background:var(--corail)}
.jv-al{display:flex;gap:8px;align-items:center;background:#FBF1DB;color:#7A5410;border-radius:10px;padding:8px 10px;font-size:12.5px}.jv-al svg{width:16px;height:16px;flex:none}
.jv-ms{display:grid;gap:8px;font-size:13px}
.jv-ms .in{display:flex;gap:8px;align-items:flex-end}.jv-ms .in .av{width:26px;height:26px;font-size:9px;flex:none}
.jv-ms .in>span:not(.av){background:var(--creme2);border-radius:14px 14px 14px 4px;padding:8px 11px;max-width:80%}
.jv-ms .sd{justify-self:end;background:var(--corail);color:#fff;border-radius:14px 14px 4px 14px;padding:9px 12px;display:grid;gap:2px;max-width:85%}.jv-ms .sd span{font-size:11.5px;opacity:.9}
.jv-ok{display:flex;align-items:center;gap:6px;font-size:12.5px;font-weight:700;color:var(--vert);background:var(--vert-halo);border-radius:10px;padding:8px 10px}.jv-ok svg{width:14px;height:14px}
.jv-va{display:grid;gap:0}.jv-va>div:not(.jv-fp){display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--trait2)}
.jv-va .av{width:26px;height:26px;font-size:9px;flex:none}.jv-va>div>span:not(.av){flex:1}.jv-va b{display:block;font-size:13px}.jv-va i{font-style:normal;font-size:11.5px;color:var(--gris)}
.jv-va em{font-style:normal;font-size:11px;font-weight:700;border-radius:99px;padding:2px 9px}.jv-va em.ok{background:var(--vert-halo);color:var(--vert)}.jv-va em.ko{background:#FAEBEC;color:#8E2A2F}
.jv-fp{display:flex;gap:10px;align-items:center;background:var(--creme);border-radius:10px;padding:9px 11px;margin-top:10px}.jv-fp svg{width:18px;height:18px;color:var(--corail)}
.jv-pa{display:grid;gap:4px;font-size:13px}.jv-pa>b{font-size:13.5px;margin-bottom:4px}.jv-pa>div:not(.jv-ok){display:flex;justify-content:space-between;border-top:1px solid var(--trait2);padding:6px 0}
.jv-pa>div em{font-style:normal;font-weight:700}.jv-pa .jv-ok{margin-top:6px}
@media(max-width:860px){.jr-l::before{left:14px}.jr-m,.jr-m.inv{grid-template-columns:1fr;gap:16px;padding-left:40px}.jr-m.inv .jr-t{order:1}.jr-m.inv .jr-v{order:2}
  .jr-h{position:static;transform:none;display:inline-block;margin-bottom:10px;box-shadow:none}.jr-l::before{display:none}.jr-m,.jr-m.inv{padding-left:0}.jr-m:not(.inv) .jr-f{margin-left:0}}

/* ══════════ v14.212 · le simulateur de période d’essai, le retour de la démonstration ══════════ */
#pe-res.vide .sm-big b{opacity:.35}
.sm-form .sm-in.pe-n{display:inline-flex;width:auto;max-width:100%}.sm-form .sm-in.pe-n input{width:70px;flex:none}
.pe-ren{display:flex;justify-content:space-between;align-items:baseline;gap:10px;background:var(--halo);border-radius:12px;padding:10px 14px;margin-top:10px}
.pe-ren span{font-size:13px;color:var(--texte)}.pe-ren b{font:700 16px 'Bricolage Grotesque',sans-serif}
.pe-fr{margin-top:16px}.pe-frb{display:flex;height:14px;border-radius:99px;overflow:hidden;background:var(--creme2)}
.pe-frb i{display:block;background:var(--vert);transition:width .5s cubic-bezier(.2,.8,.2,1)}.pe-frb i.r{background:repeating-linear-gradient(45deg,#E58E73 0 6px,#F0B39F 6px 12px)}
.pe-frl{display:flex;justify-content:space-between;font-size:12px;color:var(--gris);margin:6px 0}
.pe-fr .sm-leg i.n{background:var(--vert)}.pe-fr .sm-leg i.p{background:#E58E73}
.pe-pv{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}
.pe-pv>div{background:var(--creme);border-radius:12px;padding:12px 14px;display:grid;gap:3px}
.pe-pv>div>span{font-size:11.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--gris)}
.pe-pv b{font-size:14.5px;line-height:1.35}.pe-pv em{font-style:normal;color:var(--corail)}.pe-pv i{font-style:normal;font-size:12px;color:var(--gris)}
.pe-et{margin-top:16px}.pe-et h4{font-size:13px;margin:0 0 6px}
#r-et>div{display:grid;grid-template-columns:150px 1fr;gap:2px 12px;padding:8px 0;border-top:1px solid var(--trait2);font-size:13.5px}
#r-et span{color:var(--gris)}#r-et i{grid-column:2;font-style:normal;font-size:11.5px;color:var(--gris)}
.pe-av2{margin-top:6px}
.pe-tw{overflow-x:auto}.pe-t{width:100%;min-width:560px}.pe-t td,.pe-t th{font-size:14px}
.sm-chk2{display:inline-flex;align-items:center;gap:6px;font-size:13.5px;font-weight:600}.sm-row:has(.sm-chk2){display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.pe-cta{display:flex;align-items:center;gap:24px;justify-content:space-between;background:var(--vert-halo);border-radius:22px;padding:26px 30px}
.pe-cta h3{font:700 22px 'Bricolage Grotesque',sans-serif;margin:0 0 6px}.pe-cta p{margin:0;color:var(--texte)}
@media(max-width:800px){#pe-form .sm-seg{grid-auto-flow:row;grid-template-columns:1fr 1fr}.pe-pv{grid-template-columns:1fr}.pe-cta{flex-direction:column;align-items:flex-start}#r-et>div{grid-template-columns:1fr}#r-et i{grid-column:1}}
.ob-top{display:flex;align-items:center;justify-content:space-between;gap:12px}
.ob-bk{display:inline-flex;align-items:center;gap:4px;font-size:13px;font-weight:600;color:var(--gris);text-decoration:none;border-radius:99px;padding:5px 11px 5px 7px;margin-left:-7px;transition:background .15s,color .15s}
.ob-bk:hover,.ob-bk:focus-visible{background:var(--creme2);color:var(--encre)}.ob-bk svg{width:15px;height:15px}
.ob-ok{display:grid;place-items:center}.ob-ok svg{width:30px;height:30px}

/* ══════════ v14.213 · la démonstration qui s’anime, le simulateur de période d’essai ══════════ */
.ob.recul .ob-e{animation-name:obInG}
@keyframes obInG{from{opacity:0;transform:translateX(-26px)}to{opacity:1;transform:none}}
@keyframes obUp{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
.ob-e:not([hidden]) h1{animation:obUp .5s cubic-bezier(.2,.8,.2,1) both}
.ob-e:not([hidden]) h1+.ob-s{animation:obUp .5s .06s cubic-bezier(.2,.8,.2,1) both}
.ob-e:not([hidden]) .ob-tu>*,.ob-e:not([hidden]) .ob-f>*{animation:obUp .45s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(.1s + var(--i,0) * .045s)}
.ob-prog i{position:relative;overflow:hidden}
.ob-prog i.neuf{background:var(--creme2)}
.ob-prog i.neuf::after{content:'';position:absolute;inset:0;border-radius:inherit;background:var(--corail);transform-origin:left;animation:obBar .7s .15s cubic-bezier(.2,.8,.2,1) both}
@keyframes obBar{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.ob-t.on .ob-ti{animation:obPop .4s ease}
@keyframes obPop{45%{transform:scale(1.2)}}
.ob-p.on .ob-li li{animation:obUp .45s cubic-bezier(.2,.8,.2,1) both;animation-delay:.3s}
.ob-p.on .ob-li li:nth-child(2){animation-delay:.45s}.ob-p.on .ob-li li:nth-child(3){animation-delay:.6s}
.ob-p.on .ob-ab i{transform-origin:left;animation:obGrow .6s cubic-bezier(.2,.8,.2,1) both;animation-delay:.35s}
.ob-p.on .ob-ab:nth-of-type(2) i{animation-delay:.45s}.ob-p.on .ob-ab:nth-of-type(3) i{animation-delay:.55s}.ob-p.on .ob-ab:nth-of-type(4) i{animation-delay:.65s}.ob-p.on .ob-ab:nth-of-type(5) i{animation-delay:.75s}
@keyframes obGrow{from{transform:scaleX(0);opacity:0}to{transform:none;opacity:1}}
.ob-p.on .ob-ah{animation:obUp .45s .15s both}
.ob-ok{display:grid;place-items:center}.ob-ok svg{width:30px;height:30px}
.ob-e:not([hidden]) .ob-ok{animation:obPop .5s .1s both}
.ob-ok path{stroke-dasharray:24;stroke-dashoffset:24}
.ob-e:not([hidden]) .ob-ok path{animation:obDraw .45s .35s ease-out forwards}
@keyframes obDraw{to{stroke-dashoffset:0}}
@media(prefers-reduced-motion:reduce){.ob-e,.ob-e *,.ob-p.on *,.ob-prog i::after{animation:none!important}.ob-ok path{stroke-dashoffset:0}}
.ob-l{position:relative;background:#fff}
.ob-l>*:not(.odf){position:relative;z-index:1}
.odf{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:0}
.odp-e{position:absolute;display:flex;align-items:center;gap:9px;background:#fff;border:1px solid var(--trait);border-radius:14px;padding:8px 13px 8px 8px;
  box-shadow:0 12px 28px -16px rgba(31,25,21,.3);font-size:12.5px;white-space:nowrap;transform:rotate(var(--r));
  animation:odpIn .6s cubic-bezier(.2,.8,.2,1) both,odpF var(--d) ease-in-out .6s infinite alternate}
.odp-e.sort{animation:odpOut .8s ease forwards}
@keyframes odpIn{from{opacity:0;transform:translateY(12px) scale(.9) rotate(var(--r))}}
@keyframes odpF{to{transform:translateY(-9px) rotate(calc(var(--r) * -1))}}
@keyframes odpOut{to{opacity:0;transform:translateY(-16px) scale(.95)}}
.odp-e b{display:block;font-size:12.5px;color:var(--encre);line-height:1.25}.odp-e em{display:block;font-style:normal;font-size:11px;color:var(--gris)}
.odp-e .av{width:26px;height:26px;font-size:9px;flex:none}
.odp-sh{display:inline-flex;align-items:center;gap:8px;font-weight:700;color:var(--encre);font-size:12.5px}
.odp-sh i{width:6px;height:24px;border-radius:3px;background:#F0A58C}.odp-sh em{display:inline;margin-left:2px;font-weight:600}
.odp-sh[data-c=c2] i{background:#B9A6E0}.odp-sh[data-c=c3] i{background:#9BB7E8}.odp-sh[data-c=c4] i{background:#E7C27A}.odp-sh[data-c=c5] i{background:#A9D18B}.odp-sh[data-c=c6] i{background:#8FCBC1}
.odp-ok{width:26px;height:26px;border-radius:50%;background:var(--vert-halo);color:var(--vert);display:grid;place-items:center;flex:none}.odp-ok svg{width:14px;height:14px}
.odp-h{font:700 12.5px 'Bricolage Grotesque',sans-serif;background:var(--halo);color:var(--corail);border-radius:8px;padding:5px 7px;flex:none}
.odp-lg{width:28px;height:28px;border-radius:8px;background:var(--creme);display:grid;place-items:center;overflow:hidden;flex:none}
.odp-lg img{width:18px;height:18px;object-fit:contain}.odp-lg.fav img{width:22px;height:22px}.odp-lg>b{font:700 14px 'Bricolage Grotesque',sans-serif;color:var(--corail)}
.odf .odp-e{opacity:.92;overflow:hidden}.odf .odp-e>span:last-child{overflow:hidden;text-overflow:ellipsis}
.odf .odp-e.mini{padding:6px 10px 6px 6px;gap:7px}.odf .odp-e.mini em{display:none}.odf .odp-e.mini .odp-sh em{display:none}.odf .odp-e.mini b{font-size:11.5px}
@media(max-width:900px){.odf{display:none}}
@media(prefers-reduced-motion:reduce){.odf .odp-e{animation:none!important}}
.pe-ren{flex-wrap:wrap}.pe-ren i{flex-basis:100%;font-style:normal;font-size:12px;color:var(--gris)}.pe-ren i:empty{display:none}
.pe-imp{display:flex;margin-top:10px}.pe-imp[hidden]{display:none}
#pe-res [hidden],#pe-form [hidden]{display:none!important}

/* ══════════ v14.214 · le bandeau d’annonce ══════════ */
.ann{--ann-bg:var(--corail);--ann-tx:#fff;--ann-bt:#fff;--ann-btx:var(--corail);background:var(--ann-bg);color:var(--ann-tx);position:relative;z-index:61}
.ann[data-c=encre]{--ann-bg:var(--encre);--ann-bt:var(--corail);--ann-btx:#fff}
.ann[data-c=vert]{--ann-bg:var(--vert);--ann-btx:var(--vert)}
.ann[data-c=clair]{--ann-bg:var(--halo);--ann-tx:var(--encre);--ann-bt:var(--corail);--ann-btx:#fff}
.ann-in{display:flex;align-items:center;justify-content:center;gap:14px;min-height:54px;padding-top:8px;padding-bottom:8px;padding-right:56px}
.ann-img{height:38px;width:auto;max-width:120px;object-fit:contain;border-radius:8px;flex:none}
.ann-t{margin:0;font-size:14.5px;line-height:1.4;min-width:0;color:inherit}
.ann-t b{font-weight:700;margin-right:5px}
.ann-cta{display:inline-flex;align-items:center;gap:6px;background:var(--ann-bt);color:var(--ann-btx);font-weight:700;font-size:13.5px;line-height:1;padding:10px 15px;border-radius:99px;text-decoration:none;white-space:nowrap;flex:none;transition:transform .15s}
.ann-cta:hover{transform:translateY(-1px);color:var(--ann-btx)}.ann-cta svg{width:14px;height:14px}
.ann-x{all:unset;cursor:pointer;position:absolute;right:14px;top:50%;transform:translateY(-50%);width:30px;height:30px;display:grid;place-items:center;border-radius:50%;color:inherit;opacity:.8}
.ann-x:hover,.ann-x:focus-visible{opacity:1;background:rgba(255,255,255,.18)}.ann[data-c=clair] .ann-x:hover{background:rgba(31,25,21,.07)}
.ann-x:focus-visible{outline:2px solid currentColor;outline-offset:1px}
.ann-x svg{width:16px;height:16px}
.ann.part{animation:annOut .3s ease forwards}
@keyframes annOut{to{opacity:0;margin-top:-54px}}
@media(max-width:720px){
.ann .ann-in{display:grid;grid-template-columns:auto minmax(0,1fr);justify-content:stretch;gap:5px 11px;padding:10px 46px 11px 16px;min-height:0;max-width:none}
.ann .ann-img{grid-row:span 2;height:44px;max-width:64px;align-self:center}
.ann .ann-t{font-size:13px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.ann .ann-cta{justify-self:start;background:none;color:inherit;padding:0;font-size:13px;text-decoration:underline;text-underline-offset:3px}
.ann .ann-cta:hover{transform:none}
.ann .ann-x{top:8px;right:8px;transform:none}
.ann .ann-in>.ann-t:first-child,.ann .ann-in>.ann-t:first-child+.ann-cta{grid-column:1/-1}
}
.ann.mob .ann-in{display:grid;grid-template-columns:auto minmax(0,1fr);justify-content:stretch;gap:5px 11px;padding:10px 46px 11px 16px;min-height:0;max-width:none}
.ann.mob .ann-img{grid-row:span 2;height:44px;max-width:64px;align-self:center}
.ann.mob .ann-t{font-size:13px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.ann.mob .ann-cta{justify-self:start;background:none;color:inherit;padding:0;font-size:13px;text-decoration:underline;text-underline-offset:3px}
.ann.mob .ann-cta:hover{transform:none}
.ann.mob .ann-x{top:8px;right:8px;transform:none}
.ann.mob .ann-in>.ann-t:first-child,.ann.mob .ann-in>.ann-t:first-child+.ann-cta{grid-column:1/-1}
@media(prefers-reduced-motion:reduce){.ann.part{animation:none;display:none}}

/* ══════════ v14.215 · le résultat contre le contact, le dernier mois du contrat ══════════ */
[data-verrou]:not(.sm-res){position:relative}
@media(max-width:980px){.sm-res[data-verrou]{position:relative;top:0}}
[data-verrou]>*,[data-verrou]{transition:filter .7s ease,opacity .7s ease}
.vr-att [data-verrou="carte"]>*,.vr-att [data-verrou]:not([data-verrou="carte"]),
.vr-on[data-verrou="carte"]>*:not(.vr-card),.vr-on[data-verrou]:not([data-verrou="carte"]){filter:blur(7px);opacity:.45;pointer-events:none;user-select:none}
.vr-on[data-verrou="carte"]{min-height:560px}
.vr-card{position:absolute;left:50%;top:18px;transform:translateX(-50%);width:min(380px,92%);background:#fff;border:1px solid var(--trait);border-radius:20px;
  box-shadow:0 30px 60px -30px rgba(31,25,21,.45);padding:20px 20px 18px;z-index:5;animation:vrIn .5s cubic-bezier(.2,.8,.2,1) both}
@keyframes vrIn{from{opacity:0;transform:translate(-50%,12px)}}
.vr-pill{display:inline-flex;align-items:center;gap:6px;background:var(--vert-halo);color:var(--vert);font-size:12px;font-weight:700;border-radius:99px;padding:5px 10px}
.vr-pill svg{width:13px;height:13px}
.vr-card h3{font:700 20px/1.2 'Bricolage Grotesque',sans-serif;margin:10px 0 4px;color:var(--encre)}
.vr-card>p:not(.msg){font-size:13.5px;color:var(--texte);margin:0 0 12px;line-height:1.45}
.vr-card .fch{margin-bottom:10px}.vr-card .fch label{font-size:13px}
.vr-card .cgu{font-size:12px;line-height:1.4;margin:6px 0 0}
.vr-card .b{width:100%;justify-content:center;margin-top:12px}
.vr-card .msg:empty{display:none}
.vr-ok{display:flex;align-items:center;gap:8px;background:var(--vert-halo);color:#1F5E48;border-radius:12px;padding:9px 12px;font-size:13px;margin:16px 20px 0;animation:vrOk .5s both}
.vr-ok.ko{background:var(--halo);color:#9A3A22}
.vr-ok svg{width:16px;height:16px;flex:none}
@keyframes vrOk{from{opacity:0;transform:translateY(-6px)}}
@media(prefers-reduced-motion:reduce){.vr-card,.vr-ok{animation:none}[data-verrou]>*,[data-verrou]{transition:none}}
.sm-dl span em{display:block;font-style:normal;font-size:12px;color:var(--gris);margin-top:2px}
.sm-t tr.der td{border-bottom:0;font-weight:600}
.sm-t tr.dont td{font-size:12.5px;color:var(--gris);padding-top:3px;padding-bottom:3px;border-bottom:0;font-weight:500}
.sm-t tr.dont td:first-child{padding-left:14px;white-space:normal;min-width:150px}
.sm-t tr.dont.f td{color:#8A6212}
.sm-t tr.dont:last-of-type td,.sm-t tr.dont+tr.tot td{border-bottom:0}
.sm-t tr.dont+tr:not(.dont) td{border-top:1px solid var(--trait2)}

/* ══════════ v14.217 · le texte du bandeau mis en forme ══════════ */
.ann-t b{margin-right:0}.ann-t i{font-style:italic}
.ann-t mark{background:rgba(255,255,255,.28);color:inherit;border-radius:4px;padding:0 3px}
.ann[data-c=clair] .ann-t mark{background:#F7C9B8}
.ann-t a{color:inherit;text-decoration:underline;text-underline-offset:2px;font-weight:600}
.ann-t a:hover{opacity:.85}

/* ══════════ v14.219 · les rendez-vous dans la démonstration ══════════ */
.ob-prog.ag-prog{grid-template-columns:repeat(5,1fr)}.ob-prog.ag-p2{grid-template-columns:repeat(2,1fr)}
.ag-sem{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:22px}
.ag-sem b{font-size:14.5px;font-weight:700;color:var(--encre)}
.ag-fl{all:unset;cursor:pointer;width:34px;height:34px;display:grid;place-items:center;border-radius:10px;border:1px solid var(--trait);background:#fff}
.ag-fl svg{width:16px;height:16px}.ag-fl:disabled{opacity:.35;cursor:default}.ag-fl:focus-visible{outline:2px solid var(--corail);outline-offset:2px}
.ag-jours{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin-top:10px}
.ag-j{all:unset;box-sizing:border-box;cursor:pointer;text-align:center;border:1px solid var(--trait);border-radius:12px;padding:8px 2px;background:#fff;transition:border-color .15s,background .15s}
.ag-j span{display:block;font-size:11.5px;font-weight:700;color:var(--gris);text-transform:uppercase;letter-spacing:.04em}
.ag-j b{display:block;font:700 20px/1.2 'Bricolage Grotesque',sans-serif;color:var(--encre);margin-top:2px}
.ag-j em{display:block;font-style:normal;font-size:11px;color:var(--vert);font-weight:600;margin-top:2px}
.ag-j:hover:not(:disabled){border-color:#D8CBB9}
.ag-j.on{border-color:var(--corail);background:var(--halo)}.ag-j.on b{color:var(--corail)}
.ag-j:disabled{cursor:default;background:var(--creme);opacity:.55}.ag-j:disabled em{color:var(--gris)}
.ag-j:focus-visible,.ag-c:focus-visible{outline:2px solid var(--corail);outline-offset:2px}
.ag-cren{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:14px;min-height:96px;align-content:start}
.ag-c{all:unset;box-sizing:border-box;cursor:pointer;text-align:center;border:1px solid var(--trait);border-radius:10px;padding:10px 2px;font-size:14px;font-weight:700;background:#fff;
  animation:obUp .35s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(var(--i) * .03s)}
.ag-c:hover{border-color:#D8CBB9}.ag-c.on{border-color:var(--corail);background:var(--corail);color:#fff}
.ag-vide{grid-column:1/-1;font-size:13.5px;color:var(--gris);margin:6px 0}
.ag-tz{display:flex;align-items:center;gap:6px;font-size:12.5px;color:var(--gris);margin:12px 0 4px}.ag-tz svg{width:14px;height:14px}
.ag-quand{font:700 22px/1.3 'Bricolage Grotesque',sans-serif;color:var(--corail);margin:6px 0 0}
.ag-rec{display:grid;gap:8px;margin:18px auto 0;max-width:380px;text-align:left}
.ag-rec div{display:flex;align-items:center;gap:10px;background:var(--creme);border:1px solid var(--trait);border-radius:12px;padding:10px 12px;font-size:14px}
.ag-rec svg{width:18px;height:18px;color:var(--vert);flex:none}
.ag-btns{justify-content:center;margin-top:20px}
.ag-r{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:48px}
.ag-carte{width:100%;max-width:400px;background:#fff;border-radius:20px;box-shadow:0 34px 70px -34px rgba(31,25,21,.4);padding:22px}
.ag-qui{display:flex;align-items:center;gap:12px}.ag-qui div{flex:1}.ag-qui b{display:block;font-size:15px}.ag-qui span{font-size:12.5px;color:var(--gris)}.ag-qui img{width:26px;height:26px}
.ag-qui .ag-av{width:44px;height:44px;border-radius:50%;background:var(--corail);color:#fff;font-size:18px;display:grid;place-items:center;font:700 18px 'Bricolage Grotesque',sans-serif}
.ag-carte h3{font:700 22px/1.2 'Bricolage Grotesque',sans-serif;margin:16px 0 10px}
.ag-l{display:grid;gap:8px}.ag-l div{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--texte)}.ag-l svg{width:18px;height:18px;color:var(--gris);flex:none}
.ag-date span{font-weight:700;color:var(--encre)}.ag-date.pris span{color:var(--corail)}.ag-date.pris svg{color:var(--corail)}
.ag-date.pris{animation:obPop .4s ease}
.ag-pour{margin-top:16px;background:var(--creme);border-radius:12px;padding:12px 14px}
.ag-pour span{display:block;font-size:11.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--gris)}
.ag-pour b{display:block;font-size:15px;margin-top:4px}.ag-pour em{display:block;font-style:normal;font-size:12.5px;color:var(--gris);margin-top:2px}
.ag-mini{margin-top:14px;border-top:1px solid var(--trait2);padding-top:12px;display:grid;gap:4px}
.ag-mini>span{font-size:11.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--gris);margin-bottom:4px}
.ag-ev{display:grid;grid-template-columns:44px 1fr;gap:8px;align-items:center;font-size:12px;color:var(--gris)}
.ag-ev i{display:block;height:22px;border-radius:6px;background:var(--creme2)}
.ag-ev i.moi{background:var(--corail);color:#fff;font-style:normal;font-size:11px;font-weight:700;display:flex;align-items:center;padding:0 8px;animation:obGrow .5s cubic-bezier(.2,.8,.2,1) both;transform-origin:left}
.ag-pv{justify-content:center;margin-top:18px}
.ag-avs{display:flex;flex:none}.ag-avs .ag-av{border:3px solid #fff;margin-left:-12px;transition:transform .3s,opacity .3s,margin .3s}.ag-avs .ag-av:first-child{margin-left:0}
.ag-qui .ag-av.l{background:#7C5CC4}.ag-qui .ag-av.t{background:#2C7A5F}
.ag-avs.un .ag-av{opacity:0;transform:scale(.6);margin-left:-44px}.ag-avs.un .ag-av.moi{opacity:1;transform:none;margin-left:0}
.ag-avec{display:inline-flex;align-items:center;gap:8px;margin:10px 0 0;font-size:14.5px;font-weight:600;color:var(--encre)}
.ag-avec i{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;color:#fff;font-style:normal;font-size:12px;font-weight:700}
@media(max-width:900px){.ag-cren{grid-template-columns:repeat(3,1fr)}}
.ag-pan{align-items:center}.ag-pan .ag-carte{text-align:left}.ag-j[hidden]{display:none}
.ag-msg:empty,.ag-msg2:empty{display:none}.ag-co .fch em{font-style:normal;font-weight:500;color:var(--gris)}
.ag-avec:empty{display:none}

/* ══════════ v14.221 · le téléphone, les créneaux ══════════ */
/* ══════════ le champ téléphone ══════════ */
.tel{position:relative;display:flex;align-items:stretch;border:1px solid var(--trait);border-radius:10px;background:var(--creme);transition:border-color .15s,box-shadow .15s}
.tel.ouvert{z-index:50}.fch:has(.tel.ouvert){position:relative;z-index:50}
.tel:focus-within{border-color:var(--corail);box-shadow:0 0 0 3px var(--halo)}
.tel.ok{border-color:#9CC9B4}
.tel-p{all:unset;box-sizing:border-box;cursor:pointer;display:flex;align-items:center;gap:7px;padding:0 10px 0 12px;border-right:1px solid var(--trait);font-size:14px;color:var(--encre);border-radius:10px 0 0 10px}
.tel-p:hover,.tel.ouvert .tel-p{background:#fff}
.tel-p:focus-visible{outline:2px solid var(--corail);outline-offset:-2px}
.tel-p b{font-weight:600;min-width:30px}.tel-p>svg{width:14px;height:14px;color:var(--gris);transition:transform .2s}.tel.ouvert .tel-p>svg{transform:rotate(180deg)}
.tel-f svg,.tel-l li svg{width:24px;height:16px;border-radius:3px;box-shadow:0 0 0 1px rgba(0,0,0,.08);display:block;flex:none}
.tel input[type=tel]{flex:1;min-width:0;border:0;border-radius:0 10px 10px 0;background:none;box-shadow:none;font-variant-numeric:tabular-nums;letter-spacing:.02em}
.tel input[type=tel]:focus{outline:none;box-shadow:none}
.tel-ok{display:grid;place-items:center;width:34px;color:var(--vert);opacity:0;transform:scale(.6);transition:opacity .2s,transform .25s cubic-bezier(.2,.8,.2,1)}
.tel-ok svg{width:18px;height:18px}.tel.ok .tel-ok{opacity:1;transform:none}
.tel-a{position:absolute;left:0;top:calc(100% + 4px);font-size:12px;color:var(--gris)}
.tel-l{position:absolute;left:0;top:calc(100% + 6px);width:min(320px,100%);background:#fff;border:1px solid var(--trait);border-radius:14px;box-shadow:0 24px 50px -24px rgba(31,25,21,.45);z-index:30;padding:8px;animation:telIn .18s ease both}
@keyframes telIn{from{opacity:0;transform:translateY(-4px)}}
.tel-l[hidden]{display:none}
.tel-r{width:100%;box-sizing:border-box;height:38px;border:1px solid var(--trait);border-radius:9px;padding:0 10px;font:inherit;font-size:14px;background:var(--creme)}
.tel-l ul{list-style:none;margin:6px 0 0;padding:0;max-height:240px;overflow:auto}
.tel-l li{display:flex;align-items:center;gap:10px;padding:8px 8px;border-radius:8px;cursor:pointer;font-size:14px}
.tel-l li span{flex:1}.tel-l li em{font-style:normal;color:var(--gris);font-variant-numeric:tabular-nums}
.tel-l li:hover,.tel-l li.act{background:var(--creme2)}.tel-l li[aria-selected=true]{font-weight:700}
.tel-l li.vide{color:var(--gris);cursor:default}
.fch .tel input[type=tel]{height:auto;min-height:46px}
.tel:has(input.ko){border-color:var(--corail);box-shadow:0 0 0 3px var(--halo)}
.fch:has(.tel-a:not(:empty)){margin-bottom:22px}
/* le rappel du créneau, sur l'écran des coordonnées */
.ag-rcp{display:flex;align-items:center;gap:10px;background:var(--halo);border-radius:12px;padding:10px 14px;margin:4px 0 16px;font-size:14px;line-height:1.4}
.ag-rcp:empty{display:none}.ag-rcp svg{width:18px;height:18px;color:var(--corail);flex:none}.ag-rcp span{flex:1;min-width:0}
.ag-rcp a{font-weight:600;color:var(--corail2);font-size:13.5px;white-space:nowrap}
.ag-pied:empty,.ag-msg:empty{display:none}
.ag-e .ag-msg{margin:10px 0 0}
/* un horaire */
.ag-s{all:unset;box-sizing:border-box;cursor:pointer;text-align:center;border:1px solid var(--trait);border-radius:9px;padding:7px 12px;font-size:14px;font-weight:700;background:#fff;color:var(--encre);font-variant-numeric:tabular-nums;transition:border-color .15s,background .15s,color .15s}
.ag-s:hover{border-color:#D8CBB9}.ag-s.on{background:var(--corail);border-color:var(--corail);color:#fff}
.ag-s:focus-visible,.cm-g button:focus-visible,.cl-f button:focus-visible{outline:2px solid var(--corail);outline-offset:2px}
.ag-plus{border-style:dashed;color:var(--gris);font-weight:600}
/* la barre du choix */
.ag-bar{display:flex;align-items:center;gap:12px;margin-top:16px;background:var(--encre);color:#fff;border-radius:14px;padding:10px 10px 10px 16px;animation:obUp .3s ease both;position:sticky;bottom:12px;z-index:5;box-shadow:0 18px 40px -20px rgba(31,25,21,.6)}
.ag-bar span{flex:1;min-width:0;font-size:14.5px}.ag-bar .b{flex:none}
/* C · les prochains créneaux */
.cl-t{margin-top:18px;background:var(--halo);border-radius:16px;padding:16px 18px}
.cl-t>span{display:block;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--corail)}
.cl-t>b{display:block;font:700 22px 'Bricolage Grotesque',sans-serif;margin:4px 0 12px}
.cl-f{display:flex;gap:6px;flex-wrap:wrap;margin:18px 0 8px}
.cl-f button{all:unset;cursor:pointer;border:1px solid var(--trait);border-radius:99px;padding:6px 12px;font-size:13px;font-weight:600;background:#fff}
.cl-f button.on{background:var(--encre);color:#fff;border-color:var(--encre)}
.cl-j{display:grid;grid-template-columns:110px minmax(0,1fr);gap:10px;align-items:start;border-top:1px solid var(--trait2);padding:12px 0}
.cl-j>b{font-size:14px;padding-top:7px}.cl-j>b em{display:block;font-style:normal;font-size:12px;color:var(--gris);font-weight:500}
.cl-s{display:flex;flex-wrap:wrap;gap:6px}.cl-r{font-size:13px;color:var(--gris);padding:7px 0}
.ag-suite{all:unset;cursor:pointer;margin-top:10px;font-size:14px;font-weight:600;color:var(--corail2);text-decoration:underline;text-underline-offset:3px}
.ag-suite:focus-visible{outline:2px solid var(--corail);outline-offset:2px}
/* l'écran des coordonnées garde le panneau clair du rendez-vous */
.ob-r[data-on="4"]:has(.ag-pan.on){background:var(--creme2)}
@media(max-width:560px){.cl-f button{padding:6px 10px;font-size:12.5px}.cl-j{grid-template-columns:1fr;gap:6px}.cl-j>b{padding-top:0}.cl-j>b em{display:inline;margin-left:6px}}
/* A · le mois */
.cm{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:26px;margin-top:18px}
.cm-h{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.cm-h b{font-size:15.5px;text-transform:capitalize}
.cm-g{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;text-align:center}
.cm-g>span{font-size:11px;font-weight:700;color:var(--gris);text-transform:uppercase;padding:4px 0}
.cm-g button{all:unset;box-sizing:border-box;aspect-ratio:1;display:grid;place-items:center;border-radius:50%;font-size:14.5px;color:#C4BAB0;position:relative}
.cm-g button.lb{cursor:pointer;color:var(--corail);font-weight:700;background:var(--halo)}
.cm-g button.lb:hover{background:#F8D5C8}.cm-g button.on{background:var(--corail);color:#fff}
.cm-g button.auj::after{content:'';position:absolute;bottom:5px;width:4px;height:4px;border-radius:50%;background:currentColor}
.cm-l>b{display:block;font-size:14.5px;margin:6px 0 10px}
.cm-s{display:grid;gap:6px;max-height:330px;overflow:auto;padding:2px}
.cm-s>div{display:flex;gap:6px}
.cm-s .ag-s{flex:1;padding:10px;border:1.5px solid #F2C2B3;color:var(--corail);border-radius:10px;font-size:14.5px}
.cm-s .sel .ag-s{background:#6B6058;border-color:#6B6058;color:#fff}
.cm-go{all:unset;box-sizing:border-box;cursor:pointer;text-align:center;flex:1;padding:10px;border:1.5px solid var(--corail);border-radius:10px;font-size:14.5px;font-weight:700;background:var(--corail);color:#fff;animation:obUp .25s ease both}
.cm-go:focus-visible{outline:2px solid var(--corail);outline-offset:2px}
/* la colonne de la démonstration est étroite : le calendrier, puis les horaires dessous */
.ag-zone{container-type:inline-size}
@container (max-width:620px){.cm{grid-template-columns:minmax(0,1fr);gap:16px}.cm-s{max-height:none;grid-template-columns:repeat(3,minmax(0,1fr))}.cm-s>.sel{grid-column:1/-1}.cm-g button{aspect-ratio:auto;height:40px;width:40px;justify-self:center}.cm-g button.auj::after{bottom:3px}}
@media(max-width:700px){.cm{grid-template-columns:minmax(0,1fr);gap:14px}.cm-s{max-height:none}}
/* B · la semaine en colonnes */
.cw-h{display:flex;align-items:center;justify-content:space-between;margin:18px 0 10px}.cw-h b{font-size:15px}
.cw{display:grid;grid-template-columns:repeat(var(--n,5),minmax(84px,1fr));gap:8px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:4px}
.cw>div{scroll-snap-align:start;display:flex;flex-direction:column;gap:6px}
.cw-d{text-align:center;padding:6px 0 8px;border-bottom:2px solid var(--trait2);margin-bottom:2px}.cw-d span{display:block;font-size:11px;font-weight:700;color:var(--gris);text-transform:uppercase}.cw-d b{font:700 19px 'Bricolage Grotesque',sans-serif}
.cw .ag-s{padding:8px 0}
.cw em{font-style:normal;text-align:center;font-size:12.5px;color:#C4BAB0;padding:8px 0}
@media(max-width:700px){.cw{grid-template-columns:repeat(var(--n,5),42%)}}

/* ══════════ v14.223 · le bandeau sans bouton, sur mobile ══════════ */
@media(max-width:720px){.ann.ann-sans .ann-img{grid-row:auto}.ann.ann-sans .ann-t{align-self:center}.ann.ann-sans .ann-in{align-items:center;padding-top:10px;padding-bottom:10px}.ann.ann-sans .ann-x{top:50%;transform:translateY(-50%)}}
.ann.mob.ann-sans .ann-img{grid-row:auto}.ann.mob.ann-sans .ann-t{align-self:center}.ann.mob.ann-sans .ann-in{align-items:center}.ann.mob.ann-sans .ann-x{top:50%;transform:translateY(-50%)}

/* ══════════ v14.224 · les listes des champs passent devant ══════════ */
.ob-e:not([hidden]) .ob-tu>*,.ob-e:not([hidden]) .ob-f>*{animation-fill-mode:backwards}
.ob-f>*:focus-within,.ob .fch:has(.sw-sug:not([hidden])),.ob .fch:has(.tel.ouvert){position:relative;z-index:40}
.ob .sw-sug{z-index:41}

/* ══════════ v14.225 · retour en 5 s, masque de la modulation ══════════ */
.ob-auto.go>i>i{transition:width 5s linear}
.ag-ics2{margin:10px 0 0;text-align:center;font-size:13.5px}.ag-ics2 a{color:var(--texte);text-decoration:underline;text-underline-offset:3px}
.md-res[data-verrou]{position:relative;top:0}

/* ══════════ v14.226 · en-têtes : titre centré, fond en filigrane et éléments sur les côtés ══════════ */
.fdx{position:relative;overflow:hidden}
section.fdx:not(.sm-hero):not(.cv-hero){padding:96px 0 100px}
.fdx>.ct{position:relative;z-index:2}
.fdx-t{max-width:720px;margin:0 auto;text-align:center}
.fdx-t .eyebrow{display:inline-block}
.fdx-t h1{margin-top:6px}
.fdx-t .lead{margin-left:auto;margin-right:auto}
.fdx-t .btns{justify-content:center}
.fdx-t .nx-incl{margin-left:auto;margin-right:auto;width:max-content;max-width:100%}
.sm-hero.fdx,.cv-hero.fdx{padding-top:84px}
.cv-hero .fe{bottom:auto;height:540px}.cv-hero .fb{height:600px}
/* ══════════ les fonds en filigrane : un par page, tirés de l'application ══════════ */
.fb{position:absolute;left:0;right:0;top:0;height:min(100%,660px);overflow:hidden;pointer-events:none;z-index:0;opacity:.75;
  -webkit-mask-image:linear-gradient(90deg,#000 0,#000 13%,transparent 26%,transparent 74%,#000 87%,#000 100%),linear-gradient(180deg,transparent 0,#000 9%,#000 72%,transparent 100%);
  -webkit-mask-composite:source-in;
  mask-image:linear-gradient(90deg,#000 0,#000 13%,transparent 26%,transparent 74%,#000 87%,#000 100%),linear-gradient(180deg,transparent 0,#000 9%,#000 72%,transparent 100%);
  mask-composite:intersect}
.fb .c1{--k:224,90,54}.fb .c2{--k:47,125,99}.fb .c3{--k:58,102,174}.fb .c4{--k:176,109,43}.fb .c5{--k:124,92,196}.fb .c6{--k:181,71,107}
@keyframes fbG{to{transform:translateX(-50%)}}
@keyframes fbU{to{transform:translateY(-50%)}}
.fb-row,.fb-hs{display:flex;width:200%;animation:fbG var(--v,90s) linear infinite}
.fb-row>*,.fb-hs>*{width:50%;flex:none}
.fb-vu{animation:fbU var(--v,70s) linear infinite}
.fb-vcol{position:absolute;top:0;bottom:0;width:21%;overflow:hidden}
.fb-vcol.g{left:2%}.fb-vcol.d{right:2%}
.fb-vs{display:flex;flex-direction:column;gap:22px;padding-bottom:22px}

/* 1 · planning : la grille et les shifts */
.fb-grid{position:absolute;inset:0;background:repeating-linear-gradient(90deg,rgba(140,129,119,.13) 0 1px,transparent 1px 90px)}
.fb[data-fb=planning] .fb-row{margin-top:36px}
.fb[data-fb=planning] .fb-row:first-of-type{margin-top:40px}
.fb-ln{position:relative;height:24px}
.fb-ln i{position:absolute;top:0;bottom:0;border-radius:7px;background:rgba(var(--k),.16);border-left:3px solid rgba(var(--k),.4)}

/* 2 · positions : postes × créneaux */
.fb[data-fb=positions] .fb-hs{margin-top:34px}
.fb-pgrid{display:flex;gap:10px;padding-right:10px}
.fb-pcol{flex:1;display:flex;flex-direction:column;gap:10px}
.fb-pc{height:58px;border-radius:11px;background:rgba(234,241,230,.75);border:1.5px solid rgba(210,224,201,.9);display:flex;flex-wrap:wrap;align-content:flex-start;gap:5px;padding:8px}
.fb-pc b{width:17px;height:17px;border-radius:50%;background:rgba(var(--k),.32)}
.fb-pc.ko{background:rgba(255,241,238,.8);border:1.5px dashed rgba(231,163,154,.9)}

/* 3 · coûts : barres empilées */
.fb-base{position:absolute;left:0;right:0;bottom:12%;border-top:1.5px solid rgba(140,129,119,.25)}
.fb[data-fb=couts] .fb-hs{position:absolute;left:0;bottom:12%;height:74%}
.fb-cbars{display:flex;align-items:flex-end;gap:14px;padding-right:14px;height:100%}
.fb-cbars span{flex:1;display:flex;flex-direction:column;border-radius:7px 7px 0 0;overflow:hidden}
.fb-cbars i.f{background:rgba(140,129,119,.16)}.fb-cbars i.c{background:rgba(224,90,54,.2)}.fb-cbars i.n{background:rgba(47,125,99,.16)}

/* 4 · modulation : les semaines autour des 35 h */
.fb-mid{position:absolute;left:0;right:0;top:50%;border-top:1.5px dashed rgba(140,129,119,.35)}
.fb[data-fb=modulation] .fb-hs{position:absolute;left:0;top:50%}
.fb-sems{display:flex;gap:7px;padding-right:7px}
.fb-sems span{flex:1;position:relative;height:0}
.fb-sems i{position:absolute;left:0;right:0;border-radius:4px}
.fb-sems .h i{bottom:0;background:rgba(224,90,54,.3)}.fb-sems .l i{top:0;background:rgba(140,129,119,.26)}

/* 5 · dossiers : fiches salarié */
.fb-fiche{background:rgba(255,255,255,.72);border:1px solid rgba(231,223,211,.95);border-radius:12px;padding:14px 16px}
.fb-fh{display:grid;grid-template-columns:34px 1fr;grid-template-rows:auto auto;column-gap:10px;row-gap:6px;align-items:center;margin-bottom:12px}
.fb-fh b{grid-row:span 2;width:34px;height:34px;border-radius:50%;background:rgba(var(--k),.28)}
.fb-fh i{height:9px;width:70%;border-radius:5px;background:rgba(31,25,21,.13)}
.fb-fh em{height:6px;width:45%;border-radius:4px;background:rgba(31,25,21,.07)}
.fb-fl{display:grid;grid-template-columns:38% 1fr;gap:12px;padding:6px 0;border-top:1px solid rgba(231,223,211,.7)}
.fb-fl i{height:6px;border-radius:4px;background:rgba(31,25,21,.07)}
.fb-fl i:first-child{background:rgba(140,129,119,.14)}

/* 6 · documents : pages A4 et signatures */
.fb-a4{background:rgba(255,255,255,.75);border:1px solid rgba(231,223,211,.95);border-radius:6px;padding:22px 20px 16px;aspect-ratio:1/1.3}
.fb-vcol.g .fb-a4:nth-child(odd){transform:rotate(-1.3deg)}.fb-vcol.d .fb-a4:nth-child(even){transform:rotate(1.2deg)}
.fb-a4 b{display:block;width:50%;height:10px;border-radius:5px;background:rgba(31,25,21,.13);margin:0 auto 18px}
.fb-a4>i{display:block;height:6px;border-radius:4px;background:rgba(31,25,21,.07);margin-bottom:9px}
.fb-sig{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:20px}
.fb-sig svg{width:100%;height:auto;border-bottom:1px solid rgba(231,223,211,1);overflow:visible}
.fb-sig path{fill:none;stroke:rgba(27,42,107,.3);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}

/* 7 · recrutement : colonnes du suivi */
.fb-kan{position:absolute;inset:0;display:grid;grid-template-columns:repeat(6,1fr);gap:16px;padding:0 18px}
.fb-kcol{position:relative;overflow:hidden;background:rgba(243,236,226,.55);border-radius:14px;padding:44px 10px 0}
.fb-kcol::before{content:'';position:absolute;left:12px;top:16px;width:52%;height:9px;border-radius:5px;background:rgba(31,25,21,.12);z-index:1}
.fb-kcol .fb-vs{gap:10px;padding-bottom:10px}
.fb-cand{display:flex;align-items:center;gap:10px;background:rgba(255,255,255,.82);border:1px solid rgba(231,223,211,.9);border-radius:10px;padding:10px}
.fb-cand b{width:26px;height:26px;border-radius:50%;flex:none;background:rgba(var(--k),.3)}
.fb-cand span{flex:1;display:grid;gap:6px}
.fb-cand i{height:6px;border-radius:4px;background:rgba(31,25,21,.1)}.fb-cand i+i{background:rgba(31,25,21,.06)}

/* 8 · salaire : bulletins de paie */
.fb-bul{background:rgba(255,255,255,.75);border:1px solid rgba(231,223,211,.95);border-radius:8px;padding:14px 14px 10px}
.fb-bh{display:flex;justify-content:space-between;gap:12px;padding-bottom:10px;margin-bottom:6px;border-bottom:1.5px solid rgba(31,25,21,.1)}
.fb-bh i{height:9px;width:40%;border-radius:5px;background:rgba(31,25,21,.13)}.fb-bh i+i{width:25%;background:rgba(31,25,21,.07)}
.fb-bl{display:grid;grid-template-columns:1fr 18% 18%;gap:10px;padding:5px 0;align-items:center}
.fb-bl i{height:6px;border-radius:4px;background:rgba(31,25,21,.07)}
.fb-bl i:nth-child(n+2){justify-self:end;width:80%}
.fb-bl.net{margin-top:6px;padding:8px 6px;border-radius:6px;background:rgba(47,125,99,.1)}
.fb-bl.net i{background:rgba(47,125,99,.28)}

/* 9 · période d'essai : mois de calendrier */
.fb-mois{background:rgba(255,255,255,.7);border:1px solid rgba(231,223,211,.95);border-radius:12px;padding:14px}
.fb-mois>b{display:block;width:42%;height:9px;border-radius:5px;background:rgba(31,25,21,.13);margin-bottom:12px}
.fb-mois>div{display:grid;grid-template-columns:repeat(7,1fr);gap:5px}
.fb-mois i{aspect-ratio:1;border-radius:6px;background:rgba(243,236,226,.5);border:1px solid rgba(231,223,211,.6)}
.fb-mois i.we{background:rgba(231,223,211,.55)}
.fb-mois i.p{background:rgba(224,90,54,.17);border-color:rgba(224,90,54,.2)}
.fb-mois i.r{background:rgba(176,109,43,.14);border-color:rgba(176,109,43,.2)}
.fb-mois i.fin{border:2px solid rgba(196,60,67,.45)}

/* 10 · simulateur de modulation : l'année jour par jour */
.fb[data-fb=mod] .fb-hs{position:absolute;left:0;top:70px}
.fb-year{display:flex;gap:5px;padding-right:5px}
.fb-yw{flex:1;display:flex;flex-direction:column;gap:5px}
.fb-yw i{height:30px;border-radius:5px;background:rgba(224,90,54,.1)}
.fb-yw i.h1{background:rgba(224,90,54,.07)}.fb-yw i.h2{background:rgba(224,90,54,.13)}.fb-yw i.h3{background:rgba(224,90,54,.2)}.fb-yw i.h4{background:rgba(224,90,54,.28)}
.fb-yw i.we{background:rgba(231,223,211,.45)}
.fb-yw i.jf{background:rgba(58,102,174,.2)}
.fb-yw i.cp{background:rgba(47,125,99,.2)}

/* 11 · convention : pages de texte, lignes surlignées */
.fb-cv{background:rgba(255,255,255,.72);border:1px solid rgba(231,223,211,.95);border-radius:6px;padding:20px 18px;column-count:2;column-gap:14px}
.fb-cv b{display:block;column-span:all;width:55%;height:10px;border-radius:5px;background:rgba(31,25,21,.13);margin-bottom:16px}
.fb-cv em{display:block;width:40%;height:7px;border-radius:4px;background:rgba(31,25,21,.12);margin:4px 0 9px;break-after:avoid}
.fb-cv i{display:block;height:5px;border-radius:3px;background:rgba(31,25,21,.07);margin-bottom:7px}
.fb-cv i.hl{background:rgba(255,213,74,.5)}

/* 12 · pointage : arrivée et départ reliés */
.fb[data-fb=pointage] .fb-row{margin-top:40px}
.fb-pl{position:relative;height:18px}
.fb-pl i{position:absolute;top:8px;height:2px;background:rgba(47,125,99,.28)}
.fb-pl i b{position:absolute;top:-6px;width:14px;height:14px;border-radius:50%;background:#fff;border:2.5px solid rgba(47,125,99,.4)}
.fb-pl i b:first-child{left:-7px}.fb-pl i b:last-child{right:-7px;border-color:rgba(224,90,54,.4)}
/* 13 · absences : salariés × jours */
.fb-jours{position:absolute;inset:0;background:repeating-linear-gradient(90deg,rgba(140,129,119,.08) 0 1px,transparent 1px 22px)}
.fb[data-fb=absences] .fb-row{margin-top:30px}
.fb-ab{position:relative;height:20px;background:repeating-linear-gradient(90deg,rgba(231,223,211,.5) 0 16px,transparent 16px 22px)}
.fb-ab i{position:absolute;top:0;bottom:0;border-radius:6px}
.fb-ab i.cp{background:rgba(47,125,99,.22)}.fb-ab i.ma{background:rgba(58,102,174,.2)}.fb-ab i.rt{background:rgba(176,109,43,.2)}
/* 14 · paie : l'export en tableau */
.fb-xl{background:rgba(255,255,255,.75);border:1px solid rgba(231,223,211,.95);border-radius:8px;overflow:hidden}
.fb-xh,.fb-xr{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:10px;padding:7px 12px;border-bottom:1px solid rgba(231,223,211,.7)}
.fb-xh{background:rgba(243,236,226,.8)}
.fb-xh i{height:7px;border-radius:4px;background:rgba(31,25,21,.14)}
.fb-xr i{height:6px;border-radius:4px;background:rgba(31,25,21,.07)}
.fb-xr i:nth-child(n+2){width:70%;justify-self:end;background:rgba(58,102,174,.14)}
.fb-xr.hl{background:rgba(255,213,74,.2)}
/* 15 · fiches de présence : le relevé signé */
.fb-rl{background:rgba(255,255,255,.75);border:1px solid rgba(231,223,211,.95);border-radius:8px;padding:14px}
.fb-rl>b{display:block;width:55%;height:9px;border-radius:5px;background:rgba(31,25,21,.13);margin-bottom:12px}
.fb-rg{display:grid;grid-template-columns:repeat(7,1fr);gap:5px}
.fb-rg span{display:grid;gap:4px}
.fb-rg i{height:6px;border-radius:3px;background:rgba(31,25,21,.08)}
.fb-rg i.ok{height:10px;background:rgba(47,125,99,.22)}.fb-rg i.we{height:10px;background:rgba(231,223,211,.6)}
.fb-rs{display:flex;align-items:center;justify-content:space-between;margin-top:14px;padding-top:8px;border-top:1px solid rgba(231,223,211,.9)}
.fb-rs svg{width:55%;height:auto}
.fb-rs path{fill:none;stroke:rgba(27,42,107,.3);stroke-width:2.4;stroke-linecap:round}
.fb-rs em{width:30px;height:30px;border-radius:50%;border:2.5px solid rgba(47,125,99,.35)}
/* 16 · messagerie : les bulles */
.fb[data-fb=messagerie] .fb-vs{gap:14px;padding-bottom:14px}
.fb-bl2{display:flex;align-items:flex-end;gap:8px}
.fb-bl2 b{width:24px;height:24px;border-radius:50%;flex:none;background:rgba(var(--k),.3)}
.fb-bl2 span{display:grid;gap:6px;padding:11px 14px;border-radius:16px 16px 16px 4px;background:rgba(255,255,255,.8);border:1px solid rgba(231,223,211,.95)}
.fb-bl2 i{height:6px;border-radius:4px;background:rgba(31,25,21,.09)}
.fb-bl2.moi{flex-direction:row-reverse}
.fb-bl2.moi span{border-radius:16px 16px 4px 16px;background:rgba(224,90,54,.12);border-color:rgba(224,90,54,.14)}
.fb-bl2.moi i{background:rgba(224,90,54,.22)}
/* 17 · application salarié : les téléphones */
.fb-vs-tel{align-items:center}
.fb-tel{width:62%;aspect-ratio:9/17;border-radius:26px;border:3px solid rgba(31,25,21,.12);background:rgba(255,255,255,.75);padding:22px 12px 12px;display:flex;flex-direction:column;gap:8px;position:relative}
.fb-tel>b{position:absolute;left:50%;top:8px;width:34%;height:6px;margin-left:-17%;border-radius:4px;background:rgba(31,25,21,.12)}
.fb-tel span{display:grid;gap:5px;padding:8px 9px;border-radius:10px;background:rgba(var(--k),.1);border-left:3px solid rgba(var(--k),.35)}
.fb-tel span i{height:5px;border-radius:3px;background:rgba(31,25,21,.1)}
.fb-tel em{margin-top:auto;height:26px;border-radius:13px;background:rgba(224,90,54,.2)}
/* 18 · tarifs : l'équipe mois après mois */
.fb[data-fb=tarifs] .fb-hs{position:absolute;left:0;bottom:22%;height:70%}
.fb-eq{display:flex;align-items:flex-end;gap:18px;padding-right:18px;height:100%}
.fb-mo{flex:1;display:flex;flex-direction:column;align-items:center;gap:8px}
.fb-mo>div{display:flex;flex-wrap:wrap-reverse;justify-content:center;gap:5px;width:100%;max-width:92px}
.fb-mo i{width:13px;height:13px;border-radius:50%;background:rgba(224,90,54,.3)}
.fb-mo i.in{background:rgba(47,125,99,.38)}
.fb-mo b{width:60%;height:6px;border-radius:4px;background:rgba(31,25,21,.1)}
@media(max-width:900px){.fb{opacity:.3}.fb-vcol{width:26%}.fb-vcol.g{left:0}.fb-vcol.d{right:0}}
@media(prefers-reduced-motion:reduce){.fb *{animation:none!important}}
/* ══════════ les éléments de chaque page, sur les côtés ══════════ */
.fe{--fw:min(245px,calc(50vw - 405px));position:absolute;left:0;right:0;top:0;bottom:0;pointer-events:none;z-index:1}
.fe .c1{--k:224,90,54}.fe .c2{--k:47,125,99}.fe .c3{--k:58,102,174}.fe .c4{--k:176,109,43}.fe .c5{--k:124,92,196}.fe .c6{--k:181,71,107}
.fe-s{position:absolute;width:var(--fw);opacity:0;transform:translateY(16px) scale(.97);transition:opacity .6s ease,transform .7s cubic-bezier(.2,.8,.2,1)}
.fe-s.in{opacity:1;transform:none}
.fe-s.vite{transition:none}
.fe-s.vite.out{transition:opacity .6s ease,transform .7s cubic-bezier(.2,.8,.2,1)}
.fe-s.out{opacity:0;transform:translateY(-12px) scale(.98)}
.fe-c{background:#fff;border:1px solid var(--trait);border-radius:14px;box-shadow:0 16px 34px -20px rgba(31,25,21,.4);padding:11px 13px;font-size:12.5px;line-height:1.35;color:var(--encre);text-align:left}
.fe-c b{font-weight:700}
.fe-c span{color:var(--gris)}
.fe-c em{font-style:normal}
.fe-tg{display:inline-block;font-size:11px;font-weight:700;border-radius:99px;padding:2px 8px;background:#F3ECE2;color:#8C8177;white-space:nowrap}
.fe-tg.ok{background:var(--vert-halo);color:var(--vert)}.fe-tg.at{background:#FDF0DC;color:#9A5B0C}.fe-tg.ko{background:#FAEBEC;color:#C43C43}
/* IDCC : le numéro en grand, le nom à côté */
.fe-idcc{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:12px;align-items:center}
.fe-idcc em{grid-column:1;font-size:9.5px;font-weight:700;letter-spacing:.08em;color:var(--gris)}
.fe-idcc b{grid-column:1;grid-row:2;font:700 24px/1 'Bricolage Grotesque',sans-serif;color:var(--corail);font-variant-numeric:tabular-nums}
.fe-idcc span{grid-column:2;grid-row:1/3;color:var(--encre);font-weight:600;font-size:12.5px;padding-left:12px;border-left:1px solid var(--trait)}
/* shift : la barre de couleur du planning */
.fe-shift{display:flex;gap:10px;align-items:stretch}
.fe-shift i{width:5px;border-radius:4px;background:rgb(var(--k));flex:none}
.fe-shift b{display:block}.fe-shift span{font-variant-numeric:tabular-nums}
/* alerte */
.fe-al{display:flex;gap:10px;align-items:center;background:#FFF4F1;border-color:#F3C9C0}
.fe-al i{width:26px;height:26px;border-radius:50%;background:#C43C43;color:#fff;display:grid;place-items:center;font:700 14px 'Bricolage Grotesque',sans-serif;font-style:normal;flex:none}
.fe-al b{display:block;color:#A8322F}
/* chiffre */
.fe-st span{display:block;font-size:11.5px;font-weight:600}
.fe-st b{display:block;font:700 23px/1.15 'Bricolage Grotesque',sans-serif;font-variant-numeric:tabular-nums;margin-top:2px}
.fe-st em{font-size:11.5px;font-weight:600;color:var(--gris)}
/* ligne libellé / valeur */
.fe-li{display:grid;grid-template-columns:1fr auto;column-gap:10px;align-items:baseline}
.fe-li b{font-variant-numeric:tabular-nums;font-size:13.5px}
.fe-li em{grid-column:1/3;font-size:11px;font-weight:600;color:var(--gris)}
.fe-c em.ok{color:var(--vert)}.fe-c em.ko{color:#C43C43}.fe-c em.up{color:var(--corail)}.fe-c em.dn{color:#8C8177}
.fe-li:has(em.up),.fe-li:has(em.dn){grid-template-columns:1fr auto auto}.fe-li em.up,.fe-li em.dn{grid-column:auto;font-size:12px}
/* poste */
.fe-po{display:grid;grid-template-columns:1fr auto;row-gap:8px;background:#F0F5EC;border-color:#D2E0C9}
.fe-po em{font-size:11px;font-weight:700;border-radius:99px;padding:1px 8px;background:#fff;color:var(--vert)}
.fe-po div{grid-column:1/3;display:flex;gap:5px}
.fe-po s{width:20px;height:20px;border-radius:50%;background:#B9CFAE}
.fe-po.ko{background:#FFF1EE;border-color:#E7A39A}.fe-po.ko em{color:#C43C43}.fe-po.ko div::after{content:'';width:20px;height:20px;border-radius:50%;border:1.5px dashed #E7A39A;box-sizing:border-box}
/* pièce du dossier */
.fe-pi{display:flex;gap:10px;align-items:center;padding:9px 12px}
.fe-pi i{width:22px;height:22px;border-radius:50%;background:var(--vert);color:#fff;display:grid;place-items:center;font-size:12px;font-style:normal;font-weight:700;flex:none}
.fe-pi.at i{background:#E9A23B}
/* document */
.fe-doc{display:flex;gap:11px;align-items:center}
.fe-doc>i{width:32px;height:40px;border-radius:5px;background:#FAEBEC;color:#C43C43;display:grid;place-items:end center;padding-bottom:5px;font:700 9px 'Instrument Sans',sans-serif;font-style:normal;flex:none;border:1px solid #F0CFD1}
.fe-doc b{display:block;margin-bottom:4px}
/* candidat */
.fe-ca{display:grid;grid-template-columns:30px 1fr;column-gap:10px;row-gap:7px;align-items:center}
.fe-ca>i{width:30px;height:30px;border-radius:50%;background:rgb(var(--k));color:#fff;display:grid;place-items:center;font:700 10.5px 'Bricolage Grotesque',sans-serif;font-style:normal}
.fe-ca b{display:block}.fe-ca span{font-size:11.5px}
.fe-ca>em{grid-column:2;justify-self:start}
/* les outils : moins haut */
/* bulle de messagerie */
.fe-bu{display:flex;gap:10px;align-items:flex-start;border-radius:16px 16px 16px 4px}
.fe-bu>i{width:28px;height:28px;border-radius:50%;flex:none;background:rgb(var(--k));color:#fff;display:grid;place-items:center;font:700 10px 'Bricolage Grotesque',sans-serif;font-style:normal}
.fe-bu b{display:block;font-size:12px}.fe-bu span{display:block;color:var(--encre)!important;margin-top:2px}
@media(max-width:1180px){.fe{display:none}}
@media(prefers-reduced-motion:reduce){.fe-s{transition:none}}
section.fdx:not(.sm-hero):not(.cv-hero){padding:96px 0 100px}

/* ══════════ v14.227 · IDCC sous le champ Établissement, page confidentialité et cookies ══════════ */
.et-cc{margin-top:10px;display:grid;gap:8px}
.et-cc[hidden]{display:none}
.et-c{display:flex;align-items:center;gap:12px;background:var(--vert-halo);border:1px solid rgba(47,125,99,.22);border-radius:12px;padding:9px 13px;animation:etIn .35s cubic-bezier(.2,.8,.2,1) both}
@keyframes etIn{from{opacity:0;transform:translateY(-4px)}}
.et-n{display:grid;justify-items:center;min-width:54px;font:700 21px/1 'Bricolage Grotesque',sans-serif;color:var(--vert);font-variant-numeric:tabular-nums}
.et-n i{display:block;font:700 9.5px/1.4 'Instrument Sans',sans-serif;letter-spacing:.08em;font-style:normal;opacity:.75}
.et-c>div{min-width:0;border-left:1px solid rgba(47,125,99,.2);padding-left:12px}
.et-c b{display:block;font-size:14px;line-height:1.3;color:var(--encre)}
.et-c>div span{display:block;font-size:12.5px;color:var(--gris);margin-top:2px}
.et-c.no{background:#F6F1EA;border-color:var(--trait)}.et-c.no .et-n{color:var(--gris)}.et-c.no>div{border-color:var(--trait)}
@media(prefers-reduced-motion:reduce){.et-c{animation:none}}
.pc-hero{padding:72px 0 30px}
.pc-hero h1{margin-top:6px}
.pc-maj{margin-top:14px;font-size:13.5px;color:var(--gris)}
.pc-cta{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.pc{padding:10px 0 90px}
.pc .ct-s.pc-g{max-width:1100px;display:grid;grid-template-columns:230px minmax(0,1fr);gap:56px;align-items:start}
.pc-toc{position:sticky;top:96px;display:grid;gap:2px;font-size:14px}
.pc-toc b{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--gris);margin-bottom:8px}
.pc-toc a{color:var(--texte);text-decoration:none;padding:6px 10px;border-radius:8px;border-left:2px solid transparent}
.pc-toc a:hover{background:var(--creme);border-left-color:var(--corail)}
.pc-txt h2{font-size:26px;margin:44px 0 12px;scroll-margin-top:96px}
.pc-txt h2:first-child{margin-top:0}
.pc-txt p{font-size:16px;line-height:1.65;color:var(--texte);margin:0 0 12px}
.pc-txt a{color:var(--corail);font-weight:600}
.pc-txt .tdef{margin:14px 0 16px}
.pc-hero .ct-s{max-width:1100px}.pc-hero .sub{max-width:760px}
.tdef table.t.pc-t{display:table;width:100%;table-layout:fixed;font-size:14px}
.pc-t.c5 th:nth-child(1){width:18%}.pc-t.c5 th:nth-child(2){width:27%}.pc-t.c5 th:nth-child(3){width:20%}.pc-t.c5 th:nth-child(4){width:18%}.pc-t.c5 th:nth-child(5){width:17%}
.pc-t.c3 th:nth-child(1){width:26%}.pc-t.c3 th:nth-child(3){width:26%}
.pc-t td,.pc-t th{vertical-align:top}
.pc-t td{hyphens:auto;-webkit-hyphens:auto;overflow-wrap:break-word}
.pc-t code{font:600 12.5px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;background:var(--creme);border-radius:5px;padding:1px 6px;overflow-wrap:anywhere}
.pc-ck th:nth-child(1){width:32%}.pc-ck th:nth-child(2){width:18%}.pc-ck th:nth-child(4){width:18%}
.pc-cat{display:flex;align-items:center;gap:10px;font-size:18px;margin:26px 0 0}
.pc-pill{font:700 11px 'Instrument Sans',sans-serif;border-radius:99px;padding:3px 10px;background:#FDF0DC;color:#9A5B0C}
.pc-pill.ok{background:var(--vert-halo);color:var(--vert)}
.pc-l{margin:14px 0 18px}
.pc-l li{font-size:16px;line-height:1.55}
.pc-ac td{background:#FFF6E3;color:#9A5B0C;font-style:italic}
@media(max-width:900px){.pc .ct-s.pc-g{grid-template-columns:minmax(0,1fr);gap:26px}.pc-toc{position:static;grid-template-columns:1fr 1fr;border:1px solid var(--trait);border-radius:14px;padding:14px}.pc-toc b{grid-column:1/-1}.pc-txt h2{font-size:22px}}

/* ══════════ v14.228 · en-têtes des six pages et d’Offres, Offres qui bouge, convention dans les simulateurs ══════════ */
section.fdx.of-fdx{padding:104px 0 112px}
.cc-tr{margin-top:8px}
.cc-note{font-size:12.5px;color:var(--gris);margin:8px 0 0;display:flex;align-items:center;gap:6px}
.cc-note:empty{display:none}
.cc-note.ok{color:var(--vert);font-weight:600}
.cc-note svg{width:15px;height:15px;flex:none}
/* ══════════ O1 · le prix qui roule ══════════ */
.od{display:inline-block;height:1.15em;overflow:hidden;vertical-align:top;line-height:1.15}
.od>span{display:flex;flex-direction:column;transition:transform .7s cubic-bezier(.2,.8,.2,1)}
.od{font:inherit;color:inherit}.od>span>i{font:inherit;font-style:normal;color:inherit;height:1.15em;line-height:1.15em;display:block}
.ov-eco{margin:2px 0 6px;font-size:13px;font-weight:700;color:var(--vert);animation:ovIn .45s ease both}
.ov-eco[hidden]{display:none}
.nx-was.ov-trace s{position:relative;text-decoration:none}
.nx-was.ov-trace s::after{content:'';position:absolute;left:-1px;right:-1px;top:52%;height:1.5px;background:currentColor;transform-origin:left;animation:ovTrait .5s .15s ease both}
@keyframes ovTrait{from{transform:scaleX(0)}}
@keyframes ovIn{from{opacity:0;transform:translateY(-4px)}}

/* ══════════ O2 · le mois qui passe ══════════ */
.of-actif.ov-vit{position:relative}
.ov-curs{position:absolute;top:34px;bottom:44px;width:2px;background:#1F1915;border-radius:2px;pointer-events:none;z-index:2;transition:opacity .3s}
.ov-jr{display:inline-block;margin-left:8px;background:#1F1915;color:#fff;font-size:11px;font-weight:700;border-radius:6px;padding:1px 7px;vertical-align:1px;font-variant-numeric:tabular-nums}
.ov-vit .of-at i{transition:width .12s linear}
.ov-vit .of-al{transition:opacity .35s}
.ov-vit .of-al.ov-sort{opacity:.45}
.ov-vit .of-al em{transition:transform .25s}
.ov-vit .of-al em.pop{animation:ovPop .35s ease}
@keyframes ovPop{50%{transform:scale(1.25)}}
.ov-vit .of-afoot{transition:background .3s,color .3s}
.ov-vit .of-afoot.plus{background:var(--halo);color:var(--corail2)}
.ov-vit .of-ah>b{display:inline-block}
.ov-vit.ov-change .of-al{opacity:0}

/* ══════════ O3 · le calcul vivant ══════════ */
.ov-an12{margin:14px 0 4px}
.ov-an12 .b12{display:grid;grid-template-columns:repeat(12,1fr);gap:4px;align-items:end;height:74px}
.ov-an12 .b12 i{display:block;border-radius:5px 5px 2px 2px;background:rgba(255,255,255,.18);transition:height .5s cubic-bezier(.2,.8,.2,1),background .3s}
.ov-an12 .b12 i.h{background:#E05A36}
.ov-an12 .m12{display:grid;grid-template-columns:repeat(12,1fr);gap:4px;margin-top:5px;font-size:10.5px;text-align:center;color:rgba(255,255,255,.55);font-weight:700}
.ov-an12 .m12 span.h{color:#fff}
.ov-an12 p{font-size:12px;color:rgba(255,255,255,.6);margin:6px 0 0}

/* ══════════ O4 · le tableau ══════════ */
.ov-tf{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 12px}
.ov-seg{display:inline-flex;background:var(--creme2);border-radius:99px;padding:3px}
.ov-seg button{all:unset;cursor:pointer;font-size:13px;font-weight:600;padding:7px 14px;border-radius:99px;color:var(--texte)}
.ov-seg button.on{background:#fff;color:var(--encre);box-shadow:0 2px 8px -4px rgba(31,25,21,.3)}
.ov-tf em{font-style:normal;font-size:13px;color:var(--gris)}
.cmp-t tr.ov-cache{display:none}
.cmp-t tr.ov-part{opacity:0;transition:opacity .2s}
.cmp-t tr.ov-vient{animation:ovIn .3s ease both}
.cmp-t td.oui svg{width:18px;height:18px;color:var(--vert)}
.cmp-t td.oui svg path{stroke-dasharray:24;stroke-dashoffset:24}
.cmp-t td.oui.vu svg path{transition:stroke-dashoffset .5s ease;stroke-dashoffset:0}
.ov-thead{position:fixed;left:0;right:0;top:0;z-index:40;background:rgba(255,255,255,.96);backdrop-filter:blur(6px);border-bottom:1px solid var(--trait);transform:translateY(-110%);opacity:0;visibility:hidden;pointer-events:none;transition:transform .25s,opacity .2s,visibility 0s .25s}
.ov-thead.on{transform:none;opacity:1;visibility:visible;pointer-events:auto;transition:transform .25s,opacity .2s}
.ov-thead .ct{display:grid;grid-template-columns:1fr 160px 160px;gap:10px;align-items:center;padding-top:8px;padding-bottom:8px}
.ov-thead b{font-size:13px}.ov-thead span{font-size:12px;color:var(--gris);display:block}
.ov-thead .c{text-align:center}

@media(prefers-reduced-motion:reduce){.od>span,.ov-curs,.ov-an12 .b12 i{transition:none}}
@media(max-width:640px){.ov-thead .ct{grid-template-columns:minmax(0,1fr) 80px 80px}}
.amt .od,.amt .od span,.amt .od i{font-size:inherit!important;color:inherit!important;font-weight:inherit!important;letter-spacing:inherit!important;margin:0!important;padding:0!important;font-family:inherit!important}
.amt b.nx-pm{line-height:1.15}
.ov-thead .ct{min-height:56px}

/* ══════════ v14.229 · en-tête mobile sur les très petits écrans ══════════ */
@media(max-width:400px){header .ct{padding-left:16px;padding-right:16px}.nav .logo-img{height:24px}.nav>.b{padding:9px 11px;font-size:13px}.burger{padding:6px;margin-left:0}}
@media(max-width:350px){.nav .logo-img{height:21px}.nav>.b{padding:8px 9px;font-size:12.5px}}

/* ══════════ v14.230 · les articles ══════════ */
/* ══════════ les articles (Ressources) ══════════ */
.bl-hero{padding:76px 0 26px;text-align:center}
.bl-hero .lead{max-width:640px;margin-left:auto;margin-right:auto}
.bl-f{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:26px}
.bl-f button{all:unset;cursor:pointer;font-size:14px;font-weight:600;padding:8px 15px;border-radius:99px;border:1px solid var(--trait);background:#fff;color:var(--texte);transition:background .15s,color .15s,border-color .15s}
.bl-f button:hover{border-color:var(--encre)}
.bl-f button[aria-pressed=true]{background:var(--encre);color:#fff;border-color:var(--encre)}
.bl-q{max-width:420px;margin:16px auto 0;position:relative}
.bl-q input{width:100%;box-sizing:border-box;padding:12px 16px 12px 42px;border:1px solid var(--trait);border-radius:12px;font:inherit;font-size:15px;background:#fff}
.bl-q svg{position:absolute;left:14px;top:50%;width:18px;height:18px;margin-top:-9px;color:var(--gris)}
.bl-w{padding:30px 0 90px}
.bl-une{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:0;background:#fff;border:1px solid var(--trait);border-radius:22px;overflow:hidden;text-decoration:none;color:inherit;box-shadow:0 30px 60px -48px rgba(31,25,21,.45);transition:transform .2s,box-shadow .2s}
.bl-une:hover{transform:translateY(-2px);box-shadow:0 36px 70px -46px rgba(31,25,21,.5)}
.bl-une .bl-cv{aspect-ratio:auto;min-height:320px;border-radius:0}
.bl-une>div:last-child{padding:36px 38px;display:flex;flex-direction:column;justify-content:center}
.bl-une h2{font-size:clamp(24px,2.6vw,32px);line-height:1.15;margin:10px 0 12px}
.bl-une p{font-size:16px;line-height:1.6;color:var(--texte);margin:0}
.bl-g{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:26px}
.bl-c{display:flex;flex-direction:column;background:#fff;border:1px solid var(--trait);border-radius:18px;overflow:hidden;text-decoration:none;color:inherit;transition:transform .2s,box-shadow .2s}
.bl-c:hover{transform:translateY(-2px);box-shadow:0 24px 50px -40px rgba(31,25,21,.5)}
.bl-c>div:last-child{padding:18px 20px 20px;display:flex;flex-direction:column;flex:1}
.bl-c h3{font-size:18px;line-height:1.3;margin:8px 0 8px}
.bl-c p{font-size:14.5px;line-height:1.55;color:var(--texte);margin:0 0 14px;flex:1}
.bl-c[hidden],.bl-une[hidden]{display:none}
.bl-th{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;letter-spacing:.02em;color:rgb(var(--k))}
.bl-th::before{content:'';width:8px;height:8px;border-radius:50%;background:rgb(var(--k))}
.bl-m{display:flex;flex-wrap:wrap;gap:4px 12px;font-size:13px;color:var(--gris)}
.bl-vide{text-align:center;color:var(--gris);padding:40px 0}
.bl-plus{display:flex;justify-content:center;margin-top:30px}
.bl-ab{margin-top:56px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px;align-items:center;background:var(--creme);border-radius:22px;padding:28px 32px}
.bl-ab h3{font-size:22px;margin:0 0 4px}.bl-ab p{margin:0;color:var(--texte)}
.bl-ab form{display:flex;gap:8px}
.bl-ab input{padding:12px 14px;border:1px solid var(--trait);border-radius:12px;font:inherit;min-width:250px;background:#fff}
.k1{--k:224,90,54}.k2{--k:47,125,99}.k3{--k:58,102,174}.k4{--k:176,109,43}.k5{--k:124,92,196}.k6{--k:181,71,107}
/* la couverture : dessinée d'après le thème quand l'article n'a pas d'image */
.bl-cv{position:relative;aspect-ratio:16/9;background:rgba(var(--k),.1);overflow:hidden}
.bl-cv svg{position:absolute;inset:0;width:100%;height:100%}
.bl-cv img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
/* l'article : le titre et une couverture réduite côte à côte, le texte juste dessous */
.ar-h{padding:40px 0 0}
.ar-hg{max-width:1060px;margin:0 auto;padding:0 20px;display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:44px;align-items:center}
.ar-fil{display:flex;flex-wrap:wrap;gap:6px;font-size:13.5px;color:var(--gris);margin-bottom:12px}
.ar-fil a{color:var(--gris);text-decoration:none}.ar-fil a:hover{color:var(--corail)}
.ar-h h1{font-size:clamp(28px,3.6vw,42px);line-height:1.1;margin:10px 0 12px}
.ar-h .lead{font-size:18px;margin:0}
.ar-au{display:flex;align-items:center;gap:12px;margin-top:18px;font-size:14px;color:var(--gris)}
.ar-au i{width:38px;height:38px;border-radius:50%;background:#fff;border:1px solid var(--trait);display:grid;place-items:center;flex:none}
.ar-au b{color:var(--encre);display:block}
.bl-cv.ar-cvh{aspect-ratio:4/3;border-radius:18px}
.ar-apercu{background:#FDF0DC;color:#7A4A0C;text-align:center;font-size:14px;font-weight:600;padding:10px 16px}
.ar-apercu a{color:inherit;margin-left:6px}
.ar-g{max-width:1060px;margin:0 auto;padding:30px 20px 40px;display:grid;grid-template-columns:230px minmax(0,1fr);gap:56px;align-items:start}
.ar-toc{position:sticky;top:96px;font-size:14px}
.ar-toc b{display:block;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--gris);margin-bottom:10px}
.ar-toc a{display:block;padding:6px 0 6px 12px;border-left:2px solid var(--trait);color:var(--texte);text-decoration:none;line-height:1.35}
.ar-toc a.on{border-left-color:var(--corail);color:var(--encre);font-weight:600}
.ar-toc .ar-pt{margin-top:22px;display:grid;gap:8px}
.ar-pt button{all:unset;cursor:pointer;font-size:13px;font-weight:600;color:var(--texte);display:flex;align-items:center;gap:8px}
.ar-pt svg{width:16px;height:16px}
.ar-t{max-width:680px;font-size:17.5px;line-height:1.72;color:var(--texte)}
.ar-t h2{font-size:28px;line-height:1.2;margin:46px 0 14px;color:var(--encre);scroll-margin-top:96px}
.ar-t h2:first-child{margin-top:0}
.ar-t h3{font-size:20px;margin:30px 0 10px;color:var(--encre)}
.ar-t p{margin:0 0 18px}
.ar-t ul{margin:0 0 20px;padding-left:22px}.ar-t li{margin-bottom:8px}
.ar-t a{color:var(--corail);font-weight:600}
.ar-t strong{color:var(--encre)}
.ar-bx{border-radius:16px;padding:18px 22px;margin:26px 0;font-size:16px;line-height:1.6}
.ar-bx b.t{display:block;font:700 14px 'Instrument Sans',sans-serif;letter-spacing:.04em;text-transform:uppercase;margin-bottom:6px}
.ar-bx.ret{background:var(--vert-halo);color:#1F4D3D}.ar-bx.ret b.t{color:var(--vert)}
.ar-bx.loi{background:#F4F1EC;border-left:4px solid var(--encre);border-radius:4px 16px 16px 4px}
.ar-bx.loi b.t{color:var(--gris)}
.ar-bx.att{background:#FFF4F1;color:#7A2E24}.ar-bx.att b.t{color:#C43C43}
.ar-ex{background:#fff;border:1px solid var(--trait);border-radius:16px;padding:18px 20px;margin:24px 0}
.ar-ex .ln{position:relative;height:34px;margin:10px 0 4px;background:repeating-linear-gradient(90deg,var(--trait2) 0 1px,transparent 1px 4.1667%)}
.ar-ex .ln i{position:absolute;top:6px;bottom:6px;border-radius:7px;background:rgba(224,90,54,.8);color:#fff;font:700 11.5px 'Instrument Sans',sans-serif;font-style:normal;display:flex;align-items:center;padding:0 8px;white-space:nowrap;overflow:hidden}
.ar-ex .ln i.b{background:rgba(58,102,174,.8)}
.ar-ex .ln em{position:absolute;top:0;bottom:0;border:2px dashed #C43C43;border-radius:8px;background:rgba(196,60,67,.07);font-style:normal}
.ar-ex .ln em b{position:absolute;top:-22px;left:50%;transform:translateX(-50%);white-space:nowrap;font-size:12px;color:#C43C43}
.ar-ex .hr{display:flex;justify-content:space-between;font-size:11px;color:var(--gris);font-weight:700}
.ar-ex p{font-size:14px;margin:8px 0 0}
.ar-tb{width:100%;border-collapse:collapse;font-size:15px;margin:10px 0 24px}
.ar-tb th,.ar-tb td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--trait2);vertical-align:top}
.ar-tb th{font-size:12.5px;text-transform:uppercase;letter-spacing:.05em;color:var(--gris)}
.ar-out{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:16px;align-items:center;background:var(--encre);color:#fff;border-radius:18px;padding:20px 22px;margin:34px 0;text-decoration:none}
.ar-out>span{width:48px;height:48px;border-radius:14px;background:rgba(255,255,255,.1);display:grid;place-items:center}
.ar-out svg{width:24px;height:24px}
.ar-out b{display:block;font-size:16px}.ar-out em{font-style:normal;font-size:14px;color:#CFC4B8}
.ar-out .b{white-space:nowrap}
.ar-faq details{border-bottom:1px solid var(--trait);padding:14px 0}
.ar-faq summary{cursor:pointer;font-weight:700;color:var(--encre);font-size:16.5px;list-style:none;display:flex;justify-content:space-between;gap:12px}
.ar-faq summary::after{content:'+';font-size:22px;line-height:1;color:var(--corail)}
.ar-faq details[open] summary::after{content:'–'}
.ar-faq details p{margin:10px 0 0;font-size:16px}
.ar-src{font-size:14px;color:var(--gris);border-top:1px solid var(--trait);margin-top:36px;padding-top:18px}
.ar-src a{color:var(--gris);font-weight:600}
.ar-src ul{padding-left:18px;margin:8px 0 0}
.ar-lies{background:var(--creme);padding:54px 0 70px}
.ar-lies h2{font-size:26px;margin:0}
.ar-lies .bl-g{margin-top:20px}
@media(max-width:980px){.bl-g{grid-template-columns:repeat(2,minmax(0,1fr))}.ar-g{grid-template-columns:minmax(0,1fr);gap:26px}.ar-toc{position:static;border:1px solid var(--trait);border-radius:14px;padding:14px 16px}.ar-toc .ar-pt{display:none}}
@media(max-width:720px){.bl-une{grid-template-columns:minmax(0,1fr)}.bl-une .bl-cv{min-height:190px}.bl-une>div:last-child{padding:24px 22px}.bl-g{grid-template-columns:minmax(0,1fr)}.bl-ab{grid-template-columns:minmax(0,1fr)}.bl-ab form{flex-direction:column}.bl-ab input{min-width:0}.ar-out{grid-template-columns:40px minmax(0,1fr)}.ar-out .b{grid-column:1/-1;justify-self:start}.ar-t{font-size:16.5px}.ar-t h2{font-size:23px}}
@media(prefers-reduced-motion:reduce){.bl-une,.bl-c{transition:none}}
/* v14.230 */
.ar-pt a{font-size:13px;font-weight:600;color:var(--texte);display:flex;align-items:center;gap:8px;text-decoration:none}
.ar-pt a:hover,.ar-pt button:hover{color:var(--corail)}
.ar-t img{max-width:100%;height:auto;border-radius:14px;display:block;margin:10px 0}
.ar-t table{width:100%;border-collapse:collapse;font-size:15px;margin:10px 0 24px;display:block;overflow-x:auto}
.ar-t th,.ar-t td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--trait2);vertical-align:top}
.ar-t th{font-size:12.5px;text-transform:uppercase;letter-spacing:.05em;color:var(--gris)}
.ar-t blockquote{margin:22px 0;padding:4px 0 4px 18px;border-left:3px solid var(--corail);color:var(--encre)}
.ar-t a.ar-out{color:#fff;font-weight:400}
.ar-avert{font-size:14px;color:var(--gris);border-top:1px solid var(--trait);margin-top:36px;padding-top:16px}
.bl-abf{position:relative;flex-wrap:wrap}
.bl-pot{position:absolute!important;left:-9999px;width:1px;height:1px;opacity:0}
.bl-abm{flex-basis:100%;margin:6px 0 0;font-size:13.5px;font-weight:600;min-height:0}
.bl-abm:empty{display:none}.bl-abm.ok{color:var(--vert)}.bl-abm.ko{color:#C43C43}
.bl-abr{grid-column:1/-1;margin:0;font-size:12.5px;color:var(--gris)}
.bl-abr a{color:inherit}
.mm-tous b{color:var(--corail)}
@media(max-width:980px){.ar-toc>b{display:flex;justify-content:space-between;align-items:center;margin:0;cursor:pointer}.ar-toc>b::after{content:'+';font-size:20px;line-height:1;color:var(--corail)}.ar-toc.ouvert>b{margin-bottom:10px}.ar-toc.ouvert>b::after{content:'–'}.ar-toc a[data-t]{display:none}.ar-toc.ouvert a[data-t]{display:block}.ar-toc{padding:12px 16px}}
@media(max-width:820px){.ar-hg{grid-template-columns:minmax(0,1fr)}.bl-cv.ar-cvh{display:none}.ar-h{padding-top:24px}.ar-h .lead{font-size:16.5px}.ar-g{padding-top:20px}}

/* ══════════ v14.233 · articles : bouton de l'appel, liens de partage ══════════ */
.ar-out>span.b{width:auto;height:auto;border-radius:var(--rb);background:var(--corail);display:inline-flex}
.ar-out:hover>span.b{background:var(--corail2)}
.ar-toc .ar-pt a,.ar-toc .ar-pt button{display:flex;align-items:center;gap:8px;padding:0;border:0;margin:0;font-size:13px;font-weight:600;line-height:1.35;color:var(--texte)}
.ar-toc .ar-pt a:hover,.ar-toc .ar-pt button:hover{color:var(--corail)}

/* ══════════ v14.234 · le menu Ressources sur trois colonnes ══════════ */
.mm-g.mm-g3{grid-template-columns:repeat(3,minmax(0,1fr));max-width:980px}
.mm-t.mm-t2{margin-top:14px}
@media(max-width:1100px){.mm-g.mm-g3{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}}

/* ══════════ v14.235 · accordéons ══════════ */
details.q summary::after{transition:transform .3s cubic-bezier(.25,.8,.25,1)}
.mobmenu details.mmob summary::after{transition:transform .3s cubic-bezier(.25,.8,.25,1)}
.ar-faq summary::after{transition:transform .3s cubic-bezier(.25,.8,.25,1)}
.ar-faq details[open] summary::after{content:'+';transform:rotate(45deg)}
/* pendant la fermeture, la flèche se retourne tout de suite */
details.q.ac-ferme summary::after{transform:rotate(45deg) translate(-3px,-3px)}
.mobmenu details.mmob.ac-ferme summary::after{transform:rotate(45deg)}
.ar-faq details.ac-ferme summary::after{transform:none}
@media(prefers-reduced-motion:reduce){details.q summary::after,.mobmenu details.mmob summary::after,.ar-faq summary::after{transition:none}}

/* ── v14 · secteurs, champs réglables, formulaires enrichis, page introuvable ── */
/* champs réglés dans /admin : une rangée de deux dont l'un est masqué */
.deux-ch.ch-un{grid-template-columns:1fr}
.fch[hidden]{display:none!important}
/* l'image d'un secteur dans sa carte du carrousel */
.cr-v.cr-img{background:#2A221C;overflow:hidden}
.cr-v .cr-im{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;z-index:0}
.cr-v.cr-img::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(25,20,17,0) 45%,rgba(25,20,17,.45));z-index:0;pointer-events:none}
.cr-v.cr-img>.cr-ic,.cr-v.cr-img>.cr-tags{position:relative;z-index:1}
.cr-v.cr-img .cr-tags i{background:rgba(255,255,255,.92)}
.cr-c:hover .cr-im{transform:scale(1.03)}.cr-im{transition:transform .5s}
@media(prefers-reduced-motion:reduce){.cr-im{transition:none}.cr-c:hover .cr-im{transform:none}}
/* les logos clients d'un secteur */
section.sx-cl{padding:36px 0 8px}
.sx-clt{text-align:center;font-size:12.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--gris);margin:0 0 18px}
.sx-cll{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:22px 40px}
.sx-lo{display:inline-flex;align-items:center;height:48px}
.sx-lo img{max-height:44px;max-width:150px;width:auto;object-fit:contain;filter:grayscale(1);opacity:.72;transition:filter .2s,opacity .2s}
.sx-lo:hover img,a.sx-lo:focus-visible img{filter:none;opacity:1}
a.sx-lo:focus-visible{outline:2px solid var(--corail);outline-offset:4px;border-radius:6px}
/* les témoignages d'un secteur */
section.sx-tm{padding-top:72px;padding-bottom:72px}
.sx-tml{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px;margin-top:28px}
.sx-tml.un{grid-template-columns:minmax(0,760px);justify-content:center}
.sx-tml.defile{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:10px;scrollbar-width:thin}
.sx-tml.defile .sx-tmc{flex:0 0 min(360px,86%);scroll-snap-align:start}
.sx-tmc{margin:0;background:#fff;border:1px solid var(--trait);border-radius:22px;padding:26px 26px 22px;display:flex;flex-direction:column;gap:16px}
.sx-tmq{width:30px;height:30px;color:var(--corail)}
.sx-tmc blockquote{margin:0;flex:1}.sx-tmc blockquote p{font-size:16.5px;line-height:1.55;color:var(--encre)}
.sx-tml.un .sx-tmc blockquote p{font:600 21px/1.45 'Bricolage Grotesque',sans-serif;letter-spacing:-.01em}
.sx-tmc figcaption{display:flex;align-items:center;gap:12px;border-top:1px solid var(--trait2);padding-top:14px}
.sx-tmp{width:44px;height:44px;border-radius:50%;object-fit:cover;flex:0 0 44px}
.sx-tmi{display:grid;place-items:center;background:var(--halo);color:var(--corail);font-weight:700;font-size:17px}
.sx-tmc figcaption b{display:block;font-size:15px}.sx-tmc figcaption em{display:block;font-style:normal;font-size:13.5px;color:var(--gris)}
/* la carte du résultat, enrichie */
.vr-card{width:min(460px,94%)}
.vr-card .deux-ch{gap:0 10px}
.vr-card select{width:100%}
@media(max-width:560px){.vr-card .deux-ch:not(.ch-un){grid-template-columns:1fr 1fr}}
@media(max-width:340px){.vr-card .deux-ch:not(.ch-un){grid-template-columns:1fr}}
/* l'inscription aux articles, enrichie */
.bl-ab.ab-plus{grid-template-columns:minmax(0,1fr) minmax(0,1.35fr);align-items:start}
.bl-ab.ab-plus form{display:block}
.bl-ab.ab-plus .fch{margin-bottom:10px}
.bl-ab.ab-plus input,.bl-ab.ab-plus select{min-width:0;width:100%}
.bl-ab.ab-plus select{padding:12px 14px;border:1px solid var(--trait);border-radius:12px;font:inherit;background:#fff;color:var(--encre);height:auto}
.bl-ab.ab-plus button[type=submit]{width:100%;justify-content:center;margin-top:4px}
@media(max-width:820px){.bl-ab.ab-plus{grid-template-columns:1fr;padding:24px 20px}}
/* la page introuvable */
section.nf{padding:96px 0 110px}
.nf-code{font:800 clamp(84px,14vw,148px)/1 'Bricolage Grotesque',sans-serif;letter-spacing:-.05em;color:var(--corail);margin:0 0 10px}
.nf-auto{margin:26px auto 0;max-width:340px}
.nf-auto p{font-size:14.5px;color:var(--texte)}
.nf-bar{display:block;height:4px;border-radius:99px;background:var(--creme2);overflow:hidden;margin-top:8px}
.nf-bar i{display:block;height:100%;width:0;background:var(--corail);border-radius:inherit}
.nf-auto.go .nf-bar i{width:100%;transition:width 8s linear}
.nf-auto.arret .nf-bar{visibility:hidden}
.nf-l{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 18px;margin-top:34px;font-size:14.5px}
.nf-l a{color:var(--texte);text-decoration:underline;text-underline-offset:3px}.nf-l a:hover{color:var(--corail)}
@media(prefers-reduced-motion:reduce){.nf-auto.go .nf-bar i{transition:none}}