*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{
  --n-950:#060F1A;--n-900:#0B1E35;--n-800:#122641;--n-700:#1B324F;
  --n-600:#253F60;--n-500:#334E70;--n-400:#4A6785;--n-300:#6B8FAD;
  --n-200:#9AB3C8;--n-100:#C8D8E6;--n-50:#EEF3F8;
  --blue:#1B5FA8;--blue-d:#124089;--blue-l:#EAF2FF;--blue-ll:#F4F8FF;
  --white:#FFFFFF;--bg:#F7F9FC;--bg2:#EEF3F8;
  --border:rgba(11,30,53,.1);--border2:rgba(11,30,53,.16);
  --text:#0B1E35;--text2:#4A6785;--text3:#8AA0B8;
  --r-sm:6px;--r-md:10px;--r-lg:16px;--r-xl:24px;
  --cop:#757baf;--bil:#c9472e;--pro:#993d4a;--ent:#9a903a;--cst:#9a903a;
}
html{scroll-behavior:smooth}
body{font-family:'Poppins',system-ui,sans-serif;color:var(--text);background:var(--white);font-size:var(--ty-body);line-height:1.6;-webkit-font-smoothing:antialiased;font-weight:400;text-rendering:optimizeLegibility}
a{text-decoration:none;color:inherit}svg{display:block;flex-shrink:0}

/* ── LAYOUT ──────────────────────────────── */
.section{padding:88px 2.5rem}
.w{max-width:1280px;margin:0 auto}


.sdesc{font-size:var(--ty-body);color:var(--text2);line-height:1.8;max-width:560px;font-weight:300}
.sh-row{display:flex;align-items:flex-end;justify-content:space-between;gap:2rem;margin-bottom:44px}

/* ── BREADCRUMB ────────────────────────────── */
.breadcrumb-bar{display:flex;align-items:center;gap:8px;font-size:var(--ty-xs);color:var(--n-500);margin-bottom:28px}
.breadcrumb-bar a{color:var(--n-400);transition:color .15s}
.breadcrumb-bar a:hover{color:var(--n-200)}
.breadcrumb-bar .sep{color:var(--n-600)}
.breadcrumb-bar .current{color:var(--n-300)}

/* ── HERO ─────────────────────────────────── */
.hero{position:relative;overflow:hidden;padding:72px 2.5rem 80px;background:linear-gradient(135deg,rgba(11,30,53,.52) 0%,rgba(11,30,53,.42) 100%),linear-gradient(135deg,#f5b0c8 0%,#a8d890 28%,#d8c060 58%,#757baf 100%)}
.hero-bg{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.022) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.022) 1px,transparent 1px);background-size:64px 64px;pointer-events:none}
.hero-glow{position:absolute;top:-10%;right:-5%;width:700px;height:700px;border-radius:50%;background:radial-gradient(circle,rgba(117,123,175,.12) 0%,transparent 65%);pointer-events:none}
.hero-inner{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:1fr 360px;gap:5rem;align-items:center;position:relative;z-index:1}
.hero-left{}
.hero-pill{display:inline-flex;align-items:center;gap:7px;background:rgba(117,123,175,.1);border:1px solid rgba(117,123,175,.25);border-radius:100px;padding:5px 14px;font-size:var(--ty-xs);font-weight:600;letter-spacing:.5px;text-transform:uppercase;color:var(--cop);margin-bottom:22px}



/* ── PRESS CONTACT CARD (hero right) ─────── */
.press-contact-card{background:rgba(255,255,255,.06);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.12);border-radius:var(--r-xl);padding:32px;display:flex;flex-direction:column;gap:20px}
.pcc-head{display:flex;align-items:center;gap:14px}
.pcc-avatar{width:52px;height:52px;border-radius:50%;background:linear-gradient(135deg,var(--blue) 0%,var(--cop) 100%);display:flex;align-items:center;justify-content:center;font-size:var(--ty-lead);font-weight:700;color:var(--white);flex-shrink:0;letter-spacing:-.5px}
.pcc-name{font-size:var(--ty-body);font-weight:600;color:var(--white);line-height:1.25}
.pcc-title{font-size:var(--ty-xs);color:var(--cop);font-weight:500;margin-top:2px}
.pcc-divider{height:1px;background:rgba(255,255,255,.08)}
.pcc-contacts{display:flex;flex-direction:column;gap:12px}
.pcc-contact-item{display:flex;align-items:center;gap:10px}
.pcc-contact-icon{width:32px;height:32px;border-radius:var(--r-sm);background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.pcc-contact-icon svg{width:14px;height:14px;stroke:var(--n-200);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.pcc-contact-label{font-size:var(--ty-xs);font-weight:600;letter-spacing:.5px;text-transform:uppercase;color:var(--n-500);margin-bottom:1px}
.pcc-contact-val{font-size:var(--ty-xs);font-weight:400;color:var(--n-100);line-height:1.3}
.pcc-contact-val a{color:var(--cop);transition:opacity .15s}
.pcc-contact-val a:hover{opacity:.8}
/* contacts presse (2026-11-02) : nom + e-mail sous le nom ; les longues adresses passent à la ligne au lieu de déborder de la carte */
.pcc-head .pcc-contact-val{margin-top:2px}
.pcc-contact-val a,.contact-detail a{overflow-wrap:anywhere}

/* ── COMMUNIQUÉS ─────────────────────────── */
.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.ncard{border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden;background:var(--white);display:flex;flex-direction:column;cursor:pointer;transition:all .2s}
.ncard:hover{box-shadow:0 8px 32px rgba(117,123,175,.12);border-color:var(--cop);transform:translateY(-2px)}
.ncard-body{padding:26px;flex:1;display:flex;flex-direction:column}
/* visuel de l'article (2026-11-02), comme les cartes de la page Actualités : 16:9, zoom léger au survol */
.ncard-img{aspect-ratio:16/9;overflow:hidden;flex-shrink:0;background:#f2f4f7}
.ncard-img img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .45s cubic-bezier(.22,1,.36,1)}
.ncard:hover .ncard-img img{transform:scale(1.04)}
.ncard-meta{display:flex;align-items:center;gap:10px;margin-bottom:14px;flex-wrap:wrap}
.ncard-date{font-size:var(--ty-xs);color:var(--text3);font-weight:400}
.ncard-tag{font-size:var(--ty-xs);font-weight:700;letter-spacing:.5px;text-transform:uppercase;padding:3px 10px;border-radius:100px;background:var(--blue-ll);color:var(--blue);border:1px solid rgba(27,95,168,.18)}
.ncard-tag.tag-resultats{background:rgba(117,123,175,.08);color:#1F8FAD;border-color:rgba(117,123,175,.3)}
.ncard-tag.tag-partenariat{background:rgba(99,102,241,.08);color:#4338CA;border-color:rgba(99,102,241,.25)}
.ncard-tag.tag-innovation{background:rgba(34,197,94,.08);color:#166534;border-color:rgba(34,197,94,.25)}
.ncard h3{font-size:var(--ty-body);font-weight:600;color:var(--n-900);line-height:1.4;margin-bottom:10px;flex:1}
.ncard-excerpt{font-size:var(--ty-xs);color:var(--text2);line-height:1.7;font-weight:300;margin-bottom:18px}
.ncard-link{display:inline-flex;align-items:center;gap:5px;font-size:var(--ty-xs);font-weight:600;color:var(--cop);margin-top:auto;transition:gap .2s}
.ncard:hover .ncard-link{gap:9px}
/* toute la carte est cliquable (2026-11-02) : le lien « Lire → » s'étend sur la carte entière */
.ncard{position:relative}
.ncard-link::after{content:'';position:absolute;inset:0;border-radius:inherit}
.ncard-link:focus-visible{outline:none}
.ncard:focus-within{outline:3px solid var(--cop);outline-offset:2px}

/* ── IMPACT ────────────────────────────── */
.impact{background:var(--n-900);padding:88px 2.5rem}
.impact-kicker{font-size:var(--ty-xs);font-weight:600;letter-spacing:1.1px;text-transform:uppercase;color:var(--white);margin-bottom:52px}
.impact-grid{display:grid;grid-template-columns:repeat(4,1fr)}
.istat{padding:0 44px}
.istat:first-child{padding-left:0}.istat:last-child{padding-right:0}
.istat+.istat{border-left:1px solid rgba(255,255,255,.08)}
.istat:not(:first-child){padding-left:44px}
.istat-num{font-size:clamp(3rem,4.5vw,5rem);font-weight:800;color:var(--white);line-height:1;letter-spacing:-3px;margin-bottom:12px}
.istat-num em{font-style:normal;color:inherit}
.istat-desc{font-size:var(--ty-xs);color:var(--n-300);line-height:1.55;font-weight:300}
.istat-badge{display:inline-block;margin-top:10px;font-size:var(--ty-xs);font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:#D4AF37;background:rgba(212,175,55,.12);border:1px solid rgba(212,175,55,.28);border-radius:100px;padding:3px 10px}

/* ── RESSOURCES MÉDIAS ────────────────────── */
.dl-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.dl-card{background:var(--white);border:1px solid var(--border);border-radius:var(--r-lg);padding:30px 26px;display:flex;flex-direction:column;gap:16px;transition:all .2s;position:relative;overflow:hidden}
.dl-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:var(--cop);transform:scaleX(0);transform-origin:left;transition:transform .25s ease}
.dl-card:hover{border-color:rgba(117,123,175,.22);box-shadow:0 8px 32px rgba(117,123,175,.09);transform:translateY(-2px)}
.dl-card:hover::before{transform:scaleX(1)}
.dl-icon{width:48px;height:48px;border-radius:var(--r-md);background:var(--blue-ll);border:1px solid rgba(27,95,168,.12);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.dl-icon svg{width:22px;height:22px;stroke:var(--blue);fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.dl-title{font-size:var(--ty-body);font-weight:700;color:var(--n-900);line-height:1.3;margin-bottom:4px}
.dl-formats{font-size:var(--ty-xs);font-weight:500;color:var(--text3);text-transform:uppercase;letter-spacing:.5px}
.dl-desc{font-size:var(--ty-xs);color:var(--text2);line-height:1.7;font-weight:300;flex:1}
.dl-btn{display:inline-flex;align-items:center;gap:7px;padding:9px 18px;border-radius:var(--r-sm);font-size:var(--ty-xs);font-weight:600;color:var(--blue);background:var(--blue-ll);border:1px solid rgba(27,95,168,.18);cursor:pointer;transition:all .2s;width:fit-content;margin-top:auto}
.dl-btn:hover{background:var(--blue-l);border-color:rgba(27,95,168,.3)}
.dl-btn svg{width:14px;height:14px;stroke:var(--blue);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}

/* ── CONTACT PRESSE ────────────────────────── */
.contact-block{max-width:680px;margin:0 auto;text-align:center}
.contact-card{background:var(--bg);border:1px solid var(--border);border-radius:var(--r-xl);padding:40px;margin-top:40px;display:flex;align-items:center;gap:32px;text-align:left}
.contact-avatar{width:72px;height:72px;border-radius:50%;background:linear-gradient(135deg,var(--blue) 0%,var(--cop) 100%);display:flex;align-items:center;justify-content:center;font-size:var(--ty-h3-size);font-weight:700;color:var(--white);flex-shrink:0;letter-spacing:-.5px}
.contact-info{flex:1}
.contact-name{font-size:var(--ty-lead);font-weight:700;color:var(--n-900);margin-bottom:3px}
.contact-role{font-size:var(--ty-xs);font-weight:600;letter-spacing:.5px;text-transform:uppercase;color:var(--cop);margin-bottom:14px}
.contact-details{display:flex;flex-direction:column;gap:6px}
.contact-detail{display:flex;align-items:center;gap:9px;font-size:var(--ty-xs);color:var(--text2)}
.contact-detail svg{width:15px;height:15px;stroke:var(--n-300);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.contact-detail a{color:var(--blue);font-weight:500;transition:opacity .15s}
.contact-detail a:hover{opacity:.75}
.contact-hours{margin-top:16px;font-size:var(--ty-xs);color:var(--text3);font-weight:300;border-top:1px solid var(--border);padding-top:14px}
.contact-hours strong{color:var(--text2);font-weight:500}

/* ── GRAD BAR ── */

/* ── CTA SECTION ──────────────────────────── */
.cta{background:var(--cop);padding:80px 2.5rem;position:relative;overflow:hidden}
.cta::before{content:'';position:absolute;top:-80px;right:5%;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.08) 0%,transparent 70%)}
.cta-inner{max-width:1280px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:3rem;position:relative;z-index:1}
.cta-h{font-size:var(--ty-h2-size);font-weight:800;color:var(--white);line-height:1.15;letter-spacing:-1.5px}
.cta-sub{font-size:var(--ty-body);color:rgba(255,255,255,.75);margin-top:10px;max-width:480px;font-weight:300}
.cta-btns{display:flex;gap:12px;flex-shrink:0}

/* ── FOOTER ──────────────────────────────── */

/* ── RESPONSIVE ───────────────────────────── */
@media(max-width:1024px){
  .hero-inner{grid-template-columns:1fr 320px;gap:3rem}
}
@media(max-width:768px){
  .section{padding:56px 1.25rem}
  .hero{padding:48px 1.25rem 56px}
  .hero-inner{grid-template-columns:1fr;gap:2.5rem}

  .news-grid{grid-template-columns:1fr}
  .dl-grid{grid-template-columns:1fr}
  .impact{padding:56px 1.25rem}
  .impact-grid{grid-template-columns:1fr 1fr;gap:2rem}
  .istat{padding:0}
  .istat+.istat{border-left:none;padding-left:0}
  .istat:nth-child(odd){border-right:1px solid rgba(255,255,255,.08);padding-right:1.5rem}
  .istat:nth-child(even){padding-left:1.5rem}
  .istat:nth-child(n+3){border-top:1px solid rgba(255,255,255,.08);padding-top:2rem}
  .sh-row{flex-direction:column;align-items:flex-start;gap:1rem}
  .cta{padding:52px 1.25rem}
  .cta-inner{flex-direction:column;align-items:flex-start}
  .cta-btns{flex-wrap:wrap}
  .contact-card{flex-direction:column;align-items:flex-start;gap:20px;text-align:left}
}
@media(max-width:480px){
  .impact-grid{grid-template-columns:1fr}
  .istat:nth-child(odd){border-right:none;padding-right:0}
  .istat:nth-child(even){padding-left:0}
  .istat:nth-child(n+3){border-top:1px solid rgba(255,255,255,.08);padding-top:2rem}
}

/* ── HÉROS : photo de la DA (images/hero-espace-presse.jpg, 3200×2133, fournie le 2026-11-02 : nature morte livres / vase sur mur beige) ──
   Photo très claire, titre ET carte des contacts presse en blanc → voile marine sur toute la largeur (plus dense à gauche) ;
   la grille et le halo décoratifs de l'ancien dégradé sont masqués. Même principe que le héros Recrutement. */
.hero{background:linear-gradient(90deg,rgba(28,28,54,.8) 0%,rgba(28,28,54,.62) 50%,rgba(28,28,54,.5) 100%),url('../images/hero-espace-presse.jpg') center/cover no-repeat}
.hero-bg,.hero-glow{display:none}
@media(max-width:768px){.hero{background:linear-gradient(rgba(28,28,54,.66),rgba(28,28,54,.66)),url('../images/hero-espace-presse.jpg') center/cover no-repeat}}