/* ============================================================
   THE DAILY VALENCIA - CHARTE, source de verite (v1.418)
   Titres : D-DIN (chargee via @font-face jsDelivr plus bas), repli Anton
   Fond   : blanc froid #F4F5F2 (mobile #F1F4F7)
   Accent : dore texte #A87C00 ; cartouches orange #F0B919 ; encre #141414
   Le :root ci-dessous EST la valeur reelle et UNIQUE. Anciens essais
   creme/Anton corriges ici. Redefinitions redondantes retirees (v1.418).
   ============================================================ */

  :root{
    --orange:#F0B919;--orange-dk:#D9A410;
    --ink:#141414;--ink-soft:#3A3A3A;--ink-2:#202020;--paper:#F4F5F2;--paper-2:#E9EBE6;--card:#FFFFFF;
    --terra:#F0B919;--terra-dk:#D9A410;--sea:#15A39B;--sea-dk:#0F7D77;--ochre:#F9C04A;
    --muted:#6E7370;--line:#E0E3DD;--line-dk:#CDD2CA;--gold-tx:#A87C00;--max:1220px;
    --serif:"D-DIN","Anton",Impact,sans-serif;--text-serif:"Hanken Grotesk",system-ui,sans-serif;
    --disp:"D-DIN","Anton",Impact,sans-serif;--cond:"Bebas Neue",Impact,sans-serif;--sans:"Hanken Grotesk",system-ui,sans-serif;
    --rbgrad:linear-gradient(90deg,#E40303 0 16.66%,#FF8C00 0 33.33%,#FFED00 0 50%,#008026 0 66.66%,#24408E 0 83.33%,#732982 0 100%);
  }
  *{box-sizing:border-box;margin:0;padding:0}
  html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;text-size-adjust:100%}
  body{font-family:var(--sans);background:var(--paper);color:var(--ink);line-height:1.5;-webkit-font-smoothing:antialiased}
  a{color:inherit;text-decoration:none}
  svg{display:block}
  .ph-img{width:100%;height:100%;object-fit:cover;display:block}
  .wrap{max-width:var(--max);margin:0 auto;padding:0 24px}
  .clk{cursor:pointer}
  @keyframes pulse{0%,100%{opacity:1}50%{opacity:.2}}
  @keyframes fade{from{opacity:0}to{opacity:1}}
  @keyframes tickerScroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}

  .dateline{background:var(--ink);color:#cfc7bb;font-size:11px;letter-spacing:.12em;text-transform:uppercase}
  .dateline .wrap{display:flex;justify-content:space-between;align-items:center;height:34px}
  .dateline .right{display:flex;gap:18px}
  .dateline .right span{opacity:.6}
  .dateline .star{color:var(--orange);opacity:1}

  header.masthead{background:var(--paper)}
  .masthead .wrap{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;gap:20px}
  .brand{display:flex;align-items:center;gap:12px;cursor:pointer}
  .emblem{width:38px;height:38px;flex:none;border-radius:50%;overflow:hidden}
  .logo{line-height:.9}
  .logo .the{display:block;font-family:var(--sans);font-size:10px;font-weight:700;letter-spacing:.34em;color:var(--orange);text-transform:uppercase;margin-bottom:4px}
  .logo .name{font-family:var(--disp);font-weight:900;font-size:clamp(26px,4vw,40px);letter-spacing:-.03em}
  .logo .name b{color:var(--orange)}
  .masthead .right{display:flex;align-items:center;gap:18px}
  .masthead .tag{font-family:var(--sans);font-size:13px;color:var(--muted);max-width:220px;text-align:right;line-height:1.4}
  .sub-btn{display:inline-block;background:var(--orange);color:#fff;font-family:var(--sans);font-weight:700;font-size:13px;padding:11px 20px;border-radius:40px;cursor:pointer;border:0;transition:background .2s}
  .sub-btn:hover{background:var(--orange-dk)}

  nav.primary{position:sticky;top:0;z-index:50;background:var(--ink);color:#fff}
  nav.primary .wrap{display:flex;align-items:center;gap:4px;height:52px;overflow-x:auto;scrollbar-width:none}
  nav.primary .wrap::-webkit-scrollbar{display:none}
  nav.primary a{padding:8px 15px;font-family:var(--sans);font-size:13px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:#d8d2c8;white-space:nowrap;border-radius:30px;transition:color .2s,background .2s}
  nav.primary a:hover{color:#fff;background:rgba(255,255,255,.08)}
  nav.primary a.live{display:inline-flex;align-items:center}

  /* #16 fils sur fond crème ; #17 cartouches d'intitulé de taille uniforme */
  .ticker-label,.wxstrip-label,.agstrip-label{width:104px;text-align:center;line-height:1.22}
  .ticker{display:flex;align-items:stretch;background:var(--paper);color:var(--ink);border-bottom:1px solid var(--line-dk)}
  .ticker-label{flex:none;background:var(--orange);color:#fff;display:flex;flex-direction:column;justify-content:center;padding:8px 16px;font-family:var(--sans);font-size:10.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;line-height:1.22}
  .ticker-label .dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#fff;margin-right:7px;vertical-align:middle;animation:pulse 1.3s infinite}
  .ticker-view{flex:1;overflow:hidden;display:flex;align-items:center;min-width:0}
  .ticker-track{display:inline-flex;align-items:center;white-space:nowrap}
  .ticker-track.ready{animation:tickerScroll linear infinite}
  .ticker-view:hover .ticker-track.ready{animation-play-state:paused}
  .ticker-item{display:inline-flex;align-items:center;gap:9px;padding:7px 4px;background:0;border:0;cursor:pointer} /* v1.388 : meme padding vertical que .wxc/.agc, les 3 bandeaux ont la meme hauteur (demande Roman) */
  .ticker-item .ti-src{font-family:var(--sans);font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--orange)}
  .ticker-item .ti-tx{font-family:var(--disp);font-size:15px;font-weight:400;letter-spacing:.02em;font-synthesis:none;color:var(--ink)}
  .ticker-item .ti-ago{font-family:var(--sans);font-size:10.5px;color:var(--muted)}
  .ticker-item:hover .ti-tx{color:var(--orange-dk);text-decoration:underline}
  .ticker-sep{color:var(--orange);padding:0 16px;font-size:9px}
  .tload{padding:13px 20px;font-family:var(--sans);color:var(--muted);font-size:14px}
  .ticker-src{flex:none;display:flex;align-items:center;padding:0 16px;font-family:var(--sans);font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);border-left:1px solid var(--line-dk)}
  @media(max-width:680px){.ticker-src{display:none}.ticker-item .ti-ago{display:none}}

  .wxstrip{display:flex;align-items:stretch;background:var(--paper);color:var(--ink);border-bottom:1px solid var(--line-dk)}
  .wxstrip-label{flex:none;background:var(--sea);color:#fff;display:flex;flex-direction:column;justify-content:center;padding:8px 16px;font-family:var(--sans);font-size:10.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;line-height:1.22}
  .wxstrip-label .wxi{font-size:14px;margin-right:4px}
  .wxstrip-view{flex:1;overflow:hidden;display:flex;align-items:center;min-width:0}
  .wxstrip-track{display:inline-flex;align-items:center;white-space:nowrap}
  .wxstrip-track.ready{animation:tickerScroll linear infinite}
  .wxstrip-view:hover .wxstrip-track.ready{animation-play-state:paused}
  .wxc{display:inline-flex;align-items:center;gap:9px;padding:7px 20px;border-right:1px solid var(--line-dk)}
  .wxc .wxc-ico{color:var(--orange);display:inline-flex;align-items:center}
  .wxc .wxc-city{font-family:var(--disp);font-weight:700;font-size:15px;color:var(--ink)}
  .wxc .wxc-t{font-family:var(--sans);font-weight:800;font-size:15px;color:var(--ink)}
  .wxc .wxc-m{font-family:var(--sans);font-size:11px;color:var(--muted);display:inline-flex;gap:10px;align-items:center}
  .wxc .wxc-m b{color:var(--orange-dk);font-weight:800}
  .wxload2{padding:11px 18px;font-family:var(--sans);color:var(--muted);font-size:14px}

  .agstrip{display:flex;align-items:stretch;background:var(--paper);color:var(--ink);border-bottom:1px solid var(--line-dk)}
  .agstrip-label{flex:none;background:var(--orange);color:#fff;display:flex;flex-direction:column;justify-content:center;padding:8px 16px;font-family:var(--sans);font-size:10.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;line-height:1.22}
  .agstrip-view{flex:1;overflow:hidden;display:flex;align-items:center;min-width:0}
  .agstrip-track{display:inline-flex;align-items:center;white-space:nowrap}
  .agstrip-track.ready{animation:tickerScroll linear infinite}
  .agstrip-view:hover .agstrip-track.ready{animation-play-state:paused}
  .agc{display:inline-flex;align-items:center;gap:9px;padding:7px 18px;border:0;border-right:1px solid var(--line-dk);background:0;cursor:pointer}
  .agc .agc-dot{width:7px;height:7px;border-radius:50%}
  .agc .agc-t{font-family:var(--sans);font-weight:800;font-size:12px;color:var(--orange);text-transform:uppercase;letter-spacing:.03em}
  .agc .agc-ti{font-family:var(--disp);font-weight:700;font-size:15px;color:var(--ink)}
  .agc:hover .agc-ti{color:var(--orange)}
  .agload{padding:11px 18px;font-family:var(--sans);color:var(--muted);font-size:14px}

  .board{padding:40px 0 6px}
  .board-h{display:flex;align-items:center;gap:14px;margin-bottom:6px;flex-wrap:wrap}
  .board-h .l{display:flex;align-items:center;gap:13px}
  .board-h .no{font-family:var(--sans);font-weight:800;font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#fff;background:var(--orange);padding:5px 11px;border-radius:30px}
  .board-h h2{font-family:var(--disp);font-weight:800;font-size:30px;letter-spacing:-.02em}
  .board-h .sub{font-family:var(--sans);color:var(--muted);font-size:13px;margin-left:auto}
  .bgrid{display:grid;grid-template-columns:1fr 1fr;gap:0;border-top:2px solid var(--ink);margin-top:18px}
  .bx{padding:22px 0 20px;border-bottom:1px solid var(--line-dk)}
  .bx:nth-child(odd){padding-right:36px;border-right:1px solid var(--line-dk)}
  .bx:nth-child(even){padding-left:36px}
  .bx-t{font-family:var(--disp);font-weight:900;font-size:clamp(24px,3vw,38px);letter-spacing:-.025em;text-transform:uppercase;line-height:1}
  .bx-links{display:flex;flex-wrap:wrap;gap:7px 18px;margin-top:13px;align-items:baseline}
  .bpick{background:0;border:0;padding:0;cursor:pointer;font-family:var(--sans);font-weight:600;font-size:13.5px;letter-spacing:.03em;text-transform:uppercase;color:var(--ink)}
  .bpick:hover{color:var(--orange)}
  .bpick.fav{color:var(--orange);font-weight:800}
  .bx-src{font-family:var(--sans);font-weight:700;font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}
  .bx-src:hover{color:var(--orange)}
  @media(max-width:760px){.bgrid{grid-template-columns:1fr}.bx:nth-child(odd){padding-right:0;border-right:0}.bx:nth-child(even){padding-left:0}.board-h .sub{display:none}}

  .menu{position:fixed;inset:0;z-index:140;background:var(--paper);overflow-y:auto;display:none}
  .menu.open{display:block;animation:fade .2s ease}
  .menu .mtop{position:sticky;top:0;background:var(--paper);border-bottom:2px solid var(--ink);display:flex;align-items:center;justify-content:space-between;padding:16px 24px;z-index:2}
  .menu .mlogo{font-family:var(--disp);font-weight:800;font-size:20px}
  .menu .mlogo b{color:var(--orange)}
  .menu .mclose{background:var(--ink);color:#fff;border:0;border-radius:30px;font-family:var(--sans);font-weight:800;font-size:13px;text-transform:uppercase;letter-spacing:.04em;padding:10px 18px;cursor:pointer}
  .menu .mclose:hover{background:var(--orange)}
  .mgrid{max-width:1120px;margin:0 auto;padding:0 24px 60px;display:grid;grid-template-columns:1fr 1fr}
  .mcat{padding:30px 0;border-bottom:1px solid var(--line-dk)}
  .mcat:nth-child(odd){padding-right:44px;border-right:1px solid var(--line-dk)}
  .mcat:nth-child(even){padding-left:44px}
  .mcat-t{font-family:var(--disp);font-weight:900;font-size:clamp(32px,5vw,56px);letter-spacing:-.03em;text-transform:uppercase;line-height:.95;cursor:pointer}
  .mcat-t:hover{color:var(--orange)}
  .mcat-links{display:flex;flex-wrap:wrap;gap:8px 22px;margin-top:15px}
  .mcat-links a{font-family:var(--sans);font-weight:600;font-size:13.5px;text-transform:uppercase;letter-spacing:.04em;color:var(--ink-soft);cursor:pointer}
  .mcat-links a:hover{color:var(--orange)}
  nav.primary a.menu-btn{color:var(--orange);font-weight:800}
  @media(max-width:760px){.mgrid{grid-template-columns:1fr}.mcat:nth-child(odd){padding-right:0;border-right:0}.mcat:nth-child(even){padding-left:0}}

    .hero{padding:34px 0 8px}
  .hero-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:24px}
  .lead{cursor:pointer}
  .lead .frame{border-radius:16px;overflow:hidden;aspect-ratio:16/9;position:relative;background:var(--ink-2)}
  .lead .frame .cap{position:absolute;left:14px;top:14px;background:var(--orange);color:#fff;font-size:10.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;padding:6px 11px;border-radius:5px}
  .kicker{font-family:var(--sans);font-size:11.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--orange);display:inline-flex;align-items:center;gap:9px;margin:20px 0 10px}
  .lead h1{font-family:var(--disp);font-weight:900;font-size:clamp(28px,3.6vw,42px);line-height:1.0;letter-spacing:-.025em}
  .lead .dek{font-family:var(--sans);font-size:16px;line-height:1.5;color:var(--ink-soft);margin-top:13px;max-width:60ch}
  .lead .by{margin-top:14px;font-size:12px;color:var(--muted);display:flex;align-items:center;gap:9px;font-weight:600;text-transform:uppercase;letter-spacing:.03em}
  .avatar{width:24px;height:24px;border-radius:50%;background:var(--orange);color:#fff;font-size:11px;font-weight:800;display:flex;align-items:center;justify-content:center}
  .side{display:flex;flex-direction:column}
  .side .lab{font-family:var(--disp);font-weight:800;font-size:13px;letter-spacing:.02em;color:var(--orange);text-transform:uppercase;border-bottom:3px solid var(--ink);padding-bottom:9px;margin-bottom:4px}
  .side article{display:grid;grid-template-columns:92px 1fr;gap:14px;align-items:center;padding:15px 0;border-bottom:1px solid var(--line);cursor:pointer}
  .side article:last-child{border-bottom:0}
  .side .thumb{border-radius:10px;overflow:hidden;aspect-ratio:1/1;position:relative;background:var(--ink-2)}
  .side .cat{font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--orange)}
  .side h3{font-family:var(--disp);font-weight:700;font-size:16px;line-height:1.12;margin-top:5px}
  .side article:hover h3{color:var(--orange)}

  .sec{padding:42px 0 6px}
  .sec-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:24px}
  .sec-head .l{display:flex;align-items:center;gap:12px;flex:1}
  .sec-head .no{font-family:var(--sans);font-weight:800;font-size:11px;color:#fff;background:var(--ink);padding:4px 10px;border-radius:30px}
  .sec-head h2{font-family:var(--disp);font-weight:800;font-size:26px;letter-spacing:-.02em;white-space:nowrap}
  .sec-head h2 span{color:var(--orange)}
  .sec-head::after{content:none}
  .sec-head a{font-size:12px;font-weight:800;color:var(--orange);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}

  .grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
  .card{display:flex;flex-direction:column;cursor:pointer}
  .card .pic{border-radius:13px;overflow:hidden;aspect-ratio:4/3;position:relative;background:var(--ink-2);margin-bottom:13px}
  .card .cat{font-size:10.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--orange);margin-bottom:6px}
  .card h3{font-family:var(--disp);font-weight:700;font-size:20px;line-height:1.1;letter-spacing:-.01em}
  .card:hover h3{color:var(--orange)}
  .card p{font-family:var(--sans);font-size:14px;line-height:1.5;color:var(--muted);margin-top:8px}
  .card .by{font-size:11px;color:var(--muted);margin-top:11px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;display:flex;align-items:center;gap:8px}
  .card .by b{color:var(--ink);font-weight:700}
  .badge-prem{display:inline-block;background:var(--ochre);color:#4a3608;font-size:9.5px;font-weight:800;letter-spacing:.05em;padding:2px 7px;border-radius:4px;text-transform:uppercase;vertical-align:middle;margin-left:7px}
  .avatar.sm{width:22px;height:22px;font-size:9.5px}

  .feature{display:grid;grid-template-columns:1.1fr 1fr;gap:0;align-items:stretch;background:var(--card);border:1px solid var(--line);border-radius:16px;overflow:hidden;cursor:pointer;margin-bottom:28px}
  .feature .pic{aspect-ratio:auto;position:relative;min-height:280px;background:var(--ink-2)}
  .feature .body{padding:30px 32px}
  .feature .cat{color:var(--orange);font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
  .feature h3{font-family:var(--disp);font-weight:800;font-size:28px;line-height:1.0;letter-spacing:-.02em;margin-top:11px}
  .feature:hover h3{color:var(--orange)}
  .feature p{font-family:var(--sans);font-size:15px;line-height:1.5;color:var(--muted);margin-top:12px}
  .feature .by{font-size:12px;color:var(--muted);margin-top:15px;display:flex;align-items:center;gap:9px;font-weight:600;text-transform:uppercase;letter-spacing:.03em}

  .pillars{background:var(--ink);color:#efe9dc;margin-top:44px;padding:52px 0}
  .pillars .ph2{font-family:var(--disp);font-weight:800;font-size:26px;border-bottom:3px solid var(--orange);padding-bottom:12px;display:flex;justify-content:space-between;align-items:center;letter-spacing:-.02em}
  .pillars .ph2 .no{font-weight:800;font-size:11px;color:#fff;background:var(--orange);padding:4px 10px;border-radius:30px;margin-right:12px}
  .pillars .ph2 a{font-family:var(--sans);font-size:12px;font-weight:700;color:var(--orange);text-transform:uppercase;letter-spacing:.04em}
  .grid6{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:26px}
  .pill{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:22px;transition:background .2s,transform .2s;cursor:pointer}
  .pill:hover{background:rgba(255,255,255,.09);transform:translateY(-3px)}
  .pill .ic{width:38px;height:38px;margin-bottom:13px}
  .pill h3{font-family:var(--disp);font-weight:700;font-size:18px}
  .pill p{font-family:var(--sans);font-size:13.5px;color:#cabfae;margin-top:7px;line-height:1.5}

  .news{background:var(--orange);color:#fff;border-radius:18px;padding:42px;margin:48px 0;display:grid;grid-template-columns:1.05fr 1fr;gap:34px;align-items:center;position:relative;overflow:hidden}
  .news .deco{position:absolute;right:-30px;top:-30px;width:230px;height:230px;opacity:.12}
  .news h2{font-family:var(--disp);font-weight:800;font-size:30px;line-height:1.04;letter-spacing:-.02em;position:relative}
  .news p{font-family:var(--sans);margin-top:13px;font-size:15px;line-height:1.5;opacity:.95;max-width:46ch;position:relative}
  .news .stat{margin-top:18px;font-size:12.5px;opacity:.85;position:relative;font-weight:600}
  .news form{background:rgba(0,0,0,.16);border:1px solid rgba(255,255,255,.25);border-radius:12px;padding:24px;position:relative}
  .news label{font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;opacity:.9;font-weight:700}
  .news input{width:100%;margin-top:9px;padding:13px 14px;border-radius:8px;border:0;font-size:15px;font-family:inherit}
  .news button{width:100%;margin-top:12px;background:var(--ink);color:#fff;font-weight:800;font-size:15px;padding:14px;border:0;border-radius:8px;cursor:pointer;transition:background .2s;font-family:var(--sans)}
  .news button:hover{background:var(--ink-2)}
  .news .fine{font-size:11px;opacity:.8;margin-top:11px;text-align:center}

  .portrait{display:grid;grid-template-columns:1fr 1.05fr;gap:0;align-items:stretch;background:var(--ink);color:#f1ece2;border-radius:18px;overflow:hidden;cursor:pointer}
  .portrait .pic{min-height:330px;position:relative;background:var(--ink-2)}
  .portrait .body{padding:40px}
  .portrait .cat{color:var(--orange);font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
  .portrait h2{font-family:var(--disp);font-weight:800;font-size:30px;line-height:1.02;margin-top:12px;letter-spacing:-.02em}
  .portrait p{font-family:var(--sans);margin-top:14px;font-size:15px;line-height:1.55;opacity:.88}
  .portrait .q{font-family:var(--disp);font-style:normal;font-weight:700;font-size:19px;line-height:1.25;margin-top:20px;color:#fff;border-left:3px solid var(--orange);padding-left:17px}

  .mini{display:flex;flex-direction:column}
  .mini .lab{font-family:var(--disp);font-weight:800;font-size:14px;letter-spacing:.02em;color:var(--orange);text-transform:uppercase;border-bottom:3px solid var(--ink);padding-bottom:9px;margin-bottom:4px}
  .mini a{padding:13px 0;border-bottom:1px solid var(--line);font-family:var(--sans);font-size:15px;line-height:1.3;display:flex;gap:11px;cursor:pointer;align-items:baseline}
  .mini a:hover{color:var(--orange)}
  .mini a b{color:var(--orange);font-family:var(--disp);font-weight:800}

  .partners{text-align:center;padding:48px 0 8px}
  .partners .lab{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-weight:700}
  .partners .row{display:flex;flex-wrap:wrap;justify-content:center;gap:14px 30px;margin-top:20px}
  .partners .row span{font-family:var(--disp);font-weight:700;font-size:16px;color:var(--ink-soft);opacity:.55}

  footer{background:var(--ink);color:#cabfae;margin-top:44px;padding:52px 0 26px}
  .fgrid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:32px}
  footer .logo .the{color:var(--orange)}
  footer .logo .name{color:#fff;font-size:26px}
  footer .logo .name b{color:var(--orange)}
  footer p.desc{font-family:var(--sans);font-size:14px;margin-top:14px;max-width:32ch;color:#a99e8c;line-height:1.55}
  footer h4{color:#fff;font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;margin-bottom:14px;font-weight:700}
  footer ul{list-style:none}
  footer li{margin-bottom:10px}
  footer a{font-size:13.5px;color:#bdb19e;cursor:pointer;transition:color .2s}
  footer a:hover{color:var(--orange)}
  .fbar{border-top:1px solid #34302a;margin-top:38px;padding-top:20px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;font-size:12px;color:#8a7f6d}

  .reader,.mapmodal,.newsmodal{position:fixed;inset:0;z-index:100;background:var(--paper);overflow-y:auto;display:none}
  .reader.open{display:block;animation:fade .25s ease}
  .reader .top{position:sticky;top:0;background:rgba(250,247,241,.94);backdrop-filter:blur(8px);border-bottom:1px solid var(--line-dk);z-index:2}
  .reader .top .wrap{display:flex;align-items:center;justify-content:space-between;height:56px}
  .reader .back{font-family:var(--sans);font-weight:800;font-size:13px;color:#fff;background:var(--orange);border:0;border-radius:30px;padding:9px 16px;cursor:pointer;text-transform:uppercase;letter-spacing:.03em}
  .reader .back:hover{background:var(--orange-dk)}
  .reader .mini-logo{font-family:var(--disp);font-weight:800;font-size:17px}
  .reader .mini-logo b{color:var(--orange)}
  .art{max-width:740px;margin:0 auto;padding:40px 24px 90px}
  .art .cat{color:var(--orange);font-size:11.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
  .art h1{font-family:var(--disp);font-weight:800;font-size:clamp(30px,4.6vw,46px);line-height:1.02;letter-spacing:-.025em;margin:14px 0 16px}
  .art .meta{font-size:12.5px;color:var(--muted);border-bottom:1px solid var(--line-dk);padding-bottom:20px;margin-bottom:8px;display:flex;align-items:center;gap:10px;font-weight:600;text-transform:uppercase;letter-spacing:.02em}
  .art .cover{border-radius:14px;aspect-ratio:16/8;position:relative;margin:26px 0 32px;overflow:hidden;background:var(--ink-2)}
  .art .cover img{width:100%;height:100%;object-fit:cover;display:block}
  .art .lede{font-family:var(--disp);font-weight:700;font-size:22px;line-height:1.25;color:var(--ink);margin-bottom:24px;letter-spacing:-.01em}
  .art p{font-family:var(--sans);font-size:17px;line-height:1.7;margin-bottom:20px;color:var(--ink-soft)}
  .art > p:first-of-type::first-letter{font-family:var(--disp);font-weight:800;font-size:58px;line-height:.8;float:left;margin:6px 12px 0 0;color:var(--orange)}
  .art h2{font-family:var(--disp);font-weight:800;font-size:23px;margin:32px 0 12px;letter-spacing:-.02em}
  .art ul{margin:0 0 22px 4px;list-style:none}
  .art li{font-family:var(--sans);font-size:17px;line-height:1.6;margin-bottom:11px;padding-left:24px;position:relative}
  .art li::before{content:"";position:absolute;left:2px;top:11px;width:8px;height:8px;border-radius:50%;background:var(--orange)}
  .art blockquote{font-family:var(--disp);font-style:normal;font-weight:700;font-size:21px;line-height:1.3;border-left:4px solid var(--orange);padding:4px 0 4px 20px;margin:28px 0;color:var(--ink);letter-spacing:-.01em}
  .art .tag{display:inline-block;background:var(--paper-2);border:1px solid var(--line-dk);color:var(--muted);font-size:12px;padding:4px 12px;border-radius:20px;margin:2px 5px 2px 0;font-weight:600}
  .art .endbox{background:var(--card);border:1px solid var(--line-dk);border-left:4px solid var(--orange);border-radius:10px;padding:22px 24px;margin-top:36px}
  .art .endbox h3{font-family:var(--disp);font-weight:800;font-size:18px;margin-bottom:7px}
  .art .endbox p{font-family:var(--sans);font-size:15px;margin:0;color:var(--ink-soft)}
  .art .src{font-size:12.5px;color:var(--muted);margin-top:26px;border-top:1px solid var(--line-dk);padding-top:15px;line-height:1.6}
  .art .src a{color:var(--sea);text-decoration:underline}
  .geo{color:var(--sea);text-decoration:none;border-bottom:1px dotted var(--sea);white-space:nowrap;font-weight:600}
  .geo:hover{color:var(--orange);border-bottom-color:var(--orange)}
  .geo-pin{font-size:.74em;margin-left:2px;opacity:.85}
  #digestBody > p:first-of-type::first-letter,#agendaBody > p:first-of-type::first-letter{font-size:inherit;float:none;margin:0;color:inherit;font-family:inherit;line-height:inherit}
  .digest-ext{display:inline-block;margin-top:10px;background:var(--sea);color:#fff;font-family:var(--sans);font-size:13px;font-weight:700;padding:11px 18px;border-radius:30px;text-decoration:none}
  .digest-ext:hover{background:var(--sea-dk)}
  .digest-note{font-family:var(--sans);color:var(--muted);font-size:15px;line-height:1.55}

  .ag-item{display:grid;grid-template-columns:118px 1fr;gap:16px;padding:18px 0;border-bottom:1px solid var(--line)}
  .ag-item:last-of-type{border-bottom:0}
  .ag-when{display:flex;flex-direction:column;gap:7px}
  .ag-date{font-family:var(--sans);font-weight:800;font-size:13px;color:var(--orange);line-height:1.2}
  .ag-tag{display:inline-block;width:fit-content;font-family:var(--sans);font-size:9.5px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;padding:3px 8px;border-radius:30px;color:#fff}
  .ag-tag.ag-culture{background:var(--orange)} .ag-tag.ag-sport{background:var(--sea)} .ag-tag.ag-actu{background:var(--ochre);color:#4a3608}
  .ag-main{min-width:0}
  .ag-sec{font-family:var(--sans);font-weight:800;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--orange);margin:22px 0 4px}
  .ag-sec-future{color:var(--muted);border-top:1px solid var(--line);padding-top:20px;margin-top:28px}
  .ag-today{border:2px solid var(--orange);border-radius:14px;padding:2px 18px 8px;margin-top:8px;background:linear-gradient(180deg,rgba(168,124,0,.06),transparent 60%)}
  .ag-today .ag-sec{margin-top:12px}
  .ag-price{font-family:var(--sans);font-weight:700;font-size:13px;color:var(--orange);margin-top:6px}
  .ag-more{display:inline-block;margin-top:8px;margin-right:16px;font-family:var(--sans);font-weight:700;font-size:12.5px;color:var(--sea);text-decoration:none}
  .ag-more:hover{text-decoration:underline}
  .ag-item.ag-tf .ag-title{color:var(--orange)}
  .ag-star{color:var(--orange)}

  .ag-cat{display:inline-block;font-family:var(--sans);font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--orange);margin-bottom:6px}
  .ag-title{font-family:var(--disp);font-weight:700;font-size:20px;line-height:1.1;color:var(--ink)}
  .ag-desc{font-family:var(--sans);font-size:15px;line-height:1.5;color:var(--ink-soft);margin-top:4px}
  .ag-go{display:flex;flex-wrap:wrap;gap:7px 14px;margin-top:11px;padding:12px 15px;background:var(--paper-2);border:1px solid var(--line-dk);border-radius:10px;align-items:center}
  .ag-go-row{font-family:var(--sans);font-size:12.5px;color:var(--ink-soft)}
  .ag-go-row b{color:var(--ink);font-weight:700}
  .ag-map{font-family:var(--sans);font-size:12px;font-weight:700;background:var(--sea);color:#fff;border:0;border-radius:30px;padding:8px 14px;cursor:pointer;margin-left:auto}
  .ag-map:hover{background:var(--sea-dk)}
  .ag-src{display:inline-block;margin-top:10px;font-family:var(--sans);font-size:12px;font-weight:700;color:var(--sea);text-decoration:none;text-transform:uppercase;letter-spacing:.03em}
  .ag-src:hover{text-decoration:underline}
  .ag-banner{background:#fff3ec;border:1px solid var(--line-dk);border-left:4px solid var(--orange);border-radius:10px;padding:12px 15px;margin:8px 0 20px;font-family:var(--sans);font-size:13px;line-height:1.5;color:var(--ink-soft)}
  .ag-banner a{color:var(--orange);font-weight:700}

  .mapmodal.open{display:flex;flex-direction:column;animation:fade .2s ease;background:#fff}
  .mm-bar{flex:none;background:var(--ink);color:#f1ece2;display:flex;align-items:center;gap:14px;padding:10px 18px}
  .mm-back{background:var(--orange);color:#fff;border:0;border-radius:30px;padding:10px 17px;font-family:var(--sans);font-size:13px;font-weight:800;cursor:pointer;white-space:nowrap;text-transform:uppercase;letter-spacing:.03em}
  .mm-back:hover{background:var(--orange-dk)}
  .mm-title{font-family:var(--disp);font-size:16px;font-weight:700;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .mm-ext{font-family:var(--sans);font-size:12px;font-weight:700;color:var(--ochre);white-space:nowrap}
  .mm-ext:hover{text-decoration:underline}
  .mm-body{flex:1;background:#e9eceb}
  .mm-body iframe{width:100%;height:100%;border:0}

  @media(max-width:880px){
    .hero-grid{grid-template-columns:1fr;gap:22px}.grid{grid-template-columns:1fr 1fr}
    .grid6{grid-template-columns:1fr 1fr}.news,.portrait,.feature{grid-template-columns:1fr}
    .feature .pic,.portrait .pic{min-height:200px}.fgrid{grid-template-columns:1fr 1fr}.masthead .tag{display:none}
  }
  @media(max-width:560px){
    .grid,.grid6,.fgrid{grid-template-columns:1fr}.side article{grid-template-columns:80px 1fr}
    .ag-item{grid-template-columns:1fr}.ag-when{flex-direction:row;align-items:center;gap:10px}
    .mm-title{display:none}
  }

  body{font-synthesis:none}
  .board-h h2,.bx-t,.mcat-t,.lead h1,.sec-head h2,.card h3,.feature h3,.pillars .ph2,.news h2,.portrait h2,.portrait .q,.art h1,.art .lede,.art h2,.art blockquote,.ag-title,.side h3,.pill h3,.menu .mlogo,.endbox h3,.side .lab,.mini .lab,.mini a b,.partners .row span,.reader .mini-logo,.mm-title,.wxc .wxc-city,.agc .agc-ti{font-weight:400;font-synthesis:none;letter-spacing:.02em}
  /* Sélecteur de langue (menu déroulant, barre du haut) */
  .langsel{position:relative;display:inline-flex;align-items:center;margin-right:14px;vertical-align:middle}
  .langsel-btn{display:inline-flex;align-items:center;gap:6px;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.16);color:#e9e0cf;border-radius:20px;padding:3px 8px 3px 6px;cursor:pointer;font-family:var(--sans);font-weight:700;font-size:11px;letter-spacing:.06em;line-height:1}
  .langsel-btn:hover{background:rgba(255,255,255,.16);color:#fff}
  .langsel-btn .flag{width:20px;height:14px;border-radius:2px;overflow:hidden;flex:none;box-shadow:0 0 0 1px rgba(0,0,0,.3);display:block}
  .langsel-btn .flag svg{display:block;width:100%;height:auto}
  .langsel-chev{width:9px;height:6px;transition:transform .18s ease}
  .langsel.open .langsel-chev{transform:rotate(180deg)}
  .langsel-menu{position:absolute;top:calc(100% + 7px);right:0;min-width:194px;background:var(--paper);border:1px solid var(--line-dk);border-radius:12px;box-shadow:0 16px 42px rgba(20,20,20,.28);padding:6px;display:none;z-index:1000;max-height:72vh;overflow:auto}
  .langsel.open .langsel-menu{display:block}
  .langsel-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:8px;text-decoration:none;color:var(--ink);font-family:var(--sans);font-weight:600;font-size:13.5px}
  .langsel-item:hover{background:rgba(0,0,0,.05)}
  .langsel-item.active{background:var(--orange);color:#fff}
  .langsel-item .flag{width:24px;height:16px;border-radius:2px;overflow:hidden;flex:none;box-shadow:0 0 0 1px rgba(0,0,0,.2);display:block}
  .langsel-item .flag svg{display:block;width:100%;height:auto}
  @media(max-width:560px){.langsel-btn .langsel-code{display:none}.langsel{margin-right:10px}}
  .langnew{display:inline-flex;align-items:center;margin-right:12px;color:#f9c04a;font-family:var(--sans);font-weight:700;font-size:10.5px;letter-spacing:.05em;white-space:nowrap;vertical-align:middle}
  .langnew::before{content:"\2728";margin-right:4px}
  @media(max-width:820px){.langnew{display:none}}
  .brand .palm{width:44px;flex:none;color:var(--ink);display:block;position:relative}.brand .palm svg{display:block;width:100%;height:auto}
  .brand-div{width:2px;align-self:stretch;min-height:40px;background:var(--ink);opacity:.8;border-radius:2px;margin:0 3px}
  .logo .the{display:block;font-family:var(--cond);font-weight:400;font-size:15px;letter-spacing:.32em;color:var(--ink);text-transform:uppercase;margin:0 0 1px 1px}
  .logo .name{display:block;font-family:var(--disp);font-weight:400;font-size:clamp(34px,4.4vw,42px);line-height:.84;letter-spacing:.02em;color:#12283A}
  .logo .brandtag{display:block;font-family:var(--sans);font-size:11px;font-weight:600;color:var(--sea);margin-top:3px}
  @media(max-width:680px){.logo .brandtag{display:none}}
  .gh-content img{border-radius:12px;margin:22px auto}
  .gh-content .kg-width-wide{position:relative;width:min(1040px,92vw);margin-left:50%;transform:translateX(-50%);max-width:none}
  .gh-content .kg-width-full{position:relative;width:100vw;margin-left:50%;transform:translateX(-50%);max-width:none}
  /* ===== Page d'accueil pilotee par Ghost ===== */
  .hp{padding:32px 24px 6px;max-width:var(--max);margin:0 auto}
  .hp-head{display:flex;align-items:center;gap:12px;margin-bottom:16px}
  .hp-no{font-family:var(--cond);font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:#fff;background:var(--orange);padding:5px 12px;border-radius:30px}
  .hp-hero{display:grid;grid-template-columns:1.3fr 1fr;gap:28px;align-items:center;border-bottom:2px solid var(--ink);padding-bottom:30px;margin-bottom:30px}
  .hp-hero-img{border-radius:14px;overflow:hidden;aspect-ratio:16/10}
  .hp-hero-img img{width:100%;height:100%;object-fit:cover}
  .kick{display:inline-block;font-family:var(--cond);font-size:14px;letter-spacing:.12em;text-transform:uppercase;color:#fff;background:var(--orange);padding:4px 11px;border-radius:30px;margin-bottom:10px}
  .hp-hero-t{font-family:var(--disp);font-weight:400;font-size:clamp(28px,3.6vw,46px);line-height:1.02;letter-spacing:.02em}
  .hp-hero-x{margin-top:12px;font-size:18px;color:var(--ink-soft);max-width:48ch}
  .hp-meta{display:block;margin-top:12px;font-family:var(--cond);font-size:12.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
  .hp-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px 24px}
  .hp-card{background:var(--card);border:1px solid var(--line);border-radius:14px;overflow:hidden;transition:transform .15s,box-shadow .15s}
  .hp-card:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(20,20,20,.12)}
  .hp-card-img{aspect-ratio:16/10;overflow:hidden}.hp-card-img img{width:100%;height:100%;object-fit:cover}
  .hp-card-b{padding:15px 17px 19px}
  .hp-card-t{font-family:var(--disp);font-weight:400;font-size:22px;line-height:1.06;letter-spacing:.02em;margin:9px 0 7px}
  .hp-card-x{font-size:14px;color:var(--ink-soft);line-height:1.5}
  @media(max-width:920px){.hp-grid{grid-template-columns:repeat(2,1fr)}.hp-hero{grid-template-columns:1fr}}
  @media(max-width:560px){.hp-grid{grid-template-columns:1fr}}
  /* v1.367 : rangees thematiques + bloc arrivee (reorg home, vie courante d'abord) */
  .hp-rowsub{font-family:var(--sans);font-size:13px;color:var(--muted);font-weight:600;letter-spacing:.01em}
  @media(max-width:560px){.hp-rowsub{font-size:12px}}
  .hp-arrival{border-top:2px solid var(--line-dk);margin-top:20px;padding-top:30px}
  .hp-arrival .hp-no{background:var(--sea)}

  /* #8 — boutons de partage en fin d'article */
  .share{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:36px 0 6px;padding-top:22px;border-top:1px solid var(--line-dk)}
  .share-lab{font-family:var(--sans);font-weight:800;font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-right:4px}
  .share-btn{display:inline-flex;align-items:center;gap:7px;justify-content:center;width:40px;height:40px;border-radius:50%;background:var(--paper-2);border:1px solid var(--line-dk);color:var(--ink);cursor:pointer;transition:background .2s,color .2s,border-color .2s}
  .share-btn:hover{background:var(--orange);border-color:var(--orange);color:#fff}
  .share-btn.copy{width:auto;border-radius:30px;padding:0 16px;font-family:var(--sans);font-weight:700;font-size:13px}
  .share-btn .copy-tx{white-space:nowrap}

  /* pagination stylée (neutre en langue : flèches + compteur) */
  .pagination{display:flex;align-items:center;justify-content:center;gap:20px;margin:46px auto 8px;padding:26px 0 10px;max-width:var(--max)}
  .pagination .pg-btn{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background:var(--ink);color:#fff;font-size:21px;line-height:1;text-decoration:none;transition:background .2s,transform .2s;border:1px solid var(--ink)}
  .pagination .pg-btn:hover{background:var(--orange);border-color:var(--orange);transform:translateY(-2px)}
  .pagination .pg-btn.disabled{background:transparent;color:var(--line-dk);border-color:var(--line-dk);pointer-events:none}
  .pagination .pg-count{font-family:var(--cond);font-size:15px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);min-width:64px;text-align:center}

  /* board : coups de cœur + fiche (point #7) */
  .bpick.fav{color:var(--orange);font-weight:800}
  .bpick.fav::before{content:"\2605 ";color:var(--orange)}
  .bpick.fav:hover{text-decoration:underline}
  .bf-cat{color:var(--orange)!important}
  .bf-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:22px 0 26px}
  .bf-cell{background:var(--paper-2);border:1px solid var(--line-dk);border-radius:10px;padding:12px 14px}
  .bf-lab{display:block;font-family:var(--cond);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--orange);margin-bottom:3px}
  .bf-val{display:block;font-family:var(--sans);font-size:14.5px;color:var(--ink);line-height:1.4}
  .bf-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:6px}
  .bf-btn{font-family:var(--sans);font-weight:700;font-size:13.5px;border-radius:30px;padding:11px 18px;cursor:pointer;border:0}
  .bf-btn.map{background:var(--sea);color:#fff}
  .bf-btn.map:hover{background:var(--sea-dk)}
  .bf-btn.share{background:transparent;color:var(--sea-dk);border:1px solid var(--sea)}
  .bf-btn.share:hover{background:var(--sea);color:#fff}
  @media(max-width:560px){.bf-grid{grid-template-columns:1fr}}

  /* pop-up fiche board + carte Leaflet + sports bars (point #7) */
  .pop{position:fixed;inset:0;z-index:160;background:rgba(20,20,20,.55);display:none;align-items:flex-start;justify-content:center;overflow-y:auto;padding:28px 16px}
  .pop.open{display:flex;animation:fade .2s ease}
  .pop-card{background:var(--paper);border-radius:16px;max-width:640px;width:100%;position:relative;padding:30px 30px 34px;box-shadow:0 20px 60px rgba(0,0,0,.35)}
  .pop-close{position:absolute;top:12px;right:12px;width:38px;height:38px;border-radius:50%;border:0;background:var(--ink);color:#fff;font-size:22px;line-height:1;cursor:pointer;z-index:2}
  .pop-close:hover{background:var(--orange)}
  .pf-tag{font-family:var(--sans);font-size:11px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:var(--orange)}
  .pf-title{font-family:var(--disp);font-weight:400;font-size:clamp(26px,4vw,38px);letter-spacing:.02em;margin:6px 0 10px;line-height:1.04}
  .pf-hook{font-family:var(--disp);font-weight:400;font-size:19px;line-height:1.3;color:var(--ink);margin:0 0 12px;letter-spacing:.01em}
  .pf-blurb{font-size:16px;line-height:1.6;color:var(--ink-soft);margin:0 0 8px}
  .pf-h3{font-family:var(--disp);font-weight:400;font-size:22px;letter-spacing:.02em;margin:22px 0 12px}
  .pf-map{height:240px;border-radius:12px;overflow:hidden;margin:16px 0 4px;border:1px solid var(--line-dk);background:var(--paper-2)}
  .pf-map .leaflet-container{height:100%;width:100%;border-radius:12px}
  .mundial-matches{margin:6px 0 4px}
  .mm-note{font-size:14px;color:var(--muted);background:var(--paper-2);border:1px solid var(--line-dk);border-radius:10px;padding:12px 14px;line-height:1.5}
  .mm-list{border:1px solid var(--line-dk);border-radius:10px;overflow:hidden}
  .mm-row{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;padding:9px 12px;border-bottom:1px solid var(--line);font-size:14px}
  .mm-row:last-child{border-bottom:0}
  .mm-row .mm-team{font-weight:600;color:var(--ink)}.mm-row .mm-team:last-child{text-align:right}
  .mm-score{font-family:var(--disp);font-size:16px;color:var(--orange);min-width:46px;text-align:center}
  .mm-time{font-size:12px;color:var(--muted);min-width:46px;text-align:center}
  .mm-when{font-size:12px;color:var(--muted);min-width:96px;text-align:center;line-height:1.25}
  .mm-h{font-family:var(--sans);font-weight:800;font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink);margin:16px 0 7px}
  .mm-h:first-child{margin-top:2px}
  .mm-live{display:inline-flex;align-items:center;gap:6px;color:#e0392b;font-weight:800}
  .mm-live::before{content:"";width:8px;height:8px;border-radius:50%;background:#e0392b;animation:pulse 1.3s infinite}
  .mm-row.is-live{background:#fdecea}
  .mm-row.is-live .mm-score{color:#e0392b}
  .mb-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
  .mb-card{background:#fff;border:1px solid var(--line-dk);border-radius:12px;padding:13px 14px}
  .mb-top{display:flex;flex-direction:column;gap:2px;margin-bottom:6px}
  .mb-name{font-family:var(--disp);font-weight:400;font-size:17px;letter-spacing:.01em}
  .mb-q{font-family:var(--cond);font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--orange)}
  .mb-blurb{font-size:13px;line-height:1.45;color:var(--ink-soft);margin-bottom:9px}
  .mb-map{font-family:var(--sans);font-weight:700;font-size:12.5px;background:var(--sea);color:#fff;border:0;border-radius:30px;padding:7px 13px;cursor:pointer}
  .mb-map:hover{background:var(--sea-dk)}
  @media(max-width:560px){.mb-grid{grid-template-columns:1fr}.pop-card{padding:24px 18px 28px}}
  .pf-actions{margin-top:14px}
  .bf-btn.gmap{display:inline-block;background:var(--ink);color:#fff;text-decoration:none}
  .bf-btn.gmap:hover{background:var(--orange)}
  .mb-gmap{display:inline-block;margin-left:10px;font-family:var(--sans);font-weight:700;font-size:12.5px;color:var(--ink);text-decoration:underline;text-underline-offset:2px}
  .mb-gmap:hover{color:var(--orange)}

  /* lead magnet : livre blanc */
  .lb{margin:34px 0 8px}
  .lb-in{display:flex;gap:20px;align-items:center;background:var(--ink);color:#f1ece2;border-radius:16px;padding:24px 26px}
  .lb-cover{flex:none}
  .lb-kick{display:inline-block;font-family:var(--sans);font-size:11px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:#fff;background:var(--orange);padding:3px 10px;border-radius:30px}
  .lb-title{font-family:var(--disp);font-weight:400;font-size:clamp(22px,3vw,28px);letter-spacing:.02em;color:#fff;margin:8px 0 6px;line-height:1.05}
  .lb-sub{font-family:var(--sans);font-size:14.5px;line-height:1.5;color:#cabfae;margin:0 0 14px;max-width:60ch}
  .lb-form{display:flex;gap:9px;flex-wrap:wrap}
  .lb-form input{flex:1;min-width:200px;padding:12px 14px;border-radius:9px;border:1px solid var(--line-dk);font-size:15px;font-family:var(--sans);background:#fff;color:var(--ink)}
  .lb-form button{background:var(--orange);color:#fff;border:0;border-radius:9px;padding:12px 20px;font-family:var(--sans);font-weight:700;font-size:14.5px;cursor:pointer;white-space:nowrap}
  .lb-form button:hover{background:var(--orange-dk)}
  .lb-form button:disabled{opacity:.7;cursor:default}
  .lb-ok{font-family:var(--disp);font-weight:400;font-size:19px;color:#fff;margin:0 0 10px;letter-spacing:.01em}
  .lb-dl{display:inline-block;background:var(--sea);color:#fff;font-family:var(--sans);font-weight:700;font-size:15px;padding:12px 20px;border-radius:30px;text-decoration:none}
  .lb-dl:hover{background:var(--sea-dk)}
  .lb-fine{font-size:12px;color:#a99e8c;margin:10px 0 0}
  @media(max-width:620px){.lb-in{flex-direction:column;align-items:flex-start}}

  /* Livre blanc - mini formulaire dans le bandeau */
  .lb-mini{display:flex;flex-direction:column;gap:6px;align-items:flex-end}
  .lb-mini-lab{display:flex;align-items:center;gap:7px;font-family:var(--sans);font-size:11px;font-weight:700;color:var(--ink);letter-spacing:.01em}
  .lb-mini-badge{background:var(--orange);color:#fff;font-size:9px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;padding:2px 7px;border-radius:20px}
  .lb-mini-form{display:flex;gap:6px}
  .lb-mini-form input{width:158px;padding:9px 13px;border-radius:30px;border:1px solid var(--line-dk);font-size:13px;font-family:var(--sans);background:#fff;color:var(--ink)}
  .lb-mini-form button{background:var(--orange);color:#fff;border:0;border-radius:30px;padding:9px 18px;font-family:var(--sans);font-weight:700;font-size:13px;cursor:pointer;white-space:nowrap}
  .lb-mini-form button:hover{background:var(--orange-dk)}
  .lb-mini-form button:disabled{opacity:.7;cursor:default}
  .lb-mini .lb-dl{font-size:13px;padding:9px 16px}
  .lb-mobile{display:none}
  @media(max-width:980px){.lb-mini-lab{display:none}.lb-mini-form input{width:130px}}
  @media(max-width:720px){.lb-mini{display:none}.lb-mobile{display:block}}


  /* Livre blanc - bouton flottant (suspendu) + pop-up */
  .lbfab{position:fixed;right:16px;bottom:16px;z-index:900;display:inline-flex;align-items:center;gap:7px;background:var(--orange);color:#fff;border:0;border-radius:30px;padding:9px 15px 9px 12px;font-family:var(--sans);font-weight:700;font-size:13px;line-height:1;cursor:pointer;box-shadow:0 6px 18px rgba(20,20,20,.28);transition:transform .15s ease,background .15s ease}
  .lbfab:hover{background:var(--orange-dk);transform:translateY(-2px)}
  .lbfab svg{width:16px;height:16px;flex:none}
  .lbfab-pop{position:fixed;inset:0;z-index:1200;background:rgba(10,22,28,.55);display:none;align-items:center;justify-content:center;padding:20px}
  .lbfab-pop.open{display:flex}
  .lbfab-card{position:relative;background:var(--ink);color:#f1ece2;border-radius:16px;padding:26px 24px 24px;max-width:420px;width:100%;box-shadow:0 22px 60px rgba(0,0,0,.42)}
  .lbfab-pop .lb{margin:0}
  .lbfab-x{position:absolute;top:7px;right:13px;background:none;border:0;color:#cabfae;font-size:26px;line-height:1;cursor:pointer}
  .lbfab-x:hover{color:#fff}
  .lbfab-title{font-family:var(--disp);font-weight:400;font-size:23px;color:#fff;margin:6px 0 6px;line-height:1.08;letter-spacing:.01em}
  .lbfab-sub{font-family:var(--sans);font-size:14px;line-height:1.5;color:#cabfae;margin:0 0 14px}
  @media(max-width:560px){.lbfab span{display:none}.lbfab{padding:11px;border-radius:50%;right:14px;bottom:14px}.lbfab svg{width:18px;height:18px}}

  /* footer legal links */
  .fbar a{color:inherit;text-decoration:none}
  .fbar a:hover{color:var(--orange);text-decoration:underline}

  @media(max-width:560px){.brand .palm{width:54px}.brand-div{min-height:48px}.logo .the{font-size:16px}}

  /* mini meteo a cote du logo */
  .wxnow{display:flex;align-items:center;gap:9px;margin:0 auto 0 8px;text-decoration:none}
  .wxnow .wx-ico{width:30px;height:30px;flex:none}
  .wxnow .wx-c{display:flex;flex-direction:column;line-height:1.05}
  .wxnow .wx-top{display:flex;align-items:baseline;gap:7px}
  .wxnow .wx-lab{font-family:var(--sans);font-size:12.5px;font-weight:700;color:var(--ink);white-space:nowrap}
  .wxnow .wx-temp{font-family:var(--disp);font-weight:400;font-size:20px;color:var(--orange)}
  .wxnow .wx-sun{font-family:var(--sans);font-size:10px;font-weight:600;color:var(--muted);margin-top:2px;white-space:nowrap;letter-spacing:.01em}
  .wxnow .wx-sun b{color:var(--ink);font-weight:700}
  @media(max-width:900px){.wxnow .wx-lab{display:none}}
  @media(max-width:560px){.wxnow{gap:6px;margin-left:6px}.wxnow .wx-ico{width:26px;height:26px}.wxnow .wx-temp{font-size:17px}.wxnow .wx-sun{font-size:9px}}

  /* ===== Ciel dynamique du bandeau (selon meteo) ===== */
  header.masthead{position:relative;overflow:hidden}
  .masthead .wrap{position:relative;z-index:2;padding-top:26px;padding-bottom:18px}
  .sky{position:absolute;inset:0;z-index:0;background:var(--paper);transition:background 1.1s ease}
  .sky .stars,.sky .rainfx{position:absolute;opacity:0;transition:opacity 1.1s ease;pointer-events:none}
  .sky .stars{top:0;left:0;right:0;height:60%;background-image:radial-gradient(1.6px 1.6px at 14% 32%,#fff,transparent),radial-gradient(1.2px 1.2px at 33% 16%,#fff,transparent),radial-gradient(1.5px 1.5px at 52% 40%,#fff,transparent),radial-gradient(1px 1px at 66% 22%,#fff,transparent),radial-gradient(1.4px 1.4px at 80% 36%,#fff,transparent),radial-gradient(1px 1px at 90% 18%,#fff,transparent),radial-gradient(1.2px 1.2px at 44% 52%,#fff,transparent)}
  .sky .rainfx{inset:0;height:62%;background-image:repeating-linear-gradient(105deg,rgba(255,255,255,.22) 0 1px,transparent 1px 9px)}
  /* halo meteo colle au palmier */
  .brand .palm::before{content:"";display:none;/* v1.388 : halo meteo retire (demande Roman, lueur jaune sous le logo) */position:absolute;left:50%;top:28%;transform:translate(-50%,-50%);width:52px;height:52px;border-radius:50%;z-index:-1;opacity:0;transition:opacity 1.1s ease;background:radial-gradient(circle,#fff6cf 0%,#F9C04A 48%,rgba(249,192,74,0) 73%)}
  .masthead.is-day .sky{background:linear-gradient(to bottom,#74c4f3 0%,#abdcf6 30%,#e9edd6 66%,var(--paper) 100%)}
  .masthead.is-day .palm::before{opacity:1}
  .masthead.is-clouds .sky{background:linear-gradient(to bottom,#9aa7b1 0%,#c3ccd2 34%,#e7e6da 70%,var(--paper) 100%)}
  .masthead.is-clouds .palm::before{opacity:.55;background:radial-gradient(circle,#ffffff 0%,#e2e8ec 52%,rgba(226,232,236,0) 74%)}
  .masthead.is-rain .sky{background:linear-gradient(to bottom,#6f7d88 0%,#9aa6ae 34%,#dadbce 70%,var(--paper) 100%)}
  .masthead.is-rain .sky .rainfx{opacity:1}
  .masthead.is-rain .palm::before{opacity:0}
  .masthead.is-night .sky{background:linear-gradient(to bottom,#0c1f40 0%,#21436a 32%,#8a8d92 72%,var(--paper) 100%)}
  .masthead.is-night .sky .stars{opacity:.92}
  .masthead.is-night .palm::before{opacity:1;width:38px;height:38px;background:radial-gradient(circle,#f5f2e6 0%,#dcd8c6 56%,rgba(220,216,198,0) 74%)}

  /* GetYourGuide - encart activites rubrique Tourisme */
  .gyg-promo{margin:2px 0 26px;padding:18px 20px 14px;background:var(--paper-2);border:1px solid var(--line-dk);border-radius:14px}
  .gyg-promo-t{font-family:var(--disp);font-weight:400;font-size:clamp(20px,3vw,26px);letter-spacing:.01em;color:var(--ink);margin:0 0 4px}
  .gyg-promo-x{font-size:14.5px;color:var(--ink-soft);margin:0 0 14px}
  .gyg-promo .gyg-aff{font-size:11.5px;color:var(--muted);margin:12px 0 0;font-style:italic}
  .wa-promo{display:flex;gap:16px;align-items:center;background:var(--paper-2);border:1px solid var(--line-dk);border-left:4px solid #25D366;border-radius:14px;padding:16px 20px;margin:2px 0 26px}
  .wa-promo-ic{flex:none;width:52px;height:52px;border-radius:50%;background:#25D366;display:flex;align-items:center;justify-content:center}
  .wa-promo-ic svg{width:30px;height:30px;fill:#fff}
  .wa-promo-b{min-width:0}
  .wa-promo-t{font-family:var(--disp);font-weight:400;font-size:clamp(20px,3vw,24px);letter-spacing:.01em;color:var(--ink);margin:0 0 4px;line-height:1.1}
  .wa-promo-x{font-size:14.5px;color:var(--ink-soft);margin:0 0 12px;line-height:1.45}
  .wa-promo-cta{display:inline-flex;align-items:center;gap:8px;background:#25D366;color:#fff;font-family:var(--sans);font-weight:700;font-size:14px;padding:10px 18px;border-radius:30px;text-decoration:none;transition:background .2s}
  .wa-promo-cta:hover{background:#1da851}
  @media(max-width:560px){.wa-promo{flex-direction:column;align-items:flex-start}}

  /* indicateur "scroll a droite" sur la barre des rubriques */
  nav.primary::after{content:"\203A";position:absolute;right:0;top:0;height:52px;width:54px;display:none;align-items:center;justify-content:flex-end;padding-right:15px;background:linear-gradient(to right,rgba(20,20,20,0) 0,var(--ink) 68%);color:var(--orange);font-size:27px;font-weight:700;line-height:1;pointer-events:none;z-index:3}
  nav.primary.more::after{display:flex}

  /* ===== Bandeau Coupe du Monde 2026 ===== */
  .wcstrip{display:flex;align-items:stretch;background:var(--paper);color:var(--ink);border-bottom:1px solid var(--line-dk)}
  .wcstrip-label{flex:none;min-width:138px;background:#1f8a4c;color:#fff;display:flex;flex-direction:column;justify-content:center;padding:8px 16px;font-family:var(--sans);font-size:10.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;line-height:1.22}
  .wcstrip-view{flex:1;overflow:hidden;display:flex;align-items:center;min-width:0}
  .wcstrip-track{display:inline-flex;align-items:center;white-space:nowrap}
  .wcstrip-track.ready{animation:tickerScroll linear infinite}
  .wcstrip-view:hover .wcstrip-track.ready{animation-play-state:paused}
  .wcc{display:inline-flex;align-items:center;gap:7px;padding:0 18px;height:40px;border:0;border-right:1px solid var(--line);background:none;font-family:var(--sans);font-size:13px;color:var(--ink);cursor:pointer;white-space:nowrap}
  .wcc:hover{background:rgba(31,138,76,.08)}
  .wcc .wcc-sc{font-weight:800;color:#1f8a4c}
  .wcc .wcc-vs{color:var(--muted);font-weight:700;font-size:11px}
  .wcc .wcc-when{color:var(--muted);font-size:11px;margin-left:2px}
  .wcc .wcc-live{display:inline-flex;align-items:center;gap:4px;color:#e0392b;font-weight:800;font-size:10px;letter-spacing:.05em}
  .wcc .wcc-live::before{content:"";width:7px;height:7px;border-radius:50%;background:#e0392b;animation:pulse 1.3s infinite}

  /* ===== Bandeaux defilants scrollables au doigt (auto + manuel) ===== */
  .ticker-view,.wxstrip-view,.agstrip-view,.wcstrip-view{overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;cursor:grab;overscroll-behavior-x:contain}
  .ticker-view::-webkit-scrollbar,.wxstrip-view::-webkit-scrollbar,.agstrip-view::-webkit-scrollbar,.wcstrip-view::-webkit-scrollbar{display:none}
  .ticker-view.grabbing,.wxstrip-view.grabbing,.agstrip-view.grabbing,.wcstrip-view.grabbing{cursor:grabbing}
  .ticker-track,.wxstrip-track,.agstrip-track,.wcstrip-track{animation:none !important}
  .bx.bx-wc .bx-t{color:#1f8a4c}
  /* rubrique courante */
  nav.primary a.is-here{color:var(--orange);font-weight:700}
  nav.primary a.is-here::after{content:"";display:inline-block;width:6px;height:6px;margin-left:7px;border-radius:50%;background:var(--orange);vertical-align:middle;animation:pulse 1.3s infinite}
  /* ===== Board: date de la semaine + coup de coeur de la semaine ===== */
  .board-date{display:inline-block;background:var(--orange);color:#fff;font-weight:700;font-size:11px;letter-spacing:.04em;text-transform:uppercase;padding:3px 10px;border-radius:30px;margin-right:10px}
  .board-hero{margin:2px 0 20px;padding:15px 18px;border:1px solid var(--line-dk);border-left:4px solid var(--orange);border-radius:14px;background:var(--paper-2)}
  .bhero-tag{font-family:var(--sans);font-weight:800;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--orange);margin-bottom:5px}
  .bhero-row{display:flex;align-items:center;gap:16px;justify-content:space-between;flex-wrap:wrap}
  .bhero-tx{min-width:0}
  .bhero-name{font-family:var(--disp);font-weight:400;font-size:26px;letter-spacing:.01em;margin:0;line-height:1.05}
  .bhero-hook{color:var(--muted);margin:4px 0 0;font-size:14px}
  .bhero-btn{flex:none;background:var(--ink);color:#fff;border:0;border-radius:30px;padding:10px 18px;font-family:var(--sans);font-weight:700;font-size:13px;cursor:pointer;transition:background .2s}
  .bhero-btn:hover{background:var(--orange)}
  .bf-btn.read{background:var(--orange);color:#fff;border-color:var(--orange);margin-right:8px}
  /* ===== Bulle appel a temoignages ===== */
  .tmo{position:fixed;left:18px;bottom:18px;z-index:60;width:330px;max-width:calc(100vw - 32px);background:var(--paper);color:var(--ink);border:1px solid var(--line-dk);border-left:4px solid var(--orange);border-radius:16px;box-shadow:0 14px 40px rgba(20,20,20,.22);padding:16px 18px 16px 16px;display:flex;gap:12px;opacity:0;transform:translateY(14px);transition:opacity .35s ease,transform .35s ease}
  .tmo.in{opacity:1;transform:translateY(0)}
  .tmo-ico{font-size:26px;line-height:1;flex:none;margin-top:2px}
  .tmo-tx{min-width:0}
  .tmo-t{display:block;font-family:var(--disp);font-weight:400;font-size:19px;letter-spacing:.01em;line-height:1.1}
  .tmo-p{margin:5px 0 10px;font-size:13px;line-height:1.45;color:var(--ink)}
  .tmo-cta{display:inline-block;background:var(--orange);color:#fff;font-family:var(--sans);font-weight:700;font-size:13px;letter-spacing:.02em;padding:9px 15px;border-radius:30px;text-decoration:none;transition:background .2s}
  .tmo-cta:hover{background:var(--ink)}
  .tmo-fine{display:block;margin-top:7px;font-size:11px;color:var(--muted)}
  .tmo-form{display:flex;gap:6px;margin-top:2px}
  .tmo-form input{flex:1;min-width:0;border:1px solid var(--line-dk);border-radius:8px;padding:7px 9px;font-size:13px;font-family:var(--sans)}
  .tmo-form button{flex:none;background:var(--orange);color:#fff;border:0;border-radius:8px;padding:7px 12px;font-family:var(--sans);font-weight:700;font-size:13px;cursor:pointer}
  .tmo-form button:hover{background:var(--ink)}
  .tmo-done .tmo-ok{font-weight:700;font-size:13px;margin:0 0 4px}
  .tmo-done .tmo-q{font-size:12.5px;color:var(--ink);margin:0 0 9px;line-height:1.4}
  .tmo-human{display:block;margin-top:9px;font-size:12px;color:var(--sea);font-weight:700;text-decoration:none}
  .tmo-human:hover{text-decoration:underline}
  .tmo-x{position:absolute;top:7px;right:9px;background:none;border:0;font-size:21px;line-height:1;color:var(--muted);cursor:pointer;padding:2px 5px;border-radius:8px}
  .tmo-x:hover{color:var(--ink);background:rgba(0,0,0,.05)}
  @media(max-width:560px){.tmo{left:12px;right:12px;bottom:12px;width:auto}}

  /* Encart publicitaire / partenaires (bas droite, au-dessus du FAB livre blanc) */
  .tdv-ad{position:fixed;right:16px;bottom:66px;z-index:80;width:300px;max-width:calc(100vw - 28px);background:var(--paper);color:var(--ink);border:1px solid var(--line-dk);border-radius:14px;box-shadow:0 14px 40px rgba(20,20,20,.20);padding:22px 14px 14px;opacity:0;transform:translateY(12px);transition:opacity .35s ease,transform .35s ease}
  .tdv-ad.in{opacity:1;transform:translateY(0)}
  .tdv-ad-lab{position:absolute;top:8px;left:14px;font-family:var(--sans);font-size:9.5px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
  .tdv-ad-x{position:absolute;top:4px;right:8px;background:none;border:0;font-size:20px;line-height:1;color:var(--muted);cursor:pointer;padding:2px 6px;border-radius:8px}
  .tdv-ad-x:hover{color:var(--ink);background:rgba(0,0,0,.05)}
  .tdv-ad-link{display:flex;gap:12px;align-items:center;text-decoration:none;color:inherit}
  .tdv-ad-img{width:62px;height:62px;flex:none;border-radius:10px;object-fit:cover;background:#efe7d6}
  .tdv-ad-ph{display:flex;align-items:center;justify-content:center;font-size:26px}
  .tdv-ad.house .tdv-ad-ph{background:var(--orange)}
  .tdv-ad-body{min-width:0;display:flex;flex-direction:column;gap:2px}
  .tdv-ad-name{font-family:var(--disp);font-weight:400;font-size:17px;line-height:1.12;letter-spacing:.01em}
  .tdv-ad-tx{font-family:var(--sans);font-size:12.5px;line-height:1.4;color:var(--ink)}
  .tdv-ad-go{font-family:var(--sans);font-size:12px;font-weight:700;color:var(--orange);margin-top:2px}
  .tdv-ad-go::after{content:" \2192"}
  @media(max-width:560px){.tdv-ad{right:12px;bottom:62px;width:264px;padding:20px 12px 12px}}
  /* ===== Liens lieux cliquables dans les articles ===== */
  .mappin,a[href*="#carte:"]{color:var(--orange);cursor:pointer;font-weight:600;text-decoration:underline;text-decoration-color:rgba(240,185,25,.45);text-underline-offset:2px;white-space:nowrap}
  .mappin:hover,a[href*="#carte:"]:hover{text-decoration-color:var(--orange)}
  .mappin::after,a[href*="#carte:"]::after{content:"\1F4CD";font-size:.8em;margin-left:2px;text-decoration:none}
  /* ===== Mini carte inline (liens lieux dans les articles) ===== */
  .minimap{position:absolute;z-index:70;width:280px;max-width:calc(100vw - 16px);background:var(--paper);border:1px solid var(--line-dk);border-radius:12px;box-shadow:0 12px 34px rgba(20,20,20,.22);padding:10px;display:none}
  .minimap-h{font-family:var(--sans);font-weight:700;font-size:13px;color:var(--ink);margin:0 24px 7px 2px}
  .minimap-frame{width:100%;height:150px;border:0;border-radius:8px;display:block;background:var(--paper-2)}
  .minimap-g{display:inline-block;margin-top:8px;color:var(--orange);font-weight:700;font-size:12.5px;text-decoration:none}
  .minimap-g:hover{text-decoration:underline}
  .minimap-x{position:absolute;top:5px;right:8px;background:none;border:0;font-size:19px;line-height:1;color:var(--muted);cursor:pointer;padding:0 4px}
  @media(max-width:560px){.minimap{position:fixed !important;left:12px !important;right:12px !important;top:auto !important;bottom:12px !important;width:auto !important}}
  /* ===== Pop-up Urgences & numeros utiles ===== */
  .dateline .util-link{display:inline-flex;align-items:center;gap:5px;background:#e0392b;color:#fff;font-weight:800;font-size:11px;letter-spacing:.03em;text-transform:uppercase;padding:3px 11px;border-radius:30px;cursor:pointer;text-decoration:none;box-shadow:0 1px 6px rgba(224,57,43,.45)}
  .dateline .util-link::before{content:"\271A";font-size:12px}
  .dateline .util-link:hover{background:#c62f23}
  @media(max-width:640px){.dateline .util-link{font-size:10px;padding:3px 9px}}
  .dateline .util-link.food{background:var(--orange);box-shadow:0 1px 6px rgba(240,185,25,.45);margin-left:8px}
  .dateline .util-link.food::before{content:"🍽️"}
  .dateline .util-link.food:hover{background:var(--orange-dk)}
  .menu-sec{margin:18px 0 0}
  .menu-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:8px}
  .menu-card{display:flex;gap:10px;align-items:center;background:var(--paper-2);border:1px solid var(--line-dk);border-radius:12px;padding:8px}
  .menu-img{width:52px;height:52px;flex:none;border-radius:9px;object-fit:cover;background-color:#efe7d6;display:block}
  img.menu-img{transition:transform .18s ease, box-shadow .18s ease;position:relative;z-index:1;cursor:zoom-in}
  @media (hover:hover) and (pointer:fine){.menu-card:hover img.menu-img{transform:scale(3);z-index:30;box-shadow:0 12px 30px rgba(0,0,0,.4)}}
  .menu-emo{display:flex;align-items:center;justify-content:center;font-size:26px}
  .menu-tx{min-width:0;display:flex;flex-direction:column;gap:1px}
  .menu-n{font-family:var(--sans);font-weight:800;font-size:12.5px;color:var(--ink);line-height:1.15}
  .menu-ing{font-family:var(--sans);font-size:11px;font-weight:700;color:var(--ink);line-height:1.25}
  .menu-d{font-family:var(--sans);font-size:10.5px;font-style:italic;color:var(--muted);line-height:1.25;margin-top:1px}
  @media(max-width:560px){.menu-grid{grid-template-columns:1fr}}
  .util-sec{margin:16px 0 0}
  .util-h{font-family:var(--sans);font-weight:800;font-size:12px;letter-spacing:.05em;text-transform:uppercase;color:var(--ink);margin:0 0 7px}
  .util-row{display:flex;align-items:center;gap:12px;padding:9px 12px;border:1px solid var(--line);border-radius:10px;margin-bottom:6px;text-decoration:none;background:var(--paper)}
  .util-row:hover{border-color:var(--orange);background:var(--paper-2)}
  .util-k{flex:none;min-width:50px;text-align:center;font-family:var(--disp);font-size:17px;color:var(--orange);font-weight:400}
  .util-v{color:var(--ink);font-size:14px;line-height:1.35}
  .util-fine{margin-top:13px;font-size:11px;color:var(--muted)}
  /* ===== Cucaracha baladeuse (articles #cucaracha) ===== */
  .cucaracha{position:absolute;left:0;top:0;z-index:75;pointer-events:none;will-change:transform}
  .cucaracha .cuca-body{display:inline-block;font-size:23px;line-height:1;animation:cucaScuttle .12s steps(2) infinite}
  @keyframes cucaScuttle{0%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-1px) rotate(2deg)}100%{transform:translateY(0) rotate(-2deg)}}
  /* fiches lieux dans le pop-up urgences (mini-carte + Google Maps) */
  .util-place{border:1px solid var(--line);border-radius:10px;padding:9px 12px;margin-bottom:7px;background:var(--paper)}
  .util-place-top{display:flex;justify-content:space-between;align-items:baseline;gap:10px}
  .util-place-name{font-size:14px;color:var(--ink);font-weight:600;line-height:1.3}
  .util-tel{font-family:var(--disp);font-size:15px;color:var(--orange);text-decoration:none;white-space:nowrap}
  .util-place-act{display:flex;gap:16px;margin-top:5px}
  .util-mapbtn{background:none;border:0;padding:0;cursor:pointer;color:var(--sea);font-weight:700;font-size:12.5px;font-family:var(--sans)}
  .util-gmap2{color:var(--muted);font-weight:700;font-size:12.5px;text-decoration:none}
  .util-mapbtn:hover,.util-gmap2:hover{color:var(--orange)}
  .util-place-map:not(:empty){margin-top:8px}
  /* formulaire interview temoignage (pop-up) */
  .itw{display:flex;flex-direction:column;gap:12px;margin-top:6px}
  .itw label{display:flex;flex-direction:column;gap:5px;font-size:13px;font-weight:600;color:var(--ink)}
  .itw input,.itw select,.itw textarea{font-family:var(--sans);font-size:14px;font-weight:400;border:1px solid var(--line-dk);border-radius:8px;padding:8px 10px;color:var(--ink);background:var(--paper);width:100%}
  .itw textarea{min-height:58px;resize:vertical}
  .itw-send{margin-top:4px;background:var(--orange);color:#fff;border:0;border-radius:30px;padding:11px 20px;font-family:var(--sans);font-weight:700;font-size:14px;cursor:pointer;align-self:flex-start}
  .itw-send:hover{background:var(--ink)}
  .itw-human{margin-top:13px;font-size:12.5px;color:var(--muted)}
  .itw-human a{color:var(--sea);font-weight:700;text-decoration:none}
  /* ===== Banniere consentement cookies ===== */
  .cookie{position:fixed;left:0;right:0;bottom:0;z-index:90;background:var(--ink);color:#fff;box-shadow:0 -6px 24px rgba(0,0,0,.28);transform:translateY(100%);transition:transform .35s ease}
  .cookie.in{transform:translateY(0)}
  .cookie-in{max-width:1080px;margin:0 auto;padding:14px 18px;display:flex;align-items:center;gap:18px;flex-wrap:wrap}
  .cookie-tx{flex:1;min-width:240px;font-size:13px;line-height:1.45;margin:0;color:#e8eef0}
  .cookie-tx a{color:var(--orange);text-decoration:underline}
  .cookie-btns{display:flex;gap:10px;flex:none}
  .cookie-btn{border:0;border-radius:30px;padding:9px 20px;font-family:var(--sans);font-weight:700;font-size:13px;cursor:pointer}
  .cookie-refuse{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.45)}
  .cookie-refuse:hover{background:rgba(255,255,255,.12)}
  .cookie-accept{background:var(--orange);color:#fff}
  .cookie-accept:hover{background:#d8551c}
  @media(max-width:560px){.cookie-in{padding:12px 14px;gap:10px}.cookie-btns{width:100%}.cookie-btn{flex:1}}
  /* placeholder carte (cookies non acceptes) */
  .map-consent{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:11px;text-align:center;background:var(--paper-2);border:1px dashed var(--line-dk);border-radius:8px;padding:18px;color:var(--muted);font-size:13px}
  .map-consent p{margin:0;max-width:340px;line-height:1.45}
  .map-consent-btn{background:var(--orange);color:#fff;border:0;border-radius:30px;padding:8px 18px;font-family:var(--sans);font-weight:700;font-size:13px;cursor:pointer}
  .map-consent-btn:hover{background:var(--ink)}
  .map-consent-ext{color:var(--sea);font-weight:700;font-size:12.5px;text-decoration:none}
  #mmConsent{height:100%;border:0;border-radius:0}
  /* ===== Moustique volant (articles #moustique) ===== */
  .moustique{position:absolute;left:0;top:0;z-index:75;pointer-events:none;will-change:transform}
  .moustique .mosq-body{display:inline-block;font-size:19px;line-height:1;animation:mosqBuzz .07s steps(2) infinite}
  @keyframes mosqBuzz{0%{transform:rotate(-7deg) translateY(0)}50%{transform:rotate(7deg) translateY(-1px)}100%{transform:rotate(-7deg) translateY(0)}}


/* ===== Mobile Lot 1 — quick wins (cibles tactiles, safe-areas, typo fluide) ===== */
.art p,.art li{font-size:clamp(16.5px,4.3vw,17.5px)}
.cookie-in{padding-bottom:calc(14px + env(safe-area-inset-bottom,0px))}
@media(max-width:600px){
  nav.primary a{min-height:44px;display:inline-flex;align-items:center}
  .bpick{min-height:40px;display:inline-flex;align-items:center}
  footer a{display:inline-block;padding:7px 2px}
  .util-link{min-height:30px;display:inline-flex;align-items:center}
}
@media(max-width:560px){
  .lbfab{bottom:calc(14px + env(safe-area-inset-bottom,0px))}
  .tmo{bottom:calc(12px + env(safe-area-inset-bottom,0px))}
  .tdv-ad{bottom:calc(62px + env(safe-area-inset-bottom,0px))}
}

/* ===== Mobile Lot 2B — bottom sheets ===== */
@keyframes sheetUp{from{transform:translateY(100%)}to{transform:translateY(0)}}
@media(max-width:600px){
  .pop{align-items:flex-end;padding:0}
  .pop-card{max-width:none;width:100%;border-radius:22px 22px 0 0;padding:28px 18px calc(24px + env(safe-area-inset-bottom,0px));max-height:90vh;overflow-y:auto;-webkit-overflow-scrolling:touch}
  .pop.open .pop-card{animation:sheetUp .3s cubic-bezier(.2,.8,.2,1)}
  .pop-card::before{content:"";position:absolute;top:9px;left:calc(50% - 21px);width:42px;height:5px;border-radius:3px;background:rgba(20,20,20,.2);z-index:3}
  .pop-close{top:9px;right:12px;width:34px;height:34px;font-size:20px}
}

/* ===== Board — bandeau "événement du moment" (Coupe du Monde dépinglée) ===== */
.board-event{display:flex;align-items:center;gap:10px 14px;flex-wrap:wrap;margin:0 0 20px;padding:12px 16px;background:linear-gradient(135deg,rgba(240,185,25,.10),rgba(20,20,20,.04));border:1px solid var(--line-dk);border-radius:12px}
.board-event .be-lab{font-family:var(--sans);font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--orange)}
.board-event .bpick{margin:0}
@media(max-width:600px){.board-event{padding:11px 13px}}

/* ===== Mobile — menu hamburger (3 traits) dans la barre des rubriques ===== */
.np-burger{display:none}
@media(max-width:600px){
  .np-burger{display:inline-flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;margin-left:auto;position:sticky;right:0;z-index:4;flex:none;width:56px;height:100%;background:var(--ink);border:0;cursor:pointer;padding:0;box-shadow:-14px 0 14px -6px var(--ink);-webkit-tap-highlight-color:transparent}
  .np-burger span{display:block;width:22px;height:2px;background:#fff;border-radius:2px}
  .np-burger:active span{background:var(--orange)}
}

/* ===== Mobile — bandeau du haut compact + barre rubriques = rubrique courante ===== */
.ul-short{display:none}
@media(max-width:600px){
  #today{display:none}
  .dateline .wrap{justify-content:flex-end;height:38px}
  .dateline .right{gap:8px}
  .dateline .util-link{white-space:nowrap}
  .ul-full{display:none}
  .ul-short{display:inline}
  /* la barre bleue ne montre que la rubrique ouverte (le hamburger fait le reste) */
  nav.primary .wrap{gap:0;padding-right:0}
  nav.primary .wrap a:not(.is-here){display:none}
  nav.primary .wrap a.is-here{display:inline-flex;white-space:nowrap}
  nav.primary .wrap:not(:has(a.is-here)) a[href*="#board"]{display:inline-flex}
  nav.primary::after{display:none !important}
  /* menu langue : uniquement les drapeaux, grille compacte qui ne deborde pas */
  .langsel-menu{left:0;right:auto;min-width:0;width:auto;grid-template-columns:repeat(3,auto);gap:5px;padding:8px}
  .langsel.open .langsel-menu{display:grid}
  .langsel-item{justify-content:center;gap:0;padding:8px 9px}
  .langsel-item span:not(.flag){display:none}
  .langsel-item .flag{width:30px;height:20px}
}

/* ===== Bandeau "a la une" Coupe du Monde (vert, sous l'agenda) ===== */
.wc-hero{max-width:var(--max);margin:0 auto;padding:18px 24px 0}
.wc-card{width:100%;display:flex;align-items:center;gap:16px;text-align:left;background:linear-gradient(135deg,#1a9149,#0b5c2b);border:0;border-radius:14px;padding:15px 20px;cursor:pointer;color:#fff;box-shadow:0 8px 24px rgba(11,92,43,.28);transition:transform .15s,box-shadow .15s}
.wc-card:hover{transform:translateY(-1px);box-shadow:0 12px 30px rgba(11,92,43,.36)}
.wc-ball{font-size:34px;flex:none;line-height:1;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}
.wc-body{display:flex;flex-direction:column;gap:3px;flex:1;min-width:0}
.wc-kick{font-family:var(--sans);font-weight:800;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#bff3d1}
.wc-title{font-family:var(--disp);font-weight:400;font-size:clamp(20px,4.6vw,27px);letter-spacing:.01em;line-height:1.05}
.wc-sub{font-family:var(--sans);font-size:13px;color:#eafff1;line-height:1.35}
.wc-cta{font-family:var(--sans);font-weight:800;font-size:13px;letter-spacing:.04em;text-transform:uppercase;background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.45);border-radius:30px;padding:9px 16px;flex:none;white-space:nowrap}
@media(max-width:600px){
  .wc-hero{padding:14px 16px 2px}
  .wc-card{gap:12px;padding:13px 15px}
  .wc-ball{font-size:27px}
  .wc-sub{display:none}
  .wc-cta{padding:8px 12px;font-size:12px}
}

/* ===== Mobile — menu langue collé à gauche + grille qui reste dans l'écran ===== */
@media(max-width:600px){
  .dateline .wrap{padding-left:0}
  .dateline .right{flex:1;min-width:0;justify-content:space-between;gap:6px}
  .langsel{margin-left:0;margin-right:0}
  .langsel-menu{left:0;right:auto;max-width:calc(100vw - 16px)}
}

/* ===== Clignotement alternatif lent des boutons Urgences / À table (attirer le regard) ===== */
@keyframes utlBlink{
  0%,100%{box-shadow:0 1px 6px var(--utl-soft);transform:scale(1);filter:brightness(1)}
  50%{box-shadow:0 0 0 5px var(--utl-ring),0 4px 16px var(--utl-soft);transform:scale(1.07);filter:brightness(1.1)}
}
.dateline .util-link{--utl-soft:rgba(224,57,43,.45);--utl-ring:rgba(224,57,43,.55);animation:utlBlink 3.6s ease-in-out infinite;will-change:transform}
.dateline .util-link.food{--utl-soft:rgba(240,185,25,.45);--utl-ring:rgba(240,185,25,.55);animation:none;transform:none}/* v1.263 : À table ne clignote plus (Urgences garde le clignotement) */
@media(prefers-reduced-motion:reduce){.dateline .util-link{animation:none}}

/* ===== Visionneuse photo plat (tap = agrandir sans gener la lecture) ===== */
.dish-lb{position:fixed;inset:0;z-index:2000;background:rgba(10,22,28,.84);display:none;align-items:center;justify-content:center;padding:22px;cursor:zoom-out;-webkit-tap-highlight-color:transparent}
.dish-lb.open{display:flex;animation:fade .18s ease}
.dish-lb img{max-width:88vw;max-height:80vh;width:auto;height:auto;border-radius:14px;box-shadow:0 20px 60px rgba(0,0,0,.5)}
.dish-lb .dish-lb-hint{position:absolute;bottom:calc(18px + env(safe-area-inset-bottom,0px));left:0;right:0;text-align:center;color:#e9e0cf;font-family:var(--sans);font-size:12px;letter-spacing:.04em}

/* ===== Mobile — fils : colonne label reduite a une icone (degager la place) ===== */
@media(max-width:600px){
  .ticker-label,.wxstrip-label,.agstrip-label{width:46px;min-width:0;padding:0;align-items:center;justify-content:center}
  .ticker-label>span,.wxstrip-label>span,.agstrip-label>span{display:none}
  .ticker-label::before{content:"\1F4E3"}
  .wxstrip-label::before{content:"\1F324\FE0F"}
  .agstrip-label::before{content:"\1F4C5"}
  .ticker-label::before,.wxstrip-label::before,.agstrip-label::before{font-size:19px;line-height:1}
}

/* ===== Mobile — bouton S'abonner dans la barre du haut (discret, sans clignotement) ===== */
.util-link.sub{display:none}
@media(max-width:600px){
  .dateline .util-link.sub{display:inline-flex;background:transparent;border:1px solid rgba(255,255,255,.5);color:#fff;box-shadow:none;animation:none;font-weight:700}
  .dateline .util-link.sub::before{content:none}
  .dateline .util-link.sub:active{background:rgba(255,255,255,.12)}
}

/* ===== Hub S'abonner (pop) ===== */
.sub-nl{margin:14px 0 0}
.sub-lb{display:block;font-family:var(--sans);font-weight:800;font-size:13px;letter-spacing:.02em;color:var(--ink);margin-bottom:8px}
.sub-row{display:flex;gap:8px}
.sub-row input{flex:1;min-width:0;border:1px solid var(--line-dk);border-radius:10px;padding:12px 14px;font-size:15px;font-family:var(--sans);background:#fff;color:var(--ink)}
.sub-row button{flex:none;background:var(--orange);color:#fff;border:0;border-radius:10px;padding:12px 18px;font-family:var(--sans);font-weight:700;font-size:14px;cursor:pointer}
.sub-row button:hover{background:var(--orange-dk)}
.sub-row button:disabled{opacity:.7}
.sub-ok{background:#eef7ee;border:1px solid #cfe6cf;border-radius:10px;padding:12px 14px;font-size:13.5px;color:var(--ink);margin:10px 0 0}
.sub-opts{display:flex;flex-direction:column;gap:10px;margin-top:16px}
.sub-opt{display:flex;align-items:center;gap:13px;text-align:left;width:100%;background:var(--paper-2);border:1px solid var(--line-dk);border-radius:12px;padding:13px 15px;cursor:pointer;transition:background .15s ease,transform .15s ease}
.sub-opt:hover{background:#fff;transform:translateY(-1px)}
.sub-opt-i{font-size:23px;flex:none;line-height:1}
.sub-opt-tx{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}
.sub-opt-tx b{font-family:var(--sans);font-weight:800;font-size:14.5px;color:var(--ink)}
.sub-opt-tx small{font-family:var(--sans);font-size:12.5px;color:var(--muted);line-height:1.35}
.sub-opt-go{font-size:18px;color:var(--orange);flex:none}

/* icone telephone emoji sur le bouton Urgences (mobile) */
.ul-tel{font-size:14px;line-height:1;vertical-align:-2px;margin-left:1px}

/* ===== Mobile — bouton Urgences facon enseigne de pharmacie (croix verte clignotante) ===== */
@keyframes rxBlink{0%,44%{opacity:1;text-shadow:0 0 7px rgba(20,190,80,.85)}55%,100%{opacity:.16;text-shadow:none}}
@media(max-width:600px){
  .dateline .util-link:not(.food):not(.sub){background:#fff;color:var(--ink);border:1px solid rgba(0,0,0,.08);box-shadow:0 1px 7px rgba(0,0,0,.22);animation:none;font-weight:800}
  .dateline .util-link:not(.food):not(.sub):active{background:#f3efe6}
  .dateline .util-link:not(.food):not(.sub)::before{content:"\271A";color:#12b34a;font-size:15px;animation:rxBlink 1.05s ease-in-out infinite;margin-right:3px}
}

/* ===== Boutons "copier" dans la pop Urgences ===== */
.util-call{flex:1;display:flex;align-items:center;gap:12px;text-decoration:none;min-width:0}
.util-copy{flex:none;background:var(--paper-2);border:1px solid var(--line-dk);color:var(--muted);font-family:var(--sans);font-weight:700;font-size:11px;letter-spacing:.03em;text-transform:uppercase;padding:6px 11px;border-radius:20px;cursor:pointer;white-space:nowrap;transition:background .15s ease,color .15s ease,border-color .15s ease}
.util-copy:hover{border-color:var(--orange);color:var(--orange)}
.util-copy:active,.util-copy.done{background:#2e9e5b;border-color:#2e9e5b;color:#fff}
.util-tel-wrap{display:inline-flex;align-items:center;gap:8px}
.util-copy-sm{padding:5px 9px;font-size:10.5px}

/* ===== Encadré d'info dans la pop Urgences ===== */
.util-note{background:#fff4e8;border:1px solid var(--line-dk);border-left:4px solid var(--orange);border-radius:10px;padding:12px 14px;margin:2px 0 16px;font-family:var(--sans);font-size:13px;line-height:1.5;color:var(--ink)}
.util-note b{font-weight:800}

/* ===== Agenda : surlignage de l'evenement cible (clic depuis le fil) ===== */
.ag-item.ag-hit{animation:agHit 2.4s ease}
@keyframes agHit{0%{background:rgba(240,185,25,.18);box-shadow:0 0 0 2px var(--orange) inset;border-radius:10px}70%{background:rgba(240,185,25,.09);box-shadow:0 0 0 2px rgba(240,185,25,.3) inset;border-radius:10px}100%{background:transparent;box-shadow:none}}
/* ===== Coup de coeur de la semaine : ALTERNATIVE N (aplat sombre, angles droits, grande photo) v1.124 ===== */
.cdc-hero{display:grid;grid-template-columns:1fr 1.08fr;gap:0;align-items:stretch;background:var(--ink);border:0;border-radius:0;padding:0;margin:8px 0 28px;box-shadow:none;overflow:hidden;text-decoration:none;color:#fff;min-height:360px}
.cdc-media{border-radius:0;overflow:hidden;aspect-ratio:auto;height:100%;min-height:360px;background:#12222c}
.cdc-media img{width:100%;height:100%;object-fit:cover;display:block}
.cdc-tx{padding:36px 40px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
.cdc-kick{margin-bottom:16px}
.cdc-star{color:#fff}
.cdc-title{font-family:var(--disp);font-weight:400;font-synthesis:none;text-transform:uppercase;font-size:clamp(30px,3.8vw,52px);line-height:.96;letter-spacing:.02em;color:#fff;margin:0}
.cdc-x{margin-top:16px;font-size:16px;line-height:1.5;color:rgba(255,255,255,.82);max-width:44ch}
.cdc-hero .hp-meta{margin-top:16px;color:rgba(255,255,255,.55)}
@media(max-width:760px){.cdc-hero{grid-template-columns:1fr;min-height:0}.cdc-media{min-height:0;aspect-ratio:16/9}.cdc-tx{padding:24px 22px}.cdc-title{font-size:34px}}

/* ===== Board facon mockup : aplats, numeros 01-08, filet orange, liste verticale (v1.126) ===== */
.bgrid-lab{font-family:var(--sans);font-weight:800;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin:28px 0 0}
.bgrid{counter-reset:bx}
.bx{counter-increment:bx}
.bx-t{position:relative;border-bottom:2px solid var(--orange);padding-bottom:12px;padding-right:48px}
.bx-t::after{content:counter(bx,decimal-leading-zero);position:absolute;right:0;top:1px;font-family:var(--cond);font-weight:400;font-size:22px;letter-spacing:.03em;color:var(--muted);opacity:.5}
.bx-links{flex-direction:column;flex-wrap:nowrap;align-items:flex-start;gap:9px;margin-top:15px}
.bpick{text-transform:none;font-size:14.5px;font-weight:600;letter-spacing:.01em}
.bpick.fav{font-weight:800}
.bx-src{margin-top:3px}
.bx-src::after{content:" \203A"}
@media(max-width:760px){.bgrid-lab{margin-top:20px}}

/* ===== Charte a plat, TOUT LE SITE : angles droits partout sauf pastilles oranges & cercles (v1.130) ===== */
.lead .frame,.lead .frame .cap,.side .thumb,.card .pic,.badge-prem,.feature,.pill,
.news,.news form,.news input,.news button,.portrait,
.art .cover,.art .endbox,.gh-content img,
.ag-go,.ag-banner,.langsel-menu,.langsel-item,
.hp-card,.hp-card-img,.hp-hero-img,.wc-card,.wc-hero,
.bf-cell,.pop-card,.pf-map,.pf-map .leaflet-container,
.mm-note,.mm-list,.mb-card,
.lb-in,.lb-form input,.lb-form button,.lbfab-card,
.gyg-promo,.wa-promo,.board-hero,.board-event,
.tmo,.tmo-form input,.tmo-form button,.tmo-x,
.tdv-ad,.tdv-ad-x,.tdv-ad-img,.minimap,.minimap-frame{border-radius:0 !important}

/* ===== Mobile : board en tuiles compactes -> bottom sheet par rubrique (v1.128) ===== */
@media(max-width:760px){
  .bgrid{grid-template-columns:1fr 1fr;gap:10px;border-top:0;margin-top:14px}
  .bx,.bx:nth-child(odd),.bx:nth-child(even){padding:14px 30px 14px 13px;border:1px solid var(--line-dk);border-right:1px solid var(--line-dk)}
  .bx{position:relative;cursor:pointer;display:flex;flex-direction:column;justify-content:center;min-height:66px;-webkit-tap-highlight-color:rgba(240,185,25,.12)}
  .bx:active{background:var(--paper-2)}
  .bx-links{display:none}
  .bx-t{font-family:var(--disp);font-size:18px;line-height:1;border-bottom:0;padding-bottom:0;padding-right:22px;letter-spacing:-.01em}
  .bx-t::after{font-size:13px;top:0;opacity:.45}
  .bx::before{content:"\203A";position:absolute;right:12px;bottom:9px;color:var(--orange);font-family:var(--sans);font-weight:800;font-size:18px;line-height:1}
}
/* Fiche rubrique (bottom sheet) : liste des adresses */
.rub-list{display:flex;flex-direction:column;margin-top:8px}
.rub-item{text-align:left;background:0;border:0;border-bottom:1px solid var(--line-dk);padding:14px 2px;font-family:var(--sans);font-weight:600;font-size:16px;letter-spacing:.01em;color:var(--ink);cursor:pointer}
.rub-item:last-of-type{border-bottom:0}
.rub-item.fav{color:var(--orange);font-weight:800}
.rub-item.fav::before{content:"\2605 ";color:var(--orange)}
.rub-item:active{opacity:.6}
.rub-src{display:inline-block;margin-top:12px;font-family:var(--sans);font-weight:700;font-size:12.5px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);text-decoration:none}

/* ===== Mobile : bandeaux NEWS / METEO / AGENDA - hauteur identique et minimale (v1.132) ===== */
@media(max-width:600px){
  .ticker-view,.wxstrip-view,.agstrip-view{align-items:center}
  .ticker-item,.wxc,.agc{padding-top:5px;padding-bottom:5px}
  .ticker-label::before,.wxstrip-label::before,.agstrip-label::before{font-size:17px}
}

/* ===== v1.134 : board compact (favori seul + popup rubrique sur tous les ecrans) ===== */
@media(min-width:761px){
  .bgrid .bpick:not(.fav){display:none}
  .bgrid .bx-src{display:none}
  .bgrid .bx{cursor:pointer}
  .bgrid .bx:hover .bx-t{color:var(--orange)}
  .bx-more{background:0;border:0;padding:0;cursor:pointer;text-align:left;font-family:var(--sans);font-weight:700;font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}
  .bx-more::after{content:" \203A";color:var(--orange);font-weight:800}
  .bx-more:hover{color:var(--orange)}
}
@media(max-width:760px){.bx-more{display:none}}
.rub-list{max-height:60vh;overflow-y:auto}

/* ===== v1.135 : fond colore pour la section des favoris (rubrique a part) ===== */
.board-fav{background:#5FA9DB radial-gradient(circle at 88% 6%, #FFD966 0%, rgba(255,217,102,.5) 20%, rgba(255,217,102,0) 46%);padding:24px 28px 28px;margin-top:6px}
.board-fav .bx,.board-fav .bx:nth-child(odd){border-color:rgba(20,20,20,.28)}
.board-fav .bx-src,.board-fav .bx-more,.board-fav .bx-t::after{color:rgba(20,20,20,.7)}
.board-fav .board-h .sub{color:rgba(20,20,20,.78)}
.board-fav .bgrid{border-top:2px solid var(--ink)}
@media(max-width:760px){.board-fav{padding:16px 14px 18px;margin-top:2px}}

/* ===== v1.140 : page Sortir ===== */
.sortir{max-width:980px;margin:34px auto 60px;padding:0 8px}
.sx-head{margin-bottom:10px}
.sx-head .kick{display:inline-block;font-family:var(--sans);font-weight:800;font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#fff;background:var(--orange);padding:5px 11px;border-radius:30px}
.sx-head h1{font-family:var(--disp);font-weight:400;font-size:clamp(34px,5vw,54px);text-transform:uppercase;letter-spacing:.02em;line-height:1;margin:14px 0 10px}
.sx-lede{font-family:var(--sans);color:var(--muted);font-size:15.5px;max-width:640px}
.sx-agenda{margin-top:16px}
.sx{margin-top:38px;border-top:2px solid var(--ink);padding-top:18px}
.sx-t{font-family:var(--disp);font-weight:400;font-size:clamp(24px,3vw,34px);text-transform:uppercase;letter-spacing:.02em;line-height:1;border-bottom:2px solid var(--orange);display:inline-block;padding-bottom:8px}
.sx-i{font-family:var(--sans);color:var(--muted);font-size:14px;margin-top:10px;max-width:640px}
.s-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px 34px;margin-top:18px}
.s-row{border-bottom:1px solid var(--line-dk);padding-bottom:14px}
.s-row .bpick{text-transform:none;font-size:16.5px;font-weight:800;letter-spacing:.01em;text-align:left}
.s-row .bpick::after{content:" \203A";color:var(--orange);font-weight:800}
.s-x{font-family:var(--sans);font-size:13.5px;color:var(--muted);margin-top:5px;line-height:1.45}
@media(max-width:760px){.s-grid{grid-template-columns:1fr;gap:14px}.sortir{margin-top:20px}}

/* ===== v1.142 : page Communaute ===== */
.wa-panel{background:var(--ink);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:22px;padding:26px 30px;margin-top:22px;flex-wrap:wrap}
.wa-panel h2{font-family:var(--disp);font-weight:400;font-size:clamp(22px,2.6vw,30px);text-transform:uppercase;letter-spacing:.02em;line-height:1.05}
.wa-panel p{font-family:var(--sans);color:#cfc7bb;font-size:14px;margin-top:8px;max-width:520px}
.wa-btn{flex-shrink:0;display:inline-block;background:#25D366;color:#fff;font-family:var(--sans);font-weight:800;font-size:14px;text-transform:uppercase;letter-spacing:.05em;padding:14px 22px;text-decoration:none}
.wa-btn:hover{background:#1ebe5b}
.s-ext{text-decoration:none;display:inline-block}
.s-arts{display:grid;grid-template-columns:1fr 1fr;gap:0 34px;margin-top:14px}
.s-art{display:flex;justify-content:space-between;gap:14px;align-items:baseline;border-bottom:1px solid var(--line-dk);padding:12px 2px;text-decoration:none;color:var(--ink);font-family:var(--sans)}
.s-art b{font-size:14.5px;font-weight:700;line-height:1.3}
.s-art span{flex-shrink:0;font-size:12px;color:var(--muted)}
.s-art:hover b{color:var(--orange)}
.sx .rub-src{margin-top:14px}
@media(max-width:760px){.s-arts{grid-template-columns:1fr}.wa-panel{padding:20px 18px}}

/* ===== v1.143 : rubrique Valencia LGBTQIA+ (couleurs du drapeau) ===== */
.rb-t{position:relative;padding-bottom:3px;background-image:var(--rbgrad);background-repeat:no-repeat;background-size:100% 3px;background-position:0 100%}
.mcat-t.rb-t{display:inline-block;background-size:100% 4px}
body.tag-lgbtqia .hp-no{background:var(--ink)}
body.tag-lgbtqia .hp-head{border-bottom:6px solid;border-image:var(--rbgrad) 1;padding-bottom:14px;margin-bottom:22px}

/* ===== v1.149 : encart pub, photo grand format ===== */
.tdv-ad{padding:0;overflow:hidden}
.tdv-ad-lab{top:0;left:0;background:var(--ink);color:#fff;padding:4px 10px;z-index:2}
.tdv-ad-x{top:4px;right:4px;z-index:3;background:rgba(250,242,223,.92);color:var(--ink)}
.tdv-ad-x:hover{background:var(--paper)}
.tdv-ad-link{display:block}
.tdv-ad-img{width:100%;height:200px;display:block;object-fit:cover}
.tdv-ad-ph{width:100%;height:200px;font-size:48px}
.tdv-ad-body{padding:12px 14px 14px;gap:3px}
@media(max-width:560px){.tdv-ad-img,.tdv-ad-ph{height:170px}}

/* ===== v1.150 : appel a temoignages en bulle de BD ===== */
.tmo{border:2px solid var(--ink);border-left:2px solid var(--ink);border-radius:18px !important;box-shadow:6px 6px 0 rgba(20,20,20,.16);bottom:36px;padding:16px 18px 16px 16px}
.tmo::after{content:"";position:absolute;left:30px;bottom:-17px;width:0;height:0;border-style:solid;border-width:17px 6px 0 17px;border-color:var(--ink) transparent transparent transparent}
.tmo::before{content:"";position:absolute;left:33px;bottom:-12px;width:0;height:0;border-style:solid;border-width:13px 4px 0 13px;border-color:var(--paper) transparent transparent transparent;z-index:1}
.tmo-t{font-size:20px}
.tmo-t::before{content:"\00AB\2009"}
.tmo-t::after{content:"\2009\00BB"}
.tmo-form input{border:1.5px solid var(--ink);border-radius:12px !important}
.tmo-form button{border-radius:30px !important}
@media(max-width:560px){.tmo{bottom:30px}}

/* ===== v1.153 : nav principale, tout tient sur PC ===== */
@media(min-width:1080px){
  nav.primary .wrap{max-width:1400px;gap:0;justify-content:center}
  nav.primary a{font-size:11.5px;letter-spacing:.03em;padding:8px 9px}
}
@media(min-width:1080px) and (max-width:1339px){
  nav.primary a{font-size:11px;letter-spacing:.01em;padding:8px 7px}
}

/* v1.154 (consolide v1.418) : le fond clair vit une seule fois dans le :root maitre en tete. Ci-dessous, adaptations de couleurs sur fond clair. */
.dateline{color:#c5ced4}
nav.primary a{color:#cbd4da}
.tdv-ad-img{background:#e7eae5}

/* ===== v1.155 : charte Jaune Senyera (accent #F0B919, sombre #141414) ===== */
/* 1) cartouches jaunes -> texte noir */
.sub-btn,.ticker-label,.agstrip-label,.board-h .no,.lead .frame .cap,.avatar,.pillars .ph2 .no,
.reader .back,.mm-back,.langsel-item.active,.hp-no,.kick,.lb-kick,.lb-form button,.lb-mini-badge,
.lb-mini-form button,.lbfab,.board-date,.bf-btn.read,.tmo-cta,.tmo-form button,.itw-send,
.cookie-accept,.map-consent-btn,.sub-row button,.sx-head .kick,.wa-promo-cta,
.share-btn:hover,.pagination .pg-btn:hover,.pop-close:hover,.menu .mclose:hover,.bf-btn.gmap:hover{color:#141414}
/* 2) grand bloc newsletter jaune : texte noir, bouton inverse */
.news,.news h2,.news p{color:#141414}
.news .sub-btn{background:#141414;color:#F0B919}
/* 3) texte accent sur fond clair -> or fonce lisible */
.logo .the,.logo .name b,.ticker-item .ti-src,.ticker-sep,.wxc .wxc-ico,.agc .agc-t,.agc:hover .agc-ti,
.bpick:hover,.bpick.fav,.bpick.fav::before,.bx-src:hover,.kicker,.side .lab,.side .cat,
.side article:hover h3,.sec-head h2 span,.sec-head a,.card .cat,.card:hover h3,.feature .cat,
.feature:hover h3,.pillars .ph2 a,.portrait .cat,.mini .lab,.mini a:hover,.mini a b,.art .cat,
.art > p:first-of-type::first-letter,.geo:hover,.ag-date,.ag-cat,.ag-banner a,.bf-cat,.bf-lab,.pf-tag,
.mb-q,.mb-gmap:hover,.wxnow .wx-temp,.mm-score,.tdv-ad-go,.mappin,a[href*="#carte:"],.minimap-g,
.util-k,.util-tel,.util-mapbtn:hover,.util-gmap2:hover,.board-event .be-lab,.sub-opt-go,.util-copy:hover,
.bx::before,.rub-item.fav,.rub-item.fav::before,.bgrid .bx:hover .bx-t,.bx-more::after,.bx-more:hover,
.s-row .bpick::after,.s-art:hover b{color:var(--gold-tx)}
/* filet sous les titres du board et des sections : jaune vif (decoratif) */
.bx-t{border-bottom-color:#F0B919}
.sx-t{border-bottom-color:#F0B919}

/* ===== v1.157 : ciel photo realiste style iOS (webp par condition + etat eclaircies) ===== */
.masthead .wrap{padding-top:64px;padding-bottom:46px}
@media(max-width:760px){.masthead .wrap{padding-top:40px;padding-bottom:28px}}
.masthead .sky{background-size:cover;background-position:center 38%}
.masthead.is-day .sky{background-image:linear-gradient(to bottom,rgba(10,16,22,.10) 0%,rgba(244,245,242,0) 55%,var(--paper) 97%),url(https://storage.ghost.io/c/d0/53/d05364b1-cd59-4466-9fbc-c9b99c9aa264/content/images/2026/07/sky2-day-v2.webp)}
.masthead.is-partly .sky{background-image:linear-gradient(to bottom,rgba(10,16,22,.10) 0%,rgba(244,245,242,0) 55%,var(--paper) 97%),url(https://storage.ghost.io/c/d0/53/d05364b1-cd59-4466-9fbc-c9b99c9aa264/content/images/2026/07/sky2-partly.webp)}
.masthead.is-clouds .sky{background-image:linear-gradient(to bottom,rgba(10,16,22,.16) 0%,rgba(244,245,242,0) 52%,var(--paper) 96%),url(https://storage.ghost.io/c/d0/53/d05364b1-cd59-4466-9fbc-c9b99c9aa264/content/images/2026/07/sky2-clouds.webp)}
.masthead.is-rain .sky{background-image:linear-gradient(to bottom,rgba(10,16,22,.22) 0%,rgba(244,245,242,0) 50%,var(--paper) 97%),url(https://storage.ghost.io/c/d0/53/d05364b1-cd59-4466-9fbc-c9b99c9aa264/content/images/2026/07/sky2-rain.webp)}
.masthead.is-night .sky{background-image:linear-gradient(to bottom,rgba(0,0,0,.12) 0%,rgba(244,245,242,0) 58%,var(--paper) 98%),url(https://storage.ghost.io/c/d0/53/d05364b1-cd59-4466-9fbc-c9b99c9aa264/content/images/2026/07/sky2-night.webp)}
/* pluie animee */
.sky .rainfx{inset:-100px;height:auto;bottom:24%;background-image:repeating-linear-gradient(102deg,rgba(255,255,255,.34) 0 1.6px,transparent 1.6px 12px)}
.masthead.is-rain .sky .rainfx{opacity:.8;animation:tdvRain .6s linear infinite}
@keyframes tdvRain{to{transform:translate3d(-44px,92px,0)}}
/* etoiles scintillantes */
.masthead.is-night .sky .stars{animation:tdvTwinkle 3.6s ease-in-out infinite alternate}
@keyframes tdvTwinkle{from{opacity:.3}to{opacity:.95}}
/* halo de soleil vivant, cale sur le soleil de la photo jour (a ~72% a droite) */
.masthead.is-day .sky .sun{position:absolute;left:50%;top:-90px;width:300px;height:300px;transform:translateX(-50%);border-radius:50%;background:radial-gradient(circle,rgba(255,248,210,.55) 0%,rgba(255,232,150,.22) 42%,rgba(255,232,150,0) 70%);animation:tdvSun 6s ease-in-out infinite alternate;pointer-events:none}
.masthead.is-partly .sky .sun{position:absolute;left:24%;top:-140px;width:360px;height:360px;transform:translateX(-50%);border-radius:50%;background:radial-gradient(circle,rgba(255,250,225,.55) 0%,rgba(255,235,160,.22) 45%,rgba(255,235,160,0) 72%);animation:tdvSun 7s ease-in-out infinite alternate;pointer-events:none}
@keyframes tdvSun{from{opacity:.72}to{opacity:1;transform:translateX(-50%) scale(1.07)}}
/* halo palmier pour eclaircies */
.masthead.is-partly .palm::before{opacity:.85}
/* lisibilite du header sur photo */
.masthead.is-day .logo .name,.masthead.is-partly .logo .name,.masthead.is-clouds .logo .name,.masthead.is-rain .logo .name,.masthead.is-night .logo .name{color:#fff;text-shadow:0 1px 16px rgba(0,0,0,.4)}
.masthead.is-day .brandtag,.masthead.is-partly .brandtag,.masthead.is-clouds .brandtag,.masthead.is-rain .brandtag,.masthead.is-night .brandtag{color:rgba(255,255,255,.9);text-shadow:0 1px 8px rgba(0,0,0,.35)}
.masthead.is-day .right .tag,.masthead.is-partly .right .tag,.masthead.is-clouds .right .tag,.masthead.is-rain .right .tag,.masthead.is-night .right .tag{color:#fff;text-shadow:0 1px 10px rgba(0,0,0,.4)}
.masthead.is-day .lb-mini-lab,.masthead.is-partly .lb-mini-lab,.masthead.is-clouds .lb-mini-lab,.masthead.is-rain .lb-mini-lab,.masthead.is-night .lb-mini-lab{color:#fff;text-shadow:0 1px 8px rgba(0,0,0,.35)}

/* v1.158 : lisibilite renforcee sur nuages blancs */
.masthead.is-partly .sky{background-image:linear-gradient(to bottom,rgba(10,16,22,.30) 0%,rgba(10,16,22,.12) 38%,rgba(244,245,242,0) 58%,var(--paper) 97%),url(https://storage.ghost.io/c/d0/53/d05364b1-cd59-4466-9fbc-c9b99c9aa264/content/images/2026/07/sky2-partly.webp)}
.masthead.is-day .sky{background-image:linear-gradient(to bottom,rgba(10,16,22,.22) 0%,rgba(10,16,22,.08) 38%,rgba(244,245,242,0) 58%,var(--paper) 97%),url(https://storage.ghost.io/c/d0/53/d05364b1-cd59-4466-9fbc-c9b99c9aa264/content/images/2026/07/sky2-day-v2.webp)}
.masthead.is-day .logo .name,.masthead.is-partly .logo .name,.masthead.is-clouds .logo .name,.masthead.is-rain .logo .name,.masthead.is-night .logo .name,
.masthead.is-day .logo .name b,.masthead.is-partly .logo .name b,.masthead.is-clouds .logo .name b,.masthead.is-rain .logo .name b,.masthead.is-night .logo .name b{color:#fff;text-shadow:0 2px 6px rgba(0,0,0,.55),0 2px 26px rgba(0,0,0,.45)}
.masthead.is-day .right .tag,.masthead.is-partly .right .tag,.masthead.is-clouds .right .tag,.masthead.is-rain .right .tag,.masthead.is-night .right .tag{text-shadow:0 1px 4px rgba(0,0,0,.6),0 1px 14px rgba(0,0,0,.45)}

/* v1.159 : logo bleu marine sur les ciels clairs, halo palmier supprime */
.brand .palm::before{display:none !important}
/* etats clairs : tout le bloc marque en bleu marine + halo clair pour se detacher du bleu du ciel */
.masthead.is-day .logo .name,.masthead.is-partly .logo .name,.masthead.is-clouds .logo .name,
.masthead.is-day .logo .name b,.masthead.is-partly .logo .name b,.masthead.is-clouds .logo .name b,
.masthead.is-day .logo .the,.masthead.is-partly .logo .the,.masthead.is-clouds .logo .the,
.masthead.is-day .brandtag,.masthead.is-partly .brandtag,.masthead.is-clouds .brandtag{color:#12283A;text-shadow:0 0 14px rgba(255,255,255,.75),0 1px 3px rgba(255,255,255,.5)}
.masthead.is-day .palm svg,.masthead.is-partly .palm svg,.masthead.is-clouds .palm svg{fill:#12283A}
.masthead.is-day .right .tag,.masthead.is-partly .right .tag,.masthead.is-clouds .right .tag,
.masthead.is-day .lb-mini-lab,.masthead.is-partly .lb-mini-lab,.masthead.is-clouds .lb-mini-lab{color:#12283A;text-shadow:0 0 12px rgba(255,255,255,.7),0 1px 2px rgba(255,255,255,.5)}
/* etats sombres (pluie, nuit) : blanc, et palmier blanc casse */
.masthead.is-rain .palm svg,.masthead.is-night .palm svg{fill:#f2efe6}
.masthead.is-rain .logo .the,.masthead.is-night .logo .the{color:#F0B919}

/* v1.160 : le nom du logo utilise un degrade clip-text, on force le remplissage sur les etats photo */
.masthead.is-day .logo .name,.masthead.is-partly .logo .name,.masthead.is-clouds .logo .name{background:none;-webkit-text-fill-color:#12283A;color:#12283A}
.masthead.is-rain .logo .name,.masthead.is-night .logo .name{background:none;-webkit-text-fill-color:#fff;color:#fff}

/* v1.161 : voiles du ciel en degrade progressif (plus de demarcation) */
.masthead.is-day .sky{background-image:linear-gradient(to bottom,rgba(10,16,22,0.22) 0%,rgba(10,16,22,0.16) 14%,rgba(10,16,22,0.10) 28%,rgba(10,16,22,0.06) 42%,rgba(10,16,22,0.02) 56%,rgba(10,16,22,0) 70%,rgba(244,245,242,0) 74%,rgba(244,245,242,.35) 86%,rgba(244,245,242,.75) 93%,var(--paper) 100%),url(https://storage.ghost.io/c/d0/53/d05364b1-cd59-4466-9fbc-c9b99c9aa264/content/images/2026/07/sky2-day-v2.webp)}
.masthead.is-partly .sky{background-image:linear-gradient(to bottom,rgba(10,16,22,0.28) 0%,rgba(10,16,22,0.20) 14%,rgba(10,16,22,0.13) 28%,rgba(10,16,22,0.07) 42%,rgba(10,16,22,0.03) 56%,rgba(10,16,22,0) 70%,rgba(244,245,242,0) 74%,rgba(244,245,242,.35) 86%,rgba(244,245,242,.75) 93%,var(--paper) 100%),url(https://storage.ghost.io/c/d0/53/d05364b1-cd59-4466-9fbc-c9b99c9aa264/content/images/2026/07/sky2-partly.webp)}
.masthead.is-clouds .sky{background-image:linear-gradient(to bottom,rgba(10,16,22,0.18) 0%,rgba(10,16,22,0.13) 14%,rgba(10,16,22,0.08) 28%,rgba(10,16,22,0.05) 42%,rgba(10,16,22,0.02) 56%,rgba(10,16,22,0) 70%,rgba(244,245,242,0) 74%,rgba(244,245,242,.35) 86%,rgba(244,245,242,.75) 93%,var(--paper) 100%),url(https://storage.ghost.io/c/d0/53/d05364b1-cd59-4466-9fbc-c9b99c9aa264/content/images/2026/07/sky2-clouds.webp)}
.masthead.is-rain .sky{background-image:linear-gradient(to bottom,rgba(10,16,22,0.24) 0%,rgba(10,16,22,0.17) 14%,rgba(10,16,22,0.11) 28%,rgba(10,16,22,0.06) 42%,rgba(10,16,22,0.03) 56%,rgba(10,16,22,0) 70%,rgba(244,245,242,0) 74%,rgba(244,245,242,.35) 86%,rgba(244,245,242,.75) 93%,var(--paper) 100%),url(https://storage.ghost.io/c/d0/53/d05364b1-cd59-4466-9fbc-c9b99c9aa264/content/images/2026/07/sky2-rain.webp)}
.masthead.is-night .sky{background-image:linear-gradient(to bottom,rgba(10,16,22,0.14) 0%,rgba(10,16,22,0.10) 14%,rgba(10,16,22,0.06) 28%,rgba(10,16,22,0.04) 42%,rgba(10,16,22,0.02) 56%,rgba(10,16,22,0) 70%,rgba(244,245,242,0) 74%,rgba(244,245,242,.35) 86%,rgba(244,245,242,.75) 93%,var(--paper) 100%),url(https://storage.ghost.io/c/d0/53/d05364b1-cd59-4466-9fbc-c9b99c9aa264/content/images/2026/07/sky2-night.webp)}

/* v1.162 : logo par defaut marine uni (y compris le C), aucun flash au chargement */
.masthead .logo .name b{color:#12283A}

/* v1.163 : infos meteo du header +15% sur mobile */
@media(max-width:560px){
  .wxnow{gap:8px}
  .wxnow .wx-ico{width:30px;height:30px}
  .wxnow .wx-temp{font-size:20px}
  .wxnow .wx-sun{font-size:10.5px}
}

/* v1.164 : grosse temperature du header en jaune vif (lisible sur le ciel) */
.wxnow .wx-temp{color:#F0B919;text-shadow:0 1px 3px rgba(10,16,22,.45),0 1px 10px rgba(10,16,22,.3)}

/* v1.165 : mobile, lever/coucher du soleil sous l'icone + temperature (plus de coupe) */
@media(max-width:560px){
  .wxnow{display:grid;grid-template-columns:auto auto;align-items:center;column-gap:8px;row-gap:2px;justify-items:start}
  .wxnow .wx-ico{grid-column:1;grid-row:1}
  .wxnow .wx-c{display:contents}
  .wxnow .wx-top{grid-column:2;grid-row:1}
  .wxnow .wx-sun{grid-column:1 / -1;grid-row:2;margin-top:0}
}

/* v1.166 : lever/coucher du soleil en jaune vif aussi */
.wxnow .wx-sun,.wxnow .wx-sun b{color:#F0B919;text-shadow:0 1px 3px rgba(10,16,22,.45),0 1px 8px rgba(10,16,22,.3)}

/* v1.167 : badge alerte meteo (vigilance AEMET) */
.wxalert{display:inline-flex;align-items:center;gap:7px;margin:0 auto 0 14px;padding:6px 12px;border-radius:30px;text-decoration:none;font-family:var(--sans);background:#F0B919;color:#141414;box-shadow:0 1px 10px rgba(10,16,22,.28);white-space:nowrap}
.wxalert.lvl-orange{background:#E8730C;color:#fff}
.wxalert.lvl-red{background:#D22B2B;color:#fff}
.wxalert .wa-ic{font-size:14px;line-height:1}
.wxalert .wa-tx{font-size:12.5px;font-weight:600}
.wxalert .wa-tx b{font-weight:800}
@media(max-width:760px){.wxalert{margin-left:8px;padding:5px 10px}.wxalert .wa-tx{font-size:11.5px}}
@media(max-width:560px){.wxalert{width:100%;justify-content:center;margin:6px 0 0;order:9}}

/* v1.168 : badge alerte = pastille ronde coloree + mot, au-dessus de la meteo, clignotant */
.wxstack{display:flex;flex-direction:column;align-items:flex-start;gap:5px;margin:0 auto 0 14px}
.wxstack .wxnow{margin:0}
.wxalert{display:inline-flex;align-items:center;gap:8px;padding:5px 12px;border-radius:30px;text-decoration:none;font-family:var(--sans);background:rgba(20,20,20,.55);box-shadow:0 1px 10px rgba(10,16,22,.3);white-space:nowrap;animation:wxBlink 1.3s ease-in-out infinite}
@keyframes wxBlink{0%,100%{opacity:1}50%{opacity:.42}}
.wxalert .wa-dot{display:none} /* v1.391 : pastille retiree, le fond du bouton porte deja la couleur du niveau (demande Roman) ; le bouton se resserre d'autant */
.wxalert.lvl-orange .wa-dot{background:#F08A1C;box-shadow:0 0 0 4px rgba(240,138,28,.35)}
.wxalert.lvl-red .wa-dot{background:#E23B2E;box-shadow:0 0 0 4px rgba(226,59,46,.4)}
.wxalert .wa-word{font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.5)}
@media(max-width:560px){.wxstack{margin-left:8px}.wxalert{padding:4px 10px}.wxalert .wa-word{font-size:11px}}

/* v1.169 : la capsule alerte ne doit JAMAIS s'afficher si vide (hidden l'emporte) */
.wxalert[hidden]{display:none !important}

/* ===== v1.170 : safe-areas iOS (PWA plein ecran, iPhone a encoche) ===== */
/* Barre du haut (urgences / a table) : descend sous l'encoche + marges laterales */
.dateline{padding-top:env(safe-area-inset-top,0px)}
.dateline .wrap{padding-left:calc(16px + env(safe-area-inset-left,0px));padding-right:calc(16px + env(safe-area-inset-right,0px))}
/* Le sélecteur de langue / drapeau et le logo ne collent plus au bord gauche */
@media(max-width:760px){
  header.masthead .wrap{padding-left:calc(16px + env(safe-area-inset-left,0px));padding-right:calc(16px + env(safe-area-inset-right,0px))}
}
/* Bas : le bouton Livre blanc remonte au-dessus de la barre d'accueil iOS et se decale du coin */
@media(max-width:560px){
  .lbfab{right:calc(14px + env(safe-area-inset-right,0px));bottom:calc(18px + env(safe-area-inset-bottom,0px))}
  .tdv-ad{right:calc(14px + env(safe-area-inset-right,0px));bottom:calc(72px + env(safe-area-inset-bottom,0px))}
}

/* ===== v1.171 : empilage propre du coin bas-droit (livre blanc + retour-haut + pub) ===== */
/* #tdvTop vit dans le Code Injection Ghost : on le repositionne AU-DESSUS du bouton jaune, avec safe-area. */
#tdvTop{bottom:calc(74px + env(safe-area-inset-bottom,0px)) !important;right:calc(16px + env(safe-area-inset-right,0px)) !important}
@media(max-width:560px){
  #tdvTop{bottom:calc(70px + env(safe-area-inset-bottom,0px)) !important;right:calc(14px + env(safe-area-inset-right,0px)) !important}
  /* la pub partenaire remonte encore, au-dessus du retour-haut */
  .tdv-ad{bottom:calc(120px + env(safe-area-inset-bottom,0px))}
}

/* ===== v1.172 : safe-area iOS sur TOUTES les vues plein ecran (encoche) ===== */
/* Barres du haut des overlays : le fond remonte dans l'encoche, le contenu descend dessous. */
.menu .mtop{padding-top:calc(16px + env(safe-area-inset-top,0px));padding-left:calc(24px + env(safe-area-inset-left,0px));padding-right:calc(24px + env(safe-area-inset-right,0px))}
.reader .top{padding-top:env(safe-area-inset-top,0px)}
.reader .top .wrap{padding-left:calc(16px + env(safe-area-inset-left,0px));padding-right:calc(16px + env(safe-area-inset-right,0px))}
.mapmodal .mm-bar{padding-top:calc(10px + env(safe-area-inset-top,0px));padding-left:calc(18px + env(safe-area-inset-left,0px));padding-right:calc(18px + env(safe-area-inset-right,0px))}
/* Modales centrees : le bouton fermer ne passe plus sous l'encoche. */
.lbfab-pop,.dish-lb{padding-top:calc(20px + env(safe-area-inset-top,0px))}
/* Menu hamburger : bas de liste au-dessus de la barre d'accueil. */
.menu{padding-bottom:env(safe-area-inset-bottom,0px)}

/* ===== v1.175 : ciel jour flagship (bords eclaircis) + fondu blanc doux et haut, tous etats ===== */
.masthead.is-day .sky{background-image:linear-gradient(to bottom,rgba(10,16,22,0.16) 0%,rgba(10,16,22,0.08) 16%,rgba(10,16,22,0) 34%,rgba(244,245,242,0) 46%,rgba(244,245,242,.10) 62%,rgba(244,245,242,.30) 76%,rgba(244,245,242,.58) 87%,rgba(244,245,242,.84) 95%,var(--paper) 100%),url(https://storage.ghost.io/c/d0/53/d05364b1-cd59-4466-9fbc-c9b99c9aa264/content/images/2026/07/sky2-day-v5.webp)}
.masthead.is-partly .sky{background-image:linear-gradient(to bottom,rgba(10,16,22,0.16) 0%,rgba(10,16,22,0.08) 16%,rgba(10,16,22,0) 34%,rgba(244,245,242,0) 46%,rgba(244,245,242,.10) 62%,rgba(244,245,242,.30) 76%,rgba(244,245,242,.58) 87%,rgba(244,245,242,.84) 95%,var(--paper) 100%),url(https://storage.ghost.io/c/d0/53/d05364b1-cd59-4466-9fbc-c9b99c9aa264/content/images/2026/07/sky2-partly.webp)}
.masthead.is-clouds .sky{background-image:linear-gradient(to bottom,rgba(10,16,22,0.14) 0%,rgba(10,16,22,0.07) 16%,rgba(10,16,22,0) 34%,rgba(244,245,242,0) 46%,rgba(244,245,242,.10) 62%,rgba(244,245,242,.30) 76%,rgba(244,245,242,.58) 87%,rgba(244,245,242,.84) 95%,var(--paper) 100%),url(https://storage.ghost.io/c/d0/53/d05364b1-cd59-4466-9fbc-c9b99c9aa264/content/images/2026/07/sky2-clouds.webp)}
.masthead.is-rain .sky{background-image:linear-gradient(to bottom,rgba(10,16,22,0.20) 0%,rgba(10,16,22,0.10) 16%,rgba(10,16,22,0) 34%,rgba(244,245,242,0) 46%,rgba(244,245,242,.10) 62%,rgba(244,245,242,.30) 76%,rgba(244,245,242,.58) 87%,rgba(244,245,242,.84) 95%,var(--paper) 100%),url(https://storage.ghost.io/c/d0/53/d05364b1-cd59-4466-9fbc-c9b99c9aa264/content/images/2026/07/sky2-rain.webp)}
.masthead.is-night .sky{background-image:linear-gradient(to bottom,rgba(10,16,22,0.10) 0%,rgba(10,16,22,0.05) 16%,rgba(10,16,22,0) 34%,rgba(244,245,242,0) 46%,rgba(244,245,242,.10) 62%,rgba(244,245,242,.30) 76%,rgba(244,245,242,.58) 87%,rgba(244,245,242,.84) 95%,var(--paper) 100%),url(https://storage.ghost.io/c/d0/53/d05364b1-cd59-4466-9fbc-c9b99c9aa264/content/images/2026/07/sky2-night.webp)}

/* ===== v1.177 : mobile, cadrer la tranche sur le vrai soleil + lens flare, retirer le halo CSS ===== */
@media(max-width:760px){
  .masthead.is-day .sky{background-position:center 30%}
  .masthead.is-day .sky .sun{display:none}   /* le soleil de la photo suffit, plus de halo derriere le logo */
  .masthead.is-partly .sky{background-position:58% 40%}
  .masthead.is-clouds .sky{background-position:56% 42%}
  .masthead.is-rain .sky{background-position:50% 42%}
}

/* ===== v1.178 : fond un peu plus froid sur mobile (remarque Debo) ===== */
@media(max-width:760px){
  :root{--paper:#F1F4F7;--paper-2:#E7ECEF}
  body{background:#F1F4F7}
}

/* ===== v1.179 : recadrage ciel sur le soleil jusqu'aux tablettes portrait (iPad Air 11 = ~820px) ===== */
@media(max-width:1024px){
  .masthead.is-day .sky{background-position:center 30%}
  .masthead.is-day .sky .sun{display:none}   /* pas de halo CSS parasite, le vrai soleil de la photo suffit */
  .masthead.is-partly .sky{background-position:58% 40%}
  .masthead.is-clouds .sky{background-position:56% 42%}
  .masthead.is-rain .sky{background-position:50% 42%}
}

/* ===== v1.180 : soleil centre dans l'image -> cadrage centre partout ===== */
.masthead.is-day .sky{background-position:center 30%}

/* ===== v1.181 : bulle "Ton Valencia" en degrade bleu (comme le board favoris) ===== */
.tmo{background:#5FA9DB radial-gradient(circle at 88% 6%, #FFD966 0%, rgba(255,217,102,.5) 20%, rgba(255,217,102,0) 46%) !important;color:#12283A}
.tmo::before{border-top-color:#5FA9DB}
.tmo-t{color:#12283A}
.tmo-p{color:#12283A}
.tmo-fine{color:rgba(18,40,58,.72)}
.tmo-x{color:#12283A}
.tmo-x:hover{color:#000;background:rgba(255,255,255,.35)}
.tmo-form input{background:#fff;border-color:#12283A}

/* ===== v1.182 : mobile, retirer completement les pastilles NEWS/METEO/AGENDA -> fil pleine largeur ===== */
@media(max-width:600px){
  .ticker-label,.wxstrip-label,.agstrip-label{display:none !important}
  .ticker-view,.wxstrip-view,.agstrip-view{flex:1 1 100%}
  /* petit retrait a gauche pour respirer, sans pastille coloree */
  .ticker-track,.wxstrip-track,.agstrip-track{padding-left:12px}
}

/* ===== v1.183 : bulle temoignage sans contour noir + ombre douce ===== */
.tmo{border:0 !important;border-radius:18px !important;box-shadow:0 18px 46px rgba(20,45,70,.26) !important}
.tmo::before{display:none}
.tmo::after{border-color:#5FA9DB transparent transparent transparent;border-width:16px 7px 0 16px;bottom:-15px;left:30px;filter:drop-shadow(0 8px 6px rgba(20,45,70,.12))}

/* ===== v1.184 : indice UV du jour dans le bloc meteo du header ===== */
.wxnow .wx-uv{display:inline-block;margin-left:8px;font-family:var(--sans);font-size:11px;font-weight:800;letter-spacing:.03em;color:#141414;background:#F0B919;padding:2px 8px;border-radius:30px;line-height:1.4;box-shadow:0 1px 6px rgba(10,16,22,.25)}
@media(max-width:560px){.wxnow .wx-uv{grid-column:2;grid-row:1;margin-left:6px;font-size:10.5px}}

/* ===== v1.185 : pastille UV, texte parfaitement centre ===== */
.wxnow .wx-uv{display:inline-flex;align-items:center;justify-content:center;line-height:1;padding:4px 9px}
@media(max-width:560px){.wxnow .wx-uv{padding:4px 8px}}

/* ===== v1.186 : pastille UV mobile, texte centre (annule le placement grille) ===== */
@media(max-width:560px){
  .wxnow .wx-uv{grid-column:auto !important;grid-row:auto !important;width:auto;align-self:center;
    display:inline-flex;align-items:center;justify-content:center;text-align:center;white-space:nowrap;
    line-height:1;padding:4px 9px;margin-left:6px}
}

/* ===== v1.187 : couleur de la pastille UV selon l'indice (seuils OMS/EPA) ===== */
.wxnow .wx-uv.uv-low{background:#3EA72D;color:#fff}      /* 0-2 faible */
.wxnow .wx-uv.uv-mod{background:#F0B919;color:#141414}   /* 3-5 modere */
.wxnow .wx-uv.uv-high{background:#F08B00;color:#fff}     /* 6-7 eleve */
.wxnow .wx-uv.uv-vhigh{background:#E23B2E;color:#fff}    /* 8-10 tres eleve */
.wxnow .wx-uv.uv-ext{background:#7D3C98;color:#fff}      /* 11+ extreme */

/* ===== v1.188 : rubrique Business & Entrepreneuriat (10 entrees nav) ===== */
@media(min-width:1340px){
  nav.primary a{font-size:11px;letter-spacing:.02em;padding:8px 7px}
}
@media(min-width:1080px) and (max-width:1339px){
  nav.primary a{font-size:10.5px;letter-spacing:0;padding:8px 6px}
}

/* ===== v1.191 : SEO, H1 home (invisible) + H1 pages tag ===== */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
h1.hp-no{margin:0;font-weight:600;line-height:normal}

/* ===== v1.192 : plan du site HTML ===== */
.siteplan{max-width:860px;margin:0 auto;padding:26px 0 46px}
.siteplan h2{font-family:var(--cond);font-size:22px;text-transform:uppercase;letter-spacing:.04em;margin:30px 0 10px;padding-bottom:6px;border-bottom:2px solid var(--line-dk)}
.siteplan ul{list-style:none;margin:0;padding:0;columns:2;column-gap:34px}
.siteplan li{margin:0 0 8px;break-inside:avoid}
.siteplan a{color:var(--ink);font-size:15.5px;line-height:1.4}
.siteplan a:hover{color:var(--gold-tx);text-decoration:underline}
.siteplan .sp-langs{columns:4}
@media(max-width:700px){.siteplan ul{columns:1}.siteplan .sp-langs{columns:2}}

/* ===== v1.196 : liens visibles dans le corps des articles ===== */
.gh-content a{color:var(--gold-tx);text-decoration:underline;text-decoration-color:rgba(168,124,0,.4);text-underline-offset:2px;font-weight:600}
.gh-content a:hover{color:var(--ink);text-decoration-color:var(--ink)}

/* ===== v1.197 : modal contact ===== */
.ctc{position:fixed;inset:0;z-index:220;display:flex;align-items:center;justify-content:center;padding:18px}
.ctc[hidden]{display:none !important}
.ctc-bg{position:absolute;inset:0;background:rgba(20,20,20,.55)}
.ctc-card{position:relative;background:var(--paper);border-radius:16px;padding:26px 24px calc(22px + env(safe-area-inset-bottom));max-width:440px;width:100%;box-shadow:0 18px 50px rgba(0,0,0,.3)}
.ctc-card h3{font-family:var(--cond);font-size:26px;text-transform:uppercase;letter-spacing:.03em;margin:0 0 6px}
.ctc-i{font-size:14.5px;color:var(--ink-soft);margin:0 0 14px}
.ctc-x{position:absolute;top:10px;right:14px;background:none;border:0;font-size:26px;line-height:1;cursor:pointer;color:var(--muted)}
.ctc-l{display:block;font-family:var(--sans);font-size:12.5px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:0 0 12px}
.ctc-l select,.ctc-l textarea{display:block;width:100%;margin-top:5px;padding:10px 12px;border:1.5px solid var(--line-dk);border-radius:10px;background:#fff;font:inherit;font-size:15px;color:var(--ink)}
.ctc-l textarea{resize:vertical;min-height:110px}
.ctc-send{display:block;width:100%;padding:12px;border:0;border-radius:30px;background:var(--orange);color:#141414;font-family:var(--sans);font-weight:800;font-size:15px;letter-spacing:.04em;text-transform:uppercase;cursor:pointer}
.ctc-send:hover{background:var(--orange-dk)}
.ctc-alt{font-size:13.5px;color:var(--muted);text-align:center;margin:12px 0 0}
.ctc-alt a{color:var(--gold-tx);text-decoration:underline;cursor:pointer}

/* ===== v1.198 : essai logo Michele N4 (SVG vectorise, recolorable) ===== */
.logo-svg{display:block;height:clamp(46px,6.4vw,66px);width:auto;color:#141414;transition:color .4s;filter:drop-shadow(0 1px 2px rgba(0,0,0,.28))}
.masthead.is-day .logo-svg,.masthead.is-partly .logo-svg,.masthead.is-clouds .logo-svg{color:#141414;filter:drop-shadow(0 1px 2px rgba(0,0,0,.28))}
.masthead.is-rain .logo-svg,.masthead.is-night .logo-svg{color:#F4F5F2;filter:drop-shadow(0 2px 8px rgba(0,0,0,.55))}
@media(max-width:760px){.logo-svg{height:44px}}

/* ===== v1.202 : fixes mobile PWA (encoche + chevauchement FABs) ===== */
nav.primary{top:env(safe-area-inset-top,0px)}
body::before{content:"";position:fixed;top:0;left:0;right:0;height:env(safe-area-inset-top,0px);background:var(--ink);z-index:49;pointer-events:none}
@media(max-width:760px){
  body.tmo-on .lbfab,body.tmo-on #tdvTop,body.tmo-on .tdv-ad{opacity:0 !important;pointer-events:none !important;transition:opacity .25s}
}

/* ===== v1.203-b (v1.205: etendu aux tablettes portrait) : footer ultra-compact ===== */
@media(max-width:1023px){
  footer{padding:24px 0 14px;margin-top:28px}
  .fgrid{display:block !important}
  footer .desc{display:none}
  .fgrid>div:nth-child(2){display:none} /* Rubriques = deja dans nav + menu */
  footer .logo{text-align:center;margin-bottom:10px}
  footer .logo .name{font-size:20px}
  footer h4{display:none}
  footer ul{display:flex;flex-wrap:wrap;justify-content:center;gap:0 6px;margin:0 0 4px}
  footer li{margin:0;display:flex;align-items:center}
  footer li:not(:last-child)::after{content:"·";color:#6e7370;margin-left:6px}
  footer a{font-size:12.5px;padding:5px 4px}
  .fbar{margin-top:14px;padding-top:12px;font-size:10.5px;justify-content:center;text-align:center;gap:4px}
}

/* ===== v1.208 : meteo header lisible sur desktop (couleurs unifiees) + colonne droite propre ===== */
.wxnow .wx-temp{color:var(--ink) !important;text-shadow:none !important}
.wxnow .wx-sun,.wxnow .wx-sun b{color:var(--ink) !important;text-shadow:none !important;font-size:10.5px}
.masthead.is-rain .wxnow .wx-lab,.masthead.is-night .wxnow .wx-lab,
.masthead.is-rain .wxnow .wx-temp,.masthead.is-night .wxnow .wx-temp,
.masthead.is-rain .wxnow .wx-sun,.masthead.is-night .wxnow .wx-sun,
.masthead.is-rain .wxnow .wx-sun b,.masthead.is-night .wxnow .wx-sun b{color:#F4F5F2 !important;text-shadow:0 1px 6px rgba(0,0,0,.55) !important}
@media(min-width:761px){
  .masthead .right{flex-direction:column;align-items:flex-end;gap:8px;background:linear-gradient(120deg, rgba(95,169,219,.28) 0%, rgba(244,245,242,.85) 46%, rgba(255,217,102,.42) 100%);backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);border-radius:14px;padding:12px 16px;box-shadow:0 4px 16px rgba(20,20,20,.10)}
  .masthead .right .tag,.masthead.is-day .right .tag,.masthead.is-partly .right .tag,.masthead.is-clouds .right .tag,.masthead.is-rain .right .tag,.masthead.is-night .right .tag{color:var(--ink-soft);text-shadow:none;font-size:12.5px;max-width:270px;line-height:1.35}
  .lb-mini-lab{color:var(--ink)}
}

}

/* ===== v1.214 : temperature en couleur d'alerte chaleur (seuils officiels AEMET 36/39/42) ===== */
.wxnow .wx-temp.wx-hot1{color:#F08B00 !important}
.wxnow .wx-temp.wx-hot2{color:#E23B2E !important}
.wxnow .wx-temp.wx-hot3{color:#C22015 !important;font-weight:700;animation:wxhot 1.2s ease-in-out infinite alternate}
@keyframes wxhot{from{opacity:1}to{opacity:.55}}

/* ===== v1.215 : board sobre facon "coup de coeur" (fond noir encre, demande de la DA) ===== */
.board-fav{background:var(--ink);border-radius:0}
.board-fav .board-h h2{color:#fff}
.board-fav .board-h .sub{color:rgba(255,255,255,.72)}
.board-fav .bx-t{color:#fff;border-bottom-color:var(--orange)}
.board-fav .bx-t::after{color:rgba(255,255,255,.65)}
.board-fav .bpick{color:#fff}
.board-fav .bpick:hover{color:var(--orange)}
.board-fav .bpick.fav{color:var(--orange)}
.board-fav .bx,.board-fav .bx:nth-child(odd){border-color:rgba(255,255,255,.18)}
.board-fav .bx-src,.board-fav .bx-more{color:rgba(255,255,255,.62)}
.board-fav .bx-src:hover,.board-fav .bx-more:hover{color:var(--orange)}
.board-fav .bgrid{border-top:2px solid var(--orange)}
.board-fav .s-x,.board-fav p{color:rgba(255,255,255,.78)}

/* ===== v1.216 : banniere Coupe du Monde sobre & doree (facon trophee, demande DA) ===== */
.wc-card{background:var(--ink) radial-gradient(140% 120% at 100% 0%, rgba(233,185,75,.16) 0%, rgba(233,185,75,0) 52%);border:1px solid rgba(217,164,16,.5);box-shadow:0 8px 24px rgba(20,20,20,.25)}
.wc-card:hover{box-shadow:0 12px 30px rgba(20,20,20,.35);border-color:rgba(233,185,75,.8)}
.wc-kick{color:#E9B94B}
.wc-title{background:linear-gradient(180deg,#F9E7A0 0%,#E9B94B 55%,#C89230 100%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
.wc-sub{color:rgba(255,255,255,.75)}
.wc-cta{background:rgba(233,185,75,.14);border:1px solid rgba(233,185,75,.6);color:#F3D98C}
.wc-card:hover .wc-cta{background:rgba(233,185,75,.26)}

/* ===== v1.217 : bulle temoignage sobre & doree (assortie coup de coeur / board / mundial) ===== */
.tmo{background:var(--ink) radial-gradient(130% 115% at 100% 0%, rgba(233,185,75,.18) 0%, rgba(233,185,75,0) 55%) !important;color:rgba(255,255,255,.85) !important;border:1px solid rgba(217,164,16,.5) !important;box-shadow:0 18px 46px rgba(20,20,20,.45) !important}
.tmo::after{border-color:var(--ink) transparent transparent transparent !important}
.tmo::before{display:none !important}
.tmo .tmo-t{background:linear-gradient(180deg,#F9E7A0 0%,#E9B94B 55%,#C89230 100%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
.tmo .tmo-p{color:rgba(255,255,255,.82)}
.tmo .tmo-fine{color:rgba(255,255,255,.55)}
.tmo .tmo-x{color:rgba(255,255,255,.65)}
.tmo .tmo-form input{border:1px solid rgba(233,185,75,.4);background:#fff}
.tmo .tmo-form button{background:var(--orange);color:#141414}
.tmo .tmo-form button:hover{background:var(--orange-dk)}

/* ===== v1.220 : banniere Coupe du Monde centree + "En direct" retire (demande Roman) ===== */
.wc-card{justify-content:center;gap:14px}
.wc-body{flex:0 1 auto;text-align:center;align-items:center}
@media(max-width:560px){.wc-card{gap:10px}}

/* ===== v1.226 : meteo header mobile en COLONNE, plus d'air vertical entre les elements (demande Roman) ===== */
@media(max-width:760px){
  .wxstack{margin:0 0 0 auto;align-items:flex-end;gap:7px}
  .wxnow{display:flex;flex-direction:column;align-items:flex-end;gap:7px;margin:0;text-align:right}
  .wxnow .wx-ico{width:22px;height:22px}
  .wxnow .wx-c{display:flex;flex-direction:column;align-items:flex-end;gap:7px;line-height:1.2}
  .wxnow .wx-top{flex-direction:column;align-items:flex-end;gap:6px}
  .wxnow .wx-temp{font-size:16px}
  .wxnow .wx-uv{margin:0;font-size:9px;padding:2px 7px}
  .wxnow .wx-sun{font-size:9px;letter-spacing:0;text-align:right}
  .wxnow .wx-wind{display:block;margin-top:6px}
  .wxnow .wx-sep{display:none}
}

/* ===== v1.232 : board mobile -> titre centre en MAJ + rubriques en casse normale, peu grasses (demande Roman) ===== */
@media(max-width:760px){
  .board-h{justify-content:center;text-align:center}
  .board-h .l{flex-direction:column;align-items:center;gap:8px}
  .board-h h2{text-transform:uppercase;letter-spacing:.02em;text-align:center;line-height:1.1}
  .bx-t{font-family:var(--sans);font-weight:600;text-transform:none;letter-spacing:0}
}

/* ===== v1.229 : logo en jaune general (Senyera) la nuit, demande Roman ===== */
.masthead.is-night .logo-svg{color:#F0B919;filter:drop-shadow(0 1px 5px rgba(0,0,0,.6)) drop-shadow(0 0 10px rgba(240,185,25,.35))}

/* ===== v1.230 : bande ciel plus courte sur mobile (padding reduit + colonne meteo resserree, demande Roman) ===== */
@media(max-width:760px){
  .masthead .wrap{padding-top:24px;padding-bottom:15px}
  .wxstack{gap:5px}
  .wxnow{gap:5px}
  .wxnow .wx-c{gap:5px}
  .wxnow .wx-top{gap:3px}
  .wxnow .wx-wind{margin-top:4px}
}

/* ===== v1.231 : bulle temoignage sans effet or, sobre noir/blanc (desktop/mobile/ipad, demande Roman) ===== */
.tmo{background:var(--ink) !important;border:1px solid rgba(255,255,255,.14) !important;box-shadow:0 16px 40px rgba(20,20,20,.42) !important;color:rgba(255,255,255,.9) !important}
.tmo::after{border-color:var(--ink) transparent transparent transparent !important}
.tmo .tmo-t{background:none !important;-webkit-background-clip:border-box !important;background-clip:border-box !important;-webkit-text-fill-color:#F4F5F2 !important;color:#F4F5F2 !important}
.tmo .tmo-p{color:rgba(255,255,255,.82) !important}
.tmo .tmo-fine{color:rgba(255,255,255,.5) !important}

/* ===== v1.233 : fiche Coupe du Monde en OR & NOIR (demande Roman) ===== */
.pop-gold .pop-card{background:var(--ink) radial-gradient(120% 90% at 100% 0%, rgba(233,185,75,.15) 0%, rgba(233,185,75,0) 55%) !important;color:rgba(255,255,255,.86);border:1px solid rgba(217,164,16,.45);box-shadow:0 24px 64px rgba(0,0,0,.55)}
.pop-gold .pop-card::before{background:rgba(255,255,255,.28)}
.pop-gold .pf-tag{color:#E9B94B}
.pop-gold .pf-title{background:linear-gradient(180deg,#F9E7A0 0%,#E9B94B 55%,#C89230 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}
.pop-gold .pf-hook{color:rgba(255,255,255,.8)}
.pop-gold .pf-h3{color:#F3D98C}
.pop-gold .pf-map{border-color:rgba(217,164,16,.4);background:#0e0e0e}
.pop-gold .mm-note{background:rgba(255,255,255,.05);border-color:rgba(217,164,16,.35);color:rgba(255,255,255,.75)}
.pop-gold .mm-list{border-color:rgba(217,164,16,.35)}
.pop-gold .mm-row{border-bottom-color:rgba(255,255,255,.09)}
.pop-gold .mm-row .mm-team{color:rgba(255,255,255,.9)}
.pop-gold .mm-score{color:#E9B94B}
.pop-gold .mm-time,.pop-gold .mm-when{color:rgba(255,255,255,.55)}
.pop-gold .mm-h{color:#F3D98C}
.pop-gold .mm-row.is-live{background:rgba(226,59,46,.16)}
.pop-gold .mm-live,.pop-gold .mm-row.is-live .mm-score{color:#ff6b5e}
.pop-gold .mm-live::before{background:#ff6b5e}
.pop-gold .mb-card{background:rgba(255,255,255,.045);border-color:rgba(217,164,16,.32)}
.pop-gold .mb-name{color:#F4F5F2}
.pop-gold .mb-q{color:#E9B94B}
.pop-gold .mb-blurb{color:rgba(255,255,255,.72)}
.pop-gold .mb-map{background:rgba(233,185,75,.16);color:#F3D98C;border:1px solid rgba(233,185,75,.5)}
.pop-gold .mb-map:hover{background:rgba(233,185,75,.28)}
.pop-gold .mb-gmap{color:rgba(255,255,255,.8)}
.pop-gold .mb-gmap:hover{color:#E9B94B}

/* ===== v1.237 : pastille Qualite de l'air (open data mairie), sur la meme ligne que l'UV ===== */
.wxnow .wx-badges{display:inline-flex;align-items:center;gap:6px;margin-left:8px}
.wxnow .wx-badges .wx-uv{margin-left:0 !important}
.wxnow .wx-air{display:inline-flex;align-items:center;justify-content:center;line-height:1;font-family:var(--sans);font-size:11px;font-weight:800;letter-spacing:.03em;padding:4px 9px;border-radius:30px;box-shadow:0 1px 6px rgba(10,16,22,.25);white-space:nowrap}
.wxnow .wx-air[hidden]{display:none !important}
.wxnow .wx-air.air-good{background:#3EA72D;color:#fff}
.wxnow .wx-air.air-mod{background:#F0B919;color:#141414}
.wxnow .wx-air.air-high{background:#F08B00;color:#fff}
.wxnow .wx-air.air-bad{background:#E23B2E;color:#fff}
@media(max-width:760px){.wxnow .wx-badges{margin-left:0}.wxnow .wx-air{font-size:9px;padding:2px 7px}}

/* ===== v1.238 : meteo header desktop calee a DROITE, pres du bloc livre blanc (demande Roman) ===== */
@media(min-width:761px){ .masthead .wxstack{margin:0 0 0 auto} }

/* ===== v1.239 : texte meteo header aligne a DROITE sur desktop (demande Roman) ===== */
@media(min-width:761px){
  .masthead .wxstack{align-items:flex-end}
  .wxnow .wx-c{align-items:flex-end;text-align:right}
  .wxnow .wx-top{justify-content:flex-end}
  .wxnow .wx-sun{text-align:right}
}

/* ===== v1.241 : pub, cadre serre sur le bijou (zoom contenu) demande Roman ===== */
.tdv-ad-imgwrap{display:block;width:100%;height:200px;overflow:hidden}
.tdv-ad-imgwrap .tdv-ad-img{width:100%;height:100%;object-fit:cover;transform:translateX(12%) scale(1.38);transform-origin:50% 45%}
@media(max-width:560px){.tdv-ad-imgwrap{height:170px}}

/* ===== v1.244 : bloc droite sans cartouche verre, juste texte + bouton (demande Roman) ===== */
@media(min-width:761px){
  .masthead .right{background:none !important;backdrop-filter:none !important;-webkit-backdrop-filter:none !important;border:0 !important;box-shadow:none !important;padding:0 !important;gap:10px}
  .masthead.is-day .right .tag,.masthead.is-partly .right .tag,.masthead.is-clouds .right .tag,
  .masthead.is-day .lb-mini-lab,.masthead.is-partly .lb-mini-lab,.masthead.is-clouds .lb-mini-lab{color:#12283A;text-shadow:0 0 12px rgba(255,255,255,.75),0 1px 2px rgba(255,255,255,.6)}
  .masthead.is-rain .right .tag,.masthead.is-night .right .tag,
  .masthead.is-rain .lb-mini-lab,.masthead.is-night .lb-mini-lab{color:#F4F5F2;text-shadow:0 1px 6px rgba(0,0,0,.55)}
}

/* ===== v1.245 : bloc droite, texte plus grand + sans halo blanc (demande Roman) ===== */
@media(min-width:761px){
  .masthead .right .tag{font-size:15px;max-width:300px;line-height:1.4}
  .masthead .lb-mini-lab{font-size:13px}
  .masthead.is-day .right .tag,.masthead.is-partly .right .tag,.masthead.is-clouds .right .tag,
  .masthead.is-day .lb-mini-lab,.masthead.is-partly .lb-mini-lab,.masthead.is-clouds .lb-mini-lab{color:#12283A;text-shadow:0 1px 3px rgba(0,0,0,.2)}
  .masthead.is-rain .right .tag,.masthead.is-night .right .tag,
  .masthead.is-rain .lb-mini-lab,.masthead.is-night .lb-mini-lab{color:#F4F5F2;text-shadow:0 1px 5px rgba(0,0,0,.55)}
}

/* ===== v1.246 : bloc droite en jaune dore (essai Roman) ===== */
@media(min-width:761px){
  .masthead .right .tag,.masthead .lb-mini-lab{color:#F0B919 !important;text-shadow:0 1px 4px rgba(0,0,0,.55) !important}
}

/* ===== v1.248 : bandeau cookies transforme en grande bulle bien visible (demande Roman) ===== */
.cookie{position:fixed;inset:0;left:0;right:0;bottom:0;top:0;z-index:200;display:flex;align-items:flex-end;justify-content:center;background:rgba(20,20,20,.28);opacity:0;pointer-events:none;transform:none;transition:opacity .3s ease}
.cookie.in{opacity:1;pointer-events:auto}
.cookie-in{max-width:540px;width:calc(100% - 32px);margin:0 0 clamp(16px,4vw,34px);background:var(--ink);color:#fff;border:1px solid rgba(233,185,75,.4);border-radius:20px;box-shadow:0 24px 70px rgba(0,0,0,.55);padding:24px 26px 22px;display:flex;align-items:flex-start;gap:16px;transform:translateY(26px);transition:transform .3s ease}
.cookie.in .cookie-in{transform:translateY(0)}
.cookie-ic{font-size:36px;line-height:1;flex:none;margin-top:1px}
.cookie-body{flex:1;min-width:0}
.cookie-h{font-family:var(--disp);font-weight:400;font-size:22px;letter-spacing:.01em;margin:0 0 6px;color:#fff}
.cookie-tx{flex:none;font-size:14.5px;line-height:1.5;margin:0;color:#e8eef0}
.cookie-tx a{color:var(--orange);text-decoration:underline}
.cookie-btns{display:flex;gap:12px;margin-top:16px;flex:none}
.cookie-btn{border:0;border-radius:30px;padding:12px 26px;font-family:var(--sans);font-weight:800;font-size:14.5px;cursor:pointer}
.cookie-accept{background:var(--orange);color:#141414;flex:1}
.cookie-accept:hover{background:var(--orange-dk)}
.cookie-refuse{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.45)}
.cookie-refuse:hover{background:rgba(255,255,255,.12)}
@media(max-width:560px){
  .cookie-in{padding:20px 18px 18px;gap:13px;margin-bottom:14px}
  .cookie-ic{font-size:30px}
  .cookie-h{font-size:19px}
  .cookie-tx{font-size:13.5px}
  .cookie-btns{width:100%}
  .cookie-btn{flex:1;padding:13px 12px}
}

/* ===== v1.249 : boutons cookies au meme niveau (conformite AEPD, demande Roman) ===== */
.cookie-btns .cookie-btn{flex:1 1 0;padding:12px 18px;font-weight:800;font-size:14.5px;text-align:center}
.cookie-refuse{background:#F4F5F2 !important;color:#141414 !important;border:0 !important}
.cookie-refuse:hover{background:#fff !important}
.cookie-accept{background:var(--orange) !important;color:#141414 !important}
.cookie-accept:hover{background:var(--orange-dk) !important}

/* ===== v1.251 : clic sur une info du fil -> pop compact (au lieu du plein ecran) ===== */
.pop-card .digest-src{font-family:var(--sans);font-size:12.5px;color:var(--muted);margin:2px 0 14px}
.pop-card .digest-p{font-size:14.5px;line-height:1.6;color:var(--ink);margin:0 0 12px}
.pop-card .pf-hook{margin-bottom:10px}

/* ===== v1.252 : pop (fil/coup de coeur) centre verticalement sur desktop (demande Roman) ===== */
@media(min-width:761px){ .pop-card{margin:auto} }

/* ===== v1.253 : labels NEWS/METEO/AGENDA en texte discret (facon "PRESSE LOCALE"), sans cartouche colore (demande Roman) ===== */
.ticker-label,.wxstrip-label,.agstrip-label{background:none !important;color:var(--muted) !important;font-weight:700 !important;font-size:10px !important;letter-spacing:.06em !important;border-right:1px solid var(--line-dk)}
.ticker-label .dot{background:var(--orange) !important}

/* ===== v1.254 : titre de la pub dans la meme couleur que "Voir la boutique" (or fonce, demande Roman) ===== */
.tdv-ad-name{color:var(--gold-tx)}

/* ===== v1.255 : label PUBLICITE sans cartouche noir, couleur qui s'adapte au fond (demande Roman) ===== */
.tdv-ad-lab{background:none !important;color:#fff !important;mix-blend-mode:difference;top:5px !important;left:9px !important;padding:0 !important;text-shadow:none !important}

/* ===== v1.256 : banniere Coupe du Monde resserree autour du texte, centree avec marge (demande Roman) ===== */
.wc-card{width:fit-content !important;max-width:100%;margin-left:auto;margin-right:auto}
@media(max-width:560px){.wc-card{width:auto !important}}

/* ===== v1.257 : detail par match dans la fiche CdM (stade + buteurs), pop imbrique (demande Roman) ===== */
.mm-row.mm-click{cursor:pointer;position:relative;padding-right:26px}
.mm-row.mm-click::after{content:"\203A";position:absolute;right:12px;top:50%;transform:translateY(-50%);color:#E9B94B;font-weight:700;font-size:16px;opacity:.7}
.pop-gold .mm-row.mm-click:hover{background:rgba(233,185,75,.12)}
.mm-detail{position:fixed;inset:0;z-index:170;display:none;align-items:center;justify-content:center;background:rgba(0,0,0,.55);padding:20px}
.mm-detail.open{display:flex}
.mm-detail-card{position:relative;width:100%;max-width:420px;max-height:85vh;overflow-y:auto;background:var(--ink) radial-gradient(120% 90% at 100% 0%, rgba(233,185,75,.16) 0%, rgba(233,185,75,0) 55%);border:1px solid rgba(217,164,16,.5);border-radius:16px;box-shadow:0 24px 64px rgba(0,0,0,.6);padding:24px 20px 20px;color:rgba(255,255,255,.9)}
.mm-detail-x{position:absolute;top:8px;right:10px;background:none;border:0;color:rgba(255,255,255,.75);font-size:24px;line-height:1;cursor:pointer;padding:2px 6px}
.mm-detail-x:hover{color:#fff}
.mm-detail-head{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;margin:2px 0 10px}
.mm-detail-team{font-family:var(--disp);font-weight:400;font-size:17px;color:#fff;line-height:1.1}
.mm-detail-team:last-child{text-align:right}
.mm-detail-score{font-family:var(--disp);font-size:24px;color:#E9B94B;text-align:center}
.mm-detail-when{font-size:12px;color:rgba(255,255,255,.6);text-align:center;white-space:nowrap}
.mm-detail-venue{font-size:12.5px;color:#F3D98C;margin:0 0 14px;text-align:center}
.mm-detail-h{font-family:var(--sans);font-weight:800;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#F3D98C;margin:6px 0 8px}
.mm-detail-goals{display:flex;flex-direction:column;gap:7px}
.mm-goal{display:flex;align-items:center;gap:12px;font-size:14px;border-bottom:1px solid rgba(255,255,255,.08);padding-bottom:6px}
.mm-goal-min{color:#E9B94B;font-weight:800;min-width:36px}
.mm-goal-name{color:rgba(255,255,255,.92)}
.mm-goal.mm-ext{justify-content:flex-end;text-align:right}
.mm-goal.mm-ext .mm-goal-min{order:2;min-width:auto}
.mm-note-min{font-size:13px;color:rgba(255,255,255,.62);line-height:1.5}

/* ===== v1.258 : bouton "Lire l'article complet" du pop news en jaune Senyera (demande Roman) ===== */
.digest-ext{background:var(--orange) !important;color:#141414 !important}
.digest-ext:hover{background:var(--orange-dk) !important}


/* ===== v1.260 : article a la une mis en exergue avec un fin lisere or fonce (demande Roman) ===== */
.hp-hero{border:1.5px solid var(--gold-tx) !important;border-radius:16px;padding:18px !important;box-shadow:0 3px 18px rgba(168,124,0,.10)}
@media(max-width:560px){.hp-hero{padding:14px !important}}




/* ===== v1.264 : deux bannieres sport cote a cote (Coupe du Monde + Tour de France) ===== */
.sport-duo{display:flex;gap:14px;align-items:stretch;max-width:var(--max);margin:0 auto}
.sport-duo .wc-card{width:auto !important;flex:1 1 0;min-width:0;margin:0 !important}
@media(max-width:640px){
  /* v1.266 : sur mobile, carres avec petite icone en haut + nom de l'evenement dessous */
  .sport-duo{flex-direction:row;justify-content:center;gap:12px}
  .sport-duo .wc-card{flex:1 1 0;max-width:168px;aspect-ratio:1/1;flex-direction:column;justify-content:center;align-items:center;gap:11px;padding:16px 10px !important;text-align:center}
  .sport-duo .wc-ball{font-size:30px;line-height:1;flex:none}
  .sport-duo .wc-ball svg{width:34px;height:34px}
  .sport-duo .wc-card .wc-body{display:flex !important;flex:0 0 auto;flex-direction:column;align-items:center;text-align:center;gap:0}
  .sport-duo .wc-card .wc-sub{display:none !important}
  .sport-duo .wc-card .wc-cta{display:none !important}
  .sport-duo .wc-title{font-size:15.5px;line-height:1.12}
}

/* ===== v1.264 : pop Tour de France (or & noir) ===== */
.tdf-hl{display:flex;flex-direction:column;gap:7px;background:rgba(233,185,75,.1);border:1px solid rgba(233,185,75,.4);border-radius:12px;padding:13px 15px;margin:6px 0 4px}
.tdf-hl-badge{align-self:flex-start;font-family:var(--sans);font-weight:800;font-size:10.5px;letter-spacing:.07em;text-transform:uppercase;color:#141414;background:#E9B94B;border-radius:30px;padding:3px 11px}
.tdf-hl-badge.live{background:#E23B2E;color:#fff;display:inline-flex;align-items:center;gap:6px}
.tdf-hl-badge.live::before{content:"";width:7px;height:7px;border-radius:50%;background:#fff;animation:pulse 1.3s infinite}
.tdf-hl-main{display:flex;flex-direction:column;gap:2px}
.tdf-hl-st{font-family:var(--sans);font-weight:800;font-size:11px;letter-spacing:.05em;text-transform:uppercase;color:#F3D98C}
.tdf-hl-route{font-family:var(--disp);font-weight:400;font-size:22px;line-height:1.08;color:#fff}
.tdf-hl-type{font-family:var(--sans);font-size:12.5px;color:rgba(255,255,255,.66)}
.tdf-stages{max-height:290px;overflow:auto;border:1px solid rgba(233,185,75,.32);border-radius:12px;background:rgba(255,255,255,.04);margin:2px 0 4px}
.tdf-stage{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 12px;padding:8px 13px;border-bottom:1px solid rgba(255,255,255,.08)}
.tdf-stage:last-child{border-bottom:0}
.tdf-d{font-family:var(--sans);font-weight:800;font-size:12px;color:#E9B94B;min-width:76px;text-transform:capitalize}
.tdf-r{flex:1;min-width:150px;font-size:14px;color:rgba(255,255,255,.9)}
.tdf-r b{color:#F3D98C;font-weight:800;margin-right:3px}
.tdf-t{font-family:var(--sans);font-size:10.5px;letter-spacing:.02em;color:rgba(255,255,255,.5);text-transform:uppercase}
.tdf-stage.tdf-sommet .tdf-t,.tdf-stage.tdf-mtn .tdf-t{color:#E9B94B}
.tdf-stage.is-today{background:rgba(226,59,46,.16)}
.tdf-stage.is-today .tdf-d{color:#ff6b5e}
.tdf-stage.is-today .tdf-r b{color:#ff6b5e}
.tdf-rest{padding:6px 13px;font-family:var(--sans);font-size:11px;letter-spacing:.04em;text-transform:uppercase;color:rgba(255,255,255,.42);background:rgba(255,255,255,.02);border-bottom:1px solid rgba(255,255,255,.08)}
.tdf-tv{font-size:13.5px;line-height:1.5;color:rgba(255,255,255,.82);background:rgba(255,255,255,.045);border:1px solid rgba(233,185,75,.3);border-radius:12px;padding:11px 14px;margin:2px 0 8px}
.tdf-tv-b{font-family:var(--sans);font-weight:800;font-size:10.5px;letter-spacing:.05em;text-transform:uppercase;color:#F3D98C;margin-right:8px}
.tdf-note{font-size:13px;line-height:1.45;color:rgba(255,255,255,.7);margin:0 0 10px}

/* ===== v1.274 : cartes sport fond blanc + liseré or foncé ; S'abonner mobile or foncé (demandes Roman) ===== */
.wc-card{background:#fff;border:1.5px solid var(--gold-tx,#A87C00);box-shadow:none}
.wc-card:hover{box-shadow:0 6px 18px rgba(168,124,0,.18);border-color:#8A6600}
.wc-title{background:none;-webkit-background-clip:initial;background-clip:initial;color:#A87C00;-webkit-text-fill-color:#A87C00}
.wc-sub{color:var(--ink-soft,#3A3A3A)}
.wc-ball{filter:none}
.wc-cta{background:transparent;border:1px solid #A87C00;color:#A87C00}
.wc-card:hover .wc-cta{background:rgba(168,124,0,.08)}
.dateline .util-link.sub{color:#A87C00 !important;border:1px solid #A87C00 !important;background:transparent !important}

/* ===== v1.277 : OR FONCE partout, toutes pages (deploiement definitif de l'essai v1.262 ; revert = supprimer ce bloc, le jaune #F0B919 reste la valeur :root) ===== */
body{--orange:#A87C00;--orange-dk:#8A6600;--terra:#A87C00;--terra-dk:#8A6600;--ochre:#C0912E}

/* ===== v1.279 : mobile - temperature reduite + alerte climatique intercalee juste au-dessus du badge Air, alignee a droite (demande Roman) ===== */
@media(max-width:760px){
  .wxstack{display:flex;flex-direction:column;align-items:flex-end;gap:5px}
  .wxstack .wxnow{display:contents}
  .wxstack .wxnow .wx-c{display:contents}
  .wxstack .wxnow .wx-top{display:contents}
  .wxstack .wx-ico{order:1}
  .wxstack .wx-lab{display:none}
  .wxstack .wx-temp{order:2;font-size:13px}
  .wxstack #wxAlert{order:3;width:auto;justify-content:flex-end;align-self:flex-end;margin:0}
  .wxstack .wx-badges{order:4;margin:0}
  .wxstack .wx-sun{order:5}
}

/* ===== v1.282 : tableaux comparatifs (lisibles robots + jolis, responsive) ===== */
/* v1.371 : tableaux de contenu, style epure charte (cadre quasi invisible, structure table intacte pour le SEO) */
.gh-content .tdv-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:26px 0}
.gh-content table{width:100%;border-collapse:collapse;font-family:var(--sans);font-size:15px;line-height:1.5;background:transparent;margin:26px 0}
.gh-content table caption{caption-side:top;text-align:left;font-family:var(--sans);font-weight:800;font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;padding:0 2px 10px}
.gh-content thead th{background:transparent;color:var(--gold-tx,#A87C00);text-align:left;font-weight:800;font-size:11.5px;letter-spacing:.07em;text-transform:uppercase;padding:0 14px 9px;border-bottom:2px solid var(--orange-dk);white-space:nowrap}
.gh-content tbody td,.gh-content tbody th{padding:11px 14px;border-bottom:1px solid rgba(168,124,0,.28);vertical-align:top;color:var(--gold-tx,#A87C00)}
.gh-content tbody td strong,.gh-content tbody th strong,.gh-content tbody td b{color:var(--gold-tx,#A87C00)}
.gh-content tbody th{text-align:left;font-weight:700}
.gh-content tbody tr:last-child td,.gh-content tbody tr:last-child th{border-bottom:0}
.gh-content tbody tr:hover td,.gh-content tbody tr:hover th{background:rgba(240,185,25,.07)}
.gh-content table a{white-space:nowrap;font-weight:700}
@media(max-width:600px){.gh-content table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;font-size:13.5px}.gh-content thead th,.gh-content tbody td,.gh-content tbody th{padding:9px 11px}}

/* ===== v1.283 : lisibilité du bloc Livre blanc sur fond noir (surcharge .art p) ===== */
.art .lb-in .lb-sub{color:#ECE6DA;font-size:15px;line-height:1.5}
.art .lb-in .lb-fine{color:#CFC6B4}
.art .lb-in .lb-ok{color:#fff}

/* ===== v1.284 : nouveau logo image (Michele N7), noir de jour / blanc de nuit ===== */
.brand .logo-img{display:block;height:clamp(42px,5.6vw,58px);width:auto}
.masthead.is-rain .logo-img,.masthead.is-night .logo-img{filter:invert(1) drop-shadow(0 2px 8px rgba(0,0,0,.45))}
@media(max-width:760px){.brand .logo-img{height:36px}}

/* ===== v1.286 : logo mobile un peu plus grand et mieux centré (demande Roman) ===== */
@media(max-width:760px){
  .brand .logo-img{height:48px}
  .masthead .brand{margin-left:12px}
}
@media(max-width:560px){
  .brand .logo-img{height:46px}
  .masthead .brand{margin-left:10px}
}

/* ===== v1.287 : mobile - baseline réaffichée sous le logo + logo un peu plus grand (demande Roman) ===== */
@media(max-width:760px){
  .brand .logo-img{height:56px}
  .masthead .brand{margin-left:12px}
  .masthead .logo .brandtag{display:block;font-size:11px;margin-top:3px;letter-spacing:.01em}
}
@media(max-width:560px){
  .brand .logo-img{height:54px}
  .masthead .brand{margin-left:10px}
  .masthead .logo .brandtag{font-size:10.5px}
}

/* ===== v1.288 : baseline mobile un peu plus grande pour s'aligner sur la largeur du logo (demande Roman) ===== */
@media(max-width:760px){.masthead .logo .brandtag{font-size:13px;letter-spacing:.02em}}
@media(max-width:560px){.masthead .logo .brandtag{font-size:12.5px;letter-spacing:.015em}}

/* ===== v1.289 : baseline mobile resserrée (dans la largeur du logo) + blocs sport sans cadre (demande Roman) ===== */
@media(max-width:760px){.masthead .logo .brandtag{font-size:11.5px;letter-spacing:.01em}}
@media(max-width:560px){.masthead .logo .brandtag{font-size:11px;letter-spacing:.005em}}
/* Coupe du Monde / Tour de France : juste icône + texte sur le fond, plus de cadre blanc/or */
.wc-card,.sport-duo .wc-card{background:transparent !important;border:0 !important;box-shadow:none !important}
.wc-card:hover,.sport-duo .wc-card:hover{background:transparent !important;box-shadow:none !important;transform:none}

/* ===== v1.290 : refonte header DESKTOP (demande Roman) : bandeau plus court, soleil derriere le logo, logo plus grand + baseline alignee, meteo sur une ligne (alerte au-dessus) ===== */
@media(min-width:761px){
  .masthead .wrap{padding-top:28px !important;padding-bottom:22px !important}
  .masthead .sky{background-position:65.5% 45% !important}
  .masthead .brand .logo-img{height:76px !important}
  .masthead .logo .brandtag{display:block !important;font-size:14.5px !important;letter-spacing:.17em !important;margin-top:5px !important}
  .masthead .wxstack{flex-direction:column !important;align-items:flex-end !important;gap:6px !important}
  .masthead .wxnow{margin:0 !important}
  .masthead .wxnow .wx-c{display:flex !important;flex-direction:row !important;align-items:center !important;gap:14px !important;text-align:left !important}
  .masthead .wxnow .wx-top{flex-direction:row !important;align-items:center !important;justify-content:flex-end !important;gap:9px !important}
  .masthead .wxnow .wx-sun{margin-top:0 !important;white-space:nowrap}
  .masthead .wx-temp,.masthead .wx-sun,.masthead .wx-sun b,.masthead .wx-lab{text-shadow:none !important}
}

/* ===== v1.291 : texte blanc sur toutes les bulles en or foncé (demande Roman) ===== */
.langsel-item.active,
.kick, .cdc-kick, .lb-kick,
.hp-no, .no,
.board-date,
.lbfab,
.ctc-send, .mm-back, .back,
.map-consent-btn,
.cookie-btn.cookie-accept,
.lb-form button, .lb-mini-form button{color:#fff !important}

/* ===== v1.292 : centrage propre du texte dans les bulles dorées (demande Roman) ===== */
.langsel-item.active,.kick,.cdc-kick,.lb-kick,.hp-no,.no,.board-date,.lbfab,
.ctc-send,.mm-back,.back,.map-consent-btn,.cookie-btn.cookie-accept{
  display:inline-flex !important;align-items:center !important;justify-content:center !important;line-height:1 !important;
}

/* ===== v1.293 : rétablir un petit espace icône/texte dans les bulles centrées ===== */
.langsel-item.active,.kick,.cdc-kick,.lb-kick,.hp-no,.no,.board-date,.lbfab,
.ctc-send,.mm-back,.back,.map-consent-btn,.cookie-btn.cookie-accept{gap:5px !important}

/* ===== v1.294 : boutons/pastilles or foncé oubliés -> texte blanc (bulle témoignage, etc., demande Roman) ===== */
.tmo-form button,.tmo-cta,.itw-send,.sub-row button,.bf-btn.read,.sx-head .kick{color:#fff !important}

/* ===== v1.295 : desktop, soleil (lueur) derriere le logo + on assombrit le soleil de la photo au centre (demande Roman) ===== */
@media(min-width:761px){
  .masthead.is-day .sky .sun,.masthead.is-partly .sky .sun{
    left:max(150px, calc(50% - 470px)) !important; top:-70px !important;
    width:380px !important; height:380px !important; transform:translateX(-50%) !important;
    background:radial-gradient(circle, rgba(255,250,228,.85) 0%, rgba(255,241,190,.34) 38%, rgba(255,241,190,0) 68%) !important;
    display:none !important; animation:none !important; /* v1.390 : lueur retiree aussi sur desktop (ce display:block !important, plus specifique, annulait le retrait v1.389 ; demande Roman du jour, remplace la demande v1.295) */
  }
  .masthead.is-day .sky::after,.masthead.is-partly .sky::after{
    content:"" !important; position:absolute; inset:0; z-index:1; pointer-events:none;
    background:radial-gradient(135% 150% at 60% 26%, rgba(8,22,45,.55) 0%, rgba(8,22,45,.14) 34%, rgba(8,22,45,0) 50%);
  }
}

/* ===== v1.296 : mobile, lien actif de la barre de nav (ex "Nos coups de coeur") en blanc sur le noir (demande Roman) ===== */
@media(max-width:760px){
  nav.primary a.is-here{color:#fff !important}
  nav.primary a.is-here::after{background:#fff !important}
}

/* ===== v1.297 : mobile, lien actif de la nav recollé a gauche (aligné avec le logo, demande Roman) ===== */
@media(max-width:760px){
  nav.primary .wrap{padding-left:calc(16px + env(safe-area-inset-left,0px)) !important}
  nav.primary a.is-here{padding-left:6px !important}
}

/* ===== v1.298 : titres en DIN. D-DIN = clone libre (OFL) de la DIN 1451, chargé via CDN jsDelivr (dépôt public Altinn). (demande Roman) ===== */
@font-face{font-family:"D-DIN";src:url("https://cdn.jsdelivr.net/gh/Altinn/altinn-cdn@master/fonts/d-din/D-DIN-Bold.woff2") format("woff2");font-weight:400 900;font-style:normal;font-display:swap}

/* ===== v1.299 : logo image dans le footer (inversé en blanc sur fond sombre, demande Roman) ===== */
footer .flogo{display:inline-block;line-height:0}
footer .footer-logo{display:block;height:46px;width:auto;filter:invert(1);margin:0 0 4px}
@media(max-width:760px){footer .footer-logo{height:40px}}

/* ===== v1.302 : ciels sombres (nuit/pluie) - on supprime le halo clair en bas, fond vers le sombre (demande Roman) ===== */
.masthead.is-night .sky{background-image:linear-gradient(to bottom, rgba(8,16,30,0.18) 0%, rgba(8,16,30,0.06) 24%, rgba(8,16,30,0) 48%, rgba(8,16,30,0.10) 74%, rgba(8,16,30,0.38) 100%), url(https://storage.ghost.io/c/d0/53/d05364b1-cd59-4466-9fbc-c9b99c9aa264/content/images/2026/07/sky2-night.webp) !important}
.masthead.is-rain .sky{background-image:linear-gradient(to bottom, rgba(8,16,22,0.22) 0%, rgba(8,16,22,0.08) 24%, rgba(8,16,22,0) 48%, rgba(8,16,22,0.10) 74%, rgba(8,16,22,0.34) 100%), url(https://storage.ghost.io/c/d0/53/d05364b1-cd59-4466-9fbc-c9b99c9aa264/content/images/2026/07/sky2-rain.webp) !important}

/* ===== v1.303 : header mobile resserré (padding + espacements météo réduits, demande Roman) ===== */
@media(max-width:760px){
  .masthead .wrap{padding-top:12px !important;padding-bottom:8px !important}
  .masthead .wxstack{gap:4px !important}
  .masthead .wxnow{gap:4px !important}
  .masthead .wxnow .wx-c{gap:4px !important}
  .masthead .wxnow .wx-top{gap:2px !important}
  .masthead .wxnow .wx-sun{margin-top:0 !important}
  .masthead .logo .brandtag{margin-top:2px !important}
}

/* ===== v1.304 : header desktop resserré aussi (padding réduit, demande Roman) ===== */
@media(min-width:761px){.masthead .wrap{padding-top:16px !important;padding-bottom:12px !important}}

/* ===== v1.305 : CTA "Voir la boutique" de la pub en DIN (demande Roman) ===== */
.tdv-ad-go{font-family:var(--disp) !important}

/* ===== v1.306 : agrandir les 2 modules sport (Coupe du Monde / Tour de France) en gardant l'alignement (demande Roman) ===== */
@media(min-width:761px){
  .wc-ball svg{width:52px !important;height:52px !important}
  .wc-ball{font-size:52px !important}
  .wc-title{font-size:clamp(28px,5.6vw,40px) !important}
  .wc-sub{font-size:15px !important}
  .wc-card{gap:22px !important;padding:18px 22px !important}
  .wc-hero{padding-top:28px !important}
}
@media(max-width:760px){
  .sport-duo .wc-card{max-width:210px !important;gap:12px !important;padding:22px 12px !important}
  .sport-duo .wc-ball svg{width:46px !important;height:46px !important}
  .sport-duo .wc-title{font-size:18px !important}
}

/* ===== v1.307 : libellé miroir à droite des 3 bandeaux (NEWS/MÉTÉO/AGENDA) sur desktop, à la place de "Presse locale" (demande Roman) ===== */
.tl-r,.wl-r,.al-r{border-left:1px solid var(--line-dk)}
.tl-r .dot{display:none}
@media(min-width:761px){.ticker-src{display:none !important}}
@media(max-width:760px){.tl-r,.wl-r,.al-r{display:none !important}}

/* ===== v1.308 : cases des libellés (NEWS/MÉTÉO/AGENDA, gauche+droite) plus courtes sur desktop (demande Roman) ===== */
@media(min-width:761px){
  .ticker-label,.wxstrip-label,.agstrip-label{width:84px !important;padding-left:10px !important;padding-right:10px !important}
}

/* ===== v1.309 : stabiliser les barres (news/météo/agenda) - hauteur réservée dès le chargement, plus de sursaut (demande Roman) ===== */
/* v1.389 : halo soleil du header retiré partout (demande Roman, lueur jaune derrière le logo ; l'ancien retrait ne couvrait que is-day sur certaines largeurs, is-partly restait visible, y compris mobile) */
.sky .sun{display:none !important}

/* v1.389 : hauteur UNIQUE pour les 3 bandeaux, alignée sur la météo (38px), desktop et mobile (demande Roman ; c'étaient ces min-heights inégaux 30/38/32 qui créaient l'escalier) */
.ticker,.wxstrip,.agstrip{min-height:38px}
.ticker-view,.wxstrip-view,.agstrip-view{overflow-y:hidden}

/* ===== v1.310 : stabiliser le header mobile - on réserve la hauteur du bloc météo dès le départ (plus de sursaut au chargement/refresh, demande Roman) ===== */
@media(max-width:760px){
  .masthead .wxstack{min-height:112px;justify-content:flex-start}
}

/* ===== v1.311 : réserver la largeur du sélecteur de langue (barre du haut ne glisse plus au chargement) + cache météo + lien nav actif au parse (demande Roman) ===== */
.langsel{min-width:71px}
@media(max-width:560px){.langsel{min-width:44px}}

/* ===== v1.316 : pastille Livre blanc (fab) - taille fixe + calque dédié pour éviter qu'elle bouge au chargement/scroll iOS ; image coup de coeur prioritaire (demande Roman) ===== */
.lbfab{transform:translateZ(0);backface-visibility:hidden}
@media(max-width:560px){.lbfab{width:46px;height:46px;padding:0 !important;justify-content:center}}

/* ===== v1.317 : coup de coeur - image aussi en fond du conteneur (évite le trou sombre pendant le décodage au refresh) ===== */
.cdc-media{background-size:cover;background-position:center;background-repeat:no-repeat}

/* ===== v1.318 : pastille de la rubrique LGBTQIA+ en or foncé au lieu de noir (demande Roman) ===== */
body.tag-lgbtqia .hp-no{background:var(--orange) !important;color:#fff !important}

/* ===== v1.319 : header desktop - météo alignée en bas (niveau du champ email), logo gardé centré (demande Roman) ===== */
@media(min-width:761px){
  .masthead .wrap{align-items:flex-end}
  .masthead .brand{align-self:center}
  .masthead .wxstack{padding-bottom:2px}
}

/* ===== v1.320 : baseline desktop plus petite et centrée sous le logo (demande Roman) ===== */
@media(min-width:761px){.masthead .logo .brandtag{font-size:11px !important;letter-spacing:.04em !important;text-align:center !important;margin-top:4px !important}}

/* ===== v1.321 : logo image aussi dans le menu hamburger et le lecteur (fond clair, logo noir) (demande Roman) ===== */
.menu img.mlogo{height:30px;width:auto;display:block}
.reader img.mini-logo{height:26px;width:auto;display:block}

/* v1.341 : image Fïve isolée, recadrée plus haut (focus boucles d'oreilles) */
.tdv-ad-imgwrap .tdv-ad-img.tdv-ad-five{transform:scale(1.28);transform-origin:50% 6%;object-position:50% 6%}

/* v1.343 : photo pub carrée (1:1), produit entier sans recadrage — remplace le zoom v1.241/v1.341 (demande Roman) */
.tdv-ad-imgwrap{width:100%;height:auto;aspect-ratio:1/1;overflow:hidden;background:#f2ece0}
.tdv-ad-imgwrap .tdv-ad-img,.tdv-ad-imgwrap .tdv-ad-img.tdv-ad-five{width:100%;height:100%;object-fit:cover;object-position:50% 50%;transform:none}
.tdv-ad-ph{width:100%;height:auto;aspect-ratio:1/1}
@media(max-width:560px){.tdv-ad-imgwrap{height:auto;aspect-ratio:1/1}.tdv-ad-ph{height:auto;aspect-ratio:1/1}}

/* v1.345 : carrousel « Les coups de cœur » (featured), swipe mobile */
.cdc-carousel{position:relative;margin:8px 0 28px}
.cdc-head{margin:0 0 14px}
.cdc-viewport{overflow:hidden}
.cdc-track{display:flex;transition:transform .42s cubic-bezier(.34,1.4,.6,1);will-change:transform;touch-action:pan-y}
.cdc-track.dragging{transition:none}
.cdc-slide{flex:0 0 100%;min-width:100%;display:grid;grid-template-columns:1fr 1.08fr;min-height:360px;background:var(--ink);color:#fff;text-decoration:none;overflow:hidden}
.cdc-slidekick{margin-bottom:12px;color:var(--orange)}
.cdc-nav{position:absolute;top:calc(50% - 22px);z-index:4;width:44px;height:44px;border-radius:50%;border:0;background:rgba(255,255,255,.92);color:var(--ink);font-size:24px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 12px rgba(0,0,0,.28)}
.cdc-prev{left:12px}.cdc-next{right:12px}
.cdc-nav:hover{background:#fff}
.cdc-dots{display:flex;gap:8px;justify-content:center;margin-top:14px}
.cdc-dot{width:8px;height:8px;border-radius:50%;background:#ccc4b4;border:0;padding:0;cursor:pointer;transition:background .2s,transform .2s}
.cdc-dot.on{background:var(--orange);transform:scale(1.25)}
@media(max-width:760px){.cdc-slide{grid-template-columns:1fr;min-height:0}.cdc-nav{display:none}}

/* v1.349 : carrousel compact sur mobile (fix hauteur iPhone mini) */
@media(max-width:760px){
  .cdc-slide .cdc-media{aspect-ratio:3/2}
  .cdc-slide .cdc-tx{padding:18px 18px 20px}
  .cdc-slidekick{margin-bottom:7px}
  .cdc-slide .cdc-title{font-size:23px;line-height:1.12;max-height:2.24em;overflow:hidden} /* v1.363 : 2 lignes sans ellipsis auto, JS gere le troncage propre (le ... ne colle plus au :) */
  .cdc-slide .cdc-x{font-size:14px;line-height:1.45;margin-top:10px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
  .cdc-slide .hp-meta{margin-top:9px;font-size:12px}
  .cdc-dots{margin-top:11px}
}

/* v1.355 : fix debordement horizontal mobile (bandeau ES trop large + tableaux articles) */
html{overflow-x:clip}
@media(max-width:430px){
  .dateline .right{gap:4px}
  .dateline .util-link{padding:2px 7px;font-size:9px;gap:2px}
  .dateline .util-link::before{font-size:9px}
  .dateline .util-link.food{margin-left:4px}
  .langsel{margin-right:2px}
}

/* v1.357 : Tour de France, vainqueur d'étape */
.tdf-hl-win{font-family:var(--sans);font-weight:800;font-size:13px;color:#E9B94B;margin-top:3px}
.tdf-w{flex-basis:100%;font-family:var(--sans);font-weight:700;font-size:12px;color:#E9B94B;margin-top:1px}

/* v1.361 : pop cookies centré au milieu de l'écran sur mobile (au lieu de collé en bas) */
@media(max-width:560px){.cookie{align-items:center}.cookie-in{margin:0}}

/* v1.362 : bandeau live du match (Coupe du Monde) */
.wcl-wrap{margin:0 0 14px}
.wcl{width:100%;display:flex;align-items:center;justify-content:center;gap:12px 16px;flex-wrap:wrap;background:var(--ink);color:#fff;border:1px solid rgba(233,185,75,.5);border-radius:14px;padding:12px 16px;cursor:pointer;font-family:var(--sans);box-shadow:0 6px 20px rgba(20,20,20,.18)}
.wcl-kick{font-weight:800;font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:#E9B94B;flex-basis:100%;text-align:center}
.wcl-t{font-weight:800;font-size:15px}
.wcl-sc{font-family:var(--disp);font-weight:400;font-size:23px;color:#E9B94B;min-width:66px;text-align:center;line-height:1}
.wcl-live{color:#fff;background:#E23B2E;border-radius:20px;padding:3px 11px;font-weight:800;font-size:11.5px;letter-spacing:.05em;display:inline-flex;align-items:center;gap:6px}
.wcl-live::before{content:"";width:7px;height:7px;border-radius:50%;background:#fff;animation:pulse 1.3s infinite}
.wcl-ft{color:#E9B94B;font-weight:800;font-size:13px}
.wcl-soon{color:rgba(255,255,255,.72);font-weight:700;font-size:13px}

/* v1.373 : bouton carte = icone location seule (pastille ronde, charte) */
.gh-content .tdv-map-btn{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;margin:0 9px 3px 0;color:var(--gold-tx);background:var(--paper-2);border:1px solid var(--line-dk);border-radius:999px;width:34px;height:34px;padding:0;cursor:pointer;line-height:0;transition:background .15s,border-color .15s,color .15s,transform .1s;-webkit-appearance:none;appearance:none}
.gh-content .tdv-map-btn:hover,.gh-content .tdv-map-btn:focus-visible{background:var(--orange);border-color:var(--orange-dk);color:var(--ink);outline:none}
.gh-content .tdv-map-btn:active{transform:scale(.93)}
.gh-content .tdv-map-btn svg{width:18px;height:18px;flex:0 0 auto}
/* v1.372 : mini-carte du pop-up carte d'article */
.pop-card .tdv-artmap{margin:4px 0 16px;border-radius:12px;overflow:hidden}
.pop-card .tdv-artmap iframe{width:100%;height:320px;border:0;display:block}
@media(max-width:600px){.pop-card .tdv-artmap iframe{height:240px}}

/* v1.381 : REGLAGE FINAL des 3 boutons de la barre du haut. Cartouche transparent, LISERE OR, TEXTE BLANC, aucun voile. Ne touche PAS le pop-up Urgences (.util-link vit seulement dans .dateline). */
.dateline .util-link,
.dateline .util-link:not(.food):not(.sub),
.dateline .util-link.food,
.dateline .util-link.sub{background:transparent !important;color:#fff !important;border:1px solid #A87C00 !important;box-shadow:none !important;animation:none !important;transform:none !important;filter:none !important;opacity:1 !important;font-weight:700 !important}
/* Urgences : croix de pharmacie verte clignotante */
.dateline .util-link:not(.food):not(.sub)::before{content:"\271A" !important;color:#12b34a !important;-webkit-text-fill-color:#12b34a !important;display:inline !important;font-size:15px !important;line-height:1 !important;margin-right:4px !important;animation:rxBlink 1.05s ease-in-out infinite !important}
/* À table : pas d'icone assiette */
.dateline .util-link.food::before{content:"" !important;display:none !important}
/* S'abonner : aucune icone */
.dateline .util-link.sub::before{content:none !important;display:none !important}
/* Icone telephone : vrai SVG (combine plein blanc), lisible a petite taille */
.dateline .util-link .ul-tel{display:inline-flex;align-items:center;line-height:0;margin-right:2px}
.dateline .util-link .ul-tel svg{width:12px;height:12px;color:#fff}
/* Voile corrige : les spans de la barre du haut sont attenues (.dateline .right span{opacity:.6}), on force les boutons a pleine opacite */
.dateline .util-link,.dateline .util-link span{opacity:1 !important}
/* Centrage vertical : line-height serre dans les cartouches or (boutons barre du haut + kick "A la une") */
.dateline .util-link{line-height:1 !important}
.kick,.cdc-kick{line-height:1 !important}
/* Hover discret */
.dateline .util-link:hover,.dateline .util-link.food:hover,.dateline .util-link.sub:hover{background:rgba(255,255,255,.10) !important;color:#fff !important}

/* ===== v1.398 : bloc sport CDM/TDF sans icones, remonte sous les fils, reste de la page remonte (demande Roman) ===== */
.wc-ball{display:none !important}
.wc-hero{padding-top:8px !important;padding-bottom:0 !important}
.wc-card{padding:9px 20px !important}
.board{padding-top:8px !important}
@media(min-width:761px){
  .wc-hero{padding-top:10px !important}
  .wc-card{padding:9px 22px !important}
  .board{padding-top:8px !important}
}


/* ===== v1.400 : "Voir" en texte simple sans bulle (partout) ; mobile, 2 blocs sport sur la meme ligne (demande Roman) ===== */
.wc-cta{background:none !important;border:0 !important;border-radius:0 !important;padding:0 !important;box-shadow:none !important;color:#141414 !important;font-size:12.5px !important;font-weight:800 !important;white-space:nowrap}
.wc-card:hover .wc-cta{background:none !important}
@media(max-width:640px){
  .wc-hero{padding-top:6px !important}
  .sport-duo{flex-direction:row !important;justify-content:center !important;gap:10px !important}
  .sport-duo .wc-card{aspect-ratio:auto !important;max-width:none !important;flex:1 1 0 !important;flex-direction:column !important;justify-content:center !important;align-items:center !important;gap:3px !important;padding:8px 10px !important;text-align:center !important}
  .sport-duo .wc-card .wc-body{flex:0 0 auto !important;align-items:center !important;text-align:center !important}
  .sport-duo .wc-card .wc-cta{display:inline !important}
  .sport-duo .wc-title{font-size:15px !important;line-height:1.12 !important}
  .board{padding-top:6px !important}
}

/* ===== v1.405 : moins de blanc sous le pill "À la une" (sans le bouger) + encart pub 20% plus petit sur mobile (demande Roman) ===== */
.cdc-head{margin:0 0 4px !important}
.cdc-kick{margin-bottom:4px !important}
@media(max-width:560px){
  .tdv-ad{transform:translateY(12px) scale(.8) !important;transform-origin:bottom right !important}
  .tdv-ad.in{transform:translateY(0) scale(.8) !important}
}

/* ===== v1.406 : stabiliser la barre menu sticky pendant le pull-to-refresh mobile (couche GPU, garde le swipe-recharger) (demande Roman) ===== */
nav.primary{-webkit-transform:translateZ(0);transform:translateZ(0);will-change:transform;-webkit-backface-visibility:hidden;backface-visibility:hidden}

/* ===== v1.409 : barre du haut MOBILE, bulles OR PLEINES, texte blanc, ligne centrée (demande Roman 6/07). Garde drapeau + telephone + croix verte. Desktop inchange (liseret or v1.381). ===== */
@media(max-width:600px){
  .dateline .wrap{justify-content:center !important}
  .dateline .right{flex:1 1 auto !important;width:100% !important;justify-content:center !important;align-items:center !important;gap:7px !important;flex-wrap:nowrap !important}
  .dateline .util-link,
  .dateline .util-link:not(.food):not(.sub),
  .dateline .util-link.food,
  .dateline .util-link.sub,
  .dateline .langsel-btn{background:var(--orange) !important;color:#fff !important;border:1px solid var(--orange) !important;box-shadow:0 1px 6px rgba(168,124,0,.45) !important;border-radius:30px !important;font-weight:800 !important;height:26px !important;padding:0 11px !important;display:inline-flex !important;align-items:center !important;line-height:1 !important}
  .dateline .util-link:not(.food):not(.sub)::before{color:#B00020 !important;-webkit-text-fill-color:#B00020 !important;animation:rxBlinkRed 1.05s ease-in-out infinite !important}
  .dateline .util-link .ul-tel svg{color:#fff !important}
  .dateline .langsel-btn .langsel-chev{color:#fff !important}
  .dateline .langsel{align-items:center !important;margin:0 !important}
  .dateline .util-link:hover,.dateline .util-link.food:hover,.dateline .util-link.sub:hover,.dateline .langsel-btn:hover{background:var(--orange-dk) !important}
}

/* v1.410-v1.411 : croix Urgences en ROUGE au lieu de vert (lisibilite sur la bulle or mobile, demande Roman 6/07). v1.411 : rouge plus FONCE #B00020 + halo clair + clignotement qui ne disparait plus (plancher .5). Desktop inchange (croix verte v1.381). */
@keyframes rxBlinkRed{0%,44%{opacity:1;text-shadow:0 0 6px rgba(255,255,255,.55)}55%,100%{opacity:.5;text-shadow:none}}

/* v1.414 : bouton "L'agenda" mobile (remplace le libelle de la barre menu sous 600px, ouvre la page agenda) ; PASTILLE DOREE texte blanc (comme .sub-btn) ; desktop inchange */
nav.primary a.np-m{display:none}
@media(max-width:600px){
  nav.primary .wrap a:not(.np-m){display:none!important}
  nav.primary .wrap a.np-m{display:inline-flex;align-items:center;min-height:0;height:26px;margin-right:9px;padding:0 12px;background:var(--orange);color:#fff;font-weight:800;font-size:11px;letter-spacing:.03em;border-radius:30px}
  nav.primary .wrap a.np-m:hover,nav.primary .wrap a.np-m.is-here{background:var(--orange-dk);color:#fff}
}

/* ===== v1.433 : cartes "tete de gondole" (home) + LECTEUR plein ecran ===== */
.secx-head{display:flex;align-items:center;gap:12px;margin-bottom:16px;flex-wrap:wrap}
.secx-cover{display:grid;grid-template-columns:1.15fr 1fr;gap:0;width:100%;text-align:left;background:var(--ink);color:#fff;border:0;border-radius:16px;overflow:hidden;cursor:pointer;padding:0;font:inherit;box-shadow:0 10px 30px rgba(20,20,20,.10);transition:transform .15s,box-shadow .15s}
.secx-cover:hover{transform:translateY(-3px);box-shadow:0 16px 38px rgba(20,20,20,.18)}
.secx-cover-media{display:block;min-height:300px;background:#12222c;overflow:hidden}
.secx-cover-media img{width:100%;height:100%;object-fit:cover;display:block}
.secx-cover-tx{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:34px 38px}
.secx-cover-kick{color:var(--orange);margin-bottom:14px}
.secx-cover-t{font-family:var(--disp);font-weight:400;font-synthesis:none;text-transform:uppercase;font-size:clamp(26px,3.2vw,44px);line-height:.98;letter-spacing:.02em;color:#fff}
.secx-cover-x{margin-top:14px;font-size:15.5px;line-height:1.5;color:rgba(255,255,255,.82);max-width:46ch;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.secx-more{margin-top:20px;display:inline-flex;align-items:center;gap:7px;font-family:var(--cond);font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:#fff;background:var(--orange);padding:9px 16px;border-radius:30px}
.secx-cover:hover .secx-more{background:#8a6600}
.secx-pool{display:none}
@media(max-width:760px){
  .secx-cover{grid-template-columns:1fr}
  .secx-cover-media{min-height:0;aspect-ratio:16/9}
  .secx-cover-tx{padding:20px 20px 24px}
  .secx-cover-t{font-size:26px}
}
/* --- lecteur plein ecran TOTAL (theme SOMBRE) --- */
.secxm{position:fixed;inset:0;z-index:2000;background:#0b0b0b;color:#fff;display:none;flex-direction:column;width:100%;height:100%;height:100dvh}
.secxm.open{display:flex}
.secxm-bar{position:relative;z-index:6;display:flex;align-items:center;gap:12px;padding:10px 14px;padding-top:calc(10px + env(safe-area-inset-top));background:#0b0b0b;border-bottom:1px solid rgba(255,255,255,.12);flex:0 0 auto}
.secxm-title{font-family:var(--cond);font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:#fff;background:var(--orange);padding:6px 12px;border-radius:30px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:56vw}
.secxm-count{font-family:var(--cond);font-size:13px;letter-spacing:.06em;color:rgba(255,255,255,.65)}
.secxm-close{margin-left:auto;width:40px;height:40px;border-radius:50%;border:0;background:rgba(255,255,255,.16);color:#fff;font-size:22px;line-height:1;cursor:pointer;flex:0 0 auto}
.secxm-close:hover{background:rgba(255,255,255,.32)}
.secxm-viewport{flex:1;display:flex;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;min-height:0;scrollbar-width:none;overscroll-behavior:contain}
.secxm-viewport::-webkit-scrollbar{display:none}
.secxm-slide{flex:0 0 100%;width:100%;height:100%;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;scroll-snap-align:start;scroll-snap-stop:always;overscroll-behavior:contain}
.secxm-artwrap{max-width:min(1700px,96vw);margin:0 auto;padding:0 clamp(14px,3vw,44px) 108px;color:#fff}.secxm-artwrap .art>.cover:first-child{margin:0 0 24px!important}.secxm-artwrap .art>h1:first-child{margin-top:22px}.secxm-holder{padding-top:0}.secxm-artwrap .gh-content{font-size:clamp(17px,1.15vw,20px);line-height:1.72}.secxm-artwrap .lede{font-size:clamp(18px,1.5vw,23px);line-height:1.5}.secxm-artwrap .art .cover{position:relative;left:50%;transform:translateX(-50%);width:100vw;max-width:100vw;aspect-ratio:21/9;overflow:hidden;border-radius:0!important;margin:8px 0 26px!important}.secxm-artwrap .art .cover img{width:100%;height:100%;object-fit:cover;display:block}@media(max-width:760px){.secxm-artwrap{max-width:100%;padding:0 16px 92px}.secxm-artwrap .art>h1:first-child{margin-top:16px}}
.secxm-artwrap .art{max-width:none!important;margin:0!important;color:#fff}
.secxm-artwrap .art h1{color:#fff;margin-top:6px;font-size:clamp(30px,4vw,58px);line-height:1.02}
.secxm-artwrap .meta{color:rgba(255,255,255,.6)}
.secxm-artwrap .lede{color:rgba(255,255,255,.9)}
.secxm-artwrap .gh-content{color:rgba(255,255,255,.92)}
.secxm-artwrap .gh-content h2,.secxm-artwrap .gh-content h3,.secxm-artwrap .gh-content h4,.secxm-artwrap .gh-content h5{color:#fff}
.secxm-artwrap .gh-content strong,.secxm-artwrap .gh-content b{color:#fff}
.secxm-artwrap .gh-content a{color:#F0B919}
.secxm-artwrap .gh-content li{color:rgba(255,255,255,.92)}
.secxm-artwrap .gh-content blockquote{color:#fff;border-left-color:var(--orange)}
.secxm-artwrap .author-box{border-color:rgba(255,255,255,.22)!important}
.secxm-artwrap .author-box p,.secxm-artwrap .author-box div{color:rgba(255,255,255,.85)!important}
.secxm-loading{padding:70px 20px;text-align:center;color:rgba(255,255,255,.6);font-family:var(--cond);letter-spacing:.1em;text-transform:uppercase;font-size:13px}
/* corps d'article : blanc bien present (lisibilite sur fond noir) */
.secxm-artwrap .gh-content,.secxm-artwrap .gh-content p,.secxm-artwrap .gh-content li,.secxm-artwrap .lede{color:#f3f3f3!important}
.secxm-artwrap h1,.secxm-artwrap .gh-content h2,.secxm-artwrap .gh-content h3,.secxm-artwrap .gh-content h4,.secxm-artwrap .gh-content h5,.secxm-artwrap .gh-content strong,.secxm-artwrap .gh-content b{color:#fff!important}
.secxm-artwrap .gh-content a{color:#F0B919!important}
.secxm-artwrap .gh-content blockquote{color:#fff!important;border-left-color:var(--orange)!important}
.secxm-artwrap .gh-content table,.secxm-artwrap .gh-content th,.secxm-artwrap .gh-content td{color:#f0d58a!important;border-color:rgba(240,185,25,.35)!important}
.secxm-artwrap .meta{color:rgba(255,255,255,.7)!important}
/* pager discret en bas au centre (fleches douces + position), ne coupe jamais le texte */
.secxm-pager{position:absolute;left:50%;bottom:calc(14px + env(safe-area-inset-bottom));transform:translateX(-50%);z-index:6;display:flex;align-items:center;gap:4px;background:rgba(20,20,20,.55);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.14);border-radius:30px;padding:4px 6px}
.secxm-count{font-family:var(--cond);font-size:12px;letter-spacing:.06em;color:rgba(255,255,255,.85);min-width:42px;text-align:center}
.secxm-nav{width:32px;height:32px;border-radius:50%;border:0;background:transparent;color:#fff;font-size:19px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:.8}
.secxm-nav:hover{background:rgba(255,255,255,.16);opacity:1}
@keyframes secxpagerpulse{0%,100%{transform:translateX(-50%) scale(1)}50%{transform:translateX(-50%) scale(1.05)}}
.secxm.open .secxm-pager{animation:secxpagerpulse 1.5s ease-in-out 3}
/* placeholder d'ouverture (continuite visuelle, evite le flash) + fondu */
.secxm-hero{position:relative;left:50%;transform:translateX(-50%);width:100vw;max-width:100vw;aspect-ratio:21/9;overflow:hidden;margin:0 0 20px;background:#12222c}
.secxm-hero img{width:100%;height:100%;object-fit:cover;display:block}
.secxm-holder .kick{display:block;color:var(--orange);margin-bottom:8px;font-family:var(--cond);text-transform:uppercase;letter-spacing:.1em;font-size:13px}
.secxm-holder h1{font-family:var(--disp);font-weight:400;font-synthesis:none;text-transform:uppercase;font-size:clamp(30px,4vw,58px);line-height:1.02;letter-spacing:.02em;color:#fff;margin:0 0 16px}
@keyframes secxfade{from{opacity:0}to{opacity:1}}
.secxm-artwrap{animation:secxfade .34s ease}

/* fleches de bord DESKTOP UNIQUEMENT (dans les marges noires, plus haut) */
.secxm-edge{display:none}
@media(min-width:761px){
  .secxm-edge{display:flex;position:absolute;top:42%;transform:translateY(-50%);z-index:7;width:38px;height:38px;border-radius:50%;border:0;background:rgba(255,255,255,.9);color:var(--ink);font-size:20px;line-height:38px;text-align:center;cursor:pointer;align-items:center;justify-content:center;padding:0 0 2px 0;box-shadow:0 2px 10px rgba(0,0,0,.35)}
  .secxm-edge:hover{background:#fff}
  .secxm-edge.secxm-prev{left:18px}
  .secxm-edge.secxm-next{right:18px}
  .secxm-pager .secxm-nav{display:none}
  .secxm-pager{background:rgba(20,20,20,.45);padding:6px 14px}
}
/* v1.437 : desktop = photo alignee sur le texte (pas de bord a bord, evite la pixelisation) */
@media(min-width:761px){
  .secxm-hero,.secxm-artwrap .art .cover{position:static!important;left:auto!important;transform:none!important;width:100%!important;max-width:100%!important;border-radius:14px!important;margin:0 0 22px!important}
  .secxm-artwrap{padding-top:22px!important}
}
/* v1.437 : mobile = photo qui touche le haut, barre (croix + pastille) en surimpression */
@media(max-width:760px){
  .secxm-bar{position:absolute;top:0;left:0;right:0;z-index:8;background:linear-gradient(to bottom,rgba(0,0,0,.62),rgba(0,0,0,0));border-bottom:0;padding-bottom:26px}
  .secxm-close{background:rgba(0,0,0,.5)}
  .secxm-close:hover{background:rgba(0,0,0,.72)}
  .secxm-artwrap{padding-top:0!important}
  .secxm-hero,.secxm-artwrap .art>.cover:first-child{margin-top:0!important}
}
/* v1.438 : le pop-up carte (Google Maps) doit passer AU-DESSUS du lecteur plein ecran (secxm z-index 2000) */
.pop{z-index:3000}
/* v1.438 : pop-up carte article a la charte (or/noir/blanc via pop-gold) */
.pop-gold .tdv-artmap{border:1px solid rgba(217,164,16,.4);border-radius:12px}
.pop-gold .bf-btn.gmap{background:var(--orange);color:#fff}
.pop-gold .bf-btn.gmap:hover{background:#8a6600;color:#fff}
/* v1.439 : mobile, garantir l'image tout en haut (aucun offset au-dessus du contenu) */
@media(max-width:760px){.secxm-viewport,.secxm-slide{padding-top:0!important}.secxm-holder,.secxm-artwrap{padding-top:0!important}.secxm-hero{margin-top:0!important}}
/* v1.440 : logo header sans ombre en DESKTOP (garde l'ombre en mobile, demande Roman) */
@media(min-width:761px){
  .logo-svg,
  .masthead.is-day .logo-svg,.masthead.is-partly .logo-svg,.masthead.is-clouds .logo-svg,
  .masthead.is-rain .logo-svg,.masthead.is-night .logo-svg{filter:none!important}
}
/* v1.440 : masquer la scrollbar verticale de chaque slide du lecteur (bande blanche residuelle au swipe desktop) */
.secxm-slide{scrollbar-width:none;-ms-overflow-style:none}
.secxm-slide::-webkit-scrollbar{display:none}
/* v1.440 : dans le lecteur sombre, pastilles geo pleines or (bien visibles) */
.secxm-artwrap .gh-content .tdv-map-btn{background:var(--orange);border-color:var(--orange);color:#fff}
.secxm-artwrap .gh-content .tdv-map-btn:hover,.secxm-artwrap .gh-content .tdv-map-btn:focus-visible{background:#8a6600;border-color:#8a6600;color:#fff}
/* v1.441 : pop-up carte article, titre en or foncé plein (pas de degrade, demande Roman) */
.pop-artmap .pf-title{background:none!important;-webkit-text-fill-color:var(--orange)!important;color:var(--orange)!important}
/* v1.442 : mobile, le lecteur monte jusqu'en haut reel de l'ecran (sous l'encoche). On masque le bandeau d'encoche du site et on tire le contenu jusqu'au bord haut ; la photo passe sous la barre d'etat, croix + pastille en surimpression. */
@media(max-width:760px){
  body.secxm-open::before{display:none!important}
  .secxm-viewport{margin-top:calc(-1 * env(safe-area-inset-top,0px))}
}
/* v1.443 : carte cover home, retirer la pastille rubrique dupliquee (deja au-dessus) et le fond dore du "Parcourir" (garder juste le texte) */
.secx-cover-kick{display:none!important}
.secx-more{background:none!important;padding:0!important;border-radius:0!important;color:#F0B919!important;margin-top:16px}
.secx-cover:hover .secx-more{background:none!important;color:#fff!important}
/* v1.445 : board "Nos coups de coeur" sorti de la home -> pop-up plein ecran (bouton nav, comme l'agenda) */
.board-fav{display:none}
.cdcm-body .board-fav{display:block;margin:0}
.cdcm{position:fixed;inset:0;z-index:2000;background:var(--ink);display:none;overflow-y:auto;-webkit-overflow-scrolling:touch}
.cdcm.open{display:block}
.cdcm-close{position:fixed;top:calc(12px + env(safe-area-inset-top));right:14px;z-index:6;width:44px;height:44px;border-radius:50%;border:0;background:rgba(255,255,255,.16);color:#fff;font-size:24px;line-height:1;cursor:pointer;box-shadow:0 2px 12px rgba(0,0,0,.3)}
.cdcm-close:hover{background:rgba(255,255,255,.32)}
.cdcm-body{max-width:var(--max);margin:0 auto;padding:calc(26px + env(safe-area-inset-top)) 22px 72px}
@media(max-width:600px){.cdcm-body{padding:calc(20px + env(safe-area-inset-top)) 14px 60px}}

/* ===== v1.450 : board coups de coeur dynamique + fiche detaillee + medailles Cacau d'Or ===== */
.tdvB{--o:#A87C00;--surf:#1e1e1c;--surf2:#26261f;--line:rgba(255,255,255,.10);--line2:rgba(255,255,255,.17);--tx:#f3f0e9;--tx2:rgba(255,255,255,.62);--tx3:rgba(255,255,255,.40);color:var(--tx);font-family:var(--sans)}
.tdvB *{box-sizing:border-box}
.tdvB .head{position:relative;padding:4px 0 16px;border-bottom:1px solid var(--line)}
.tdvB .ey{font-size:11px;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:var(--o);display:flex;align-items:center;gap:6px}
.tdvB .ey svg{width:13px;height:13px;fill:var(--o)}
.tdvB .title{font-family:var(--disp);font-weight:700;font-size:32px;letter-spacing:.01em;text-transform:uppercase;margin:8px 0 6px;line-height:1;color:var(--tx)}
.tdvB .sub{font-size:13px;color:var(--tx2);max-width:600px;line-height:1.5;margin:0}
.tdvB .tools{display:flex;gap:10px;align-items:center;padding:15px 0 4px;flex-wrap:wrap}
.tdvB .geo{display:inline-flex;align-items:center;gap:7px;background:var(--o);color:#141414;border:0;font-weight:800;font-size:13px;padding:11px 16px;cursor:pointer;white-space:nowrap;font-family:var(--sans)}
.tdvB .geo:hover{filter:brightness(1.14)}
.tdvB .geo svg{width:15px;height:15px;fill:#141414}
.tdvB .sw{flex:1;min-width:190px;position:relative;display:flex;align-items:center}
.tdvB .sw svg{position:absolute;left:12px;width:15px;height:15px;fill:var(--tx2)}
.tdvB .search{width:100%;background:var(--surf);border:1px solid var(--line2);color:var(--tx);font-size:13px;padding:11px 12px 11px 34px;font-family:var(--sans)}
.tdvB .search::placeholder{color:var(--tx3)}
.tdvB .search:focus{outline:0;border-color:var(--o)}
.tdvB .ln{padding:6px 0 0;font-size:12px;color:var(--o);min-height:16px}
.tdvB .ln b{color:var(--o)}.tdvB .ln u{cursor:pointer}
.tdvB .tabs{display:flex;gap:7px;overflow-x:auto;padding:12px 0 4px}
.tdvB .tab{flex:none;border:1px solid var(--line2);background:transparent;color:var(--tx2);font-weight:600;font-size:12.5px;padding:8px 14px;cursor:pointer;white-space:nowrap;font-family:var(--sans)}
.tdvB .tab:hover{border-color:var(--o);color:var(--tx)}
.tdvB .tab.on{background:var(--o);color:#141414;border-color:var(--o)}
.tdvB .rubsel{display:none;position:relative;padding:12px 0 4px}
.tdvB .rubbtn{width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px;background:var(--surf);border:1px solid var(--line2);color:var(--tx);font-family:var(--sans);font-weight:700;font-size:14px;padding:13px 14px;cursor:pointer}
.tdvB .rubbtn svg{width:16px;height:16px;fill:var(--o);flex:none}
.tdvB .rubpop{display:none;position:absolute;left:0;right:0;top:100%;z-index:30;background:#17171a;border:1px solid var(--line2);max-height:56vh;overflow:auto;box-shadow:0 18px 40px rgba(0,0,0,.55)}
.tdvB .rubpop.open{display:block}
.tdvB .rubopt{display:block;width:100%;text-align:left;background:transparent;border:0;border-bottom:1px solid var(--line);color:var(--tx2);font-family:var(--sans);font-weight:600;font-size:14px;padding:14px 15px;cursor:pointer}
.tdvB .rubopt:last-child{border-bottom:0}
.tdvB .rubopt.on{color:#141414;background:var(--o)}
.tdvB .rubopt:hover{color:var(--tx)}
.tdvB .list{padding:14px 0 10px;display:flex;flex-direction:column;gap:9px;min-height:120px}
.tdvB .bcard{display:grid;grid-template-columns:132px 1fr auto;min-height:96px;background:var(--surf);border:1px solid var(--line);position:relative;overflow:hidden;transition:border-color .15s;cursor:pointer}
.tdvB .bcard:hover{border-color:var(--o)}
.tdvB .bcard:focus-visible{outline:2px solid var(--o);outline-offset:2px}
.tdvB .bcard.cdc,.tdvB .bcard.spon{border-color:var(--o)}
.tdvB .thumb{position:relative;background:var(--surf2);border-right:1px solid var(--line);overflow:hidden}
.tdvB .thumb img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.tdvB .thumb .fb{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.16);background:linear-gradient(135deg,#2c2c22,#1a1a17);font-family:var(--disp);font-weight:700;font-size:26px}
.tdvB .bdg{position:absolute;top:0;left:0;display:flex;align-items:center;gap:4px;background:rgba(0,0,0,.62);color:#fff;font-family:var(--disp);font-weight:700;font-size:13px;padding:3px 8px;z-index:2}
.tdvB .bdg.gold{background:var(--o);color:#141414}
.tdvB .bdg svg{width:12px;height:12px;fill:currentColor}
.tdvB .ptag{position:absolute;bottom:0;left:0;right:0;background:var(--o);color:#141414;font-size:8.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;text-align:center;padding:2px 4px;z-index:2}
.tdvB .mid{padding:11px 14px;align-self:center;min-width:0}
.tdvB .nrow{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.tdvB .nm{font-family:var(--disp);font-weight:700;font-size:17px;letter-spacing:.01em;color:var(--tx)}
.tdvB .pill{display:inline-flex;align-items:center;gap:3px;font-size:8.5px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:#141414;background:var(--o);padding:2px 7px;white-space:nowrap}
.tdvB .pill svg{width:9px;height:9px;fill:#141414}
.tdvB .pill.o{background:transparent;color:var(--o);border:1px solid var(--o)}
.tdvB .cacau{display:inline-flex;align-items:center;gap:1px;background:linear-gradient(135deg,#d8b24a,#a87c00);padding:2px 5px;cursor:help}
.tdvB .cacau svg{width:12px;height:12px;fill:#241a00}
.tdvB .cacau.win{background:linear-gradient(135deg,#f0cf6a,#b9860b);box-shadow:0 0 0 1px rgba(255,255,255,.12) inset}
.tdvB .dist{font-size:11px;font-weight:800;color:var(--o)}
.tdvB .acc{font-size:12px;color:var(--tx2);line-height:1.42;margin:5px 0 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.tdvB .smot{font-size:11px;color:var(--o);font-weight:700;margin:4px 0 0}
.tdvB .rate{padding:11px 14px;align-self:center;display:flex;flex-direction:column;align-items:flex-end;gap:6px;min-width:120px}
.tdvB .score{width:48px;height:48px;border:1.5px solid var(--o);display:flex;align-items:center;justify-content:center;position:relative;background:#262620}
.tdvB .score b{font-family:var(--disp);font-weight:700;font-size:16px;color:var(--o);line-height:1}
.tdvB .score b i{font-style:normal;font-size:8px;color:var(--tx2)}
.tdvB .score::after{content:"";position:absolute;left:0;bottom:0;height:3px;width:var(--pct);background:var(--o)}
.tdvB .soon{font-size:9.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--tx3);border:1px dashed var(--line2);padding:6px 8px;text-align:center;line-height:1.3}
.tdvB .srcs{display:flex;flex-direction:column;gap:2px;align-items:flex-end}
.tdvB .src{display:flex;align-items:center;gap:5px;font-size:10px;color:var(--tx2)}
.tdvB .src .dot{width:13px;height:13px;font-size:8px;font-weight:800;color:#141414;background:var(--o);display:flex;align-items:center;justify-content:center}
.tdvB .src b{font-weight:800;color:var(--tx)}
.tdvB .empty{padding:30px 6px;color:var(--tx3);font-size:13px;text-align:center}
.tdvB .lg{border-top:1px solid var(--line);padding:15px 0 2px;font-size:11.5px;color:var(--tx3);line-height:1.55}
@media(max-width:640px){
  .tdvB .title{font-size:24px}
  .tdvB .sub{font-size:12px}
  .tdvB .geo{flex:1 0 100%;justify-content:center}
  .tdvB .sw{min-width:0}
  .tdvB .tabs{display:none}
  .tdvB .rubsel{display:block}
  .tdvB .list{gap:8px}
  .tdvB .bcard{grid-template-columns:96px 1fr auto;min-height:82px}
  .tdvB .mid{padding:9px 11px}
  .tdvB .nm{font-size:15.5px}
  .tdvB .acc{font-size:11.5px}
  .tdvB .rate{min-width:0;padding:9px 10px}
  .tdvB .srcs{display:none}
  .tdvB .score{width:44px;height:44px}
}
/* ---------- Fiche detaillee (overlay au clic sur une carte) ---------- */
.tdvd{position:fixed;inset:0;z-index:100000;display:none;font-family:var(--sans,system-ui,sans-serif)}
.tdvd.open{display:block}
.tdvd-bd{position:absolute;inset:0;background:rgba(8,8,8,.72);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}
.tdvd-panel{position:absolute;top:0;right:0;bottom:0;width:min(460px,100%);background:#141414;border-left:1px solid rgba(255,255,255,.14);display:flex;flex-direction:column;box-shadow:-24px 0 60px rgba(0,0,0,.6);animation:tdvdIn .18s ease}
@keyframes tdvdIn{from{transform:translateX(26px);opacity:.3}to{transform:none;opacity:1}}
.tdvd-x{position:absolute;top:10px;right:10px;z-index:5;width:38px;height:38px;background:rgba(0,0,0,.55);border:1px solid rgba(255,255,255,.18);color:#f3f0e9;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0}
.tdvd-x svg{width:16px;height:16px;fill:currentColor;pointer-events:none}
.tdvd-x:hover{border-color:#A87C00;color:#A87C00}
.tdvd-hero{position:relative}
.tdvd-ph{position:relative;height:236px;background:#26261f;overflow:hidden}
.tdvd-ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.tdvd-fb{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.16);background:linear-gradient(135deg,#2c2c22,#1a1a17);font-family:var(--disp);font-weight:700;font-size:58px}
.tdvd-htx{position:absolute;left:0;right:0;bottom:0;padding:36px 16px 13px;background:linear-gradient(transparent,rgba(10,10,10,.88));display:flex;flex-direction:column;gap:7px}
.tdvd-bdgs{display:flex;gap:6px;flex-wrap:wrap}
.tdvd-bdg{display:inline-flex;align-items:center;gap:4px;font-size:9px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:#141414;background:#A87C00;padding:3px 8px}
.tdvd-bdg svg{width:10px;height:10px;fill:#141414}
.tdvd-bdg.o{background:transparent;color:#A87C00;border:1px solid #A87C00}
.tdvd-bdg.cac{background:linear-gradient(135deg,#f0cf6a,#b9860b)}
.tdvd-nm{font-family:var(--disp);font-weight:700;font-size:26px;letter-spacing:.01em;text-transform:uppercase;color:#f3f0e9;margin:0;line-height:1.05}
.tdvd-score{position:absolute;top:12px;left:12px;width:56px;height:56px;border:1.5px solid #A87C00;background:rgba(20,20,16,.85);display:flex;align-items:center;justify-content:center}
.tdvd-score b{font-family:var(--disp);font-weight:700;font-size:19px;color:#A87C00;line-height:1}
.tdvd-score b i{font-style:normal;font-size:9px;color:rgba(255,255,255,.6)}
.tdvd-score::after{content:"";position:absolute;left:0;bottom:0;height:3px;width:var(--pct);background:#A87C00}
.tdvd-body{flex:1;overflow-y:auto;padding:16px}
.tdvd-desc{font-size:14px;line-height:1.55;color:rgba(255,255,255,.80);margin:0 0 12px}
.tdvd-desc:empty{display:none}
.tdvd-srcs{display:flex;gap:16px;margin:0 0 14px}
.tdvd-src{display:flex;align-items:center;gap:5px;font-size:12px;color:rgba(255,255,255,.62)}
.tdvd-src .dot{width:15px;height:15px;font-size:9px;font-weight:800;color:#141414;background:#A87C00;display:flex;align-items:center;justify-content:center}
.tdvd-src b{color:#f3f0e9;font-weight:800}
.tdvd-act{display:flex;flex-direction:column;gap:8px;margin:0 0 14px}
.tdvd-btn{display:flex;align-items:center;justify-content:center;gap:8px;background:#A87C00;color:#141414;font-weight:800;font-size:14px;padding:13px 14px;text-decoration:none;cursor:pointer;font-family:var(--sans,system-ui,sans-serif)}
.tdvd-btn svg{width:16px;height:16px;fill:#141414;flex:none}
.tdvd-btn:hover{filter:brightness(1.12)}
.tdvd-btn.o{background:transparent;color:#A87C00;border:1px solid #A87C00}
.tdvd-btn.o svg{fill:#A87C00}
.tdvd-meta{display:flex;gap:7px;flex-wrap:wrap;margin:0 0 10px}
.tdvd-meta:empty{display:none}
.tdvd-chip{font-size:11px;font-weight:700;color:#A87C00;border:1px solid rgba(168,124,0,.5);padding:4px 9px}
.tdvd-addr{display:flex;gap:8px;font-size:13px;color:rgba(255,255,255,.72);line-height:1.45;margin:0 0 14px}
.tdvd-addr .ic{flex:none;display:flex}
.tdvd-addr svg{width:15px;height:15px;fill:#A87C00}
.tdvd-map{border:1px solid rgba(255,255,255,.14);margin:0 0 14px;aspect-ratio:16/10;background:#26261f;overflow:hidden}
.tdvd-map iframe{width:100%;height:100%;border:0;display:block;filter:grayscale(.15)}
.tdvd-hours:empty{display:none}
.tdvd-hours details{border:1px solid rgba(255,255,255,.14)}
.tdvd-hours summary{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:#f3f0e9;padding:12px 14px;cursor:pointer;list-style:none}
.tdvd-hours summary svg{width:15px;height:15px;fill:#A87C00}
.tdvd-hours summary::-webkit-details-marker{display:none}
.tdvd-hours ul{margin:0;padding:0 14px 12px 36px;list-style:none}
.tdvd-hours li{font-size:12.5px;color:rgba(255,255,255,.66);line-height:1.7}
@media(max-width:640px){
  .tdvd-panel{width:100%;border-left:0}
  .tdvd-ph{height:204px}
  .tdvd-nm{font-size:22px}
}
/* BUILD-MARKER-v1450-END */

/* v1.452 FIX logo nuit : le logo masthead est un <img> SVG dont les traces sont en noir (#000) code en dur.
   Une regle 'filter:none!important' bloquait toute recoloration, et la propriete CSS 'color' n'agit pas sur une image.
   On force donc le blanc la nuit et sous la pluie via un filter (brightness 0 puis invert). Le jour reste noir. */
.masthead.is-night .logo-svg,.masthead.is-rain .logo-svg{filter:brightness(0) invert(1) drop-shadow(0 2px 8px rgba(0,0,0,.55))!important}


/* ===== CB v1.0.6 : baseline centree sous le logo (nouveau logo def avec COSTA BLANCA integre) ===== */
.masthead .logo{display:inline-flex;flex-direction:column;align-items:center}
.masthead .logo .brandtag{text-align:center;letter-spacing:.06em;margin-top:4px}