Aides à la numérisation Dispositifs, méthode et interlocuteurs

:root { –nd-blue:#1E3A8A;–nd-blue-light:#2d4da0;–nd-orange:#F59816;–nd-orange-light:#f7ab3a;–nd-orange-pale:#fef7e8;–nd-dark:#0d1b2e;–nd-gray-bg:#f5f7fa;–nd-gray-line:#e2e8f0;–nd-text:#1F1F1F;–nd-text-light:#475569;–nd-white:#ffffff;–nd-teal:#3B82F6;–nd-teal-pale:#eff6ff;–nd-font:’Inter’,sans-serif;–nd-radius:8px;–nd-shadow:0 4px 20px rgba(0,0,0,.08);–nd-shadow-md:0 8px 32px rgba(0,0,0,.12); } /* ── FIX : empêche le décalage horizontal causé par 100vw + scrollbar ── */ .nd-wrap { overflow-x: hidden; } .nd-hero{background:linear-gradient(135deg,#0a1628 0%,#0d1b2e 50%,#152640 100%);color:var(–nd-white);padding:72px 24px 60px;text-align:center;width:100vw;margin-left:50%;transform:translateX(-50%);position:relative;left:0} .nd-hero__meta{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:10px;margin-bottom:24px;font-size:.75rem;color:#94A3B8;font-family:var(–nd-font)} .nd-hero__meta span{display:inline-flex;align-items:center;gap:5px} .nd-hero__sep{color:#475569} .nd-hero__badges{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin-bottom:24px} .nd-hero__badge{display:inline-flex;align-items:center;gap:6px;background:rgba(245,152,22,.12);color:var(–nd-orange);border:1px solid rgba(245,152,22,.28);font-family:var(–nd-font);font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:5px 14px;border-radius:50px} .nd-hero__badge::before{content: »;width:6px;height:6px;background:var(–nd-orange);border-radius:50%;flex-shrink:0} .nd-hero__audio{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-bottom:36px} .nd-hero h1{font-size:clamp(2rem,5vw,3rem);font-weight:800;line-height:1.15;margin-bottom:20px;max-width:750px;margin-inline:auto;font-family:var(–nd-font)} .nd-hero h1 em{font-style:normal;color:var(–nd-orange)} .nd-hero__subtitle{font-size:1.05rem;color:rgba(255,255,255,.75);max-width:560px;margin:0 auto 36px;line-height:1.65;font-family:var(–nd-font)} […]