/* Trophées de l'Insertion 2026 — Espace jury · charte MEDEF Loire-Atlantique */
@font-face{font-family:"Barlow Condensed 44";src:url("assets/fonts/BarlowCondensed-Medium.ttf") format("truetype");font-weight:500;font-display:swap}
@font-face{font-family:"Barlow Condensed 44";src:url("assets/fonts/BarlowCondensed-SemiBold.ttf") format("truetype");font-weight:600;font-display:swap}
@font-face{font-family:"Barlow Condensed 44";src:url("assets/fonts/BarlowCondensed-Bold.ttf") format("truetype");font-weight:700;font-display:swap}

:root{
  --bleu:#2F2483; --bleu-fonce:#241B66; --violet:#662282; --rouge:#E4002C; --rouge-fonce:#C50026;
  --cyan:#0BB3CD; --n50:#F6F6F9; --n100:#EDEDF2; --n200:#DDDDE5; --n400:#9C9CAE; --n600:#5F5F73; --n900:#14121F;
  --f-titre:"Barlow Condensed 44","Barlow Condensed",Impact,sans-serif;
  --f-inter:"Barlow Semi Condensed","Barlow Condensed",Arial,sans-serif;
  --f-texte:"Barlow",Helvetica,Arial,sans-serif;
  --gut:clamp(20px,5vw,64px);
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#fff;font-family:var(--f-texte);color:var(--n900);font-size:17px;line-height:1.5;-webkit-font-smoothing:antialiased}
img{max-width:100%}
a{color:var(--bleu);text-decoration:underline;text-underline-offset:3px}
a:hover{color:var(--rouge)}
:focus-visible{outline:3px solid var(--cyan);outline-offset:2px}
button{font:inherit}
.skip{position:absolute;left:-9999px;top:8px;z-index:10;background:#fff;color:var(--bleu);padding:12px 16px;font-weight:700}
.skip:focus{left:16px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
#app{min-height:100vh;display:flex;flex-direction:column}
main{flex:1;display:flex;flex-direction:column;outline:none}
main:focus,main:focus-visible{outline:none}
.chargement{padding:64px var(--gut);font-size:19px}
.ico{display:inline-block;width:1em;height:1em;flex:none;vertical-align:-.15em}
.ttl{font-family:var(--f-titre);font-weight:700;text-transform:uppercase;line-height:1;margin:0}
.kicker{font-family:var(--f-inter);font-weight:600;letter-spacing:.12em;text-transform:uppercase}
.wrap{max-width:1280px;width:100%;margin:0 auto;padding-left:var(--gut);padding-right:var(--gut)}
.badge{display:inline-block;align-self:flex-start;background:var(--rouge);color:#fff;font-family:var(--f-titre);font-weight:700;letter-spacing:.04em;text-transform:uppercase;padding:5px 12px;font-size:18px;text-decoration:none}
a.badge:hover{background:var(--rouge-fonce);color:#fff}

/* En-têtes */
.hd-home{background:var(--bleu);color:#fff}
.hd-top{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap;padding:20px var(--gut);border-bottom:1px solid rgba(255,255,255,.35)}
.hd-top .kicker{font-size:15px;letter-spacing:.14em}
.logo-medef{height:40px;width:auto;display:block}
.hd-hero{display:flex;flex-wrap:wrap;gap:32px 56px;align-items:flex-end;padding:56px var(--gut) 64px}
.hd-hero .ti{width:min(600px,100%);display:block}
.hd-hero .an{display:flex;flex-direction:column;gap:20px}
.hd-hero .badge{font-size:22px;letter-spacing:.06em;padding:6px 14px}
.hd-hero h1{font-size:clamp(96px,12vw,180px);line-height:.82;letter-spacing:-.01em}
.hd-inner{background:var(--bleu);color:#fff;display:flex;justify-content:space-between;align-items:center;gap:16px 24px;flex-wrap:wrap;padding:14px var(--gut)}
.hd-inner .marque{display:flex;align-items:center;gap:16px;color:#fff;text-decoration:none}
.hd-inner .marque img{height:46px;display:block}
.hd-inner .marque span{font-family:var(--f-titre);font-weight:700;font-size:22px;text-transform:uppercase;letter-spacing:.02em}
.hd-inner nav{display:flex;align-items:center;gap:28px;flex-wrap:wrap}
.hd-inner nav a{color:#fff;font-weight:600;font-size:17px;display:flex;align-items:center;gap:8px}

/* Accueil */
.home{display:flex;flex-direction:column;gap:48px;padding-top:48px;padding-bottom:64px}
.intro{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(360px,100%),1fr));gap:48px 64px}
.intro h2{color:var(--bleu);font-size:40px}
.trait{width:64px;height:6px;background:var(--rouge);margin:16px 0}
.intro p{margin:0;font-size:19px;line-height:1.6}
.maj{margin-top:12px!important;font-size:16px!important;color:var(--n600)}
.etapes{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:24px}
.etapes li{display:flex;flex-direction:column;gap:12px;border-top:6px solid var(--bleu);padding-top:16px}
.etapes .n{font-family:var(--f-titre);font-weight:700;font-size:56px;line-height:1;color:var(--rouge)}
.etapes .t{font-family:var(--f-titre);font-weight:700;font-size:24px;line-height:1.05;text-transform:uppercase;color:var(--bleu)}
.recherche{background:var(--bleu);padding:32px;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr));gap:16px;align-items:end}
.recherche label{display:flex;flex-direction:column;gap:8px;color:#fff;font-family:var(--f-inter);font-weight:600;font-size:15px;letter-spacing:.1em;text-transform:uppercase}
.recherche label.large{grid-column:span 2}
@media (max-width:620px){.recherche label.large{grid-column:auto}}
.champ{height:52px;width:100%;border:2px solid #fff;background:#fff;color:var(--n900);font-family:var(--f-texte);font-size:18px;padding:0 14px;border-radius:0;letter-spacing:0;text-transform:none;font-weight:400}
select.champ{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9'%3E%3Cpath d='M1 1l6 6 6-6' stroke='%232F2483' stroke-width='2.4' fill='none'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;padding-right:44px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:52px;padding:0 28px;border:2px solid var(--rouge);background:var(--rouge);color:#fff;font-family:var(--f-titre);font-weight:700;font-size:20px;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;text-decoration:none}
.btn:hover{background:var(--rouge-fonce);border-color:var(--rouge-fonce);color:#fff}
.btn.blanc{background:#fff;color:var(--bleu);border-color:#fff;height:44px;font-size:17px;padding:0 18px}
.btn.blanc:hover{background:var(--n100);color:var(--bleu)}
.btn.contour{background:#fff;color:var(--bleu);border-color:var(--bleu);height:40px;font-size:16px;padding:0 16px}
.btn.contour:hover{background:var(--bleu);color:#fff}
.sect-t{display:flex;justify-content:space-between;align-items:end;gap:16px;flex-wrap:wrap;border-bottom:6px solid var(--bleu);padding-bottom:12px}
.sect-t h2{color:var(--bleu);font-size:48px}
.sect-t .cpt{font-family:var(--f-titre);font-weight:600;font-size:24px;text-transform:uppercase;color:var(--bleu);display:flex;flex-direction:column;align-items:flex-end;gap:2px}
.maj-cpt{font-family:var(--f-texte);font-weight:400;font-size:14px;text-transform:none;color:var(--n600)}
.cats{margin:24px 0 0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px}
.cats li{display:flex}
.cat{flex:1;min-height:230px;text-decoration:none;color:var(--bleu);border:2px solid var(--bleu);display:flex;flex-direction:column;justify-content:space-between;padding:20px;gap:20px;transition:box-shadow .2s,transform .2s}
.cat:hover{box-shadow:0 6px 0 0 var(--rouge);transform:translateY(-2px);color:var(--bleu)}
.cat .h{display:flex;justify-content:space-between;align-items:center;font-size:24px}
.cat .h b{font-family:var(--f-titre);font-weight:700;font-size:22px;color:var(--rouge)}
.cat .nom{font-family:var(--f-titre);font-weight:700;font-size:26px;line-height:1.02;text-transform:uppercase;text-wrap:balance}
.cat .b{display:flex;align-items:baseline;gap:8px;border-top:1px solid currentColor;padding-top:12px}
.cat .b b{font-family:var(--f-titre);font-weight:700;font-size:48px;line-height:1}
.cat .b span{color:var(--n900)}
.cat.vide{border-color:var(--n400);color:var(--n600)}
.cat.vide .h b{color:var(--n600)}
.cat.tout{background:var(--bleu);color:#fff}
.cat.tout .b span,.cat.tout .h b{color:#fff}
.cat.tout:hover{background:var(--rouge);color:#fff;box-shadow:none}

/* Ariane */
.ariane{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;padding:16px var(--gut);border-bottom:1px solid var(--n200);font-size:16px}
.ariane ol{margin:0;padding:0;list-style:none;display:flex;gap:10px;flex-wrap:wrap}
.ariane [aria-current]{font-weight:600}
.ariane .pos{color:var(--bleu);font-family:var(--f-inter);font-weight:600;letter-spacing:.08em;text-transform:uppercase}

/* Catégorie */
.cat-hero{background:var(--bleu);color:#fff;padding:48px var(--gut);display:grid;grid-template-columns:auto 1fr auto;gap:24px 40px;align-items:end}
.cat-hero .num{font-family:var(--f-titre);font-weight:700;font-size:120px;line-height:.8}
.cat-hero .mid{display:flex;flex-direction:column;gap:14px;min-width:0}
.cat-hero h1{font-size:clamp(40px,5vw,64px);line-height:.95;text-wrap:balance}
.cat-hero p{margin:0;font-size:19px;max-width:68ch}
.cat-hero .tot{display:flex;flex-direction:column;align-items:flex-end}
.cat-hero .tot b{font-family:var(--f-titre);font-weight:700;font-size:72px;line-height:.9}
@media (max-width:760px){.cat-hero{grid-template-columns:1fr}.cat-hero .num{font-size:72px}.cat-hero .tot{align-items:flex-start}}
.liste{padding-top:40px;padding-bottom:64px;display:flex;flex-direction:column;gap:28px}
.outils{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}
.segm{display:flex;align-items:center;flex-wrap:wrap}
.segm .kicker{font-size:15px;margin-right:16px}
.segm button{height:44px;padding:0 18px;border:2px solid var(--bleu);margin-left:-2px;background:#fff;color:var(--bleu);font-family:var(--f-titre);font-weight:700;font-size:18px;text-transform:uppercase;cursor:pointer}
.segm button[aria-pressed="true"]{background:var(--bleu);color:#fff}
.cartes{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(520px,100%),1fr));gap:20px}
.cartes li{display:flex}
.carte{position:relative;flex:1;border:2px solid var(--bleu);background:#fff;display:grid;grid-template-columns:96px 1fr;gap:20px;padding:20px;transition:box-shadow .2s,transform .2s}
.carte:hover{box-shadow:0 6px 0 0 var(--rouge);transform:translateY(-2px)}
.carte .corps{display:flex;flex-direction:column;gap:10px;min-width:0}
.carte h2,.carte h3{font-size:28px}
.carte h2 a,.carte h3 a{color:var(--bleu);text-decoration:none}
.carte h2 a::after,.carte h3 a::after{content:"";position:absolute;inset:0}
.carte:hover h2 a,.carte:hover h3 a{color:var(--rouge)}
.carte .meta{margin:0;font-size:16px;font-weight:600}
.carte .acc{margin:0;font-size:17px}
.carte .catn{font-size:14px;color:var(--rouge)}
.pj{margin:4px 0 0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:8px 18px}
.pj li{display:flex;align-items:center;gap:6px;font-size:15px;color:var(--bleu)}
.aussi{position:relative;z-index:1;margin:4px 0 0;padding-top:10px;border-top:1px solid var(--n200);font-size:15px}
.aussi a{font-weight:600}
.vignette{width:96px;height:96px;background:var(--n100);color:var(--bleu);display:flex;align-items:center;justify-content:center;font-family:var(--f-titre);font-weight:700;font-size:34px;overflow:hidden}
.vignette img{width:100%;height:100%;object-fit:contain;background:#fff;padding:6px}
.vide-msg{border:2px solid var(--bleu);padding:32px;display:flex;flex-direction:column;gap:10px;align-items:flex-start}
.vide-msg .ttl{font-size:28px;color:var(--bleu)}
.vide-msg p{margin:0;font-size:18px}
.autres{display:flex;flex-direction:column;gap:14px;border-top:6px solid var(--bleu);padding-top:20px;margin-top:24px}
.autres h2{color:var(--bleu);font-size:28px}
.autres ul{margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:10px}
.autres a{display:flex;align-items:center;min-height:44px;padding:8px 14px;border:2px solid var(--bleu);text-decoration:none;color:var(--bleu);font-family:var(--f-titre);font-weight:700;font-size:18px;text-transform:uppercase}
.autres a:hover{background:var(--bleu);color:#fff}

/* Recherche */
.rech-hero{background:var(--bleu);color:#fff;padding:40px var(--gut);display:flex;flex-direction:column;gap:24px}
.rech-hero h1{font-size:56px;line-height:.95}
.rech-hero .recherche{padding:0}
.res-t{font-family:var(--f-titre);font-weight:700;font-size:30px;text-transform:uppercase;color:var(--bleu);margin:0}

/* Fiche */
.id{background:var(--bleu);color:#fff;padding:48px var(--gut);display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:32px 40px;align-items:center}
.id .logo{width:160px;height:160px;background:#fff;color:var(--bleu);display:flex;align-items:center;justify-content:center;font-family:var(--f-titre);font-weight:700;font-size:56px;overflow:hidden}
.id .logo img{width:100%;height:100%;object-fit:contain;padding:14px}
.id .mid{display:flex;flex-direction:column;gap:14px;min-width:0}
.id h1{font-size:clamp(48px,7vw,96px);line-height:.9;overflow-wrap:anywhere}
.id .acc{margin:0;font-size:20px;line-height:1.45;max-width:70ch}
.id dl{margin:6px 0 0;display:flex;flex-wrap:wrap;row-gap:12px;font-size:17px}
.id dl div{display:flex;flex-direction:column;gap:2px;padding:0 20px;border-left:1px solid #fff}
.id dl div:first-child{padding-left:0;border-left:0}
.id dt{font-family:var(--f-inter);font-weight:600;font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.72)}
.id dd{margin:0;font-weight:600}
.id .act{display:flex;flex-direction:column;gap:12px;align-self:start;font-size:15px;max-width:260px}
.id .act a{color:#fff;font-weight:600}
.id .act a.btn{color:var(--bleu);align-self:flex-start}
@media (max-width:900px){.id{grid-template-columns:1fr}.id .logo{width:120px;height:120px;font-size:44px}.id .act{max-width:none}}
.fiche-grille{display:grid;grid-template-columns:220px minmax(0,1fr);gap:0 48px;padding:0 var(--gut);align-items:start}
.onglets{position:sticky;top:24px;margin-top:48px;display:flex;flex-direction:column;border-top:2px solid var(--bleu)}
.onglets button{text-align:left;min-height:52px;padding:12px 14px 12px 16px;border:0;border-bottom:1px solid var(--n200);border-left:6px solid transparent;background:#fff;color:var(--bleu);font-family:var(--f-titre);font-weight:700;font-size:20px;letter-spacing:.02em;text-transform:uppercase;cursor:pointer}
.onglets button:hover{background:var(--n50)}
.onglets button[aria-selected="true"]{border-left-color:var(--rouge);background:var(--n50)}
@media (max-width:900px){.fiche-grille{grid-template-columns:1fr}.onglets{position:static;flex-direction:row;flex-wrap:wrap;margin-top:24px}.onglets button{border-left:0;border-bottom:4px solid transparent;flex:1 1 auto}.onglets button[aria-selected="true"]{border-bottom-color:var(--rouge)}}
.panneau{min-width:0;padding:48px 0 64px}
.synth{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(440px,100%),1fr));gap:48px 56px}
.col{display:flex;flex-direction:column;gap:48px}
.bloc{display:flex;flex-direction:column;gap:14px}
.bloc h2{color:var(--bleu);font-size:36px;border-bottom:6px solid var(--bleu);padding-bottom:8px}
.bloc p{margin:0;font-size:19px;line-height:1.65}
.citation{margin:0;padding:0 0 0 24px;border-left:6px solid var(--rouge);font-family:var(--f-titre);font-weight:600;font-size:28px;line-height:1.2;color:var(--violet)}
.chiffres{margin:0;display:grid;grid-template-columns:1fr 1fr;gap:0 16px}
.chiffres div{display:flex;flex-direction:column-reverse;justify-content:flex-end;gap:6px;padding:18px 0;border-bottom:1px solid var(--bleu)}
.chiffres dt{font-size:16px;line-height:1.4}
.chiffres dd{margin:0;font-family:var(--f-titre);font-weight:700;font-size:56px;line-height:.95;color:var(--bleu)}
@media (max-width:520px){.chiffres{grid-template-columns:1fr}.chiffres dd{font-size:48px}}
.partenaires{margin:0;padding:0;list-style:none;display:flex;flex-direction:column}
.partenaires li{display:flex;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid var(--n200);font-size:17px}
.partenaires li span:first-child{font-weight:600}
.partenaires li span:last-child{color:var(--n600);text-align:right}
@media (max-width:520px){.partenaires li{flex-direction:column;gap:2px}.partenaires li span:last-child{text-align:left}}
.encart{border:2px solid var(--bleu);background:var(--n50);padding:16px 20px;font-size:16px;display:flex;flex-direction:column;gap:6px}
.encart b{font-family:var(--f-inter);font-weight:600;letter-spacing:.1em;text-transform:uppercase;font-size:14px;color:var(--bleu)}
.pdf-barre{background:var(--bleu);color:#fff;display:flex;justify-content:space-between;align-items:center;gap:12px 20px;flex-wrap:wrap;padding:12px 20px;font-size:16px}
.pdf-barre a{color:#fff;display:inline-flex;align-items:center;gap:6px}
.pdf-barre .liens{display:flex;gap:20px;flex-wrap:wrap}
.pdf-cadre{display:block;width:100%;height:min(88vh,1100px);border:2px solid var(--bleu);border-top:0;background:var(--n100)}
.anx{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(440px,100%),1fr));gap:40px;align-items:start}
.anx h2{color:var(--bleu);font-size:32px;border-bottom:6px solid var(--bleu);padding-bottom:8px}
.video{margin:0;display:flex;flex-direction:column;gap:8px}
.video video,.video iframe,.video .yt{width:100%;aspect-ratio:16/9;background:var(--bleu);border:0;display:block}
.video.vertical video{aspect-ratio:9/16;max-height:640px;width:auto;max-width:100%;margin:0 auto;background:#000}
.video figcaption{font-size:16px}
.yt{position:relative;cursor:pointer;color:#fff;display:flex!important;align-items:center;justify-content:center;flex-direction:column;gap:12px;background-size:cover;background-position:center;border:0;padding:0;font:inherit}
.yt::before{content:"";position:absolute;inset:0;background:rgba(47,36,131,.55)}
.yt span{position:relative;display:flex;align-items:center;justify-content:center}
.yt .play{width:72px;height:72px;border:3px solid #fff;font-size:32px}
.yt:hover .play{background:var(--rouge);border-color:var(--rouge)}
.yt .lbl{font-size:15px}
.galerie{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:8px}
.galerie a{display:flex;flex-direction:column;gap:6px;text-decoration:none;color:var(--n900);font-size:14px}
.galerie img{width:100%;aspect-ratio:4/3;object-fit:contain;background:var(--n100);border:1px solid var(--n200)}
.docs{margin:0;padding:0;list-style:none;display:flex;flex-direction:column}
.docs li{display:flex;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid var(--n200);font-size:17px;color:var(--bleu)}
.docs li a{flex:1}
.docs .k{font-size:14px;color:var(--n600);font-family:var(--f-inter);font-weight:600;text-transform:uppercase;letter-spacing:.08em;white-space:nowrap}
.pagin{display:grid;grid-template-columns:1fr 1fr;border-top:6px solid var(--bleu)}
.pagin a,.pagin span{padding:28px var(--gut);display:flex;gap:16px;align-items:center;min-width:0}
.pagin a{text-decoration:none;color:var(--bleu)}
.pagin a:hover{background:var(--bleu);color:#fff}
.pagin .g{border-right:1px solid var(--n200)}
.pagin .d{justify-content:flex-end;text-align:right}
.pagin span{color:var(--n600);font-size:17px}
.pagin .lab{display:flex;flex-direction:column;gap:4px;min-width:0}
.pagin .lab small{font-family:var(--f-inter);font-weight:600;font-size:14px;letter-spacing:.12em;text-transform:uppercase}
.pagin .lab strong{font-family:var(--f-titre);font-weight:700;font-size:28px;text-transform:uppercase;line-height:1;overflow-wrap:anywhere}
.pagin .ico{font-size:28px}
@media (max-width:620px){.pagin .lab strong{font-size:20px}}

/* Impression */
.print-wrap{background:var(--n100);padding:32px 20px 64px;display:flex;flex-direction:column;align-items:center;gap:20px}
.print-bar{width:100%;max-width:820px;display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}
.print-bar a{display:flex;align-items:center;gap:8px;font-weight:600}
.feuille{width:100%;max-width:820px;background:#fff;padding:48px 56px;display:flex;flex-direction:column;gap:24px;color:var(--n900)}
.feuille header{display:flex;justify-content:space-between;align-items:center;border-bottom:6px solid var(--bleu);padding-bottom:16px}
.feuille header img{height:60px}
.feuille h1{font-size:52px;line-height:.9;color:var(--bleu)}
.feuille h2{font-family:var(--f-titre);font-weight:700;font-size:20px;text-transform:uppercase;color:var(--bleu);margin:0 0 6px}
.feuille p,.feuille li{font-size:13px;line-height:1.55;margin:0}
.feuille .idm{margin:0;display:grid;grid-template-columns:repeat(4,1fr);gap:12px;border-top:1px solid var(--bleu);border-bottom:1px solid var(--bleu);padding:12px 0;font-size:13px}
.feuille .idm dt{color:var(--n600)} .feuille .idm dd{margin:0;font-weight:700}
.feuille .kc{margin:0;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.feuille .kc div{display:flex;flex-direction:column-reverse;justify-content:flex-end;gap:4px;border-top:2px solid var(--bleu);padding-top:8px}
.feuille .kc dt{font-size:12px;line-height:1.35} .feuille .kc dd{margin:0;font-family:var(--f-titre);font-weight:700;font-size:30px;line-height:1;color:var(--bleu)}
.feuille .deux{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.feuille footer{border-top:1px solid var(--n200);padding-top:10px;display:flex;justify-content:space-between;gap:12px;font-size:11px;color:var(--n600)}
@media (max-width:700px){.feuille{padding:28px 20px}.feuille .idm,.feuille .kc{grid-template-columns:1fr 1fr}.feuille .deux{grid-template-columns:1fr}}

.pied{background:var(--bleu);color:#fff;padding:28px var(--gut);display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;font-size:15px}
.pied a{color:#fff}

@media print{
  @page{margin:12mm}
  body{background:#fff}
  [data-noprint]{display:none!important}
  .print-wrap{background:#fff;padding:0}
  .feuille{max-width:none;padding:0}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

/* Fiche : texte intégral + colonne annexes */
.lecture{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(300px,1fr);gap:48px 56px;align-items:start}
@media (max-width:1100px){.lecture{grid-template-columns:1fr}}
.col-texte{display:flex;flex-direction:column;gap:40px;max-width:78ch}
.texte p{margin:0 0 10px;font-size:18px;line-height:1.65}
.texte p:last-child{margin-bottom:0}
.texte h3{margin:22px 0 8px;font-family:var(--f-inter);font-weight:700;font-size:20px;line-height:1.25;color:var(--violet)}
.texte h2+h3{margin-top:4px}
.texte ul{margin:0 0 14px;padding-left:22px}
.texte li{font-size:18px;line-height:1.6;margin-bottom:6px}
.texte li::marker{color:var(--rouge)}
.source{margin:0;font-size:15px;color:var(--n600);border-top:1px solid var(--n200);padding-top:14px}
.vide-txt{color:var(--n600);font-style:italic}
.col-annexes{position:sticky;top:24px;display:flex;flex-direction:column;gap:22px;background:var(--n50);border-top:6px solid var(--bleu);padding:22px 22px 26px;max-height:calc(100vh - 48px);overflow:auto}
@media (max-width:1100px){.col-annexes{position:static;max-height:none}}
.col-annexes h2{color:var(--bleu);font-size:32px}
.bloc-anx{display:flex;flex-direction:column;gap:12px}
.bloc-anx h3{margin:0;font-family:var(--f-inter);font-weight:700;font-size:15px;letter-spacing:.1em;text-transform:uppercase;color:var(--rouge)}
.col-annexes .video{gap:6px}
.col-annexes .video figcaption{font-size:15px}
.col-annexes .video.vertical video{max-height:420px}
.col-annexes .galerie{grid-template-columns:repeat(auto-fill,minmax(110px,1fr))}
.col-annexes .galerie span{font-size:13px}
.col-annexes .docs li{font-size:16px;align-items:flex-start}
.col-annexes .docs .k{font-size:12px}
.feuille .txt-print h3{font-family:var(--f-inter);font-size:14px;margin:10px 0 4px;color:var(--violet)}
.feuille .txt-print p{margin:0 0 6px}
.feuille .txt-print ul{margin:0 0 6px;padding-left:18px}