/* =====================================================================
   RELAIS · thème QuietCMS de www.entreprisetransport.fr
   Entreprise Transport · Cession et reprise (édité par Facem Web)
   Palette : encre #122C3A · ivoire #F6F3EC · pétrole #2D756F · ambre #E5AD53
   Polices auto-hébergées (OFL) : Manrope (titres), Source Sans 3 (texte)
   ===================================================================== */
@font-face{font-family:"Manrope";font-style:normal;font-weight:700;font-display:swap;src:url(fonts/manrope-latin-700-normal.woff2) format("woff2")}
@font-face{font-family:"Manrope";font-style:normal;font-weight:800;font-display:swap;src:url(fonts/manrope-latin-800-normal.woff2) format("woff2")}
@font-face{font-family:"Source Sans 3";font-style:normal;font-weight:400;font-display:swap;src:url(fonts/source-sans-3-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:"Source Sans 3";font-style:italic;font-weight:400;font-display:swap;src:url(fonts/source-sans-3-latin-400-italic.woff2) format("woff2")}
@font-face{font-family:"Source Sans 3";font-style:normal;font-weight:600;font-display:swap;src:url(fonts/source-sans-3-latin-600-normal.woff2) format("woff2")}
@font-face{font-family:"Source Sans 3";font-style:normal;font-weight:700;font-display:swap;src:url(fonts/source-sans-3-latin-700-normal.woff2) format("woff2")}

:root{
  --ink:#122C3A;--ink-2:#1B3B4C;--ink-3:#2A4B5C;
  --paper:#F6F3EC;--paper-2:#EFEADF;--surface:#FFFFFF;
  --primary:#2D756F;--primary-d:#225C57;--primary-l:#DCEBE8;
  --accent:#E5AD53;--accent-d:#C98F33;--accent-l:#F8E9CC;
  --muted:#52646B;--line:#DCE2DD;--danger:#A8321F;--danger-l:#FBEAE6;--ok:#1F6B4A;--ok-l:#E3F1EA;
  --font-head:"Manrope",Arial,sans-serif;--font-body:"Source Sans 3",Arial,sans-serif;
  --wrap:1200px;--prose:760px;--r:16px;--r-lg:20px;--r-sm:12px;
  --shadow:0 1px 2px rgba(18,44,58,.06),0 8px 24px rgba(18,44,58,.07);
  --shadow-lg:0 2px 4px rgba(18,44,58,.06),0 18px 48px rgba(18,44,58,.12);
  --hh:76px;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:calc(var(--hh) + 20px)}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font-body);font-size:18px;line-height:1.6;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
img,svg{max-width:100%}
img{height:auto;display:block}
a{color:var(--primary-d)}
a:hover{color:var(--ink)}
:focus-visible{outline:3px solid var(--primary);outline-offset:3px;border-radius:6px}
h1,h2,h3,h4{font-family:var(--font-head);color:var(--ink);line-height:1.18;letter-spacing:-.015em;margin:0}
.et-wrap{max-width:var(--wrap);margin:0 auto;padding:0 24px}
.et-skip{position:absolute;left:12px;top:-60px;z-index:200;background:var(--ink);color:#fff;padding:10px 16px;border-radius:10px;font-weight:700;text-decoration:none}
.et-skip:focus{top:12px;color:#fff}
.et-nolink{color:inherit}

/* ---------- Boutons ---------- */
.et-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:50px;padding:12px 24px;border-radius:999px;border:2px solid var(--primary);background:var(--primary);color:#fff;font-family:var(--font-head);font-weight:800;font-size:16px;line-height:1.2;text-decoration:none;cursor:pointer;transition:background .2s,border-color .2s,color .2s,transform .2s,box-shadow .2s;box-shadow:0 6px 18px rgba(45,117,111,.22)}
.et-btn svg{width:20px;height:20px;flex:none}
.et-btn:hover{background:var(--primary-d);border-color:var(--primary-d);color:#fff;transform:translateY(-1px)}
.et-btn:active{transform:translateY(0)}
.et-btn--sm{min-height:42px;padding:8px 18px;font-size:15px}
.et-btn--ghost{background:transparent;color:var(--ink);border-color:var(--ink);box-shadow:none}
.et-btn--ghost:hover{background:var(--ink);border-color:var(--ink);color:#fff}
.et-btn--amber{background:var(--accent);border-color:var(--accent);color:var(--ink);box-shadow:0 6px 18px rgba(229,173,83,.28)}
.et-btn--amber:hover{background:#F0BE6A;border-color:#F0BE6A;color:var(--ink)}
.et-btn--line{background:transparent;border-color:rgba(246,243,236,.55);color:var(--paper);box-shadow:none}
.et-btn--line:hover{background:var(--paper);border-color:var(--paper);color:var(--ink)}
span.et-btn.et-nolink{opacity:.6;cursor:default}

/* ---------- En-tête ---------- */
.et-header{position:sticky;top:0;z-index:100;background:rgba(246,243,236,.94);backdrop-filter:saturate(1.2) blur(10px);-webkit-backdrop-filter:saturate(1.2) blur(10px);border-bottom:1px solid transparent;transition:border-color .25s,box-shadow .25s}
.et-header.is-scrolled{border-bottom-color:var(--line);box-shadow:0 6px 20px rgba(18,44,58,.06)}
.et-header-in{max-width:var(--wrap);margin:0 auto;padding:0 24px;height:var(--hh);display:flex;align-items:center;gap:24px}
.et-logo{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--ink);flex:none;padding:6px 0}
.et-mark{width:46px;height:46px;flex:none;border-radius:12px}
.et-logo-txt{display:flex;flex-direction:column;line-height:1.05}
.et-logo-name{font-family:var(--font-head);font-weight:800;font-size:21px;letter-spacing:-.02em}
.et-logo-tag{font-size:11.5px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--muted);margin-top:5px}
.et-logo:hover .et-mark-c{transform:translateX(3px)}
.et-mark-c{transition:transform .3s}
.et-nav{margin-left:auto;display:flex;align-items:center;gap:20px}
.et-nav ul{list-style:none;margin:0;padding:0;display:flex;gap:4px}
.et-nav li a,.et-nav li .et-nolink{display:block;padding:10px 14px;border-radius:999px;font-family:var(--font-head);font-weight:700;font-size:15.5px;color:var(--ink);text-decoration:none;transition:background .2s,color .2s}
.et-nav li a:hover{background:var(--primary-l);color:var(--primary-d)}
.et-nav li.is-active a,.et-nav li.is-active .et-nolink,.et-nav li [aria-current]{background:var(--ink);color:var(--paper)}
.et-pick{position:relative}
.et-pick>summary{list-style:none}
.et-pick>summary::-webkit-details-marker{display:none}
.et-pick>summary::after{content:"";width:8px;height:8px;border:solid currentColor;border-width:0 2px 2px 0;transform:rotate(45deg) translateY(-3px);margin-left:2px;transition:transform .2s}
.et-pick[open]>summary::after{transform:rotate(-135deg) translateY(-1px)}
.et-pick-pop{position:absolute;right:0;top:calc(100% + 12px);width:330px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow-lg);padding:14px;z-index:5}
.et-pick-k{margin:2px 6px 8px;font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}
.et-pick-a{display:flex;gap:14px;align-items:center;padding:12px;border-radius:var(--r-sm);color:var(--ink);text-decoration:none;transition:background .2s}
.et-pick-a:hover{background:var(--paper)}
.et-pick-a svg{width:38px;height:38px;flex:none;padding:8px;border-radius:10px;background:var(--primary-l);color:var(--primary-d)}
.et-pick-a b{display:block;font-family:var(--font-head);font-size:16px}
.et-pick-a small{display:block;color:var(--muted);font-size:14px;line-height:1.3}
.et-burger{display:none;margin-left:auto;width:48px;height:48px;border:1.5px solid var(--line);background:var(--surface);border-radius:14px;cursor:pointer;position:relative}
.et-burger span{position:absolute;left:13px;right:13px;height:2.5px;border-radius:2px;background:var(--ink);transition:transform .25s,opacity .2s}
.et-burger span:nth-child(1){top:16px}.et-burger span:nth-child(2){top:22.5px}.et-burger span:nth-child(3){top:29px}
.et-burger[aria-expanded="true"] span:nth-child(1){transform:translateY(6.5px) rotate(45deg)}
.et-burger[aria-expanded="true"] span:nth-child(2){opacity:0}
.et-burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)}
.et-progress{position:absolute;left:0;right:0;bottom:-1px;height:3px;background:transparent}
.et-progress span{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--primary),var(--accent))}

@media (max-width:1060px){
  .et-header{backdrop-filter:none;-webkit-backdrop-filter:none;background:var(--paper)}
  .et-burger{display:block}
  .et-nav{position:fixed;left:0;right:0;top:var(--hh);bottom:0;background:var(--paper);flex-direction:column;align-items:stretch;gap:18px;padding:22px 24px 40px;overflow-y:auto;visibility:hidden;opacity:0;transform:translateY(-8px);transition:opacity .25s,transform .25s,visibility 0s .25s;border-top:1px solid var(--line)}
  .et-nav.is-open{visibility:visible;opacity:1;transform:none;transition:opacity .25s,transform .25s}
  .et-nav ul{flex-direction:column;gap:6px}
  .et-nav li a,.et-nav li .et-nolink{font-size:20px;padding:14px 16px;border-radius:14px;background:var(--surface);border:1px solid var(--line)}
  .et-pick{width:100%}
  .et-pick>summary{width:100%}
  .et-pick-pop{position:static;width:auto;margin-top:12px;box-shadow:none}
  body.et-menu-open{overflow:hidden}
}
@media (max-width:480px){
  .et-header-in{padding:0 16px;gap:12px}
  .et-mark{width:40px;height:40px}
  .et-logo-name{font-size:18px}
  .et-logo-tag{display:none}
}

/* ---------- Hero commun (pages, articles, listes) ---------- */
.et-kicker{display:inline-flex;align-items:center;gap:10px;margin:0 0 16px;font-family:var(--font-head);font-size:13px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--primary-d)}
.et-kicker-dot{width:10px;height:10px;border-radius:3px;background:var(--accent);box-shadow:0 0 0 4px var(--accent-l)}
.et-hero{position:relative;overflow:hidden;padding:44px 0 64px;border-bottom:1px solid var(--line);background:linear-gradient(180deg,var(--paper) 0%,#F2EEE4 100%)}
.et-hero-lines{position:absolute;left:0;right:0;bottom:0;width:100%;height:46%;pointer-events:none;opacity:.42}
.et-home-hero .et-hero-lines{height:34%}
.et-hero-in{position:relative;max-width:var(--wrap);margin:0 auto;padding:0 24px;display:grid;grid-template-columns:1fr;gap:40px;align-items:center}
.et-hero.has-img .et-hero-in{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr)}
.et-hero h1{font-size:clamp(2rem,3.4vw,3.1rem);font-weight:800;max-width:24ch}
.et-hero-lead{margin:18px 0 0;font-size:20px;line-height:1.55;color:var(--ink-3);max-width:58ch}
.et-hero-meta{display:flex;flex-wrap:wrap;gap:8px 20px;margin:22px 0 0;padding:0;font-size:15.5px;color:var(--muted)}
.et-hero-meta span{display:inline-flex;align-items:center;gap:7px}
.et-hero-meta svg{width:18px;height:18px;color:var(--primary)}
.et-hero-img{margin:0;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:10px;box-shadow:var(--shadow-lg);transform:rotate(.6deg)}
.et-hero-img img{width:100%;aspect-ratio:1200/630;object-fit:contain;border-radius:12px;background:var(--paper)}
.et-crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;margin:0 0 20px;font-size:15px;color:var(--muted)}
.et-crumbs a{color:var(--muted);text-decoration:none;border-bottom:1px solid var(--line)}
.et-crumbs a:hover{color:var(--primary-d);border-color:var(--primary)}
.et-crumb-sep{color:var(--accent-d)}
.et-crumb-cur{color:var(--ink);font-weight:600}
@media (max-width:980px){
  .et-hero.has-img .et-hero-in{grid-template-columns:1fr}
  .et-hero-img{transform:none;max-width:640px}
}
@media (max-width:600px){
  .et-hero{padding:28px 0 40px}
  .et-hero-in{padding:0 16px;gap:28px}
  .et-hero h1{font-size:clamp(1.9rem,8vw,2.3rem)}
  .et-hero-lead{font-size:18px}
}

/* ---------- Accueil ---------- */
.et-home-hero{position:relative;overflow:hidden;padding:56px 0 72px;background:radial-gradient(1200px 500px at 90% 0%,rgba(229,173,83,.14),transparent 60%),radial-gradient(900px 500px at 0% 100%,rgba(45,117,111,.10),transparent 60%),var(--paper)}
.et-home-hero-in{position:relative;max-width:var(--wrap);margin:0 auto;padding:0 24px;display:grid;grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);gap:56px;align-items:center}
.et-home-hero h1{font-size:clamp(2.4rem,4.1vw,3.75rem);font-weight:800;letter-spacing:-.03em;line-height:1.05}
.et-home-hero .et-hero-lead{font-size:21px}
.et-hero-ctas{display:flex;flex-wrap:wrap;gap:14px;margin:30px 0 0}
.et-hero-proofs{list-style:none;margin:26px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:10px 24px;font-size:16px;color:var(--ink-3)}
.et-hero-proofs li{display:flex;align-items:center;gap:8px}
.et-hero-proofs svg{width:22px;height:22px;color:var(--primary)}
.et-home-hero-img{position:relative;margin:0}
.et-home-hero-img img{width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:26px;box-shadow:var(--shadow-lg)}
.et-home-hero-img::before{content:"";position:absolute;inset:-14px 18px 18px -14px;border:2px solid var(--accent);border-radius:30px;z-index:-1}
.et-home-hero-badge{position:absolute;left:-18px;bottom:28px;display:flex;align-items:center;gap:10px;padding:10px 16px 10px 10px;background:var(--surface);border-radius:999px;box-shadow:var(--shadow-lg);font-family:var(--font-head);font-weight:800;font-size:15px}
.et-home-hero-badge .et-mark{width:34px;height:34px;border-radius:9px}
.et-home-body{padding:72px 24px 24px}
.et-prose--home{max-width:880px;margin:0 auto}
.et-sec-t{font-size:clamp(1.7rem,2.8vw,2.4rem);font-weight:800;margin:0 0 28px}
.et-home-rub{padding:56px 0 24px}
.et-home-recent{padding:40px 0 16px}
.et-soon{display:flex;align-items:center;gap:12px;margin:8px 0 0;padding:18px 22px;background:var(--surface);border:1px dashed var(--accent-d);border-radius:var(--r);font-weight:600;color:var(--ink-3)}
.et-soon svg{width:24px;height:24px;color:var(--accent-d);flex:none}
@media (max-width:980px){
  .et-home-hero-in{grid-template-columns:1fr;gap:40px}
  .et-home-hero-img{max-width:680px}
  .et-home-hero-badge{left:12px}
}
@media (max-width:600px){
  .et-home-hero{padding:32px 0 48px}
  .et-home-hero-in{padding:0 16px}
  .et-home-hero h1{font-size:clamp(2.2rem,10vw,2.75rem)}
  .et-home-hero .et-hero-lead{font-size:18.5px}
  .et-hero-ctas .et-btn{width:100%}
  .et-home-hero-img::before{inset:-8px 10px 10px -8px}
  .et-home-body{padding:48px 16px 8px}
  .et-wrap{padding:0 16px}
}

/* ---------- Rubriques ---------- */
.et-rub-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}
.et-rub{display:flex;flex-direction:column;gap:14px;padding:20px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);text-decoration:none;color:var(--ink);transition:transform .2s,box-shadow .2s,border-color .2s}
.et-rub:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:var(--primary);color:var(--ink)}
.et-rub-ico{width:56px;height:56px;border-radius:14px;background:var(--paper);display:grid;place-items:center}
.et-rub-ico svg{width:40px;height:40px}
.et-rub-body{display:flex;flex-direction:column;gap:4px}
.et-rub-k{font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--primary-d)}
.et-rub-name{font-family:var(--font-head);font-weight:800;font-size:17px;line-height:1.25}
.et-rub-n{font-size:14.5px;color:var(--muted)}
@media (max-width:1100px){.et-rub-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:760px){.et-rub-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.et-rub{padding:16px}}
@media (max-width:420px){.et-rub-grid{grid-template-columns:1fr}.et-rub{flex-direction:row;align-items:center}}

/* ---------- Cartes d’articles ---------- */
.et-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.et-card{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;text-decoration:none;color:var(--ink);transition:transform .25s,box-shadow .25s,border-color .25s}
.et-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:#C9D3CE;color:var(--ink)}
.et-card-img{display:block;background:var(--paper);border-bottom:1px solid var(--line)}
.et-card-img img{width:100%;aspect-ratio:1200/630;object-fit:contain}
.et-card-body{display:flex;flex-direction:column;gap:10px;padding:20px 22px 22px;flex:1}
.et-card-meta{display:flex;flex-wrap:wrap;gap:6px 12px;font-size:14px;color:var(--muted)}
.et-card-cat{font-weight:700;color:var(--primary-d)}
.et-card-title{margin:0;font-family:var(--font-head);font-weight:800;font-size:19px;line-height:1.3;color:var(--ink)}
.et-card-ex{font-size:16px;line-height:1.5;color:var(--ink-3)}
.et-card-more{margin-top:auto;display:inline-flex;align-items:center;gap:8px;font-family:var(--font-head);font-weight:800;font-size:15px;color:var(--primary-d)}
.et-card-more svg{width:18px;height:18px;transition:transform .2s}
.et-card:hover .et-card-more svg{transform:translateX(4px)}
@media (max-width:1000px){.et-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.et-cards{grid-template-columns:1fr}}

/* ---------- Mise en page article / page ---------- */
.et-layout{max-width:var(--wrap);margin:0 auto;padding:56px 24px 72px;display:grid;grid-template-columns:minmax(0,var(--prose));justify-content:center;gap:56px}
.et-layout.has-toc{grid-template-columns:260px minmax(0,var(--prose))}
.et-toc{position:relative}
.et-toc details.is-long{position:static}
.et-toc details{position:sticky;top:calc(var(--hh) + 24px);background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:8px}
.et-toc summary{list-style:none;display:flex;align-items:center;gap:10px;padding:10px;cursor:pointer;border-radius:10px}
.et-toc summary::-webkit-details-marker{display:none}
.et-toc-ico{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:var(--primary-l);color:var(--primary-d)}
.et-toc-ico svg{width:18px;height:18px}
.et-toc-lab{display:flex;flex-direction:column;font-family:var(--font-head);font-weight:800;font-size:16px}
.et-toc-lab small{font-family:var(--font-body);font-weight:400;font-size:13.5px;color:var(--muted)}
.et-toc-chev{margin-left:auto;width:9px;height:9px;border:solid var(--muted);border-width:0 2px 2px 0;transform:rotate(45deg);transition:transform .2s}
.et-toc details[open] .et-toc-chev{transform:rotate(-135deg)}
.et-toc ol{list-style:none;counter-reset:toc;margin:6px 0 4px;padding:0 4px;}
.et-toc li{counter-increment:toc}
.et-toc a{display:flex;gap:10px;padding:9px 10px;border-radius:10px;color:var(--ink-3);text-decoration:none;font-size:15px;line-height:1.35}
.et-toc a::before{content:counter(toc,decimal-leading-zero);font-family:var(--font-head);font-weight:800;font-size:12.5px;color:var(--accent-d);padding-top:2px}
.et-toc a:hover{background:var(--paper);color:var(--ink)}
.et-toc a.is-current{background:var(--ink);color:var(--paper)}
.et-toc a.is-current::before{color:var(--accent)}
@media (max-width:1060px){
  .et-layout.has-toc{grid-template-columns:minmax(0,var(--prose))}
  .et-toc details{position:static}
}
@media (max-width:600px){.et-layout{padding:36px 16px 56px;gap:28px}}

/* ---------- Prose ---------- */
.et-prose{min-width:0}
.et-prose>*:first-child{margin-top:0}
.et-prose p{margin:0 0 22px}
.et-prose h2{position:relative;font-size:clamp(1.6rem,2.4vw,2.05rem);font-weight:800;margin:56px 0 18px;padding-top:22px}
.et-prose h2::before{content:"";position:absolute;left:0;top:0;width:56px;height:5px;border-radius:5px;background:linear-gradient(90deg,var(--primary) 0 60%,var(--accent) 60%)}
.et-prose h3{font-size:clamp(1.25rem,1.7vw,1.42rem);font-weight:800;margin:36px 0 12px;color:var(--ink-2)}
.et-prose strong{font-weight:700;color:var(--ink)}
.et-prose em{font-style:italic}
.et-prose a{color:var(--primary-d);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px;text-decoration-color:rgba(45,117,111,.4)}
.et-prose a:hover{color:var(--ink);text-decoration-color:var(--accent)}
.et-prose strong a{font-weight:700}
.et-prose ul,.et-prose ol:not(.et-steps){margin:0 0 22px;padding-left:1.3em}
.et-prose li{margin:6px 0}
.et-prose li::marker{color:var(--primary)}
.et-chapo{font-size:21px;line-height:1.6;color:var(--ink-2);padding:4px 0 4px 22px;border-left:4px solid var(--accent);margin-bottom:34px!important}
@media (max-width:600px){.et-prose{font-size:17.5px}.et-chapo{font-size:19px;padding-left:16px}}

/* Infographies */
.et-infog{margin:36px 0 40px;padding:0}
.et-infog svg{display:block;width:100%;height:auto;border-radius:var(--r-lg);box-shadow:0 1px 0 var(--line),0 10px 30px rgba(18,44,58,.06)}
.et-infog figcaption{margin:12px auto 0;max-width:62ch;text-align:center;font-size:15px;line-height:1.45;color:var(--muted)}
.et-prose--home .et-infog,.et-list-text .et-infog{margin-left:auto;margin-right:auto}

/* Tableaux */
.et-table-wrap{margin:30px 0 34px;overflow-x:auto;border-radius:var(--r);border:1px solid var(--line);background:var(--surface);-webkit-overflow-scrolling:touch}
.et-table{width:100%;border-collapse:collapse;font-size:16.5px;line-height:1.5;min-width:520px}
.et-table caption{caption-side:top;text-align:left;padding:16px 20px 12px;font-family:var(--font-head);font-weight:800;font-size:17px;color:var(--ink)}
.et-table th{background:var(--ink);color:var(--paper);text-align:left;font-family:var(--font-head);font-weight:800;font-size:15px;padding:12px 18px}
.et-table td{padding:13px 18px;border-top:1px solid var(--line);vertical-align:top}
.et-table tbody tr:nth-child(even) td{background:#FAF8F3}
.et-table td:first-child{font-weight:700;color:var(--ink-2);width:38%}

/* Encadrés */
.et-cta{position:relative;overflow:hidden;margin:40px 0;padding:30px 32px 32px;background:var(--ink);color:#DCE6EA;border-radius:var(--r-lg)}
.et-cta::after{content:"";position:absolute;right:-60px;top:-60px;width:220px;height:220px;border-radius:50%;border:28px solid rgba(229,173,83,.16)}
.et-cta p{position:relative;margin:0 0 16px;color:#DCE6EA}
.et-cta .et-cta-t{font-family:var(--font-head);font-weight:800;font-size:22px;line-height:1.3;color:#fff;margin-bottom:10px}
.et-prose .et-cta a.et-btn,.et-cta a.et-btn{position:relative;background:var(--accent);border-color:var(--accent);color:var(--ink);text-decoration:none;box-shadow:none;margin-top:4px}
.et-prose .et-cta a.et-btn:hover{background:#F0BE6A;border-color:#F0BE6A;color:var(--ink)}
.et-vigil{margin:30px 0;padding:22px 24px 22px 26px;background:var(--accent-l);border-radius:var(--r);border-left:5px solid var(--accent)}
.et-vigil p{margin:0}
.et-vigil .et-vigil-t{display:flex;align-items:center;gap:8px;margin-bottom:6px;font-family:var(--font-head);font-weight:800;font-size:16px;color:var(--ink)}
.et-vigil .et-vigil-t::before{content:"!";display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--ink);color:var(--accent);font-size:14px}

/* Deux entrées */
.et-duo{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:34px 0 40px}
.et-duo-card{position:relative;display:flex;flex-direction:column;gap:12px;padding:28px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow);overflow:hidden}
.et-duo-card::before{content:"";position:absolute;left:0;top:0;right:0;height:6px;background:var(--primary)}
.et-duo-card--alt::before{background:var(--accent)}
.et-duo-card p{margin:0}
.et-prose .et-duo-card h3{margin:0;font-size:22px}
.et-duo-k{font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--primary-d)}
.et-prose .et-duo-card a.et-btn{align-self:flex-start;margin-top:auto;color:#fff;text-decoration:none}
.et-prose .et-duo-card--alt a.et-btn{background:var(--ink);border-color:var(--ink)}
@media (max-width:700px){.et-duo{grid-template-columns:1fr}.et-duo-card{padding:22px}}

/* Étapes */
.et-steps{list-style:none;counter-reset:step;margin:30px 0 38px;padding:0;position:relative}
.et-steps::before{content:"";position:absolute;left:23px;top:20px;bottom:20px;width:3px;background:repeating-linear-gradient(180deg,var(--accent) 0 12px,transparent 12px 20px)}
.et-steps li{counter-increment:step;position:relative;padding:0 0 22px 72px;margin:0}
.et-steps li::before{content:counter(step);position:absolute;left:0;top:0;width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:var(--ink);color:var(--paper);font-family:var(--font-head);font-weight:800;font-size:19px;box-shadow:0 0 0 6px var(--paper)}
.et-steps li:last-child::before{background:var(--primary)}
.et-steps p{margin:0}
.et-steps .et-steps-t{font-family:var(--font-head);font-weight:800;font-size:19px;padding-top:10px;margin-bottom:4px}

/* FAQ */
.et-faq{margin:22px 0 34px;border-top:1px solid var(--line)}
.et-faq details{border-bottom:1px solid var(--line)}
.et-faq summary{list-style:none;cursor:pointer;display:flex;align-items:flex-start;gap:16px;padding:20px 4px;font-family:var(--font-head);font-weight:800;font-size:18px;line-height:1.35}
.et-faq summary::-webkit-details-marker{display:none}
.et-faq summary::after{content:"";flex:none;margin-left:auto;margin-top:2px;width:26px;height:26px;border-radius:50%;background:var(--primary-l) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 6v12M6 12h12' stroke='%23225C57' stroke-width='2.4' stroke-linecap='round'/%3E%3C/svg%3E") center/16px no-repeat;transition:transform .25s}
.et-faq details[open] summary::after{transform:rotate(45deg)}
.et-faq summary:hover{color:var(--primary-d)}
.et-faq details>p,.et-faq details>div{margin:0;padding:0 4px 22px;color:var(--ink-3)}

/* Auteur */
.et-author{display:flex;gap:20px;align-items:flex-start;margin:48px 0 0;padding:26px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg)}
.et-author-pic .et-mark{width:64px;height:64px;border-radius:16px}
.et-author p{margin:0;font-size:16px;color:var(--ink-3)}
.et-author .et-author-k{font-size:12.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--primary-d)}
.et-author .et-author-name{font-family:var(--font-head);font-weight:800;font-size:19px;color:var(--ink);margin:2px 0 8px}
@media (max-width:560px){.et-author{flex-direction:column}}

/* Pages légales */
.et-article--legal .et-prose{font-size:17px}
.et-article--legal .et-hero{padding-bottom:44px}

/* ---------- Listes (guides, rubriques) ---------- */
.et-hero--list{padding-bottom:52px}
.et-list-text{max-width:var(--wrap);margin:0 auto;padding:48px 24px 8px}
.et-list-text .et-prose{max-width:880px;margin:0 auto}
.et-list-text--bottom{padding:56px 24px 72px}
.et-list-rub{margin:8px auto 40px}
.et-cards--list{margin:16px 0 0}
.et-pagination{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:40px 0 0}
.et-pagination a,.et-pagination span{min-width:46px;height:46px;padding:0 14px;display:grid;place-items:center;border-radius:12px;border:1px solid var(--line);background:var(--surface);color:var(--ink);text-decoration:none;font-family:var(--font-head);font-weight:800}
.et-pagination a:hover{border-color:var(--primary);color:var(--primary-d)}
.et-pagination .et-pg-cur{background:var(--ink);border-color:var(--ink);color:var(--paper)}
.et-pagination .et-pg-gap{border:0;background:none}
@media (max-width:600px){.et-list-text{padding:32px 16px 4px}.et-list-text--bottom{padding:40px 16px 56px}}

/* ---------- Bandeau d’appel ---------- */
.et-band{padding:64px 24px 88px}
.et-band-in{position:relative;overflow:hidden;max-width:var(--wrap);margin:0 auto;display:grid;grid-template-columns:minmax(0,1.3fr) auto;gap:32px;align-items:center;padding:44px 48px;background:var(--ink);color:#DCE6EA;border-radius:28px}
.et-band-in::before{content:"";position:absolute;left:-40px;bottom:-90px;width:300px;height:300px;border-radius:50%;border:36px solid rgba(45,117,111,.35)}
.et-band-in>*{position:relative}
.et-band-in p{margin:0}
.et-band-t{font-family:var(--font-head);font-weight:800;font-size:clamp(1.5rem,2.4vw,2rem);line-height:1.2;color:#fff;margin-bottom:12px!important}
.et-band-ctas{display:flex;flex-direction:column;gap:12px}
@media (max-width:900px){.et-band-in{grid-template-columns:1fr;padding:32px 24px}.et-band-ctas .et-btn{width:100%}}
@media (max-width:600px){.et-band{padding:40px 16px 64px}}

/* ---------- Pied de page ---------- */
.et-footer{position:relative;background:var(--ink);color:#C9D5DA;padding:0 0 28px;margin-top:0}
.et-footer-road{display:block;width:100%;height:70px;background:var(--paper)}
.et-footer-in{max-width:var(--wrap);margin:0 auto;padding:44px 24px 36px;display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:48px}
.et-footer p{margin:0 0 12px;font-size:16px}
.et-footer-logo{display:flex;align-items:center;gap:12px;margin-bottom:18px!important}
.et-footer-logo .et-mark{width:48px;height:48px;box-shadow:0 0 0 1.5px rgba(246,243,236,.25);border-radius:12px}
.et-footer-logo>span{display:flex;flex-direction:column;line-height:1.1}
.et-footer-name{font-family:var(--font-head);font-weight:800;font-size:20px;color:#fff}
.et-footer-tag{font-size:11.5px;letter-spacing:.22em;text-transform:uppercase;color:var(--accent);margin-top:5px}
.et-footer-t{font-family:var(--font-head);font-weight:800;color:#fff;font-size:16px;letter-spacing:.02em}
.et-footer-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px;font-size:15.5px}
.et-footer-list li{display:flex;gap:10px;align-items:flex-start}
.et-footer-list svg{width:20px;height:20px;flex:none;color:var(--accent);margin-top:2px}
.et-footer-note{font-size:15px!important;line-height:1.55}
.et-footer-bottom{max-width:var(--wrap);margin:0 auto;padding:22px 24px 0;border-top:1px solid rgba(246,243,236,.14);display:flex;flex-wrap:wrap;justify-content:space-between;gap:14px;font-size:14.5px}
.et-footer-legal{display:flex;flex-wrap:wrap;gap:6px 20px}
.et-footer-legal a,.et-footer-legal .et-nolink{color:#E3EBEE;text-decoration:none;border-bottom:1px solid rgba(246,243,236,.3)}
.et-footer-legal a:hover{color:var(--accent);border-color:var(--accent)}
@media (max-width:900px){.et-footer-in{grid-template-columns:1fr;gap:28px}}
@media (max-width:600px){.et-footer-in{padding:32px 16px 24px}.et-footer-bottom{padding:20px 16px 0}}

/* ---------- Retour en haut ---------- */
.et-top{position:fixed;right:20px;bottom:20px;z-index:90;width:50px;height:50px;border-radius:50%;border:0;background:var(--ink);color:var(--paper);box-shadow:var(--shadow-lg);cursor:pointer;opacity:0;visibility:hidden;transform:translateY(10px);transition:opacity .25s,transform .25s,visibility 0s .25s}
.et-top svg{width:22px;height:22px}
.et-top.is-visible{opacity:1;visibility:visible;transform:none;transition:opacity .25s,transform .25s}
.et-top:hover{background:var(--primary)}

/* ---------- 404 ---------- */
.et-e404{padding:72px 24px 96px;text-align:center}
.et-e404-in{max-width:640px;margin:0 auto}
.et-e404-art{width:min(420px,100%);margin:0 auto 24px}
.et-e404 h1{font-size:clamp(2rem,4vw,2.8rem);font-weight:800;margin-bottom:16px}
.et-e404 p{color:var(--ink-3)}

/* ---------- Formulaires de projet ---------- */
.et-form-wrap{margin:30px 0 40px;padding:32px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow);scroll-margin-top:calc(var(--hh) + 20px)}
.et-form-head{display:flex;gap:14px;align-items:center;margin:0 0 6px}
.et-form-head svg{width:44px;height:44px;flex:none;padding:10px;border-radius:12px;background:var(--primary-l);color:var(--primary-d)}
.et-prose .et-form-title{margin:0;padding:0;font-size:22px}
.et-prose .et-form-title::before{display:none}
.et-form-intro{color:var(--muted);font-size:16px;margin:8px 0 22px!important}
.et-form fieldset{border:0;margin:0 0 22px;padding:0}
.et-form legend{font-family:var(--font-head);font-weight:800;font-size:17px;color:var(--ink);padding:0;margin:0 0 14px;display:flex;align-items:center;gap:10px}
.et-form legend span{display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:var(--ink);color:var(--paper);font-size:14px}
.et-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 18px}
.et-field{display:flex;flex-direction:column;gap:6px;min-width:0}
.et-field--full{grid-column:1/-1}
.et-field label,.et-field .et-field-l{font-weight:700;font-size:16px;color:var(--ink)}
.et-field .et-opt{font-weight:400;color:var(--muted);font-size:14.5px}
.et-field .et-req{color:var(--danger)}
.et-field input,.et-field select,.et-field textarea{width:100%;min-height:50px;padding:12px 14px;border:1.5px solid #C5CFCB;border-radius:12px;background:#FDFCF9;color:var(--ink);font:inherit;font-size:17px;transition:border-color .2s,box-shadow .2s,background .2s}
.et-field textarea{min-height:120px;resize:vertical}
.et-field input:focus,.et-field select:focus,.et-field textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 4px rgba(45,117,111,.18);background:#fff}
.et-field [aria-invalid="true"]{border-color:var(--danger);background:var(--danger-l)}
.et-field-help{font-size:14.5px;color:var(--muted);margin:0!important}
.et-field-err{font-size:14.5px;color:var(--danger);font-weight:600;margin:0!important}
.et-choice{display:flex;flex-wrap:wrap;gap:10px}
.et-choice label{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border:1.5px solid #C5CFCB;border-radius:999px;background:#FDFCF9;font-weight:600;font-size:16px;cursor:pointer}
.et-choice input{width:18px;height:18px;min-height:0;accent-color:var(--primary);margin:0}
.et-choice label:has(input:checked){border-color:var(--primary);background:var(--primary-l)}
.et-consent{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;border-radius:12px;background:var(--paper);margin:0 0 12px}
.et-consent input{width:22px;height:22px;flex:none;margin:2px 0 0;accent-color:var(--primary)}
.et-consent label{font-size:16px;line-height:1.5;color:var(--ink-2)}
.et-notice{margin:0 0 18px;padding:16px 18px;border:1px solid var(--line);border-radius:12px;background:#FCFBF7;font-size:15px;line-height:1.55;color:var(--ink-3)}
.et-notice summary{cursor:pointer;font-weight:700;color:var(--ink)}
.et-notice p{margin:10px 0 0!important}
.et-hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
.et-form-actions{display:flex;flex-wrap:wrap;align-items:center;gap:16px;margin-top:8px}
.et-form-actions p{margin:0!important;font-size:14.5px;color:var(--muted)}
.et-form-alert{margin:0 0 20px;padding:16px 18px;border-radius:12px;font-weight:600}
.et-form-alert--err{background:var(--danger-l);color:var(--danger);border:1px solid #EFC3BA}
.et-form-alert--ok{background:var(--ok-l);color:var(--ok);border:1px solid #BFDCCB}
@media (max-width:640px){.et-form-wrap{padding:20px 16px;margin-left:-4px;margin-right:-4px}.et-form-grid{grid-template-columns:1fr}.et-form-actions .et-btn{width:100%}}

/* ---------- Animations (activées seulement avec JS et sans préférence de réduction) ---------- */
@media (prefers-reduced-motion:no-preference){
  .js .et-line-a{stroke-dasharray:1;stroke-dashoffset:1;animation:et-draw 2.4s .2s cubic-bezier(.6,.1,.2,1) forwards}
  .js .et-line-b{animation:et-dash 30s linear infinite}
  @keyframes et-draw{to{stroke-dashoffset:0}}
  @keyframes et-dash{to{stroke-dashoffset:-560}}
  .js .et-infog .et-pop,.js .et-e404 .et-pop{opacity:0;transform:translateY(10px);transition:opacity .6s ease,transform .6s ease}
  .js .et-infog.is-in .et-pop,.js .et-e404 .et-pop{opacity:1;transform:none}
  .js .et-infog .et-rise{transform:scaleY(0);transform-box:fill-box;transform-origin:50% 100%;transition:transform .9s cubic-bezier(.3,.7,.2,1)}
  .js .et-infog.is-in .et-rise{transform:scaleY(1)}
  .js .et-infog .et-draw.et-anim{transition:stroke-dashoffset 1.6s cubic-bezier(.6,.1,.2,1)}
  .js .et-reveal{opacity:0;transform:translateY(16px);transition:opacity .7s ease,transform .7s ease}
  .js .et-reveal.is-in{opacity:1;transform:none}
  .js .et-home-hero-txt>*{animation:et-up .8s both}
  .js .et-home-hero-txt>*:nth-child(2){animation-delay:.08s}
  .js .et-home-hero-txt>*:nth-child(3){animation-delay:.16s}
  .js .et-home-hero-txt>*:nth-child(4){animation-delay:.24s}
  .js .et-home-hero-txt>*:nth-child(5){animation-delay:.32s}
  .js .et-home-hero-img{animation:et-up 1s .15s both}
  @keyframes et-up{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
}

@media print{
  .et-header,.et-footer,.et-toc,.et-top,.et-band,.et-hero-lines,.et-form-wrap{display:none!important}
  body{background:#fff;font-size:12pt}
  .et-layout{display:block;padding:0}
}

/* ---------- Mobile : infographies lisibles et tableaux empilés ---------- */
@media (max-width:700px){
  .et-infog{margin-left:-16px;margin-right:-16px;overflow-x:auto}
  .et-infog-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;padding:0 16px 6px;scroll-snap-type:x proximity}
  .et-infog svg{width:640px;max-width:none;min-width:640px}
  .et-infog figcaption{padding:0 16px}
  .et-infog-hint{display:flex;align-items:center;justify-content:center;gap:8px;margin:8px 16px 0;font-size:13.5px;font-weight:600;color:var(--primary-d)}
  .et-infog-hint svg{width:18px!important;min-width:0!important;height:18px;box-shadow:none!important;border-radius:0!important}
  .et-table-wrap{overflow:visible;border:0;background:transparent}
  .et-table{min-width:0;font-size:16.5px}
  .et-table caption{padding:0 0 10px}
  .et-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  .et-table,.et-table tbody,.et-table tr,.et-table td{display:block;width:100%}
  .et-table tr{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-sm);margin:0 0 10px;overflow:hidden}
  .et-table td{border:0;padding:12px 16px}
  .et-table td:first-child{width:100%;background:var(--paper-2)!important;color:var(--ink)}
  .et-table tbody tr:nth-child(even) td{background:var(--surface)}
  .et-steps li{padding-left:62px}
  .et-cta{padding:24px 20px}
  .et-cta .et-btn{width:100%}
  .et-faq summary{font-size:17px}
  h1,h2,h3{overflow-wrap:break-word}
  .et-table caption{display:block;width:100%;text-align:left}
  .et-footer-bottom{padding-right:84px}
}
@media (min-width:701px){.et-infog-hint{display:none}}