/* SEEDA · plateforme scientifique et documentaire sur le Sahel · feuille commune */
:root{--bleu:#17A0D8;--clair:#4FC3F0;--fonce:#0E6FA3;--marine:#083A57;--nuit:#062F47;--ciel:#F3FAFE;--encre:#101F2C;--doux:#54718A;--or:#C9A24B;--ligne:#DCEDF7;--blanc:#FFFFFF}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:'Public Sans',sans-serif;color:var(--encre);line-height:1.65;background-color:#F7FCFF;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='34' height='34'%3E%3Cpath d='M17 5 29 17 17 29 5 17Z' fill='none' stroke='%2317A0D8' stroke-opacity='.05'/%3E%3C/svg%3E")}
img{display:block;max-width:100%;height:auto}
a{text-decoration:none;color:inherit}
.cadre{max-width:1180px;margin:0 auto;padding:0 16px}
h1.titre,h2.titre,h3.titre,h4.titre{font-family:'Newsreader',serif;color:var(--encre);line-height:1.22}
.meta{font-size:.74rem;color:var(--doux)}
.lire{color:var(--fonce);font-weight:800;font-size:.78rem}
.lire:hover{color:var(--bleu)}
:focus-visible{outline:3px solid var(--bleu);outline-offset:2px;border-radius:4px}
svg.ic{flex:none;vertical-align:-3px}

/* ---------- Barre supérieure (date · heure) ---------- */
.topbar{background:var(--nuit);color:#CFE6F4;font-size:.72rem;font-weight:600}
.topbar .cadre{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:7px;padding-bottom:7px}
.topbar .gauche{display:flex;align-items:center;gap:8px;white-space:nowrap}
.topbar .droite{color:#9FC6DD;font-family:'Newsreader',serif;font-style:italic;font-size:.78rem}

/* ---------- Masthead : le logo d'abord, en grand ---------- */
.masthead{background:var(--blanc);padding:18px 0;border-bottom:1px solid var(--ligne);position:relative;overflow:hidden}
.afrique{position:absolute;right:1%;top:-24%;height:150%;fill:var(--bleu);opacity:.07;pointer-events:none}
.masthead .cadre{display:flex;align-items:center;justify-content:space-between;gap:22px;flex-wrap:wrap;position:relative;z-index:1}
.logo-lien{display:flex;flex-direction:column;align-items:flex-start;gap:4px}
.logo-img{height:124px;width:auto}
.logo-sous{font-family:'Newsreader',serif;font-style:italic;font-weight:700;color:#ED7D1F;font-size:1.12rem;letter-spacing:.05em;line-height:1;padding-left:4px}
.pub{flex:1;min-width:260px;max-width:560px;background:var(--bleu);color:#fff;border-radius:10px;padding:12px 18px;display:flex;align-items:center;justify-content:space-between;gap:14px;box-shadow:0 10px 26px rgba(23,160,216,.28)}
.pub b{font-size:.95rem;letter-spacing:.06em;white-space:nowrap;display:flex;align-items:center;gap:9px}
.pub small{font-size:.7rem;text-align:right}

/* ---------- Navigation ---------- */
.navbar{background:var(--bleu);position:sticky;top:0;z-index:60;box-shadow:0 6px 20px rgba(8,58,87,.25)}
.navbar .cadre{display:flex;align-items:stretch;gap:0;overflow-x:auto;scrollbar-width:none}
.navbar .cadre::-webkit-scrollbar{display:none}
.navbar a{color:#fff;font-weight:800;font-size:.76rem;padding:14px 12px;white-space:nowrap;letter-spacing:.03em}
.navbar a:hover,.navbar a.actif{background:rgba(255,255,255,.16)}
.navbar .journal{margin-left:auto;background:var(--nuit);padding:14px 18px;display:flex;align-items:center;gap:8px}
.burger{display:none;background:none;border:1.6px solid rgba(255,255,255,.6);color:#fff;border-radius:9px;padding:6px 11px;cursor:pointer;margin:7px 0 7px 8px;line-height:0}
#menu-mob{display:none;background:var(--nuit)}
#menu-mob a{display:flex;align-items:center;gap:11px;padding:13px 20px;color:#E8F5FC;border-bottom:1px solid #0F5175;font-weight:700;font-size:.86rem}
#menu-mob a svg{color:var(--clair)}

/* ---------- Fil d'actualité ---------- */
.fil{background:var(--blanc);border-bottom:1px solid var(--ligne);overflow:hidden;white-space:nowrap;font-size:.8rem}
.fil>div{display:inline-block;padding:10px 0;animation:defile 32s linear infinite}

/* ---------- Bandeau institutionnel (accueil) ---------- */
.heroi{position:relative;overflow:hidden;background:linear-gradient(120deg,#062F47,#0B4E75,#062F47);background-size:220% 220%;animation:fondM 18s ease infinite;color:#fff;border-bottom:5px solid var(--or)}
.heroi::before{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Ccircle cx='12' cy='12' r='1' fill='%23C9A24B' fill-opacity='.13'/%3E%3C/svg%3E");z-index:1;pointer-events:none}
.heroi .afrique{fill:#fff;opacity:.06;height:170%;top:-30%;z-index:1}
.heros-fond{position:absolute;inset:0;z-index:0}
.heros-fond img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;animation:kenb 30s linear infinite;filter:saturate(.8)}
.heros-fond::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,rgba(6,47,71,.95),rgba(8,58,87,.82))}
.heroi .cadre{position:relative;z-index:2;display:grid;grid-template-columns:1.55fr .9fr;gap:36px;align-items:center;padding-top:48px;padding-bottom:48px}
.surtitre{display:inline-block;font-size:.68rem;font-weight:800;letter-spacing:.22em;color:var(--or);border:1px solid rgba(201,162,75,.55);border-radius:999px;padding:6px 14px;margin-bottom:16px;background:rgba(6,47,71,.35)}
.heroi h1{font-family:'Newsreader',serif;font-weight:700;font-size:clamp(1.9rem,4.2vw,3rem);line-height:1.14;color:#fff}
.heroi .accroche{margin:14px 0 22px;color:#CFE6F4;font-size:.98rem;max-width:56ch}
.btns{display:flex;gap:12px;flex-wrap:wrap}
.bta{display:inline-flex;align-items:center;gap:9px;background:var(--bleu);color:#fff;font-weight:800;font-size:.84rem;padding:12px 20px;border-radius:10px;box-shadow:0 12px 28px rgba(23,160,216,.35)}
.bta:hover{background:var(--clair)}
.btb{display:inline-flex;align-items:center;gap:9px;background:rgba(255,255,255,.08);border:1.6px solid rgba(255,255,255,.5);color:#fff;font-weight:800;font-size:.84rem;padding:12px 20px;border-radius:10px}
.btb:hover{background:rgba(255,255,255,.16)}
.chiffres{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:14px;margin-top:30px;border-top:1px solid rgba(255,255,255,.18);padding-top:20px}
.chiffres b{display:block;font-family:'Newsreader',serif;font-size:1.7rem;color:var(--or);line-height:1}
.chiffres span{font-size:.7rem;color:#BFDDF0;letter-spacing:.04em}
.carte-fond{background:var(--blanc);border-radius:14px;padding:12px 12px 18px;box-shadow:0 26px 60px rgba(3,24,38,.45);color:var(--encre);max-width:330px;justify-self:end}
.carte-fond img{width:100%;border-radius:8px;filter:grayscale(1)}
.carte-fond .filet{height:3px;background:var(--or);width:56px;margin:14px 0 10px}
.carte-fond b{font-family:'Newsreader',serif;font-size:1.1rem;display:block;line-height:1.25}
.carte-fond p{font-size:.76rem;color:var(--doux);margin:4px 0 10px}

/* ---------- Titres de section ---------- */
.sect-titre{display:flex;align-items:center;gap:0;margin:34px 0 16px;border-bottom:3px solid #DCEFF9}
.sect-titre h2{font-size:1rem;letter-spacing:.05em;color:var(--marine);border-bottom:3px solid var(--bleu);padding-bottom:8px;margin-bottom:-3px;text-transform:uppercase;font-weight:800}
.sect-titre .plus{margin-left:auto;padding-bottom:8px}

/* ---------- Pôles & axes (accueil) ---------- */
.poles{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}
.pole{background:var(--blanc);border:1px solid var(--ligne);border-radius:14px;padding:20px;transition:transform .3s,box-shadow .3s;position:relative}
.pole:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(14,111,163,.15);border-color:#BFE4F6}
.pole .ic-rond{width:46px;height:46px;border-radius:12px;background:var(--ciel);border:1px solid #CBE7F6;display:flex;align-items:center;justify-content:center;color:var(--fonce)}
.pole b{font-family:'Newsreader',serif;font-size:1.06rem;display:block;margin:12px 0 6px;color:var(--marine)}
.pole p{font-size:.8rem;color:var(--doux)}
.pole .fl{position:absolute;right:14px;top:20px;color:var(--bleu)}
.axes{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:12px}
.axe{display:flex;align-items:center;gap:14px;background:var(--blanc);border:1px solid var(--ligne);border-left:4px solid var(--or);border-radius:10px;padding:13px 16px;transition:background .25s,transform .25s}
.axe:hover{background:var(--ciel);transform:translateX(4px)}
.axe .num{font-family:'Newsreader',serif;font-weight:700;font-size:1.15rem;color:var(--fonce);min-width:30px}
.axe b{font-size:.87rem;color:var(--encre)}
.axe small{display:block;font-size:.7rem;color:var(--doux);font-weight:400}

/* ---------- Bloc fondateur (accueil) + fiche fondateur ---------- */
.bloc-fond{display:grid;grid-template-columns:280px 1fr;gap:30px;align-items:start;background:var(--blanc);border:1px solid var(--ligne);border-radius:16px;padding:26px;box-shadow:0 14px 40px rgba(8,58,87,.08)}
.photo-cadre{background:#fff;border:1px solid var(--ligne);padding:10px 10px 24px;box-shadow:0 16px 36px rgba(8,58,87,.16)}
.photo-cadre img{width:100%;height:auto;filter:grayscale(1)}
.bloc-fond h3{font-family:'Newsreader',serif;font-size:1.5rem;color:var(--marine)}
.bloc-fond .role{color:var(--fonce);font-weight:700;font-size:.84rem;margin:4px 0 12px}
.bloc-fond p{font-size:.9rem;margin-bottom:10px}
.gr-fond{display:grid;grid-template-columns:300px 1fr;gap:34px;align-items:start;padding-top:30px}
.lig-ic{display:flex;align-items:flex-start;gap:9px;margin-top:7px;font-size:.82rem;color:var(--doux)}
.lig-ic svg{color:var(--fonce);margin-top:2px}

/* ---------- Cartes d'articles (analyses) ---------- */
.g3{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}
.carte-a{border:1px solid var(--ligne);border-radius:12px;background:var(--blanc);transition:transform .3s,box-shadow .3s;overflow:hidden}
.carte-a img{width:100%;height:150px;object-fit:cover;pointer-events:none}
.carte-a .inf{padding:12px 14px}
.carte-a:hover{transform:translateY(-4px);box-shadow:0 16px 36px rgba(14,111,163,.16)}
.carte-a h3:hover{color:var(--fonce)}
.rub{display:inline-block;color:var(--fonce);font-size:.64rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.rub::after{content:" ·";color:#B8D8EA}

/* ---------- Carrousel + onglets (analyses) ---------- */
.grille-p{display:grid;grid-template-columns:1.9fr 1fr;gap:22px;margin-top:22px}
.carrousel{position:relative;border-radius:14px;overflow:hidden;background:var(--blanc);box-shadow:0 16px 40px rgba(8,58,87,.14)}
.carrousel img{width:100%;height:430px;object-fit:cover;pointer-events:none}
.carrousel .voile{position:absolute;left:0;right:0;bottom:0;padding:60px 20px 18px;background:linear-gradient(180deg,transparent,rgba(8,58,87,.9));color:#fff}
.carrousel .voile h1{font-size:clamp(1.2rem,3vw,1.8rem);line-height:1.2;color:#fff}
.carrousel .fl{position:absolute;top:10px;right:10px;display:flex;gap:6px}
.carrousel .fl button{width:34px;height:34px;border:none;border-radius:8px;background:rgba(255,255,255,.9);color:var(--marine);font-weight:800;cursor:pointer}
.onglets{background:var(--blanc);border-radius:14px;box-shadow:0 12px 30px rgba(8,58,87,.1);overflow:hidden}
.onglets .tetes{display:flex;border-bottom:1px solid #E6F2FA}
.onglets .tetes button{flex:1;border:none;background:none;padding:12px 6px;font-weight:800;font-size:.72rem;letter-spacing:.04em;color:var(--doux);cursor:pointer;border-bottom:3px solid transparent}
.onglets .tetes button.actif{color:var(--fonce);border-bottom-color:var(--bleu)}
.item{display:flex;gap:10px;padding:10px 12px;border-bottom:1px solid #F0F7FC}
.item img{width:76px;height:58px;object-fit:cover;border-radius:8px;flex:none;pointer-events:none}
.item h4{font-family:'Newsreader',serif;font-size:.9rem;line-height:1.25}
.item h4:hover{color:var(--fonce)}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chip{background:var(--ciel);border:1px solid #CBE7F6;color:var(--fonce);font-size:.72rem;font-weight:700;border-radius:999px;padding:6px 13px}
a.chip:hover{background:var(--bleu);color:#fff;border-color:var(--bleu)}

/* ---------- Entête interne des pages ---------- */
.entete-page{background:linear-gradient(120deg,var(--nuit),#0B4E75);color:#fff;padding:34px 0 30px;position:relative;overflow:hidden;border-bottom:4px solid var(--or)}
.entete-page::before{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Ccircle cx='12' cy='12' r='1' fill='%23C9A24B' fill-opacity='.13'/%3E%3C/svg%3E");pointer-events:none}
.entete-page .afrique{fill:#fff;opacity:.06}
.entete-page .cadre{position:relative;z-index:1}
.entete-page h1{font-family:'Newsreader',serif;font-size:clamp(1.5rem,3.4vw,2.3rem);color:#fff}
.entete-page p{color:#CFE6F4;font-size:.9rem;max-width:70ch;margin-top:8px}

/* ---------- Publications ---------- */
.filtres{background:var(--blanc);border:1px solid var(--ligne);border-radius:14px;padding:16px;margin:22px 0 8px;display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;box-shadow:0 10px 26px rgba(8,58,87,.06)}
.filtres label{font-size:.66rem;font-weight:800;letter-spacing:.08em;color:var(--doux);text-transform:uppercase;display:block;margin-bottom:4px}
.filtres select,.filtres input{width:100%;padding:9px 10px;border:1.5px solid var(--ligne);border-radius:9px;font-family:inherit;font-size:.84rem;background:#fff;color:var(--encre)}
.compteur{font-size:.76rem;color:var(--doux);margin:10px 2px 16px}
.gpub{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}
.pubc{background:var(--blanc);border:1px solid var(--ligne);border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:8px;transition:transform .25s,box-shadow .25s}
.pubc:hover{transform:translateY(-3px);box-shadow:0 14px 32px rgba(14,111,163,.13)}
.cote{align-self:flex-start;font-size:.6rem;letter-spacing:.12em;font-weight:800;color:var(--fonce);background:var(--ciel);border:1px solid #CBE7F6;border-left:3px solid var(--or);padding:3px 9px;border-radius:4px}
.pubc h3{font-family:'Newsreader',serif;font-size:1rem;line-height:1.3}
.pubc .refb{font-size:.78rem;color:var(--doux)}
.pubc .resm{font-size:.82rem;color:var(--encre);background:var(--ciel);border-radius:8px;padding:8px 10px}
.pubc img.couvp{width:110px;border-radius:6px;box-shadow:0 8px 20px rgba(8,58,87,.2);pointer-events:none}
.badges{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto}
.badges span{font-size:.64rem;font-weight:700;border-radius:999px;padding:3px 10px;background:#EDF7FD;color:var(--fonce);border:1px solid #CBE7F6}
.badges .bd-en{background:#FBF4E4;border-color:#E8D6A8;color:#8A6A1F}
.badges .bd-ved{background:var(--or);border-color:var(--or);color:#fff}
.badges .bd-px{background:var(--marine);border-color:var(--marine);color:#fff}
.dl{display:inline-flex;align-items:center;gap:8px;background:var(--fonce);color:#fff;font-weight:800;font-size:.76rem;border-radius:9px;padding:9px 14px;margin-top:6px;border:none;cursor:pointer;font-family:inherit}
.dl:hover{background:var(--bleu)}
.dl.or{background:var(--or)}
.dl.or:hover{background:#B58F3B}
.dl.clair{background:var(--ciel);color:var(--fonce);border:1px solid #CBE7F6}
.dl.clair:hover{background:#E2F2FB}
.verrou{display:flex;align-items:center;gap:8px;font-size:.74rem;color:var(--doux);margin-top:6px}

/* ---------- Journal (style ONEP) ---------- */
.manchette{background:var(--blanc);border:3px solid var(--nuit);border-radius:10px;overflow:hidden;margin-top:24px;box-shadow:0 18px 44px rgba(8,58,87,.14)}
.manchette .haut{display:grid;grid-template-columns:auto 1fr;gap:0;align-items:stretch}
.manchette .encart{border-right:3px solid var(--nuit);padding:12px 16px;font-size:.72rem;display:flex;flex-direction:column;justify-content:center;gap:3px;min-width:170px}
.manchette .encart img{height:36px;width:auto}
.manchette .centre{padding:12px 18px 10px;text-align:center}
.manchette .centre .slog{font-family:'Newsreader',serif;font-style:italic;font-weight:700;font-size:1.05rem;color:var(--encre)}
.manchette .centre img{max-width:340px;margin:4px auto 2px}
.manchette .centre .rc{font-size:.72rem;font-weight:800;color:var(--encre);letter-spacing:.03em}
.manchette .bande{background:var(--nuit);color:#fff;text-align:center;font-weight:800;font-size:.8rem;letter-spacing:.06em;padding:8px 10px}
.une-jour{display:grid;grid-template-columns:320px 1fr;gap:30px;align-items:start;margin-top:26px}
.couv-onep{background:#fff;padding:10px;border:1px solid var(--ligne);box-shadow:0 26px 60px rgba(8,58,87,.28);border-radius:6px}
.couv-onep img{width:100%;pointer-events:none}
.numk{background:var(--blanc);border:1px solid var(--ligne);border-radius:12px;padding:12px;text-align:center;transition:transform .25s,box-shadow .25s}
.numk:hover{transform:translateY(-4px);box-shadow:0 16px 36px rgba(14,111,163,.15)}
.numk img{width:100%;border-radius:6px;box-shadow:0 10px 24px rgba(8,58,87,.18);margin-bottom:10px;pointer-events:none}
.numk b{font-family:'Newsreader',serif;color:var(--marine)}
.gnum{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:16px}
.ours{background:var(--blanc);border:1px solid var(--ligne);border-radius:14px;padding:20px;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}
.ours b{font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;color:var(--fonce);display:block}
.ours p{font-size:.84rem}
.tarif{display:flex;flex-wrap:wrap;gap:10px}
.tarif span{background:var(--ciel);border:1px solid #CBE7F6;border-radius:999px;padding:7px 15px;font-weight:800;font-size:.78rem;color:var(--fonce)}

/* ---------- Boutique ---------- */
.gprod{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px}
.pk{background:var(--blanc);border:1px solid var(--ligne);border-radius:12px;overflow:hidden;transition:transform .25s,box-shadow .25s}
.pk:hover{transform:translateY(-4px);box-shadow:0 16px 36px rgba(14,111,163,.15)}
.pk img{width:100%;height:170px;object-fit:cover;pointer-events:none}
.pk .inf{padding:12px 14px}
.pk .px{font-family:'Newsreader',serif;font-weight:700;color:var(--fonce);font-size:1.1rem;margin:6px 0 10px}
.cmd{display:inline-flex;align-items:center;gap:8px;background:var(--marine);color:#fff;font-weight:800;font-size:.76rem;border-radius:9px;padding:9px 14px;border:none;cursor:pointer;font-family:inherit}
.cmd:hover{background:var(--bleu)}

/* ---------- Article ---------- */
.chapo{font-family:'Newsreader',serif;font-style:italic;font-size:1.08rem;color:var(--fonce);border-left:3px solid var(--or);padding-left:14px;margin:14px 0}
.corps{margin-top:16px;font-size:.95rem}
.corps p{white-space:pre-line;margin-bottom:14px}

/* ---------- Fiches génériques / états vides ---------- */
.fiche{background:var(--blanc);border:1px solid var(--ligne);border-radius:12px;padding:16px}
.vide-msg{border:1.6px dashed var(--bleu);border-radius:14px;padding:26px;text-align:center;color:var(--fonce);background:#F4FBFF;font-size:.88rem}
.gres{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}
.resc{background:var(--blanc);border:1px solid var(--ligne);border-radius:12px;overflow:hidden;display:flex;flex-direction:column;transition:transform .25s,box-shadow .25s}
.resc:hover{transform:translateY(-3px);box-shadow:0 14px 32px rgba(14,111,163,.13)}
.resc img{width:100%;height:150px;object-fit:cover;pointer-events:none}
.resc .tuile{height:110px;display:flex;align-items:center;justify-content:center;color:var(--fonce);background:linear-gradient(120deg,var(--ciel),#DFF2FC)}
.resc .inf{padding:13px 14px;display:flex;flex-direction:column;gap:7px;flex:1}
.acti{background:var(--blanc);border:1px solid var(--ligne);border-radius:12px;padding:16px;display:grid;grid-template-columns:120px 1fr;gap:16px;align-items:start}
.acti.sans-img{grid-template-columns:1fr}
.acti img{width:100%;border-radius:8px;pointer-events:none}
.jalons{border-left:3px solid var(--or);padding-left:20px;display:grid;gap:16px}
.jalon b{font-family:'Newsreader',serif;color:var(--marine);font-size:1rem}
.jalon .an{display:inline-block;background:var(--ciel);border:1px solid #CBE7F6;color:var(--fonce);font-weight:800;font-size:.7rem;border-radius:6px;padding:2px 9px;margin-right:8px}
.eq{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}
.eq>div{background:var(--blanc);border:1px solid var(--ligne);border-radius:12px;padding:14px}

/* ---------- Modale paiement & code d'accès ---------- */
.voile-modal{display:none;position:fixed;inset:0;background:rgba(6,29,44,.62);z-index:200;padding:18px;overflow-y:auto}
.voile-modal.ouvert{display:flex;align-items:flex-start;justify-content:center}
.modal{background:#fff;border-radius:16px;max-width:560px;width:100%;margin:4vh auto;padding:24px;position:relative;box-shadow:0 40px 90px rgba(3,24,38,.5);border-top:5px solid var(--or)}
.m-fermer{position:absolute;top:12px;right:12px;background:var(--ciel);border:1px solid #CBE7F6;border-radius:9px;color:var(--fonce);padding:7px;cursor:pointer;line-height:0}
.m-fermer:hover{background:#E2F2FB}
.modal h3{font-family:'Newsreader',serif;font-size:1.25rem;color:var(--marine);padding-right:36px}
.m-ssti{font-size:.8rem;color:var(--doux);margin:4px 0 14px}
.m-onglets{display:flex;gap:8px;margin-bottom:16px}
.m-onglets button{flex:1;border:1.6px solid var(--ligne);background:#fff;border-radius:10px;padding:10px 8px;font-weight:800;font-size:.74rem;color:var(--doux);cursor:pointer;font-family:inherit;display:flex;align-items:center;justify-content:center;gap:7px}
.m-onglets button.actif{border-color:var(--bleu);color:var(--fonce);background:var(--ciel)}
.m-note{font-size:.8rem;color:var(--doux);background:var(--ciel);border-radius:9px;padding:10px 12px;margin-bottom:12px}
.moyens{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:9px;margin-bottom:14px}
.moyen{border:1.5px solid var(--ligne);border-radius:10px;padding:10px 12px;font-size:.78rem;display:flex;gap:10px;align-items:flex-start}
.moyen .past{flex:none;width:34px;height:34px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:.62rem;color:#fff;letter-spacing:.02em}
.past-nita{background:#1E4FA3}.past-amana{background:#2E8B57}.past-wave{background:#00B4E6}.past-banque{background:var(--marine)}
.logo-pay{width:42px;height:42px;object-fit:contain;background:#fff;border:1px solid var(--ligne);border-radius:9px;padding:3px;flex:none}
.pay-footer{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:6px}
.pay-footer img{width:36px;height:36px;object-fit:contain;background:#fff;border-radius:8px;padding:3px}
.pay-footer .past{width:36px;height:36px;border-radius:8px;font-size:.5rem;display:flex;align-items:center;justify-content:center;font-weight:800;color:#fff}
.moyen b{display:block;font-size:.76rem;color:var(--marine)}
.moyen span{color:var(--doux);word-break:break-word}
.m-form{display:grid;gap:9px}
.m-form input,.m-form select{width:100%;padding:10px 11px;border:1.5px solid var(--ligne);border-radius:9px;font-family:inherit;font-size:.86rem;background:#fff;color:var(--encre)}
.code-in{width:100%;padding:13px;border:1.8px solid var(--bleu);border-radius:10px;font-family:inherit;font-size:1.05rem;font-weight:800;letter-spacing:.14em;text-align:center;text-transform:uppercase;color:var(--marine)}
.m-etat{font-size:.8rem;margin-top:8px;font-weight:700}
.m-etat.ok{color:#1D7A46}.m-etat.err{color:#C0392B}
.m-resultat{margin-top:12px;border:1.6px solid #BFE4C8;background:#F1FBF4;border-radius:10px;padding:13px}
.m-resultat b{color:#1D7A46;display:flex;align-items:center;gap:8px;font-size:.86rem}

/* ---------- Visionneuse protégée (lecture.html) ---------- */
.lect-barre{position:sticky;top:0;z-index:50;background:var(--nuit);color:#fff;display:flex;align-items:center;gap:14px;padding:9px 14px}
.lect-barre img{height:34px;width:auto}
.lect-titre{font-family:'Newsreader',serif;font-size:.95rem;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#E8F5FC}
.lect-outils{display:flex;align-items:center;gap:8px}
.lect-outils button{width:32px;height:32px;border:none;border-radius:8px;background:rgba(255,255,255,.14);color:#fff;font-weight:800;font-size:1.05rem;cursor:pointer;line-height:0}
.lect-outils button:hover{background:var(--bleu)}
.lect-pct{font-size:.72rem;color:#CFE6F4;min-width:38px;text-align:center}
.lect-pages{font-size:.72rem;color:#9FC6DD}
.lect-zone{min-height:calc(100vh - 108px);background:#0B2536;padding:18px 8px 26px;display:flex;flex-direction:column;align-items:center;gap:14px}
.lect-zone canvas{max-width:100%;height:auto;box-shadow:0 14px 40px rgba(0,0,0,.5);border-radius:4px;background:#fff}
.lect-msg{color:#CFE6F4;font-size:.9rem;text-align:center;padding:46px 16px;max-width:60ch}
.lect-cadre{width:min(1100px,100%);height:calc(100vh - 128px);border:none;background:#fff;border-radius:6px}
.lect-pied{background:var(--nuit);color:#7FA8C0;font-size:.7rem;text-align:center;padding:10px 14px}
@media(max-width:600px){.lect-titre{display:none}}

/* ---------- Pied de page (structuré, lisible) ---------- */
footer{background:var(--nuit);color:#BFD9E8;margin-top:50px;border-top:4px solid var(--bleu)}
footer .colonnes{display:grid;gap:28px;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));padding:38px 0 26px}
footer h4{color:#fff;font-size:.78rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;margin-bottom:14px;position:relative;padding-bottom:9px}
footer h4::after{content:"";position:absolute;left:0;bottom:0;width:34px;height:3px;background:var(--or)}
footer p{font-size:.8rem;margin-bottom:6px}
footer .colonnes a{display:flex;align-items:center;gap:8px;font-size:.8rem;padding:4px 0;color:#BFD9E8}
footer .colonnes a svg{color:var(--clair)}
footer .colonnes a:hover{color:#fff}
footer .marque{font-family:'Baloo 2',cursive;font-weight:800;font-size:1.75rem;color:var(--bleu);line-height:1}
footer .slog{font-family:'Newsreader',serif;font-style:italic;color:#CFE6F4;border-bottom:2px solid var(--or);width:fit-content;padding-bottom:2px;margin:2px 0 12px;font-size:.85rem;display:block}
footer .lig-pied{display:flex;align-items:flex-start;gap:9px;font-size:.8rem;margin-bottom:7px}
footer .lig-pied svg{color:var(--clair);margin-top:3px;flex:none}
footer .fin{border-top:1px solid #12496B;padding:15px 0;text-align:center;font-size:.72rem;color:#7FA8C0}

/* ---------- Protections & divers ---------- */
.protege,.protege *{-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-touch-callout:none}
.protege input,.protege textarea,.protege select{-webkit-user-select:text;user-select:text}
@keyframes defile{from{transform:translateX(15px)}to{transform:translateX(-100%)}}
@keyframes fondM{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
@keyframes kenb{0%{opacity:0;transform:scale(1.04)}6%{opacity:1}24%{opacity:1}32%{opacity:0;transform:scale(1.12)}100%{opacity:0}}
@media print{body>*{display:none !important}body::after{content:"© Seeda";display:block;padding:40px;font-family:Arial}}
@media(prefers-reduced-motion:reduce){.fil>div,.heroi,.heros-fond img{animation:none}.pole,.carte-a,.pubc,.numk,.resc,.pk,.axe{transition:none}}

/* ---------- Adaptation mobile ---------- */
@media(max-width:900px){
  .grille-p{grid-template-columns:1fr}
  .heroi .cadre{grid-template-columns:1fr;gap:26px}
  .carte-fond{justify-self:start;max-width:300px}
  .bloc-fond{grid-template-columns:1fr}
  .photo-cadre{max-width:280px}
  .gr-fond{grid-template-columns:1fr;gap:22px}
  .gr-fond aside{max-width:300px}
  .une-jour{grid-template-columns:1fr}
  .couv-onep{max-width:320px;margin:0 auto}
}
@media(max-width:820px){
  .navbar .cadre a:not(.journal){display:none}
  .navbar .journal{margin-left:0}
  .burger{display:block;margin-left:auto}
  .topbar .droite{display:none}
  .masthead{padding:12px 0}
  .masthead .cadre{flex-direction:column;align-items:center;gap:12px}
  .logo-img{height:80px}
  .logo-lien{align-items:center}
  .logo-sous{font-size:.94rem;padding-left:0}
  .pub{max-width:100%;width:100%}
  .pub b{font-size:.84rem}
  .pub small{font-size:.62rem}
  .carrousel img{height:300px}
  .manchette .haut{grid-template-columns:1fr}
  .manchette .encart{border-right:none;border-bottom:3px solid var(--nuit);flex-direction:row;flex-wrap:wrap;align-items:center;gap:10px}
  .acti{grid-template-columns:1fr}
  .modal{padding:18px;margin:2vh auto}
}