/* Pages de postes et Nous rejoindre (version 8, 11/10/2026).
   Ces pages sont celles de jobs.erab2b.com, même système et mêmes textes (demande de Louis), dans la DA de Valora.
   Ordre de la feuille construite par port_postes.py :
     1. ce fichier : les jetons de deslus.com, la police, l'en-tête et le pied de page de deslus (copiés de base.css) ;
     2. la feuille de la page d'origine, couleurs remplacées par celles de deslus, police Archivo ;
     3. postes-da.css : les formes de deslus (boutons, cartes, étiquettes, titres) à la place de celles d'EraB2B. */
@font-face{font-family:'Archivo';font-style:normal;font-weight:400 800;font-display:swap;src:url(fonts/archivo-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-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Archivo';font-style:normal;font-weight:400 800;font-display:swap;src:url(fonts/archivo-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}
:root{
  --ink-2:#55554F;--ink-3:#6E6E68;--paper:#FFFFFF;--paper-2:#FBFBF9;--panel:#F4F4F1;--panel-2:#EDEDE9;
  --rule:#E6E6E0;--rule-2:#F0F0EB;--rule-strong:#CCCCC4;--accent:#FF3B00;--accent-text:#C42C00;--accent-ink:#0D0D0C;
  --r-s:9px;--r-m:13px;--r-l:20px;--maxw:1220px;--ease-d:cubic-bezier(.16,1,.3,1);
}
::selection{background:var(--accent);color:var(--accent-ink)}
:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:5px}

/* en-tête de deslus */
.hd{position:sticky;top:0;z-index:60}
.hd .wrap{max-width:var(--maxw);margin:0 auto;padding-inline:28px}
.hd .mark{font-family:"Archivo",sans-serif;font-weight:800;letter-spacing:-.02em;font-size:20px;color:#0D0D0C;text-decoration:none}
.hd .mark i{font-style:normal;color:var(--accent-text)}
.hd .nav{display:flex;gap:24px;margin:0;padding:0;align-items:center;font-size:14px;font-weight:500;color:var(--ink-2)}
.hd .nav > a{position:relative;padding:8px 0;color:inherit;text-decoration:none;transition:color .2s var(--ease-d)}
.hd .nav > a::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1.5px;background:#0D0D0C;transform:scaleX(0);transform-origin:left;transition:transform .28s var(--ease-d)}
.hd .nav > a:hover{color:#0D0D0C}
.hd .nav > a:hover::after{transform:scaleX(1)}
.hd .nav > a[aria-current]{color:#0D0D0C}
.hd .nav > a[aria-current]::after{background:var(--accent);transform:scaleX(1)}
.hd-a{background:color-mix(in srgb,var(--paper) 92%,transparent);transition:background .3s var(--ease-d),box-shadow .3s var(--ease-d),transform .3s var(--ease-d)}
.hd-a::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:var(--rule);opacity:0;transition:opacity .3s var(--ease-d)}
.hd-a .wrap{display:flex;align-items:center;gap:30px;height:86px;transition:transform .3s var(--ease-d)}
.hd-a .right{margin-left:auto;display:flex;align-items:center;gap:16px}
.hd-a .hd-count{font-size:12.5px;color:var(--ink-3);white-space:nowrap;opacity:1;transition:opacity .25s var(--ease-d)}
.hd-a .mark{display:inline-block;transform-origin:left center;transition:transform .3s var(--ease-d)}
.hd .btn{display:inline-flex;align-items:center;gap:8px;height:35px;padding:0 15px;border-radius:var(--r-s);border:1px solid var(--rule-strong);background:var(--paper);color:#0D0D0C;font-size:13.5px;font-weight:600;letter-spacing:-.01em;white-space:nowrap;box-shadow:none;transform:none;text-decoration:none}
.hd .btn-accent{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}
.hd .btn-accent:hover{background:#FF5522;border-color:#FF5522}
html[data-scrolled] .hd-a{transform:translateY(-30px);background:color-mix(in srgb,var(--paper) 84%,transparent);backdrop-filter:saturate(1.4) blur(14px);box-shadow:0 1px 18px -12px rgba(13,13,12,.5)}
html[data-scrolled] .hd-a::after{opacity:1}
html[data-scrolled] .hd-a .wrap{transform:translateY(15px)}
html[data-scrolled] .hd-a .mark{transform:scale(.86)}
html[data-scrolled] .hd-a .hd-count{opacity:0;pointer-events:none}
@media (max-width:860px){
  .hd-a .hd-count,.hd-a .nav{display:none}
  .hd-a .wrap{gap:12px;height:64px}
  .hd-a .right{gap:8px}
  .hd-a .btn-accent{padding:0 11px;font-size:12.5px}
  html[data-scrolled] .hd-a,html[data-scrolled] .hd-a .wrap{transform:none}
  html[data-scrolled] .hd-a{background:color-mix(in srgb,var(--paper) 90%,transparent)}
}
@media (max-width:600px){.hd .wrap{padding-inline:22px}}

/* la trame et le halo du haut de page de deslus */
.hero-bg{position:absolute;inset:0;pointer-events:none;z-index:0}
.cells{position:absolute;inset:-1px 0 0;background-image:linear-gradient(to right,var(--rule-2) 1px,transparent 1px),linear-gradient(to bottom,var(--rule-2) 1px,transparent 1px);background-size:56px 56px;
  -webkit-mask-image:radial-gradient(ellipse 86% 92% at 50% 26%,#000 30%,transparent 82%);mask-image:radial-gradient(ellipse 86% 92% at 50% 26%,#000 30%,transparent 82%)}
.bloom{position:absolute;left:50%;top:-140px;width:min(1180px,118%);height:700px;transform:translateX(-50%);
  background:radial-gradient(42% 52% at 38% 44%,rgba(255,59,0,.26),transparent 70%),radial-gradient(38% 48% at 64% 34%,rgba(255,150,0,.22),transparent 72%),radial-gradient(34% 44% at 52% 70%,rgba(255,90,40,.14),transparent 72%);
  filter:blur(64px);opacity:0;animation:bloomIn 1.5s var(--ease-d) .1s forwards}
@keyframes bloomIn{to{opacity:1}}

/* pied de page de deslus */
footer.pied{border-top:1px solid var(--rule);padding:34px 0 64px;font-size:13px;color:var(--ink-3);background:var(--paper)}
footer.pied .wrap{max-width:var(--maxw);margin:0 auto;padding-inline:28px;display:flex;gap:26px;flex-wrap:wrap;align-items:center}
footer.pied a{color:inherit;text-decoration:none}
footer.pied a:hover{color:#0D0D0C}
footer.pied .mark{font-weight:800;letter-spacing:-.02em;color:#0D0D0C}
footer.pied .mark i{font-style:normal;color:var(--accent-text)}
footer.pied .rgpd{flex-basis:100%;margin:6px 0 0;max-width:80ch;line-height:1.55;font-size:13px;font-weight:400;color:var(--ink-3)}
footer.pied .rgpd a{color:#0D0D0C;text-decoration:none;border-bottom:1px solid var(--rule-strong)}
@media (prefers-reduced-motion:reduce){.bloom{opacity:1!important;animation:none}}

/* ---- feuille de la page d'origine, recolorée ---- */

  
  :root{
    --blue:#0D0D0C;        
    --blue-dark:#2C2C28;   
    --navy:#0D0D0C;        
    --navy-alt:#0D0D0C;    
    --cream:#FBFBF9;       
    --cream-alt:#F4F4F1;   
    --lightblue:#EDEDE9;   
    --bluesoft:#CCCCC4;    
    --violet:#EDEDE9;      
    --violet-fort:#0D0D0C; 
    --violet-pale:#F4F4F1; 
    --sand:#F4F4F1;        
    --mist:#F4F4F1;        
    --dark:#55554F;        
    --ink:#0D0D0C;         
    --mid:#55554F;         
    --line:#E6E6E0;        
    --shadow:none;
    --shadow-lift:0 2px 6px -3px rgba(13,13,12,.22);
    --ease:cubic-bezier(.16,1,.3,1);
    --r-card:20px;
    --r-inner:12px;
    --r-pill:999px;
    --max:1220px;
  }
  *{box-sizing:border-box}
  html{scroll-behavior:smooth}
  body{
    margin:0;background:#fff;color:var(--ink);overflow-x:hidden;
    font-family:"Archivo","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:16.5px;line-height:1.6;-webkit-font-smoothing:antialiased;
  }
  h1,h2,h3{margin:0;font-weight:800;letter-spacing:-.02em;text-wrap:balance;color:var(--ink)}
  p{margin:0}
  .wrap{max-width:var(--max);margin:0 auto;padding:0 clamp(20px,5vw,40px)}

  .topbar{background:rgba(255,255,255,.92);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:16px 0;
          border-bottom:1px solid var(--line);position:sticky;top:0;z-index:50;transition:transform .3s var(--ease)}
  .topbar.cache{transform:translateY(-100%)}
  @media (prefers-reduced-motion:reduce){.topbar{transition:none}}
  .topbar .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px}
  .topbar .marque{display:flex;align-items:center;color:var(--ink)}
  .topbar svg{height:28px;width:auto;display:block}
  .topbar .haut-cta{
    display:inline-flex;align-items:center;gap:7px;background:var(--blue);color:#fff;
    text-decoration:none;font-weight:500;font-size:.88rem;padding:11px 20px;border-radius:var(--r-pill);
    transition:background-color .25s var(--ease),transform .2s var(--ease);
  }
  .topbar .haut-cta:hover{background:var(--blue-dark);transform:translateY(-1px)}
  @media(max-width:520px){.topbar .haut-cta{display:none}}

  
  
  .hero{text-align:center;padding:64px 0 8px;position:relative;background:var(--cream);overflow:hidden}
  .hero::before,.hero::after{
    content:"";position:absolute;border-radius:50%;pointer-events:none;z-index:0;
    filter:blur(90px);opacity:.5;
  }
  
  @keyframes derive{from{translate:0 0}to{translate:40px 26px}}
  @keyframes derive2{from{translate:0 0}to{translate:-36px 30px}}
  @keyframes parallaxe{to{transform:translateY(160px)}}
  @media (prefers-reduced-motion:no-preference){
    .hero::before{animation:derive 14s ease-in-out infinite alternate}
    .hero::after{animation:derive2 17s ease-in-out infinite alternate}
    @supports (animation-timeline:scroll()){
      .hero::before{animation:derive 14s ease-in-out infinite alternate,parallaxe linear both;animation-timeline:auto,scroll(root);animation-range:normal,0 700px}
      .hero::after{animation:derive2 17s ease-in-out infinite alternate,parallaxe linear both;animation-timeline:auto,scroll(root);animation-range:normal,0 700px}
    }
  }
  .hero::before{width:520px;height:520px;background:var(--violet);top:-190px;left:-160px}
  .hero::after{width:560px;height:560px;background:var(--blue-soft-halo,#CCCCC4);top:-150px;right:-190px}
  .hero .wrap{position:relative;z-index:1}
  .formzone{background:var(--cream)}
  .pill{
    display:inline-flex;align-items:center;gap:6px;font-size:.78rem;font-weight:500;letter-spacing:.04em;
    color:var(--blue-dark);background:var(--lightblue);border-radius:var(--r-pill);padding:8px 16px;margin-bottom:24px;
  }
  .hero h1{font-size:clamp(2rem,4.6vw,3rem);line-height:1.15;max-width:17em;margin:0 auto}
  .hero h1 .hl{background:var(--violet);padding:.02em .3em;border-radius:var(--r-pill);white-space:nowrap;
                 -webkit-box-decoration-break:clone;box-decoration-break:clone}
  .hero .sub{color:var(--mid);font-size:1.06rem;max-width:38em;margin:22px auto 0;font-weight:500}
  .arrow{
    display:flex;align-items:center;justify-content:center;gap:10px;margin:34px 0 0;
    font-size:.74rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--navy);
  }
  .arrow svg{color:var(--blue)}
  .progressbar{height:4px;max-width:480px;margin:14px auto 0;background:var(--lightblue);border-radius:2px;overflow:hidden}
  .progressbar i{display:block;height:100%;width:8%;background:var(--blue);border-radius:2px;transition:width .25s var(--ease)}

  
  .formzone{padding:30px 0 6px;scroll-margin-top:24px}
  .formzone .wrap{max-width:760px}
  .formcard{
    background:#fff;border:1px solid var(--line);border-radius:var(--r-card);overflow:hidden;
    box-shadow:0 30px 70px -38px rgba(13,13,12,.42);padding:0 0 30px;
  }
  .fmeta{
    display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:26px;
    background:var(--mist);border-bottom:1px solid var(--line);padding:18px clamp(20px,4vw,40px);
  }
  .fstep{font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--blue-dark);white-space:nowrap}
  .fbar{flex:1;height:6px;background:var(--lightblue);border-radius:var(--r-pill);overflow:hidden;max-width:280px}
  .fbar i{display:block;height:100%;width:10%;background:var(--blue);border-radius:var(--r-pill);transition:width .25s var(--ease)}
  @media (prefers-reduced-motion:reduce){.fbar i{transition:none}}
  .etape,.formcard .erreur,.formcard .nav,.formcard .fnote{padding-left:clamp(20px,4vw,40px);padding-right:clamp(20px,4vw,40px)}
  .etape.active{display:block}
  .fq{font-size:clamp(1.15rem,2.2vw,1.5rem);font-weight:800;line-height:1.25;margin-bottom:8px}
  .fhelp{color:var(--mid);font-size:.92rem;font-weight:500;margin-bottom:22px}
  .fselect{
    width:100%;padding:15px 16px;border:1.5px solid var(--line);border-radius:var(--r-inner);background:#fff;
    font-family:inherit;font-size:1rem;font-weight:500;color:var(--ink);appearance:none;
    background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%235A6474' stroke-width='2.5'><path d='m6 9 6 6 6-6'/></svg>");
    background-repeat:no-repeat;background-position:right 16px center;
  }
  .fbtn{
    margin-top:18px;width:100%;border:0;cursor:pointer;background:var(--blue);color:#fff;
    font-family:inherit;font-weight:700;font-size:1rem;padding:17px 24px;border-radius:var(--r-pill);
    transition:background-color .25s var(--ease),transform .2s var(--ease);
  }
  .fbtn:hover{background:var(--blue-dark);transform:translateY(-1px)}
  .fbtn:active{transform:translateY(0)}
  .fnote{margin-top:14px;text-align:center;font-size:.82rem;color:var(--mid);font-weight:500}

    .chips{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;margin:40px 0 0}
  .chip:nth-child(1){transform:rotate(-2deg);background:var(--lightblue)}
  .chip:nth-child(2){transform:rotate(3deg)}
  .chip:nth-child(3){transform:rotate(-4deg);background:var(--violet-pale)}
  .chip:nth-child(4){transform:rotate(2deg);background:var(--sand)}
  .chip:hover{transform:rotate(0) translateY(-3px);box-shadow:var(--shadow-lift)}
  .chip svg{color:var(--blue);flex:none}
  .chip{
    font-size:.86rem;font-weight:500;color:var(--ink);background:#fff;box-shadow:var(--shadow);
    border-radius:var(--r-pill);padding:11px 19px;display:flex;align-items:center;gap:8px;
    transition:transform .25s var(--ease),box-shadow .25s var(--ease);
  }

  
  
  .figures{margin:0;background:var(--cream);color:var(--ink);padding:clamp(52px,6vw,80px) 0 clamp(44px,5vw,64px)}
  .figrid{display:flex;justify-content:center;gap:clamp(24px,6vw,72px);flex-wrap:wrap;text-align:center}
  .fig .n{font-size:clamp(2.1rem,5vw,3rem);font-weight:800;line-height:1;letter-spacing:-.03em;font-variant-numeric:tabular-nums;min-width:3.2ch;display:inline-block}
  .fig .n em{font-style:normal;color:var(--blue)}
  .fig .l{margin-top:10px;font-size:.9rem;font-weight:400;color:var(--mid);max-width:15em}

  
  section.block{padding:clamp(56px,7vw,96px) 0}
  section.block.cream{background:var(--cream)}
  .kicker{
    display:block;font-size:.82rem;font-weight:500;letter-spacing:.08em;
    text-transform:uppercase;color:var(--blue-dark);margin-bottom:14px;
  }
  h2.title{font-size:clamp(1.62rem,3.2vw,2.5rem);line-height:1.2;margin-bottom:16px;max-width:20em}
  .lede{color:var(--mid);font-weight:400;max-width:60ch;margin-bottom:36px;font-size:1.02rem}
  .center{text-align:center}
  .center h2.title,.center .lede{margin-left:auto;margin-right:auto}

  
  .scene{position:relative;max-width:860px;height:250px;margin:6px auto 38px;text-align:left}
  .scene::before{content:"";position:absolute;left:50%;top:50%;width:520px;height:220px;
                 transform:translate(-50%,-50%);border-radius:50%;background:var(--violet);
                 filter:blur(70px);opacity:.35;pointer-events:none}
  .sc{position:absolute;background:#fff;border-radius:16px;box-shadow:var(--shadow-lift);
      padding:16px 18px;transform:rotate(var(--r));display:flex;flex-direction:column;gap:5px}
  .sc b{font-size:1rem;font-weight:800;line-height:1.3;letter-spacing:-.01em}
  .sc-k{display:flex;align-items:center;gap:7px;font-size:.72rem;font-weight:700;letter-spacing:.06em;
        text-transform:uppercase;color:var(--blue-dark)}
  .sc-m{font-size:.82rem;color:var(--mid)}
  .sc-ico{width:16px;height:16px;border-radius:5px;background:var(--lightblue);display:inline-block;position:relative}
  .sc-ico::after{content:"";position:absolute;inset:4px;border-radius:2px;background:var(--blue)}
  .sc-ico-ok{background:var(--violet-pale)}
  .sc-ico-ok::after{background:var(--violet-fort);border-radius:50%}
  .sc-mail{left:0;top:18px;width:min(360px,58%)}
  .sc-call{right:8%;top:0;width:190px;flex-direction:row;align-items:center;gap:12px;background:var(--dark);color:#fff;
           border-radius:var(--r-pill);padding:14px 20px}
  .sc-call b{font-size:.92rem;color:#fff}
  .sc-t{margin-left:auto;font-size:.88rem;font-weight:700;color:var(--bluesoft);font-variant-numeric:tabular-nums}
  .sc-pulse{width:10px;height:10px;border-radius:50%;background:#FF3B00;flex:none;
            box-shadow:0 0 0 0 rgba(255,59,0,.6);animation:pulse 1.6s ease-out infinite;animation-play-state:paused}
  .scene.en-vue .sc-pulse{animation-play-state:running}
  @keyframes pulse{to{box-shadow:0 0 0 10px rgba(255,59,0,0)}}
  .sc-rdv{right:0;bottom:8px;width:min(330px,52%)}
  .js-anim .scene .sc{opacity:0;transform:translateY(18px) rotate(var(--r))}
  .js-anim .scene.vu .sc{opacity:1;transform:rotate(var(--r));
    transition:opacity .5s ease-out,transform .7s cubic-bezier(.16,1,.3,1)}
  .js-anim .scene.vu .sc-call{transition-delay:.28s}
  .js-anim .scene.vu .sc-rdv{transition-delay:.56s}
  @media(max-width:700px){
    .scene{height:auto;display:flex;flex-direction:column;gap:14px;padding:6px 8px}
    .sc{position:static;width:auto}
    .sc-call{width:auto;align-self:flex-end}
    .scene::before{width:80%;height:60%}
  }
  @media (prefers-reduced-motion:reduce){
    .sc-pulse{animation:none}
    .js-anim .scene .sc{opacity:1;transform:rotate(var(--r));transition:none}
  }

  
  .missions{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(252px,100%),1fr));gap:20px;text-align:left}
  .miss{background:#fff;border-radius:var(--r-card);padding:28px 26px;box-shadow:var(--shadow);
        transition:box-shadow .25s var(--ease),transform .25s var(--ease)}
  .miss:hover{box-shadow:var(--shadow-lift);transform:translateY(-3px)}
  .ico{
    width:48px;height:48px;border-radius:var(--r-inner);background:var(--lightblue);color:var(--blue);
    display:flex;align-items:center;justify-content:center;margin-bottom:17px;flex:none;
  }
    .miss .ico{background:none;border:0;width:auto;height:64px;margin-bottom:14px;
             justify-content:flex-start;border-radius:0}
  .ico.sticker svg{height:64px;width:auto;display:block}
  .repere{
    display:inline-block;margin-top:16px;font-size:.72rem;font-weight:700;letter-spacing:.06em;
    text-transform:uppercase;color:var(--blue-dark);background:var(--lightblue);
    border-radius:var(--r-pill);padding:7px 14px;
  }
  .miss h3{font-size:1.02rem;margin-bottom:10px;line-height:1.3}
  .miss p{font-size:.9rem;color:var(--mid);font-weight:500}
  .miss p b{color:var(--ink)}
  .notmiss{margin:22px auto 0;font-size:.9rem;color:var(--mid);font-weight:400;text-align:left;max-width:80ch}
  .notmiss b{color:var(--ink)}

  
  .offres{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));gap:20px}
  .offre{border-radius:var(--r-card);padding:26px 24px;background:#fff;box-shadow:var(--shadow)}
  .offre.fort{background:var(--lightblue);box-shadow:none}
  .offre .lab{display:block;font-size:.7rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase;color:var(--mid);margin-bottom:18px}
  .offre.fort .lab{color:var(--blue-dark)}
  .offre .duo2{display:flex;gap:26px}
  .offre .bloc{flex:1}
  .offre .k{font-size:.78rem;font-weight:700;color:var(--mid)}
  .offre .v{font-size:2rem;font-weight:800;color:var(--navy);line-height:1.1;letter-spacing:-.03em;margin-top:4px}
  .offre .v.grand{color:var(--blue)}

  
  .conds{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr));gap:18px}
  .cond{background:#fff;border-radius:var(--r-card);padding:26px 24px;box-shadow:var(--shadow)}
  .cond .s{font-size:1.6rem;font-weight:800;color:var(--blue-dark);letter-spacing:-.03em;line-height:1.05}
  .cond .t{margin-top:10px;font-size:.9rem;font-weight:700;line-height:1.35}
  .cond .d{margin-top:7px;font-size:.9rem;font-weight:500;color:var(--mid);line-height:1.45}

  .tblnote{margin:14px 0 0;font-size:.9rem;color:var(--mid);font-weight:400;max-width:80ch}
  .sh{font-size:.72rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--navy);margin-bottom:16px}

  
  .addition{background:#fff;color:var(--ink);border-radius:var(--r-card);padding:10px clamp(22px,4vw,34px) 0;
            margin:26px auto 0;text-align:left;max-width:700px;box-shadow:var(--shadow);overflow:hidden}
  .addition h3{font-size:1.15rem;margin:22px 0 4px}
  .addline{display:flex;justify-content:space-between;align-items:baseline;gap:18px;padding:15px 0;
           border-bottom:1px solid var(--line);font-size:1rem;font-weight:400;color:var(--mid)}
  .addline b{color:var(--ink);font-weight:800;font-size:1.12rem;white-space:nowrap}
    .addtotal{display:flex;justify-content:space-between;align-items:baseline;gap:18px;
            background:var(--mist);margin:0 calc(-1 * clamp(22px,4vw,34px));
            padding:20px clamp(22px,4vw,34px);font-size:1.1rem;font-weight:800}
  .addtotal .v{color:var(--blue-dark);font-size:1.4rem}
    .addreal{background:var(--dark);color:rgba(255,255,255,.82);
           margin:0 calc(-1 * clamp(22px,4vw,34px));padding:24px clamp(22px,4vw,34px);
           font-size:.94rem;font-weight:400}
  .addreal b{color:#fff;font-weight:800}

  
  .frise{list-style:none;padding:0;margin:0 auto 34px;display:grid;grid-template-columns:repeat(4,1fr);
         gap:0;max-width:960px;position:relative;text-align:left}
  .frise::before{content:"";position:absolute;left:10px;right:calc(25% - 10px);top:9px;height:2px;background:var(--bluesoft)}
  .frise li{position:relative;padding:32px 18px 0 0}
  .frise li::before{content:"";position:absolute;left:0;top:0;width:20px;height:20px;border-radius:50%;
                    background:#fff;border:2px solid var(--blue);box-sizing:border-box}
  .frise li.fin::before{background:var(--blue);box-shadow:0 0 0 6px rgba(13,13,12,.18)}
  .frise .fd{display:block;font-weight:800;font-size:1.05rem;letter-spacing:-.01em;line-height:1.2}
  .frise li.fin .fd{color:var(--blue-dark)}
  .frise .fl{display:block;margin-top:4px;font-size:.9rem;color:var(--mid)}
  @media(max-width:640px){
    .frise{grid-template-columns:1fr;gap:0;padding-left:0}
    .frise::before{left:9px;right:auto;top:10px;bottom:10px;width:2px;height:auto}
    .frise li{padding:0 0 22px 34px}
    .frise li:last-child{padding-bottom:0}
  }
  
  .detail-grille{max-width:820px;margin:-20px auto 44px;background:#fff;border-radius:var(--r-card);box-shadow:var(--shadow)}
  .detail-grille summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:14px;
                         padding:18px 24px;font-weight:800;font-size:1rem;min-height:56px}
  .detail-grille summary::-webkit-details-marker{display:none}
  .detail-grille summary i{width:32px;height:32px;border-radius:var(--r-pill);background:var(--lightblue);position:relative;flex:none;
                           transition:transform .25s var(--ease)}
  .detail-grille summary i::before,.detail-grille summary i::after{content:"";position:absolute;left:50%;top:50%;background:var(--blue-dark);
                           width:12px;height:2px;transform:translate(-50%,-50%);border-radius:2px}
  .detail-grille summary i::after{transform:translate(-50%,-50%) rotate(90deg)}
  .detail-grille[open] summary i{transform:rotate(45deg)}
  .detail-grille summary:focus-visible{outline:2px solid var(--blue);outline-offset:2px;border-radius:var(--r-card)}
  .detail-corps{padding:0 24px 24px;border-top:1px solid var(--line)}
  .detail-corps .sh{margin-top:24px}
  .detail-corps .sh[style]{margin-top:36px !important}
  @media(max-width:700px){.detail-corps{padding:0 14px 16px}}
  
  .addition.calc{max-width:820px;margin-top:0;margin-bottom:48px}
  .addition.calc .addline{display:grid;grid-template-columns:minmax(150px,.9fr) 2fr auto;align-items:center;gap:14px 18px}
  .al-t{font-weight:700;color:var(--ink);font-size:.95rem}
  .al-seg{flex-wrap:wrap;justify-self:start}
  .al-seg button{padding:8px 13px;font-size:.8rem;min-height:38px}
  .addition.calc .addline b{text-align:right;min-width:74px}
  .al-multi-l{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
  .al-nb button{padding:6px 11px;min-height:34px;font-size:.82rem}
  .al-nb{padding:2px}
  @media(max-width:700px){
    .addition.calc .addline{grid-template-columns:1fr auto}
    
    .addition.calc .addline .al-seg{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:4px;border-radius:18px}
    .al-seg button{white-space:normal;line-height:1.25;border-radius:14px;padding:9px 10px}
    .al-nb.al-seg{display:inline-flex;grid-template-columns:none}
    .al-nb button{border-radius:var(--r-pill)}
  }
  
  @keyframes tracerX{from{transform:scaleX(0)}}
  @keyframes tracerY{from{transform:scaleY(0)}}
  @keyframes pop{from{transform:scale(.2);opacity:0}}
  @keyframes monte{from{opacity:0;transform:translateY(30px)}}
  @media (prefers-reduced-motion:no-preference){
    @supports (animation-timeline:view()){
      .frise::before{transform-origin:left center;animation:tracerX linear both;animation-timeline:view();animation-range:entry 30% entry 130%}
      .frise li::before{animation:pop linear both;animation-timeline:view()}
      .frise li:nth-child(1)::before{animation-range:entry 30% entry 60%}
      .frise li:nth-child(2)::before{animation-range:entry 55% entry 85%}
      .frise li:nth-child(3)::before{animation-range:entry 80% entry 110%}
      .frise li:nth-child(4)::before{animation-range:entry 105% entry 135%}
      @media(max-width:640px){
        .frise::before{transform-origin:center top;animation-name:tracerY;animation-range:entry 10% exit 40%}
        .frise li:nth-child(1)::before{animation-range:entry 10% entry 40%}
        .frise li:nth-child(2)::before{animation-range:entry 40% entry 70%}
        .frise li:nth-child(3)::before{animation-range:entry 70% entry 100%}
        .frise li:nth-child(4)::before{animation-range:entry 100% cover 45%}
      }
      .step:not(:last-child)::after{transform-origin:left center;animation:tracerX linear both;animation-timeline:view();animation-range:entry 40% entry 120%}
      .step:nth-child(2)::after{animation-range:entry 60% entry 140%}
      .step:nth-child(3)::after{animation-range:entry 80% entry 160%}
      .step .no{animation:pop linear both;animation-timeline:view();animation-range:entry 20% entry 60%}
      .step:nth-child(2) .no{animation-range:entry 40% entry 80%}
      .step:nth-child(3) .no{animation-range:entry 60% entry 100%}
      .step:nth-child(4) .no{animation-range:entry 80% entry 120%}
      .missions .miss{animation:monte linear both;animation-timeline:view();animation-range:entry 0% entry 45%}
      .missions .miss:nth-child(2){animation-range:entry 8% entry 53%}
      .missions .miss:nth-child(3){animation-range:entry 16% entry 61%}
      .missions .miss:nth-child(4){animation-range:entry 24% entry 69%}
    }
  }
  
  .truths{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr));gap:20px;text-align:left}
  .truth{background:#fff;border-radius:var(--r-card);padding:26px 24px;box-shadow:var(--shadow)}
  .truth h3{font-size:1rem;margin-bottom:10px;line-height:1.3;color:var(--navy)}
  .truth p{font-size:.9rem;color:var(--mid);font-weight:500}
  .truthfoot{margin:24px auto 0;font-size:1rem;font-weight:700;text-align:left;max-width:80ch}

  
  .profil-grille{display:grid;grid-template-columns:1fr;gap:28px;align-items:start;margin-top:8px}
  @media(min-width:900px){.profil-grille{grid-template-columns:minmax(0,1.35fr) minmax(300px,1fr);gap:48px}}
  
  .checks{list-style:none;padding:0;margin:0;counter-reset:pt;text-align:left}
  .checks li{counter-increment:pt;position:relative;padding:18px 0 18px 58px;border-top:1px solid var(--line);
             font-size:1rem;font-weight:500;line-height:1.55}
  .checks li:last-child{border-bottom:1px solid var(--line)}
  .checks li::before{content:counter(pt);position:absolute;left:0;top:16px;width:38px;height:38px;border-radius:var(--r-pill);
                     background:var(--lightblue);color:var(--blue-dark);font-weight:800;font-size:.95rem;
                     display:flex;align-items:center;justify-content:center;font-variant-numeric:tabular-nums}
  .checks b{font-weight:800}
  .js-anim .tri li:not(.vu){opacity:0;transform:translateX(-16px)}
  .js-anim .tri li.vu{opacity:1;transform:none;transition:opacity .45s ease-out,transform .6s cubic-bezier(.16,1,.3,1)}
  .js-anim .tri li:nth-child(2).vu{transition-delay:.06s}.js-anim .tri li:nth-child(3).vu{transition-delay:.12s}
  .js-anim .tri li:nth-child(4).vu{transition-delay:.18s}.js-anim .tri li:nth-child(5).vu{transition-delay:.24s}
  
  .warnbox{margin:0;background:var(--dark);color:rgba(255,255,255,.86);border-radius:var(--r-card);
           padding:30px 30px 32px;text-align:left;font-size:1rem;font-weight:500;line-height:1.6;
           position:relative;overflow:hidden}
  .warnbox::before{content:"";position:absolute;right:-70px;top:-70px;width:220px;height:220px;border-radius:50%;
                   background:var(--violet);filter:blur(60px);opacity:.28;pointer-events:none}
  .warnbox b{font-weight:800;color:#fff}
  @media(min-width:900px){.warnbox{position:sticky;top:96px}}

  
  .steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(210px,100%),1fr));gap:20px;text-align:left}
  .step{background:#fff;border-radius:var(--r-card);padding:28px 26px;box-shadow:var(--shadow);position:relative}
  .step:not(:last-child)::after{content:"";position:absolute;top:46px;left:calc(26px + 36px);right:-20px;
                                height:2px;background:var(--bluesoft);pointer-events:none}
  @media(max-width:700px){.step::after{display:none}}
  .step .no{
    width:36px;height:36px;border-radius:var(--r-pill);background:var(--blue);color:#fff;
    display:flex;align-items:center;justify-content:center;font-weight:800;font-size:.95rem;margin-bottom:16px;
    position:relative;z-index:1;
  }
  .step h3{font-size:1.02rem;margin-bottom:10px;line-height:1.3}
  .step p{font-size:.9rem;color:var(--mid);font-weight:500}
  .step p b{color:var(--ink)}

  .backtoform{text-align:center;margin-top:36px}
  .btn{
    display:inline-block;background:var(--blue);color:#fff;text-decoration:none;font-weight:700;
    padding:17px 34px;border-radius:var(--r-pill);font-size:.92rem;letter-spacing:.01em;
    transition:background-color .25s var(--ease),transform .2s var(--ease);
  }
  .btn:hover{background:var(--blue-dark);transform:translateY(-1px)}
  .btn:active{transform:translateY(0)}

  
  .faq{text-align:left;max-width:820px;margin:0 auto;background:#fff;border-radius:var(--r-card);
       padding:8px clamp(20px,3vw,32px);box-shadow:var(--shadow)}
  .faq details{border-bottom:1px solid var(--line);padding:12px 0}
  .faq details:last-child{border-bottom:0}
  .faq summary{cursor:pointer;font-weight:800;font-size:1rem;list-style:none;display:flex;justify-content:space-between;gap:16px;align-items:center;min-height:44px;padding:2px 0}
  .faq summary::-webkit-details-marker{display:none}
  .faq summary::after{content:"+";color:var(--blue);font-weight:700;font-size:1.5rem;line-height:1;flex:none;
                      transition:transform .2s var(--ease)}
  .faq details[open] summary::after{transform:rotate(45deg)}
  .faq p{margin-top:12px;color:var(--mid);font-weight:500;font-size:1rem}

  
  .agency{background:var(--cream)}
  .experts{list-style:none;padding:0;margin:24px 0 0;text-align:left;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(210px,100%),1fr));gap:16px}
  .experts li{background:#fff;border-radius:var(--r-card);padding:22px;font-size:.9rem;font-weight:500;color:var(--mid);box-shadow:var(--shadow)}
  .experts li b{font-weight:800;display:block;color:var(--navy);margin-bottom:3px}
  .experts .ico{width:40px;height:40px;border-radius:var(--r-inner);margin-bottom:14px}
  .experts li.you{border-color:var(--blue);background:var(--lightblue)}

  
  .etape{display:none}
  .etape.active{display:block}
  .fq small{display:block;font-size:.86rem;font-weight:500;color:var(--mid);margin-top:8px;line-height:1.5}
  .sousq{font-size:.8rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--navy);margin:20px 0 9px}
  .aide{font-size:.85rem;font-weight:500;color:var(--mid);line-height:1.5;margin:-3px 0 11px}
  .aide b{color:var(--navy);font-weight:800}
  .etape > .sousq:first-of-type{margin-top:16px}
  .choix{display:flex;flex-direction:column;gap:10px;margin-top:4px}
  .choix label{
    display:flex;align-items:flex-start;gap:12px;padding:15px 17px;border:1.5px solid var(--line);
    border-radius:var(--r-inner);background:#fff;cursor:pointer;font-size:.97rem;font-weight:500;line-height:1.4;
    transition:border-color .2s var(--ease), background-color .2s var(--ease);
  }
  .choix label:hover{border-color:var(--bluesoft);background:var(--lightblue)}
  .choix input{margin:3px 0 0;accent-color:var(--blue);flex:none;width:17px;height:17px}
  .choix input:checked + span{font-weight:700}
  .choix label:has(input:checked){border-color:var(--blue);background:var(--lightblue)}
  .champ{display:flex;flex-direction:column;gap:6px;margin-top:14px}
  .champ label{font-size:.8rem;font-weight:700;color:var(--navy)}
  .champ input{
    width:100%;padding:14px 16px;border:1.5px solid var(--line);border-radius:var(--r-inner);background:#fff;
    font-family:inherit;font-size:1rem;font-weight:500;color:var(--ink);
    transition:border-color .2s var(--ease);
  }
  .champ input:focus,.choix label:focus-within{outline:3px solid var(--bluesoft);outline-offset:1px}
  .duo{display:grid;grid-template-columns:1fr 1fr;gap:12px}
  @media (max-width:520px){.duo{grid-template-columns:1fr}}
  .nav{display:flex;gap:12px;align-items:center;margin-top:20px}
  .retour{
    border:1.5px solid var(--line);background:#fff;color:var(--mid);cursor:pointer;font-family:inherit;
    font-weight:700;font-size:.9rem;padding:15px 22px;border-radius:var(--r-pill);flex:none;
    transition:border-color .2s var(--ease),color .2s var(--ease);
  }
  .retour:hover{border-color:var(--blue);color:var(--ink)}
  .fbtn{flex:1}
  .erreur{margin-top:12px;font-size:.87rem;font-weight:700;color:#C42C00}
  .erreur:empty{display:none}
  .rgpd{margin-top:18px;font-size:.82rem;font-weight:500;color:var(--mid);line-height:1.5}

  
  .videoexpl{background:var(--lightblue);border-radius:var(--r-inner);padding:22px 24px;margin:4px 0 18px}
  .videoexpl .videoh{margin:0 0 12px;font-size:.92rem;font-weight:800;color:var(--navy)}
  .minutage{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}
  .minutage li{display:flex;gap:12px;font-size:.9rem;font-weight:500;color:var(--navy);line-height:1.5}
  .minutage b{flex:none;width:74px;white-space:nowrap;font-weight:800;font-variant-numeric:tabular-nums}
  .minutage li span b{width:auto;display:inline}
  .videonote{margin-top:16px;font-size:.82rem;font-weight:500;color:var(--navy);opacity:.8;line-height:1.5}
  .outilsgratuits{margin-top:14px;font-size:.82rem;font-weight:500;color:var(--mid);line-height:1.55}

  
  .merci{text-align:center;padding:40px clamp(20px,4vw,40px)}
  .merci h3{font-size:1.4rem;margin-bottom:12px}
  .merci p{color:var(--mid);font-weight:500;max-width:34em;margin:0 auto}
  .coche{
    width:58px;height:58px;border-radius:var(--r-pill);background:var(--blue);color:#fff;display:flex;
    align-items:center;justify-content:center;margin:0 auto 20px;
  }

  
  .stickybar{
    position:fixed;left:0;right:0;bottom:0;z-index:60;background:#fff;
    border-top:1px solid var(--line);box-shadow:0 -10px 30px rgba(13,13,12,.10);
    transform:translateY(100%);transition:transform .25s var(--ease);
  }
  .stickybar.on{transform:translateY(0)}
  .stickybar .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:12px;padding-bottom:12px}
  .stickybar .txt{color:var(--ink);font-size:.94rem;font-weight:800;line-height:1.25}
  .stickybar .txt span{display:block;font-weight:400;font-size:.82rem;color:var(--mid)}
  .stickybar .btn{padding:12px 24px;font-size:.86rem;white-space:nowrap}
  @media (prefers-reduced-motion:reduce){.stickybar{transition:none}}
  @media (max-width:520px){
    .stickybar .txt span{display:none}
    .stickybar .txt{font-size:.84rem}
    .stickybar .btn{padding:12px 18px}
  }
  .ctaline{text-align:center;margin-top:34px}
  .ctaline .sub{display:block;margin-top:10px;font-size:.83rem;color:var(--mid);font-weight:500}

  @media (prefers-reduced-motion:reduce){
    .miss:hover,.chip:hover,.btn:hover,.fbtn:hover,.topbar .haut-cta:hover{transform:none}
  }
  footer .wrap{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}
  footer nav{display:flex;gap:20px}
  footer a:hover{color:#fff}

  @media (max-width:640px){
    .fmeta{flex-direction:column;align-items:flex-start}
    .fbar{max-width:none;width:100%}
    .addline,.addtotal{flex-direction:column;gap:2px}
    .addline b,.addtotal .v{align-self:flex-start}
  }

  
  .swipehint{display:none;margin-top:12px;font-size:.77rem;font-weight:700;color:var(--blue-dark);text-align:center}
  @media (max-width:700px){
    .swipe{
      display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;
      margin:0 calc(-1 * clamp(20px,4vw,44px));padding:0 clamp(20px,4vw,44px) 6px;
      -webkit-overflow-scrolling:touch;scrollbar-width:none;
    }
    .swipe::-webkit-scrollbar{display:none}
    .swipe > *{flex:0 0 78%;scroll-snap-align:start}
    .swipehint{display:block}
  }


  
  .cf-turnstile{margin:0 0 14px}
  
  .cf-turnstile:not(:has(iframe)){height:0;margin:0;overflow:hidden}
  footer .rgpd a{color:#fff;text-decoration:underline}

  
  .sem{background:#fff;border-radius:var(--r-card);padding:26px;text-align:left;box-shadow:var(--shadow)}
  .sem-top{display:grid;grid-template-columns:1fr minmax(268px,300px);gap:22px;align-items:start;margin-bottom:20px}
  .sem-ctrls{display:flex;flex-direction:column;gap:20px;min-width:0}
  .sem-field{display:flex;flex-wrap:wrap;gap:11px}
  .sem-lab{display:block;width:100%;font-size:.72rem;font-weight:700;letter-spacing:.16em;
           text-transform:uppercase;color:var(--blue-dark)}
  .sem-sl input:focus-visible{outline:2px solid var(--blue);outline-offset:2px}
  .sem-sliders{display:flex;flex-direction:column;gap:16px;width:100%}
  .sem-sl{display:flex;flex-direction:column;gap:8px}
  .sem-sl .t{display:flex;justify-content:space-between;align-items:baseline;gap:12px}
  .sem-sl .n{font-size:.88rem;font-weight:500;color:var(--mid)}
  .sem-sl .v{font-size:.88rem;font-weight:800;color:var(--ink);font-variant-numeric:tabular-nums}
  .sem-sl input[type=range]{width:100%;accent-color:var(--blue);height:22px;margin:0;cursor:pointer}
  .sem-pay{background:#fff;border:1px solid var(--bluesoft);border-radius:12px;padding:18px 20px;
           display:flex;flex-direction:column;gap:4px}
  .sem-big{font-size:2.4rem;font-weight:800;letter-spacing:-.03em;color:var(--blue);
           line-height:1.05;font-variant-numeric:tabular-nums;margin-top:6px}
  .sem-big small{font-size:.95rem;font-weight:700;color:var(--mid);letter-spacing:0}
  .sem-row{display:flex;justify-content:space-between;gap:14px;font-size:.82rem;font-weight:500;
           color:var(--mid);padding-top:10px;margin-top:8px;border-top:1px solid var(--line)}
  .sem-row b{color:var(--ink);font-weight:800;font-variant-numeric:tabular-nums;white-space:nowrap}
  .sem-note{margin:12px 0 0;font-size:.82rem;font-weight:500;color:var(--mid);line-height:1.5}
  .sem-note a{color:var(--blue-dark);font-weight:700}
  .sem-scroll{overflow-x:auto;background:#fff;border:1px solid var(--line);border-radius:12px;
              -webkit-overflow-scrolling:touch}
  .sem-cal{min-width:700px}
  .sem-head{display:grid;grid-template-columns:48px repeat(5,1fr);border-bottom:1px solid var(--line)}
  .sem-head .g{border-right:1px solid var(--line)}
  .sem-head .d{padding:11px 6px;text-align:center;border-right:1px solid var(--line);
               font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--mid)}
  .sem-head .d:last-child{border-right:0}
  .sem-body{display:grid;grid-template-columns:48px repeat(5,1fr)}
  .sem-gut{display:grid;grid-template-rows:repeat(36,15px);border-right:1px solid var(--line)}
  .sem-gut span{font-size:.62rem;font-weight:700;color:var(--mid);opacity:.7;text-align:right;
                padding-right:7px;transform:translateY(-6px);font-variant-numeric:tabular-nums}
  .sem-day{display:grid;grid-template-rows:repeat(36,15px);border-right:1px solid var(--line);position:relative}
  .sem-day:last-child{border-right:0}
  .sem-day::before{content:"";position:absolute;inset:0;pointer-events:none;
    background:repeating-linear-gradient(to bottom,transparent 0 59px,var(--line) 59px 60px)}
  .sem-ev{margin:1px 3px;border-radius:8px;padding:6px 8px 6px 10px;position:relative;overflow:hidden;
          display:flex;flex-direction:column;gap:2px;min-width:0}
  .sem-ev::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--r)}
  .sem-ev .h3x{font-size:.76rem;font-weight:800;line-height:1.25;color:var(--navy)}
  .sem-ev .hh{font-size:.66rem;font-weight:700;color:var(--mid);font-variant-numeric:tabular-nums}
  .sem-ev.call{background:#CCCCC4;--r:var(--blue)}
  .sem-ev.rep{background:#E6E6E0;--r:#6E6E68}
  .sem-ev.open{background:#E6E6E0;--r:var(--navy)}
  .sem-ev.close{background:var(--navy);--r:var(--blue)}
  .sem-ev.close .h3x{color:#fff}
  .sem-ev.mini{padding:3px 6px 3px 9px;justify-content:center}
  .sem-ev.mini .h3x{font-size:.72rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .sem-ev.lunch{background:transparent;justify-content:center}
  .sem-ev.lunch::before{display:none}
  .sem-ev.lunch .h3x{color:var(--mid);opacity:.6;font-weight:700;text-align:center;font-size:.7rem}
  .sem-leg{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(390px,100%),1fr));gap:16px 26px;
           margin-top:18px;padding-top:18px;border-top:1px solid var(--line)}
  .sem-li{display:flex;gap:10px;align-items:flex-start}
  .sem-li .sw{flex:none;width:15px;height:15px;border-radius:5px;margin-top:2px;position:relative}
  .sem-li .sw::after{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;
                     border-radius:5px 0 0 5px;background:var(--r)}
  .sem-li .sw.call{background:#CCCCC4;--r:var(--blue)}
  .sem-li .sw.rep{background:#E6E6E0;--r:#6E6E68}
  .sem-li .sw.open{background:#E6E6E0;--r:var(--navy)}
  .sem-li .sw.close{background:var(--navy);--r:var(--blue)}
  .sem-li .tx{font-size:.9rem;font-weight:400;color:var(--mid);line-height:1.5}
  .sem-li .tx b{display:block;color:var(--ink);font-weight:800;font-size:.95rem;margin-bottom:3px}
  @media(max-width:820px){ .sem-top{grid-template-columns:1fr} }
  
  @media(min-width:1000px){
    .sem-scene{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,1fr);gap:34px;align-items:start}
    .sem-scene .sem-scroll{position:sticky;top:92px;overflow:hidden}
    .sem-scene .sem-cal{min-width:0}
    .sem-scene .sem-leg{display:block;margin-top:0;padding-top:0;border-top:0;position:relative}
    
    .sem-scene .sem-leg::before{content:"";position:absolute;left:7px;top:34px;bottom:40px;width:1px;background:var(--line)}
    .sem-scene .sem-li{display:grid;grid-template-columns:15px 1fr;gap:12px;align-content:start;
                       min-height:clamp(210px,28vh,290px);padding:22px 0 0;transition:opacity .25s ease-out}
    .sem-scene .sem-li .sw{position:relative;z-index:1;box-shadow:0 0 0 4px #fff}
    .sem-scene .sem-li:last-child{min-height:0;padding-bottom:8px}
    .sem-scene .sem-li .tx{font-size:.98rem;line-height:1.55}
    .sem-scene .sem-li .tx b{font-size:1.08rem;margin-bottom:6px}
    .sem[data-focus] .sem-li:not(.on){opacity:.38}
    .sem-ev{transition:opacity .25s ease-out}
    .sem[data-focus="open"] .sem-ev:not(.open),.sem[data-focus="call"] .sem-ev:not(.call),
    .sem[data-focus="rep"] .sem-ev:not(.rep),.sem[data-focus="close"] .sem-ev:not(.close){opacity:.22}
  }
  @media(max-width:700px){ .sem{padding:18px} }
  
  
  .sem-jours.seg{display:none;margin:0 0 12px;width:100%}
  .sem-jours button{flex:1;padding:10px 6px;min-height:44px}
  @media(max-width:820px){
    .sem-jours.seg{display:inline-flex}
    .sem-cal{min-width:0}
    .sem-head,.sem-body{grid-template-columns:48px 1fr}
    .sem-head .d,.sem-day{display:none}
    .sem-head .d.on{display:block;border-right:0}
    .sem-day.on{display:grid;border-right:0}
  }
  @media(max-width:520px){
    .sem-sl input[type=range]{height:44px}
    .sem-big{font-size:2.1rem}
  }

  
  h2.title .hl{background:var(--violet);border-radius:var(--r-pill);padding:.02em .28em;
               -webkit-box-decoration-break:clone;box-decoration-break:clone}

  

  
  .grille-bonus{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(290px,100%),1fr));gap:18px}
  .grille-extra{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(320px,100%),1fr));gap:18px;align-items:start}
  .bcarte{background:#fff;border-radius:var(--r-card);padding:24px 24px 22px;box-shadow:var(--shadow);
          display:flex;flex-direction:column;gap:12px;text-align:left}
  .bcarte.extra{background:var(--mist);box-shadow:none;border:1.5px dashed var(--bluesoft)}
  .bhaut{display:flex;justify-content:space-between;align-items:baseline;gap:14px;flex-wrap:wrap}
  .bnom{font-size:1.02rem;font-weight:800;letter-spacing:-.01em;color:var(--ink)}
  .bval{font-size:1.5rem;font-weight:800;letter-spacing:-.03em;color:var(--blue-dark);
        white-space:nowrap;font-variant-numeric:tabular-nums}
  .bval .ou{font-size:.82rem;font-weight:500;color:var(--mid);letter-spacing:0}
  .bdesc{font-size:.9rem;font-weight:400;color:var(--mid);line-height:1.55;margin:0}
  .bdesc b{color:var(--ink);font-weight:700}
  .paliers{display:flex;flex-direction:column;gap:0;border-top:1px solid var(--line)}
  .pal{display:flex;justify-content:space-between;align-items:baseline;gap:12px;
       padding:11px 0;border-bottom:1px solid var(--line);font-size:.9rem;color:var(--mid)}
  .pal:last-child{border-bottom:0}
  .pal b{color:var(--ink);font-weight:800;white-space:nowrap;font-variant-numeric:tabular-nums}
  .btag{align-self:flex-start;margin-top:auto;font-size:.75rem;font-weight:700;letter-spacing:.04em;
        text-transform:uppercase;color:var(--blue-dark);background:var(--lightblue);
        border-radius:var(--r-pill);padding:6px 13px}
  .btag.alerte{color:#55554F;background:var(--sand)}
  
  .exemple{background:#fff;border-radius:var(--r-inner);padding:14px 16px}
  .exl{display:block;font-size:.7rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;
       color:var(--mid);margin-bottom:8px}
  .exligne{display:flex;justify-content:space-between;align-items:baseline;gap:12px;
           padding:6px 0;font-size:.9rem;color:var(--mid)}
  .exligne b{color:var(--ink);font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}
  .exligne.calc{border-top:1px solid var(--line);margin-top:4px;padding-top:9px}
  .exligne.total{border-top:2px solid var(--ink);margin-top:4px;padding-top:10px;font-weight:700;color:var(--ink)}
  .exligne.total b{color:var(--blue-dark);font-size:1.15rem;font-weight:800}

  
  .cnx{margin-top:44px;padding-top:0;border-top:0;text-align:left}
  .cnx-titre{font-size:1.15rem;margin-bottom:8px}
  .cnx-sous{font-size:.9rem;font-weight:400;color:var(--mid);line-height:1.55;margin:0;max-width:70ch}
  .cnx-tete{max-width:70ch}
  .cnx-grille{display:grid;grid-template-columns:repeat(2,1fr);gap:0;margin-top:20px;
              background:var(--cream);border-radius:var(--r-card);padding:10px}
  @media(min-width:760px){.cnx-grille{grid-template-columns:repeat(4,1fr)}}
  .cnx-grille .cnx-item:not(:first-child){border-left:1px solid var(--line)}
  @media(max-width:759px){.cnx-grille .cnx-item:nth-child(3){border-left:0}.cnx-grille .cnx-item:nth-child(n+3){border-top:1px solid var(--line)}}
  .cnx-item{padding:14px 18px}
  .cnx-item b{display:block;font-size:1.1rem;font-weight:800;color:var(--ink);
              letter-spacing:-.02em;margin-bottom:5px}
  .cnx-item span{font-size:.9rem;font-weight:400;color:var(--mid);line-height:1.5}
  .cnx-note{margin-top:16px;font-size:.9rem;font-weight:400;color:var(--mid);line-height:1.55;max-width:80ch}
  .cnx-note b{color:var(--ink);font-weight:700}


.planis{max-width:900px;margin:0 auto;background:#fff;border-radius:var(--r-card);
        box-shadow:var(--shadow);padding:22px clamp(18px,3vw,26px) 20px;text-align:left}
.planis-tete{display:flex;align-items:center;justify-content:space-between;gap:18px;
             flex-wrap:wrap;margin-bottom:16px}
.planis-quand{font-size:.82rem;font-weight:500;color:var(--mid);max-width:34ch}
.planis-quand b{color:var(--ink);font-weight:700}
.seg{display:inline-flex;background:var(--cream);border:1px solid var(--line);
     border-radius:var(--r-pill);padding:3px;gap:2px;flex:none}
.seg button{appearance:none;font:inherit;font-size:.84rem;font-weight:700;cursor:pointer;
  border:0;background:transparent;color:var(--mid);padding:9px 18px;border-radius:var(--r-pill)}
.seg button:hover{color:var(--ink)}
.seg button[aria-pressed="true"]{background:var(--blue);color:#fff}
.seg button:focus-visible{outline:2px solid var(--blue);outline-offset:2px}

.planis-svg{display:block;width:100%;height:auto;border-radius:var(--r-inner);
            background:var(--cream);overflow:hidden}
.terre-hors{fill:#E6E6E0}
.terre-dedans{fill:var(--bluesoft)}
.bande-fond{fill:rgba(13,13,12,.07)}
.bande-bord{stroke:var(--blue);stroke-width:1.4;stroke-dasharray:5 5;fill:none;opacity:.6}
.glisse{transition:transform .5s var(--ease)}
.js-anim .planis:not(.vu) .bande-fond,.js-anim .planis:not(.vu) #bandeH,.js-anim .planis:not(.vu) #reperes,
.js-anim .planis:not(.vu) g[clip-path]{opacity:0}
.planis.vu .bande-fond,.planis.vu #bandeH,.planis.vu #reperes,.planis.vu g[clip-path]{opacity:1;transition:opacity .9s ease-out}
.planis.vu g[clip-path]{transition-delay:.15s}.planis.vu #bandeH{transition-delay:.35s}.planis.vu #reperes{transition-delay:.55s}
.rep-pt{fill:var(--blue-dark)}
.rep-pt.hors{fill:#8A8A82}
.rep-nom{font:700 8.5px "Archivo",system-ui,sans-serif;fill:var(--ink)}
.rep-nom.hors{fill:#6E6E68}
.rep-paris circle{fill:var(--blue)}
.rep-paris text{font-weight:800}
.heure-bord{font:800 10px "Archivo",system-ui,sans-serif;fill:var(--blue-dark)}
.heure-bord.r{text-anchor:end}
.heure-quand{font:500 8px "Archivo",system-ui,sans-serif;fill:var(--blue-dark);
             text-anchor:middle;opacity:.85}
@media (prefers-reduced-motion:reduce){.glisse{transition:none}}

.planis-leg{display:flex;flex-wrap:wrap;gap:8px 22px;margin-top:16px;padding-top:15px;
            border-top:1px solid var(--line)}
.cl{display:flex;align-items:center;gap:8px;font-size:.82rem;font-weight:500;color:var(--mid)}
.pt{width:13px;height:13px;border-radius:var(--r-pill);flex:none;display:inline-block}
.pt.dedans{background:var(--bluesoft)}
.pt.hors{background:#E6E6E0}
.planis-note{margin-top:14px;font-size:.9rem;font-weight:400;color:var(--mid);line-height:1.55;max-width:80ch}
.planis-note b{color:var(--ink);font-weight:700}
@media(max-width:700px){
  .planis{padding:16px 14px 16px}
  .planis-tete{flex-direction:column;align-items:stretch}
  .seg button{flex:1;padding:9px 10px}
  
  .rep-nom{display:none}
  .heure-bord{font-size:16px}
  .heure-quand{font-size:12px}
}

  
  .head-photo{display:grid;grid-template-columns:1.25fr 1fr;gap:clamp(24px,5vw,64px);align-items:center;text-align:left;margin-bottom:36px}
  .head-photo .head-txt h2.title,.head-photo .head-txt .lede{margin-left:0;margin-right:0}
  .head-photo .lede{margin-bottom:0}
  .photo{display:block;width:100%;height:auto;object-fit:cover;aspect-ratio:4/3;border-radius:var(--r-card);
         box-shadow:var(--shadow-lift);background:var(--lightblue);transform:rotate(1.5deg);
         transition:transform .25s var(--ease),box-shadow .25s var(--ease)}
  .photo--l{transform:rotate(-1.5deg)}
  .head-photo:hover .photo{transform:rotate(0) translateY(-3px)}
  .photo--wide{aspect-ratio:16/9;max-width:900px;margin:0 auto 36px;transform:rotate(-1deg)}
  .photo--wide:hover{transform:rotate(0) translateY(-3px)}
  @media(max-width:760px){
    .head-photo{grid-template-columns:1fr;text-align:center;gap:24px}
    .head-photo .head-txt h2.title,.head-photo .head-txt .lede{margin-left:auto;margin-right:auto}
    .head-photo .photo{max-width:420px;margin:0 auto}
  }
  @media(prefers-reduced-motion:reduce){.photo,.head-photo:hover .photo,.photo--wide:hover{transition:none;transform:none}}

/* ---- formes de deslus ---- */
/* Les formes de deslus.com à la place de celles d'EraB2B, sur les pages reprises de jobs.erab2b.com.
   Une DA change tout : police, graisses, rayons, ombres, étiquettes, boutons, pastilles, fonds.
   Ni pastille penchée, ni autocollant, ni surlignage rose, ni halo bleu ou violet, ni bloc sombre. Un seul vermillon par écran. */
body{background:#fff;color:#0D0D0C;font-family:"Archivo","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:16px;line-height:1.55}
h1,h2,h3{color:#0D0D0C;text-wrap:balance}
main .mark,h1 .mark{background:none!important;box-shadow:none!important;padding:0!important;border-radius:0!important;transform:none!important;color:inherit;font-weight:inherit}
.hd .mark{background:none;box-shadow:none;padding:0;border-radius:0}
.hero{position:relative;background:#fff;overflow:hidden}
.hero::before,.hero::after,.scene::before,.warnbox::before{display:none!important;animation:none!important}
.hero .wrap{position:relative;z-index:1}
.hero h1{font-weight:800;letter-spacing:-.045em;line-height:1.02;font-size:clamp(30px,4.6vw,58px)}
h2.title,.sec-head h2,.txt h2,.clauses-head h2{font-weight:700;letter-spacing:-.036em;line-height:1.08}
h3{letter-spacing:-.022em;font-weight:700}
.hl,.hero h1 .hl,h2.title .hl{background:none!important;padding:0!important;border-radius:0!important;color:inherit;white-space:normal}
.kicker{font-size:12.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-3)}
.lede,.hero .sub{color:var(--ink-2)}
.tilt-l,.tilt-r,.tilt-l4,.tilt-r4,.tilt-r1,html.js .toc.in .tilt-l,html.js .toc.in .tilt-r,html.js .toc.in .tilt-r1{transform:none!important}
.stk,.ico.sticker{display:none!important}

/* étiquettes et pastilles : celles de deslus */
.pill{display:inline-flex;align-items:center;gap:7px;height:33px;padding:0 14px;border-radius:99px;border:1px solid var(--rule);background:#fff!important;color:var(--ink-2);font-size:13px;font-weight:500;letter-spacing:0;box-shadow:none;transform:none!important}
.pill b{color:#0D0D0C;font-weight:600}
.pill em{color:var(--ink-3)}
.chips .chip,.chip{transform:none!important;background:#fff!important;box-shadow:none!important;border:1px solid var(--rule);border-radius:99px;padding:7px 13px;font-size:13px;font-weight:500;color:var(--ink-2)}
.chip svg{color:#0D0D0C}
.badge{border-radius:6px;font-size:12px;font-weight:500;padding:4px 8px;background:var(--panel);color:var(--ink-2)}
.badge--live{background:#fff;border:1px solid var(--rule);color:var(--accent-text);font-weight:600}
.badge--live::before{background:var(--accent);border-radius:2px;width:7px;height:7px}
.repere,.btag,.etp-argent{display:inline-block;border:1px solid var(--rule);border-radius:6px;padding:2px 7px;font-size:12px;font-weight:500;color:var(--ink-2);background:#fff;letter-spacing:0;text-transform:none}
.btag.alerte{color:#0D0D0C;font-weight:600;border-color:var(--rule-strong);background:var(--panel)}

/* boutons : ceux de deslus (rayon 9 px, encre pleine ou filet) */
main .btn,.stickybar .btn,.fbtn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 18px;border-radius:9px;border:1px solid #0D0D0C;background:#0D0D0C;color:#fff;font-size:14.5px;font-weight:600;letter-spacing:-.01em;box-shadow:none;transform:none;text-decoration:none}
main .btn:hover,.stickybar .btn:hover,.fbtn:hover{background:#2C2C28;border-color:#2C2C28;transform:none}
main .btn--ghost,main .btn--light{background:#fff;color:#0D0D0C;border-color:var(--rule-strong);box-shadow:none}
main .btn--ghost:hover,main .btn--light:hover{background:var(--panel);color:#0D0D0C;border-color:#0D0D0C}
main .btn--sm{min-height:35px;font-size:13.5px;padding:0 15px}
.fbtn{width:100%;min-height:48px;font-size:15px}
.retour{border-radius:9px;border:1px solid var(--rule-strong);min-height:48px;padding:0 18px;font-weight:600;color:#0D0D0C}
.retour:hover{border-color:#0D0D0C}

/* le formulaire */
.formcard{border-radius:20px;border:1px solid var(--rule-strong);box-shadow:0 24px 60px -44px rgba(13,13,12,.35)}
.fmeta{background:var(--panel);border-bottom-color:var(--rule)}
.fstep{color:var(--ink-3);letter-spacing:.06em}
.fq{font-weight:700;letter-spacing:-.025em}
.fq small{color:var(--ink-2);font-weight:400}
.choix label{border:1px solid var(--rule);border-radius:12px;font-weight:500}
.choix label:hover{border-color:var(--rule-strong);background:var(--paper-2)}
.choix label:has(input:checked){border-color:#0D0D0C;background:var(--panel)}
.choix input{accent-color:#0D0D0C}
.choix input:checked + span{font-weight:600}
.choix label:focus-within{outline:2px solid var(--accent);outline-offset:1px}
.champ input,.champ textarea,.champ select{border:1px solid var(--rule-strong)!important;border-radius:12px!important;font-family:inherit}
.champ input:focus{border-color:#0D0D0C!important;outline:none;box-shadow:none}
input[type=range]{accent-color:#0D0D0C}
.merci .coche{background:var(--panel)!important;color:#0D0D0C!important}
.maquette-note{margin-top:14px;font-size:13px;color:var(--ink-3)}

/* chiffres, cartes, encadrés */
.fig .n,.cond .s,.kv b,.jr-total,.sem-big,.addtotal .v,.bval{font-weight:800;letter-spacing:-.05em}
.fig .n em{color:var(--ink-3)}
.ico{background:var(--panel)!important;border:1px solid var(--rule);color:#0D0D0C!important;border-radius:11px}
.miss,.truth,.cond,.bcarte,.exc,.step,.etp-carte,.cnx,.addition,.calc,.jr,.sem,.sem-pay,.card,.seat,.notif,.tray .tool,.detail-grille,.planis{box-shadow:none!important;border-color:var(--rule)}
.miss,.truth,.bcarte,.exc,.step,.etp-carte,.notif,.seat{border:1px solid var(--rule);border-radius:13px}
.card,.addition,.jr,.sem,.planis,.cnx{border:1px solid var(--rule);border-radius:20px}
.sc{transform:none!important;box-shadow:0 2px 6px -3px rgba(13,13,12,.22)!important;border:1px solid var(--rule);border-radius:13px}
.photo,.photo--l,.photo--wide,.photo--full,.photo--job{transform:none!important;box-shadow:none!important;border-radius:20px;border:1px solid var(--rule)}
.photo--job{border-radius:13px}
.checks li::before{background:var(--panel-2);color:#0D0D0C;border-radius:9px;font-weight:700}
.warnbox,.warnbox.sombre{background:var(--panel)!important;color:var(--ink-2)!important;border:1px solid var(--rule-strong);border-radius:20px}
.warnbox b{color:#0D0D0C;font-weight:700}
.addreal,.jr-vrai{background:var(--panel)!important;color:var(--ink-2)!important}
.addreal b,.jr-vrai b{color:#0D0D0C!important;font-weight:700}
.exemple{background:var(--panel)}
.seg{background:#fff;border-color:var(--rule)}
.opt{border-width:1px}
.opt:hover{border-color:#0D0D0C}
.faq summary::after{color:#0D0D0C}
.no{border-radius:9px!important;background:var(--panel-2)!important;color:#0D0D0C!important;font-weight:700}
.experts li.you,.seat--you{border-color:#0D0D0C!important;box-shadow:0 0 0 1px #0D0D0C!important}
.seat--you .you{background:#0D0D0C;color:#fff;transform:none;border-radius:6px;font-size:12px;font-weight:600;padding:5px 8px;box-shadow:none}
.seat--client{background:#0D0D0C;border-color:#0D0D0C}
.job .spec li::before{background:#0D0D0C;border-radius:2px}
.swipehint{color:var(--ink-3)}

/* la frise du paiement : les nœuds carrés de la chaîne de deslus ; le dernier, le paiement, en vermillon */
.frise::before{height:1px!important;top:5px!important;background:var(--rule-strong)!important}
.frise li::before{width:11px!important;height:11px!important;border-radius:3px!important;border:0!important;background:#0D0D0C!important;box-shadow:0 0 0 5px #fff!important}
.frise li.fin::before{background:var(--accent)!important}

/* la semaine du setter */
.sem-ev.call,.sw.call{background:#0D0D0C;--r:var(--accent)}
.sem-ev.call .h3x{color:#fff}
.sem-ev.call .hh{color:#CCCCC4}
.sem-ev.rep,.sw.rep{background:var(--panel);--r:#6E6E68}
.sem-ev.open,.sw.open{background:#fff;--r:#CCCCC4;box-shadow:inset 0 0 0 1px var(--rule)}
.sem-ev.close,.sw.close{background:#55554F;--r:#0D0D0C}
.sem-ev .h3x{font-weight:700}

/* le parcours du growth outbound */
.parc::before{width:1px!important;background:var(--rule-strong)!important}
.etp-no{border-radius:9px!important;background:#0D0D0C!important;font-weight:700!important}
.vf-qui{border-radius:6px;font-weight:700;letter-spacing:.04em}
.l-vous{--c:#fff;--t:#0D0D0C}
.l-louis{--c:#0D0D0C;--t:#EDEDE9}
.l-setter{--c:#0D0D0C;--t:#F4F4F1}
.l-client{--c:#55554F;--t:#fff}
.l-client.vf-qui,.vf-qui.l-client{box-shadow:inset 0 0 0 1px var(--rule-strong)}
.jr-s.base{background:#0D0D0C}
.jr-s.lanc{background:#6E6E68}
.jr-s.rdv{background:var(--accent);color:#0D0D0C}
.jr-s.contacts{background:#A3A39B;color:#0D0D0C}
.jr-s.invit{background:#CCCCC4;color:#0D0D0C}
.jr-s.fid{background:#55554F}

/* la page des postes : les sièges, les clauses, les bandes */
.band--dark{background:var(--panel)!important;color:#0D0D0C!important}
.band--dark h2,.band--dark .txt p.strong,.band--dark .txt p strong{color:#0D0D0C!important}
.band--dark .txt p{color:var(--ink-2)!important}
.band--dark .facts-line .pill{background:#fff!important;color:var(--ink-2)!important;border:1px solid var(--rule)}
.ord{color:var(--ink-3)!important}
.card--lift:hover{transform:translateY(-2px)!important;border-color:var(--rule-strong)}
.tray .tool{border:1px solid var(--rule);border-radius:12px}
.tool--page .mark{font-weight:600!important}

/* barre collante en bas */
.stickybar{background:color-mix(in srgb,#fff 90%,transparent)!important;backdrop-filter:blur(10px);border-top:1px solid var(--rule)!important;box-shadow:none!important;color:#0D0D0C!important}
.stickybar .txt{color:#0D0D0C!important}
.stickybar .txt span{color:var(--ink-3)!important}
.stickybar .btn{min-height:38px;font-size:13.5px}

/* la carte des fuseaux : les terres dans la fenêtre en encre, le reste en gris clair, les bords de la fenêtre en vermillon */
.terre-dedans{fill:#55554F}
.terre-hors{fill:#E6E6E0}
.bande-fond{fill:rgba(255,59,0,.05)}
.bande-bord{stroke:var(--accent);opacity:.9}
.heure-bord{fill:var(--accent-text)}
.rep-pt{fill:#0D0D0C}
.rep-paris circle{fill:var(--accent)}
.pt.dedans{background:#55554F}
.pt.hors{background:#E6E6E0}
.cnx{background:#fff}

/* la page des postes : numéros de clauses en pastille, notifications droites, la mention « écrit sur sa page » */
.band h2 .ord{display:flex!important;width:28px;height:28px;align-items:center;justify-content:center;border-radius:7px;background:var(--panel-2);color:var(--ink-2)!important;font-size:13px!important;font-weight:700;margin-bottom:14px;letter-spacing:0;line-height:1}
.notif,.notif--paid,.notif--sent,html.js .rv.in .notif--paid{transform:none!important}
.tool.tool--page{background:#fff!important;color:#0D0D0C!important;border:1px dashed var(--rule-strong)}
.tool.tool--page .mark{color:var(--ink-3)!important}
footer.pied .mark{background:none!important;padding:0!important;box-shadow:none!important;border-radius:0!important;transform:none!important;white-space:nowrap}

/* lisibilité : rien sous 11,5 px (les heures de la semaine, les étiquettes du parcours) */
.sem-gut span{font-size:11.5px}
.sem-ev .hh{font-size:11.5px}
.sem-ev.lunch .h3x,.offre .lab,.exemple .exl{font-size:11.5px}
.vf-qui{font-size:11.5px}

.jr-s{font-size:11.5px}
/* ---- sélecteur de langue (20/10/2026) ---- */
.langues{display:flex;gap:2px;align-items:center;margin-right:6px}
.langues a{font-size:12.5px;font-weight:600;color:var(--ink-3);padding:6px 7px;border-radius:7px;text-decoration:none;min-width:30px;text-align:center}
.langues a:hover{color:var(--ink);background:var(--panel)}
.langues a[aria-current="true"]{color:var(--ink);background:var(--panel)}
@media (max-width:720px){.langues a{padding:6px 5px;min-width:26px}}