/* Page d'accueil du blog : rupture volontaire avec le reste du site. Esprit « journal » : typographie noire très affirmée, filets fins,
   bandeau d'actualités défilant, une couleur par catégorie (petit rond). Repris de la maquette ; classes préfixées ili-b-. */

body.ili-b{--b-rule:#1C1C1E;--b-act:#C0533A}
/* en-tête du site en version pleine dès le chargement */
body.ili-b .nav{background:rgba(250,250,247,.84);-webkit-backdrop-filter:blur(18px) saturate(1.4);backdrop-filter:blur(18px) saturate(1.4);box-shadow:0 1px 0 var(--ili-line)}
body.ili-b .nav .nl-menu > li > a{color:var(--ili-muted)}
body.ili-b .nav .nl-menu > li > a:hover{color:var(--ili-ink)}
body.ili-b .nav .logo-txt,body.ili-b .nav .logo-txt:visited,body.ili-b .nav .nav-lang{color:var(--ili-ink)}
body.ili-b .nav-in{height:68px}

/* ===== Masthead ===== */
body.ili-b .elementor > .e-con.e-parent.ili-b-mast{padding-top:110px}
body.ili-b .elementor .e-con.ili-b-mtop{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;padding:.7rem 0;border-top:3px solid var(--b-rule);border-bottom:1px solid var(--b-rule);width:100%}
body.ili-b .ili-b-mtop .elementor-widget{width:auto}
body.ili-b .ili-b-mtop p,body.ili-b .ili-b-mtop span,body.ili-b .ili-b-mtop .elementor-heading-title{margin:0;font:600 .7rem/1.65 var(--ili-display);letter-spacing:.16em;text-transform:uppercase;color:var(--ili-ink)}
body.ili-b .ili-b-live .elementor-heading-title{color:var(--b-act)}
body.ili-b .elementor .e-con.ili-b-mmain{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,520px);gap:2rem;align-items:end;padding:clamp(1.5rem,3vw,2.4rem) 0 clamp(1.2rem,2.5vw,2rem);border-bottom:1px solid var(--b-rule);width:100%}
body.ili-b .ili-b-h1 .elementor-heading-title{margin:0;font:900 clamp(3.4rem,9vw,7.8rem)/.9 var(--ili-display);letter-spacing:-.055em;color:var(--ili-ink)}
body.ili-b .ili-b-h1 .w{display:inline-block;overflow:hidden;padding:0 .04em .14em 0;margin-bottom:-.14em}
body.ili-b .ili-b-h1 .w > span{display:inline-block;transform:translateY(105%);animation:iliBRise 1s var(--ili-ease) forwards}
body.ili-b .ili-b-h1 .dot{font-style:normal;color:var(--ili-gold);display:inline-block;animation:iliBDot 3.2s var(--ili-ease) infinite}
@keyframes iliBRise{to{transform:none}}
@keyframes iliBDot{0%,70%,100%{transform:translateY(0)}78%{transform:translateY(-7px)}86%{transform:translateY(0)}92%{transform:translateY(-2px)}}
body.ili-b .ili-b-kicker .elementor-heading-title{display:flex;align-items:center;gap:.8rem;margin:1.3rem 0 0;font:600 .78rem/1.65 var(--ili-display);letter-spacing:.2em;text-transform:uppercase;color:var(--ili-gold-deep)}
body.ili-b .ili-b-kicker .elementor-heading-title::before{content:"";width:36px;height:2px;background:var(--ili-gold)}
body.ili-b .elementor .e-con.ili-b-mside{display:grid;gap:.9rem;justify-items:end;text-align:right;padding-bottom:.4rem;width:100%}
body.ili-b .ili-b-lead,body.ili-b .ili-b-lead p{margin:0;font:300 .95rem/1.65 var(--ili-body);color:var(--ili-muted);max-width:34ch}
body.ili-b .ili-b-search{position:relative;display:flex;width:100%;padding:0;margin:0}
body.ili-b .ili-b-search input{width:100%;box-sizing:border-box;margin:0;border:1px solid rgba(201,158,100,.35);border-radius:999px;padding:1rem 9.5rem 1rem 1.3rem;font:400 .88rem/1.4 var(--ili-body);color:var(--ili-ink);background:rgba(255,255,255,.6);outline:none;transition:border-color .3s,box-shadow .3s,background .3s;-webkit-appearance:none;appearance:none}
body.ili-b .ili-b-search input::placeholder{color:#8C7B6E}
body.ili-b .ili-b-search input:focus{border-color:var(--ili-gold);background:#fff;box-shadow:0 0 0 4px rgba(201,158,100,.15)}
body.ili-b .ili-b-search button{position:absolute;right:5px;top:5px;bottom:5px;border:0;cursor:pointer;border-radius:999px;padding:0 1.1rem;display:flex;align-items:center;gap:.5rem;font:600 .82rem/1.4 var(--ili-display);color:#fff;background:linear-gradient(135deg,var(--ili-gold),var(--ili-gold-deep));transition:filter .3s}
body.ili-b .ili-b-search button:hover{filter:brightness(1.08)}
body.ili-b .ili-b-search button em{font-style:normal}
body.ili-b .ili-b-search button span{transition:transform .4s var(--ili-ease)}
body.ili-b .ili-b-search button:hover span{transform:translateX(3px)}

/* ===== Bandeau défilant ===== */
body.ili-b .elementor .e-con.ili-b-tick{margin-top:1.4rem}
body.ili-b .ili-b-ticker{display:flex;align-items:stretch;background:var(--ili-ink);color:#fff;overflow:hidden}
body.ili-b .ili-b-ticker b{position:relative;z-index:2;flex:none;display:flex;align-items:center;gap:.5rem;padding:.75rem 1.1rem;background:var(--ili-gold);color:var(--ili-ink);font:800 .7rem/1.4 var(--ili-display);letter-spacing:.16em;text-transform:uppercase}
body.ili-b .ili-b-tkwin{flex:1;overflow:hidden;min-width:0;display:flex}
body.ili-b .ili-b-tktrack{flex:none;display:flex;gap:3rem;padding:.75rem 0 .75rem 2rem;white-space:nowrap;animation:iliBTick 60s linear infinite;font:500 .88rem/1.4 var(--ili-body)}
body.ili-b .ili-b-ticker:hover .ili-b-tktrack{animation-play-state:paused}
body.ili-b .ili-b-tktrack a{display:inline-flex;gap:.7rem;align-items:center;color:#fff;text-decoration:none}
body.ili-b .ili-b-tktrack a:hover{color:var(--ili-gold-light,#E9CFA3)}
body.ili-b .ili-b-tktrack em{font-style:normal;font:700 .72rem/1.4 var(--ili-display);color:var(--ili-gold)}
@keyframes iliBTick{to{transform:translateX(-50%)}}

/* ===== À la une ===== */
body.ili-b .ili-b-une{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:clamp(1.5rem,3vw,2.5rem);margin-top:clamp(2rem,4vw,3rem);padding-bottom:clamp(2rem,4vw,3rem);border-bottom:1px solid var(--b-rule);align-items:start}
body.ili-b .ili-b-feat{display:grid;grid-template-rows:auto 1fr;padding:clamp(.8rem,1.5vw,1.1rem) clamp(.8rem,1.5vw,1.1rem) clamp(1.5rem,3vw,2.2rem);background:#fff;border-radius:20px;box-shadow:0 1px 2px rgba(28,28,30,.04),0 34px 70px -44px rgba(28,28,30,.45);transition:box-shadow .6s var(--ili-ease),transform .6s var(--ili-ease)}
body.ili-b .ili-b-feat:hover{transform:translateY(-4px);box-shadow:0 1px 2px rgba(28,28,30,.04),0 44px 80px -44px rgba(28,28,30,.5)}
body.ili-b .ili-b-feat > div{padding:0 clamp(.6rem,1.5vw,1.2rem)}
body.ili-b .ili-b-feat .ph{position:relative;display:block;aspect-ratio:16/10;overflow:hidden;background:#eee;border-radius:10px}
body.ili-b .ili-b-feat .ph img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--ili-ease)}
body.ili-b .ili-b-feat:hover .ph img{transform:scale(1.04)}
body.ili-b .ili-b-feat .ph .lab{position:absolute;left:1.2rem;top:1.2rem;border-radius:50px;background:var(--ili-ink);color:#fff;font:800 .68rem/1.4 var(--ili-display);letter-spacing:.2em;text-transform:uppercase;padding:.55rem 1rem}
body.ili-b .ili-b-tagrow{margin-top:1.2rem}
body.ili-b .ili-b-feat h2{margin:1.1rem 0 .9rem;font:800 clamp(1.5rem,2.5vw,2.15rem)/1.12 var(--ili-display);letter-spacing:-.03em;color:var(--ili-ink)}
body.ili-b .ili-b-feat h2 a{color:inherit;text-decoration:none;background:linear-gradient(var(--ili-gold),var(--ili-gold)) 0 100%/0 3px no-repeat;transition:background-size .6s var(--ili-ease)}
body.ili-b .ili-b-feat:hover h2 a{background-size:100% 3px}
body.ili-b .ili-b-feat p{margin:0 0 1.2rem;font:300 1.05rem/1.65 var(--ili-body);color:var(--ili-muted);max-width:60ch}
body.ili-b .ili-b-featfoot{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}
body.ili-b .ili-b-meta{display:flex;flex-wrap:wrap;gap:.4rem .9rem;align-items:center;font:400 .78rem/1.5 var(--ili-body);color:var(--ili-muted)}
body.ili-b .ili-b-tag{display:inline-flex;align-items:flex-start;line-height:1.35;gap:.4rem;font:700 .66rem/1.35 var(--ili-display);letter-spacing:.14em;text-transform:uppercase;color:var(--cc)}
body.ili-b .ili-b-tag::before{content:"";flex:none;width:8px;height:8px;border-radius:50%;background:var(--cc);margin-top:.28em}
body.ili-b .ili-b-more{display:inline-flex;align-items:center;gap:.6rem;font:700 .82rem/1.4 var(--ili-display);color:var(--ili-ink);text-decoration:none;border-bottom:2px solid var(--ili-ink);padding-bottom:.2rem}
body.ili-b .ili-b-more span{transition:transform .4s var(--ili-ease)}
body.ili-b .ili-b-more:hover span{transform:translateX(5px)}
body.ili-b .ili-b-side{display:flex;flex-direction:column}
body.ili-b .ili-b-side h3{margin:0;padding-bottom:.8rem;border-bottom:3px solid var(--b-rule);font:800 .74rem/1.4 var(--ili-display);letter-spacing:.2em;text-transform:uppercase;color:var(--ili-ink)}
body.ili-b .ili-b-si{display:grid;grid-template-columns:auto minmax(0,1fr);gap:1rem;align-items:start;padding:1.2rem 0;border-bottom:1px solid var(--ili-line);text-decoration:none;color:inherit}
body.ili-b .ili-b-si.has-img{grid-template-columns:auto minmax(0,1fr) 92px}
body.ili-b .ili-b-si:last-child{border-bottom:0}
body.ili-b .ili-b-si .n{width:2.8rem;font:200 2.4rem/1 var(--ili-display);color:var(--ili-gold-deep)}
body.ili-b .ili-b-si h4{margin:.35rem 0 .4rem;font:700 1rem/1.3 var(--ili-display);color:var(--ili-ink)}
body.ili-b .ili-b-si:hover h4{color:var(--ili-gold-deep)}
body.ili-b .ili-b-si img{width:92px;height:70px;object-fit:cover;border-radius:10px}

/* ===== Parcourir par thématique + grille ===== */
body.ili-b .elementor .e-con.ili-b-fbar{margin-top:clamp(3.5rem,7vw,5rem);scroll-margin-top:90px}
body.ili-b .elementor .e-con.ili-b-fhead{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-end;gap:1rem;flex-wrap:wrap;margin-bottom:1.4rem;width:100%}
body.ili-b .ili-b-fh2 .elementor-heading-title{margin:0;font:800 clamp(1.9rem,3.6vw,3rem)/1.05 var(--ili-display);letter-spacing:-.035em;color:var(--ili-ink)}
body.ili-b .ili-b-fh2 .elementor-heading-title span{color:var(--ili-gold)}
body.ili-b .ili-b-fcount,body.ili-b .ili-b-fcount span{font:400 .9rem/1.5 var(--ili-body);color:var(--ili-muted);white-space:nowrap}
body.ili-b .ili-b-fbtn{display:flex;flex-wrap:wrap;align-items:center;gap:.55rem}
body.ili-b .ili-b-fbtn button{flex:none;border:0;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem;font:600 .8rem/1.4 var(--ili-display);padding:.55rem .95rem;background:transparent;color:var(--ili-ink);border-radius:999px;box-shadow:inset 0 0 0 1px var(--ili-line);transition:all .3s;white-space:normal;text-align:left}
body.ili-b .ili-b-fbtn button i{width:9px;height:9px;border-radius:50%;background:var(--cc,var(--ili-ink));flex:none}
body.ili-b .ili-b-fbtn button sup{font-size:.68rem;color:var(--ili-muted);font-weight:600}
body.ili-b .ili-b-fbtn button:hover{box-shadow:inset 0 0 0 1px var(--ili-ink);background:transparent;color:var(--ili-ink)}
body.ili-b .ili-b-fbtn button[aria-pressed="true"]{background:var(--ili-ink);color:#fff;box-shadow:none}
body.ili-b .ili-b-fbtn button[aria-pressed="true"] sup{color:var(--ili-gold-light,#E9CFA3)}
body.ili-b .elementor .e-con.ili-b-list{padding-block:clamp(2rem,3.5vw,2.6rem) clamp(4rem,8vw,6rem)}
body.ili-b .ili-b-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.6rem;margin-top:clamp(1.4rem,2.5vw,2rem)}
body.ili-b .ili-b-card{display:flex;flex-direction:column;gap:.7rem;padding:.7rem .7rem 1.4rem;background:#fff;border-radius:16px;box-shadow:0 1px 2px rgba(28,28,30,.04),0 24px 50px -38px rgba(28,28,30,.45);transition:box-shadow .5s var(--ili-ease),transform .5s var(--ili-ease);opacity:0;transform:translateY(18px);animation:iliBCin .6s var(--ili-ease) forwards;animation-delay:var(--d,0s);color:inherit;text-decoration:none}
@keyframes iliBCin{to{opacity:1;transform:none}}
body.ili-b .ili-b-card > *:not(.ph){margin-inline:.7rem}
body.ili-b .ili-b-card:hover{transform:translateY(-4px);box-shadow:0 1px 2px rgba(28,28,30,.04),0 34px 60px -38px rgba(28,28,30,.5)}
body.ili-b .ili-b-card .ph{aspect-ratio:16/10;overflow:hidden;background:#EFEDE8;border-radius:10px}
body.ili-b .ili-b-card .ph img{width:100%;height:100%;object-fit:cover;transition:transform .9s var(--ili-ease),filter .6s}
body.ili-b .ili-b-card:hover .ph img{transform:scale(1.05)}
body.ili-b .ili-b-card h3{margin:0 .7rem;font:700 1.12rem/1.3 var(--ili-display);letter-spacing:-.01em;color:var(--ili-ink)}
body.ili-b .ili-b-card:hover h3{color:var(--ili-gold-deep)}
body.ili-b .ili-b-card p{margin:0 .7rem;font:300 .9rem/1.6 var(--ili-body);color:var(--ili-muted)}
body.ili-b .ili-b-card .ili-b-meta{margin-top:auto}
body.ili-b .ili-b-card.typo{padding:1.4rem .7rem;border-top:4px solid var(--cc)}
body.ili-b .ili-b-card.typo .q{font:900 3.6rem/.7 var(--ili-display);color:var(--cc);opacity:.25;height:1.6rem}
body.ili-b .ili-b-card.typo h3{font-size:1.05rem}
body.ili-b .ili-b-loadm{display:flex;justify-content:center;margin-top:3rem}
body.ili-b .ili-b-loadm button{border:0;cursor:pointer;border-radius:999px;font:600 .88rem/1.4 var(--ili-display);padding:1rem 1.8rem;box-shadow:0 14px 30px -14px rgba(28,28,30,.5);background:var(--ili-ink);color:#fff;display:inline-flex;gap:.7rem;align-items:center;transition:background .3s}
body.ili-b .ili-b-loadm button:hover{background:var(--ili-gold-deep);color:#fff}
body.ili-b .ili-b-qres{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;margin:1.4rem 0 0;font:300 1.25rem/1.4 var(--ili-display);color:var(--ili-ink)}
body.ili-b .ili-b-qres[hidden]{display:none}
body.ili-b .ili-b-qres b{font-weight:700}
body.ili-b .ili-b-qres button{border:0;cursor:pointer;font:600 .78rem/1.4 var(--ili-display);padding:.5rem 1rem;border-radius:999px;background:#fff;box-shadow:inset 0 0 0 1px var(--ili-line);color:var(--ili-ink)}
body.ili-b .ili-b-qres button:hover{box-shadow:inset 0 0 0 1px var(--ili-ink)}
body.ili-b .ili-b-empty{grid-column:1/-1;padding:3rem 0;text-align:center;color:var(--ili-muted)}

/* ===== Bandeau final ===== */
body.ili-b .elementor > .e-con.e-parent.ili-b-bridge{background:var(--ili-ink);color:var(--ili-on-dark);padding-block:clamp(3.5rem,7vw,5.5rem)}
body.ili-b .elementor > .e-con.e-parent.ili-b-bridge > .e-con-inner{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0}
body.ili-b .elementor .e-con.ili-b-br{padding:0 clamp(1rem,4vw,3rem);display:grid;gap:1rem;align-content:start}
body.ili-b .ili-b-br + .ili-b-br{border-left:1px solid rgba(244,239,232,.2)}
body.ili-b .ili-b-br .ili-b-brs .elementor-heading-title{margin:0;font:700 .7rem/1.65 var(--ili-display);letter-spacing:.2em;text-transform:uppercase;color:var(--ili-gold)}
body.ili-b .ili-b-br .ili-b-brh .elementor-heading-title{margin:0;font:300 clamp(1.6rem,2.6vw,2.2rem)/1.15 var(--ili-display);color:#fff}
body.ili-b .ili-b-br .ili-b-brh strong{font-weight:800}
body.ili-b .ili-b-br .ili-b-brp,body.ili-b .ili-b-br .ili-b-brp p{margin:0;font:300 1rem/1.65 var(--ili-body);color:var(--ili-on-dark-muted);max-width:44ch}
body.ili-b .ili-b-br .elementor-widget-button{justify-self:start;margin-top:.4rem}
body.ili-b .ili-b-br .elementor-button{display:inline-flex;align-items:center;gap:.75rem;font:600 .88rem/1.4 var(--ili-display);padding:1rem 1.6rem;border-radius:999px;border:0;text-decoration:none}
body.ili-b .ili-b-br .ili-b-btn-gold .elementor-button{background:linear-gradient(135deg,var(--ili-gold),var(--ili-gold-deep));color:#fff;box-shadow:0 14px 34px -12px rgba(169,129,79,.75)}
body.ili-b .ili-b-br .ili-b-btn-ghost .elementor-button{background:transparent;color:var(--ili-on-dark);box-shadow:inset 0 0 0 1px rgba(244,239,232,.45)}
body.ili-b .ili-b-br .ili-b-btn-ghost .elementor-button:hover{box-shadow:inset 0 0 0 1px var(--ili-gold)}

/* ===== Adaptation ===== */
@media (max-width:1080px){body.ili-b .ili-b-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:900px){
  body.ili-b .ili-b-une{grid-template-columns:minmax(0,1fr)}
  body.ili-b .ili-b-side{padding-top:.4rem}
  body.ili-b .elementor .e-con.ili-b-mmain{grid-template-columns:minmax(0,1fr)}
  body.ili-b .elementor .e-con.ili-b-mside{justify-items:start;text-align:left}
}
@media (max-width:700px){
  body.ili-b .elementor > .e-con.e-parent.ili-b-bridge > .e-con-inner{grid-template-columns:minmax(0,1fr);gap:2.5rem}
  body.ili-b .ili-b-br + .ili-b-br{border-left:0;border-top:1px solid rgba(244,239,232,.2);padding-top:2.5rem}
}
@media (max-width:620px){
  body.ili-b .ili-b-grid{grid-template-columns:minmax(0,1fr)}
  body.ili-b .ili-b-mtop .ili-b-mdate{display:none}
  body.ili-b .ili-b-fcount{display:none}
  body.ili-b .ili-b-si.has-img{grid-template-columns:auto minmax(0,1fr)}
  body.ili-b .ili-b-si img{display:none}
  body.ili-b .ili-b-search button em{display:none}
  body.ili-b .ili-b-search button{padding:0 1rem}
  body.ili-b .ili-b-search input{padding-right:3.6rem}
}
@media (prefers-reduced-motion:reduce){
  body.ili-b .ili-b-tktrack{animation:none}
  body.ili-b .ili-b-h1 .w > span{animation:none;transform:none}
  body.ili-b .ili-b-h1 .dot{animation:none}
  body.ili-b .ili-b-card{animation:none;opacity:1;transform:none}
}