/*
Theme Name: Izypeo
Theme URI: https://www.izypeo.com/
Description: Theme enfant de GeneratePress pour Izypeo. Porte la feuille de style
  du site, l'entete et le pied de page, qui etaient jusqu'ici recopies dans chaque
  page. Le design est repris a l'identique : aucune valeur n'a ete modifiee.
Author: Maison Leverage
Template: generatepress
Version: 1.0.0
Text Domain: izypeo
*/

/* =============================================================================
   Feuille de style du site, reprise telle quelle du bloc des pages (05/09/2026).
   Elle etait dupliquee sur 23 pages, soit 626 ko cumules et 35 % du poids du
   contenu, rechargee a chaque navigation et jamais mise en cache. Ici elle est
   servie une fois et mise en cache par le navigateur.
   Toutes les regles sont portees par #izy-plt : rien ne fuit sur le reste du site.
   ============================================================================= */
/* ============================================================
   CSS repris tel quel de la page Plateforme du staging
   dev.izypeo.com/la-plateforme/plateforme-qhse-et-rse/
   ============================================================ */

:root{
  --ink:#0A1F3C; --ink-2:#3D566E; --ink-3:#7B8FA6;
  --blue:#016AB0; --blue-dk:#01528A; --navy:#08284F;
  --green:#05B255; --green-dk:#049247; --green-lt:#EEFAF3;
  --orange:#FE872C; --orange-dk:#E8710F; --orange-lt:#FFF4EA;
  --sky:#E9F4FB; --sky-2:#F4FAFD;
  --surface:#fff; --line:#DCE6F5;
  --wrap:1180px; --r:6px;
}#izy-plt *{box-sizing:border-box}#izy-plt html{scroll-behavior:smooth}#izy-plt{margin:0;background:var(--surface);color:var(--ink);
  font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  font-size:17px;line-height:1.68;-webkit-font-smoothing:antialiased}#izy-plt .wrap{max-width:var(--wrap);margin:0 auto;padding:0 28px}#izy-plt section{padding:84px 0}#izy-plt h1, #izy-plt h2, #izy-plt h3{margin:0 0 .55em;line-height:1.24;letter-spacing:-.02em}#izy-plt h1{font-size:clamp(2.05rem,4.2vw,3rem);font-weight:800}#izy-plt h2{font-size:clamp(1.55rem,2.7vw,2.05rem);font-weight:800;max-width:22ch}#izy-plt .center h2{max-width:26ch;margin-left:auto;margin-right:auto}#izy-plt h3{font-size:1.12rem;font-weight:700;letter-spacing:-.01em}#izy-plt .lead{font-size:1.14rem;color:var(--ink-2);max-width:66ch;margin:0 0 2rem}#izy-plt .center{text-align:center}#izy-plt .center .lead{margin-left:auto;margin-right:auto}#izy-plt .eyebrow{display:inline-block;font-size:.77rem;font-weight:800;letter-spacing:.15em;
  text-transform:uppercase;color:var(--blue);margin-bottom:.9rem}#izy-plt .rule{width:56px;height:4px;background:var(--blue);border-radius:2px;margin:0 0 1.5rem}#izy-plt .center .rule{margin-left:auto;margin-right:auto}#izy-plt .bg-sky{background:#F5F5F5}#izy-plt .bg-blue{background:#F5F5F5}#izy-plt .bg-mint{background:#F5F5F5}#izy-plt .bg-navy{background:linear-gradient(160deg,var(--blue),var(--blue-dk));color:#fff}#izy-plt .bg-navy .lead, #izy-plt .bg-navy p{color:#DCEFFC}#izy-plt .bg-navy .eyebrow{color:#CDE9FF}#izy-plt .bg-mint .eyebrow{color:var(--blue)}#izy-plt .bg-mint .rule{background:var(--blue)}#izy-plt header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.94);
  backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}#izy-plt .nav{display:flex;align-items:center;gap:28px;height:74px}#izy-plt .logo{font-weight:900;font-size:1.45rem;letter-spacing:-.04em;color:var(--navy);text-decoration:none}#izy-plt .logo i{color:var(--green);font-style:normal}#izy-plt .nav ul{list-style:none;display:flex;gap:24px;margin:0;padding:0;flex:1}#izy-plt .nav a{color:var(--ink-2);text-decoration:none;font-size:.93rem;font-weight:600;
  padding:8px 0;border-bottom:2px solid transparent;transition:.18s;white-space:nowrap}#izy-plt .nav a:hover, #izy-plt .nav a.on{color:var(--green-dk);border-bottom-color:var(--green)}#izy-plt .nav .caret{font-size:.62rem;opacity:.55;margin-left:3px}
@media(max-width:1080px){#izy-plt .nav ul{display:none}}#izy-plt .btn{display:inline-flex;align-items:center;gap:9px;padding:14px 28px;border-radius:100px;
  font-weight:700;font-size:.98rem;text-decoration:none;border:2px solid transparent;
  transition:transform .18s ease,box-shadow .18s ease,background .18s ease,color .18s ease}#izy-plt .btn:hover{transform:translateY(-2px)}#izy-plt .btn-cta{background:var(--orange);color:#fff;box-shadow:0 6px 18px rgba(254,135,44,.34)}#izy-plt .btn-cta:hover{background:var(--orange-dk);box-shadow:0 11px 26px rgba(254,135,44,.45)}#izy-plt .btn-sm{padding:11px 20px;font-size:.9rem}#izy-plt .btn-ghost{border-color:var(--blue);color:var(--blue)}#izy-plt .btn-ghost:hover{background:var(--blue);color:#fff}#izy-plt .bg-navy .btn-ghost{border-color:rgba(255,255,255,.5);color:#fff}#izy-plt .bg-navy .btn-ghost:hover{background:#fff;color:var(--blue-dk)}#izy-plt .btns{display:flex;gap:14px;flex-wrap:wrap;margin-top:2.1rem}#izy-plt .center .btns{justify-content:center}#izy-plt .hero{background:#fff;padding:56px 0 0}#izy-plt .crumb{font-size:.86rem;color:var(--ink-3);padding:0 0 24px}#izy-plt .crumb a{color:var(--ink-3);text-decoration:none}#izy-plt .crumb a:hover{color:var(--blue)}#izy-plt .hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:72px;align-items:center;padding-bottom:56px}
@media(max-width:920px){#izy-plt .hero-grid{grid-template-columns:1fr;gap:34px}}#izy-plt .trust{margin:1.6rem 0 0;font-size:.97rem;color:var(--ink);
  display:flex;align-items:center;gap:10px}#izy-plt .trust b{color:var(--blue);font-weight:800}#izy-plt .trust .av{display:flex}#izy-plt .trust .av i{width:26px;height:26px;border-radius:50%;border:2px solid #fff;
  background:var(--blue);margin-left:-8px;display:block}#izy-plt .trust .av i:first-child{margin-left:0;background:var(--navy)}#izy-plt .trust .av i:nth-child(3){background:var(--green)}#izy-plt .trust .av i:nth-child(4){background:var(--orange)}#izy-plt .shot{background:#fff;border:1px solid var(--line);border-radius:16px;
  box-shadow:0 26px 64px rgba(10,31,60,.16);overflow:hidden}#izy-plt .shot .bar{height:38px;background:var(--sky);border-bottom:1px solid var(--line);
  display:flex;align-items:center;gap:7px;padding:0 14px}#izy-plt .shot .dot{width:10px;height:10px;border-radius:50%;background:#C9D8EE}#izy-plt .shot .body{padding:20px;display:grid;gap:13px}#izy-plt .shot .kpi{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}#izy-plt .shot .kpi div{background:var(--sky-2);border:1px solid var(--line);border-radius:5px;padding:11px}#izy-plt .shot .kpi b{display:block;font-size:1.26rem;letter-spacing:-.02em}#izy-plt .shot .kpi span{font-size:.71rem;color:var(--ink-3)}#izy-plt .k-b{color:var(--blue)}#izy-plt .k-g{color:var(--green)}#izy-plt .k-o{color:var(--orange)}#izy-plt .shot .bars{display:flex;align-items:flex-end;gap:8px;height:100px;background:var(--sky-2);
  border:1px solid var(--line);border-radius:5px;padding:11px}#izy-plt .shot .bars i{flex:1;border-radius:2px 2px 0 0;background:var(--blue);opacity:.9}#izy-plt .shot .bars i.g{background:var(--green)}#izy-plt .shot .rows{display:grid;gap:8px}#izy-plt .shot .row{display:flex;align-items:center;gap:10px;background:var(--sky-2);
  border:1px solid var(--line);border-radius:5px;padding:10px 12px;font-size:.76rem;color:var(--ink-2)}#izy-plt .shot .row .tag{margin-left:auto;font-size:.68rem;font-weight:700;padding:3px 9px;border-radius:100px}#izy-plt .tg-g{background:#DFF6E9;color:var(--green-dk)}#izy-plt .tg-o{background:var(--orange-lt);color:var(--orange-dk)}#izy-plt .tg-b{background:#E2EDFF;color:var(--blue-dk)}#izy-plt .shot .cap{font-size:.73rem;color:var(--ink-3);text-align:center;padding-bottom:4px}#izy-plt .phone{max-width:250px;margin:0 auto;border:9px solid var(--navy);border-radius:26px;
  overflow:hidden;box-shadow:0 22px 50px rgba(10,31,60,.24);background:#fff}#izy-plt .phone .body{padding:14px;display:grid;gap:9px}#izy-plt .stats{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);
  border-radius:16px;overflow:hidden;background:#fff;
  box-shadow:0 14px 40px rgba(10,31,60,.1);margin-top:30px;transform:translateY(56px)}
@media(max-width:940px){#izy-plt .stats{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){#izy-plt .stats{grid-template-columns:1fr}}#izy-plt .stat{padding:26px 18px;text-align:center;border-right:1px solid var(--line)}#izy-plt .stat:last-child{border-right:none}
@media(max-width:940px){#izy-plt .stat{border-bottom:1px solid var(--line)}}#izy-plt .stat .ico{font-size:1.3rem;display:block;margin-top:6px}#izy-plt .stat .val{font-size:1.6rem;font-weight:800;color:var(--green-dk);letter-spacing:-.03em;line-height:1.16}#izy-plt .stat .lbl{font-size:.84rem;color:var(--ink-2);margin-top:3px}#izy-plt .stat.blue .val{color:var(--blue)}#izy-plt .grid{display:grid;gap:24px}#izy-plt .g2{grid-template-columns:repeat(2,1fr)}#izy-plt .g3{grid-template-columns:repeat(3,1fr)}
@media(max-width:920px){#izy-plt .g2, #izy-plt .g3{grid-template-columns:1fr}}#izy-plt .card{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:28px;
  transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}#izy-plt .card:hover{transform:translateY(-5px);box-shadow:0 18px 42px rgba(10,31,60,.13);border-color:#B4CDF6}#izy-plt .card p{color:var(--ink-2);margin:0 0 1rem}#izy-plt .card .punch{color:var(--ink);font-weight:600}#izy-plt .module{border-top:4px solid var(--orange);display:flex;flex-direction:column;background:#fff}#izy-plt .module.m2{border-top-color:var(--blue)}#izy-plt .module.m3{border-top-color:var(--green)}#izy-plt .module .ico{font-size:1.95rem;display:block;margin-bottom:.4rem}#izy-plt .module .go{margin-top:auto;color:var(--orange-dk);font-weight:700;text-decoration:none;
  display:inline-flex;align-items:center;gap:7px}#izy-plt .module.m2 .go{color:var(--blue)}#izy-plt .module.m3 .go{color:var(--green-dk)}#izy-plt .module .go span{transition:transform .18s ease}#izy-plt .module .go:hover span{transform:translateX(5px)}#izy-plt .num{list-style:none;margin:0;padding:0;display:grid;gap:20px}#izy-plt .num li{display:flex;gap:17px;align-items:flex-start}#izy-plt .num .n{flex:0 0 42px;height:42px;background:var(--green);color:#fff;border-radius:50%;
  display:flex;align-items:center;justify-content:center;font-weight:800}#izy-plt .bg-navy .num .n{background:#fff;color:var(--blue-dk)}#izy-plt .bg-navy .num li{color:#F0F6FF}#izy-plt .feat{display:flex;gap:15px;align-items:flex-start}#izy-plt .feat .ico{flex:0 0 46px;height:46px;background:var(--sky);border:1px solid var(--line);
  border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:1.22rem}#izy-plt .feat h3{margin-bottom:.28em}#izy-plt .feat p{margin:0;font-size:.95rem;color:var(--ink-2)}#izy-plt .strip{margin-top:36px;background:linear-gradient(100deg,var(--blue),var(--blue-dk));color:#fff;
  padding:30px 34px;border-radius:var(--r);display:flex;align-items:center;
  justify-content:space-between;gap:22px;flex-wrap:wrap}#izy-plt .strip .txt{font-size:1.32rem;font-weight:800;margin:0;letter-spacing:-.02em}#izy-plt .strip .sub{margin:.2rem 0 0;color:#DCEFFC;font-size:.95rem}#izy-plt .ben{list-style:none;margin:0;padding:0}#izy-plt .ben li{display:flex;gap:15px;align-items:flex-start;padding:20px 0;
  border-bottom:1px solid #D6EEE0;font-size:1.03rem}#izy-plt .ben li:last-child{border-bottom:none}#izy-plt .ben .chk{flex:0 0 26px;height:26px;background:var(--green);color:#fff;border-radius:50%;
  display:flex;align-items:center;justify-content:center;font-size:.8rem;margin-top:3px}#izy-plt .note{border-left:5px solid var(--blue);background:#fff;padding:22px 26px;
  margin-top:38px;border-radius:0 var(--r) var(--r) 0}#izy-plt .note strong{display:block;margin-bottom:.3rem;font-size:1.2rem;color:var(--blue-dk)}#izy-plt .note p{margin:0;color:var(--ink);font-size:1.05rem;font-weight:600}#izy-plt .faq{max-width:860px;margin:2.4rem auto 0;display:grid;gap:12px}#izy-plt .faq details{background:#fff;border:1px solid var(--line);border-radius:var(--r);
  transition:border-color .2s ease,box-shadow .2s ease}#izy-plt .faq details[open]{border-color:#B4CDF6;box-shadow:0 10px 30px rgba(10,31,60,.09)}#izy-plt .faq summary{cursor:pointer;list-style:none;padding:20px 24px;font-weight:700;
  font-size:1.03rem;display:flex;align-items:center;gap:14px;color:var(--ink)}#izy-plt .faq summary::-webkit-details-marker{display:none}#izy-plt .faq summary::after{content:"+";margin-left:auto;font-size:1.5rem;font-weight:700;
  color:var(--blue);line-height:1;transition:transform .22s ease}#izy-plt .faq details[open] summary::after{content:"−";transform:rotate(180deg)}#izy-plt .faq .q{flex:0 0 30px;height:30px;background:var(--sky);color:var(--blue-dk);border-radius:5px;
  display:flex;align-items:center;justify-content:center;font-size:.82rem;font-weight:800}#izy-plt .faq .a{padding:0 24px 22px 68px;color:var(--ink-2);margin:0}
@media(max-width:600px){#izy-plt .faq .a{padding-left:24px}}#izy-plt footer{background:var(--sky-2);color:var(--ink-2);border-top:1px solid var(--line);padding:64px 0 0;font-size:.93rem}#izy-plt .fgrid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr 1.3fr;gap:34px}
@media(max-width:980px){#izy-plt .fgrid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){#izy-plt .fgrid{grid-template-columns:1fr}}#izy-plt footer h2,#izy-plt footer .foot-titre{color:var(--navy);font-size:.95rem;font-weight:800;margin:0 0 1rem}#izy-plt footer ul{list-style:none;margin:0;padding:0;display:grid;gap:9px}#izy-plt footer a{color:var(--ink-2);text-decoration:none;transition:.16s}#izy-plt footer a:hover{color:var(--blue)}#izy-plt .flogo{font-weight:900;font-size:1.5rem;color:var(--navy);letter-spacing:-.04em;display:block;margin-bottom:.7rem}#izy-plt .flogo i{color:var(--green);font-style:normal}#izy-plt .fbadge{display:inline-flex;align-items:center;gap:8px;background:var(--green-lt);
  border:1px solid #A8DEC0;color:var(--green-dk);padding:7px 14px;border-radius:100px;
  font-size:.82rem;font-weight:700}#izy-plt .fnews input{width:100%;padding:12px 14px;border-radius:var(--r);border:1px solid var(--line);
  background:#fff;color:var(--ink);font-size:.92rem;margin-bottom:10px}#izy-plt .fnews input::placeholder{color:var(--ink-3)}#izy-plt .fbot{border-top:1px solid var(--line);margin-top:48px;padding:22px 0;
  display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:.86rem;color:var(--ink-3)}#izy-plt .rv{opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease}#izy-plt .rv.on{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){#izy-plt .rv{opacity:1;transform:none;transition:none}#izy-plt .btn:hover, #izy-plt .card:hover{transform:none}}

#izy-plt .btn-green{background:var(--green);color:#fff;box-shadow:0 6px 18px rgba(5,178,85,.3)}#izy-plt .btn-green:hover{background:var(--green-dk);box-shadow:0 11px 26px rgba(5,178,85,.4)}
#izy-plt .nav ul{gap:20px}
#izy-plt .nav a{font-size:.88rem}
#izy-plt .nav ul{gap:6px;justify-content:center}
#izy-plt .nav a{padding:9px 13px;border-bottom:none;border-radius:8px}
#izy-plt .nav a:hover, #izy-plt .nav a.on{background:var(--green-lt)}
#izy-plt .nav .caret{transition:transform .2s ease;display:inline-block}
#izy-plt .nav li:hover>a .caret{transform:rotate(180deg)}
#izy-plt .nav .dd{border-top:none;border-radius:14px;padding:10px;box-shadow:0 26px 60px rgba(10,31,60,.16)}
#izy-plt .nav .dd a{padding:10px 13px;border-radius:8px}
#izy-plt .nav .dd .sub{display:block;font-size:.75rem;color:var(--ink-3);font-weight:500;margin-top:2px;white-space:normal}
#izy-plt .nav .dd .grp{color:var(--green-dk);letter-spacing:.14em}
#izy-plt .dd-2col{display:grid;grid-template-columns:1fr 1fr;gap:2px 18px;width:660px;padding:14px}
#izy-plt .dd-2col .dd-foot{grid-column:1/-1;margin-top:8px;border-top:1px solid var(--line);padding-top:12px}
#izy-plt .module .ico-img{height:46px;width:auto;margin-bottom:.7rem;display:block}
#izy-plt .feat .feat-svg{flex:0 0 46px;width:46px;height:46px;border-radius:10px}
#izy-plt .faq .a p{margin:0 0 .75em}
#izy-plt .faq .a p:last-child{margin-bottom:0}
#izy-plt .nav a.btn{padding:11px 20px;font-size:.9rem;color:#fff;border-bottom-color:transparent}
#izy-plt .nav a.btn:hover{color:#fff;background:var(--green-dk);border-bottom-color:transparent}
#izy-plt .burger{display:none;margin-left:auto;background:none;border:0;cursor:pointer;padding:8px 4px}
#izy-plt .burger span{display:block;width:25px;height:2.5px;background:var(--navy);border-radius:2px;margin:5.5px 0;transition:.25s ease}
#izy-plt .burger.x span:nth-child(1){transform:translateY(8px) rotate(45deg)}
#izy-plt .burger.x span:nth-child(2){opacity:0}
#izy-plt .burger.x span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}
#izy-plt .mob-cta{display:none}
@media(max-width:1080px){
  #izy-plt .burger{display:block}
  #izy-plt .nav>a.btn{display:none}
  #izy-plt .nav ul{display:none;position:absolute;top:74px;left:0;right:0;background:#fff;
    border-bottom:1px solid var(--line);box-shadow:0 30px 60px rgba(10,31,60,.18);
    flex-direction:column;gap:2px;padding:14px 18px 22px;max-height:calc(100vh - 74px);overflow:auto}
  #izy-plt .nav.open ul{display:flex}
  #izy-plt .nav ul li{width:100%}
  #izy-plt .nav a{display:block;padding:13px 10px;font-size:1rem;white-space:normal}
  #izy-plt .nav .caret{float:right;margin-top:7px}
  #izy-plt .nav li.open>a .caret{transform:rotate(180deg)}
  #izy-plt .nav .dd{display:none;position:static;opacity:1;visibility:visible;transform:none;
    box-shadow:none;border:none;border-left:3px solid var(--green-lt);border-radius:0;
    padding:2px 0 8px 12px;margin:0 0 6px 10px;min-width:0;width:auto}
  #izy-plt .nav li.open>.dd{display:block}
  #izy-plt .dd-2col{display:block;width:auto}
  #izy-plt .nav .dd .grp{padding-left:10px}
  #izy-plt .mob-cta{display:block;margin-top:14px}
  #izy-plt .mob-cta a.btn{display:flex;justify-content:center;text-align:center}
}
#izy-plt .nav li{position:relative}
#izy-plt .nav .dd{position:absolute;top:100%;left:0;min-width:250px;background:#fff;border:1px solid var(--line);border-top:3px solid var(--green);border-radius:0 0 8px 8px;box-shadow:0 18px 40px rgba(10,31,60,.14);padding:8px;opacity:0;visibility:hidden;transform:translateY(8px);transition:.18s;z-index:60}
#izy-plt .nav li:hover .dd{opacity:1;visibility:visible;transform:translateY(0)}
#izy-plt .nav .dd a{display:block;padding:10px 13px;border-bottom:none;font-size:.9rem;border-radius:5px;white-space:nowrap}
#izy-plt .nav .dd a:hover{background:var(--green-lt);border-bottom:none}
#izy-plt .nav .dd .grp{display:block;padding:10px 13px 4px;font-size:.7rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3)}
#izy-plt .nav .dd .grp-sep{margin-top:6px;border-top:1px solid var(--line);padding-top:12px}
#izy-plt .lnk-in{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:6px;background:var(--sky);color:var(--blue-dk);font-weight:800;font-size:.85rem;text-decoration:none;flex:none}
#izy-plt .lnk-in:hover{background:var(--blue);color:#fff}

/* --- ajouts maquette uniquement : emplacements d'images en attente --- */
#izy-plt .ph{background:repeating-linear-gradient(45deg,#F2F8FC,#F2F8FC 12px,#E7F2F9 12px,#E7F2F9 24px);
  border:1px dashed #9FC9E4;border-radius:16px;min-height:290px;display:flex;align-items:center;
  justify-content:center;text-align:center;padding:22px;color:var(--blue-dk);font-size:.83rem;line-height:1.5}
#izy-plt .ph.sm{min-height:200px}
#izy-plt .ph em{display:block;color:var(--ink-3);font-size:.76rem;margin-top:6px}
#izy-plt .quote p.q{font-size:1.08rem;color:var(--ink);line-height:1.55;margin:0 0 1rem}
#izy-plt .quote .who{font-size:.86rem;color:var(--ink-3);margin:0}
#izy-plt .quote .who b{color:var(--ink);display:block}
/* --- barre de logos clients --- */
#izy-plt .logos{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;
  gap:26px 52px;margin:0 0 44px}
#izy-plt .logos img{height:46px;width:auto;max-width:170px;object-fit:contain;
  filter:grayscale(1);opacity:.62;transition:filter .22s ease,opacity .22s ease}
#izy-plt .logos img:hover{filter:none;opacity:1}
@media(max-width:640px){#izy-plt .logos{gap:22px 30px}#izy-plt .logos img{height:36px}}

/* --- bloc « Trouvez votre entree » : lignes de liens --- */
#izy-plt .ecard{display:flex;flex-direction:column}
#izy-plt .ecard .head{display:flex;align-items:center;gap:12px;margin-bottom:.4rem}
#izy-plt .ecard .head .ico{flex:none;width:38px;height:38px;border-radius:11px;background:var(--sky);
  border:1px solid var(--line);display:flex;align-items:center;justify-content:center;font-size:1.05rem}
#izy-plt .ecard .head h3{margin:0}
#izy-plt .ecard .head p{margin:1px 0 0;font-size:.79rem;color:var(--ink-3)}
#izy-plt .elist{list-style:none;margin:.8rem 0 0;padding:0}
#izy-plt .elist li+li{border-top:1px solid var(--line)}
#izy-plt .elist a{display:flex;align-items:center;gap:12px;padding:12px 12px;margin:0 -12px;
  border-radius:9px;text-decoration:none;color:var(--ink);font-weight:600;font-size:.95rem;
  transition:background .16s ease,color .16s ease}
#izy-plt .elist a:hover{background:var(--green-lt);color:var(--green-dk)}
#izy-plt .elist a .sub{display:block;font-size:.77rem;color:var(--ink-3);font-weight:500;margin-top:1px}
#izy-plt .elist a::after{content:"92";margin-left:auto;color:var(--ink-3);
  transition:transform .18s ease,color .18s ease}
#izy-plt .elist a:hover::after{transform:translateX(4px);color:var(--green-dk)}
#izy-plt .alt{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;margin-bottom:52px}
@media(max-width:920px){#izy-plt .alt{grid-template-columns:1fr;gap:28px}}

/* --- Carrousel de logos clients (bloc remonté sous le hero) --- */
#izy-plt .logo-band{overflow:hidden;position:relative;-webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}
#izy-plt .logo-band .track{display:flex;align-items:center;gap:64px;width:max-content;animation:izy-slide 34s linear infinite}
#izy-plt .logo-band:hover .track{animation-play-state:paused}
#izy-plt .logo-band img{height:54px;width:auto;object-fit:contain;transition:transform .22s}
#izy-plt .logo-band img:hover{transform:scale(1.06)}
@keyframes izy-slide{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){#izy-plt .logo-band .track{animation:none;flex-wrap:wrap;justify-content:center;width:auto}}
/* --- Carrousel de captures d'écran --- */
#izy-plt .carou{position:relative;max-width:940px;margin:2.8rem auto 0}
#izy-plt .carou-win{overflow:hidden;border-radius:16px;border:1px solid var(--line);background:#fff;box-shadow:0 18px 46px rgba(10,31,60,.13)}
#izy-plt .carou-track{display:flex;transition:transform .45s cubic-bezier(.4,0,.2,1)}
#izy-plt .carou-slide{flex:0 0 100%;margin:0}
#izy-plt .carou-slide img{display:block;width:100%;height:auto}
#izy-plt .carou-slide figcaption{padding:22px 28px 26px;border-top:1px solid var(--line)}
#izy-plt .carou-slide figcaption h3{margin:0 0 .3em}
#izy-plt .carou-slide figcaption p{margin:0;color:var(--ink-2);font-size:.95rem}
#izy-plt .carou-nav{position:absolute;top:34%;transform:translateY(-50%);width:46px;height:46px;border-radius:50%;
  border:1px solid var(--line);background:rgba(255,255,255,.95);color:var(--blue);font-size:1.5rem;line-height:1;
  cursor:pointer;box-shadow:0 6px 20px rgba(10,31,60,.16);display:flex;align-items:center;justify-content:center;transition:.18s}
#izy-plt .carou-nav:hover{background:var(--blue);color:#fff;border-color:var(--blue)}
#izy-plt .carou-nav.prev{left:-22px}#izy-plt .carou-nav.next{right:-22px}
@media(max-width:1020px){#izy-plt .carou-nav.prev{left:6px}#izy-plt .carou-nav.next{right:6px}}
#izy-plt .carou-dots{display:flex;justify-content:center;gap:9px;margin-top:18px}
#izy-plt .carou-dots button{width:9px;height:9px;padding:0;border:none;border-radius:50%;background:#C9D8EE;cursor:pointer;transition:.18s}
#izy-plt .carou-dots button.on{background:var(--blue);width:26px;border-radius:5px}
/* --- Bandeau bleu marine (sécurité) --- */
#izy-plt .navy-band{background:linear-gradient(135deg,var(--blue),var(--blue-dk));color:#fff;border-radius:var(--r);padding:34px 38px;margin-top:34px}
#izy-plt .navy-band .nb-head{text-align:center;margin-bottom:2rem;padding-bottom:1.7rem;border-bottom:1px solid rgba(255,255,255,.18)}
#izy-plt .navy-band .txt{margin:0 auto;font-size:1.32rem;font-weight:800;letter-spacing:-.02em;max-width:46ch}
#izy-plt .navy-band .sub{margin:.4rem auto 0;color:#CFE0FB;font-size:.95rem;font-weight:400;max-width:56ch}
#izy-plt .navy-band .nb{display:flex;gap:14px;align-items:flex-start}
#izy-plt .navy-band .nb .ico{flex:0 0 44px;height:44px;background:rgba(255,255,255,.14);border-radius:12px;
  display:flex;align-items:center;justify-content:center;font-size:1.2rem}
#izy-plt .navy-band .nb h3{margin:0 0 .25em;font-size:1.02rem;color:#fff}
#izy-plt .navy-band .nb p{margin:0;font-size:.92rem;color:#CFE0FB}
/* --- Cartes modules : 4e couleur (RH) --- */
#izy-plt .module.m4{border-top-color:var(--navy)}
#izy-plt .module.m4 .go{color:var(--navy)}
/* --- Emplacement d'icône des cartes modules, en attente des fichiers Izypeo --- */
#izy-plt .module .ico-img{height:44px;width:auto;margin-bottom:.8rem;display:block}
#izy-plt .module .norme{display:block;font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;
  color:var(--ink-3);margin:-.35em 0 .7rem}

/* -----------------------------------------------------------------------------
   Entete rendue par le theme (05/09/2026).
   GeneratePress pose une marge haute de 34 px sur .entry-content. Tant que
   l entete vivait DANS le contenu, cette marge tombait au-dessus d elle et ne se
   voyait pas. Maintenant qu elle est rendue avant le contenu, il faut l annuler,
   sinon un blanc de 34 px s intercale entre l entete et le fil d Ariane.
   ----------------------------------------------------------------------------- */
body.izypeo-entete-theme .entry-content { margin-top: 0; }

/* =============================================================================
   GABARIT D'ARTICLE (05/09/2026)
   Les articles du blog partagent l'entete, le pied et le systeme graphique des
   pages. Seule difference : la colonne de texte est ramenee a une largeur de
   lecture confortable, le reste de la page restant pleine largeur.
   ============================================================================= */
#izy-plt .art-hero{padding-bottom:0}
#izy-plt .art-tete{max-width:820px;padding-bottom:46px}
#izy-plt .art-tete h1{font-size:clamp(1.85rem,3.4vw,2.55rem);margin:0 0 1.1rem;text-wrap:balance}
#izy-plt .art-tete .rule{margin:0 0 1.3rem}
#izy-plt .art-meta{margin:0;font-size:.95rem;color:var(--ink-3)}

/* La colonne de lecture. Le contenu de l'article n'est pas dans un .wrap :
   on le contraint ici, avec le meme retrait lateral que les pages. */
body.single .entry-content{max-width:820px;margin:0 auto;padding:0 28px 12px}
body.single .entry-content > *{max-width:100%}
body.single .entry-content p{font-size:1.06rem;line-height:1.75;color:var(--ink-2);margin:0 0 1.35rem}
body.single .entry-content h2{font-size:1.62rem;line-height:1.3;color:var(--ink);
  margin:2.8rem 0 1rem;max-width:none;text-wrap:balance}
body.single .entry-content h3{font-size:1.24rem;line-height:1.35;color:var(--ink);
  margin:2.1rem 0 .8rem}
body.single .entry-content h4{font-size:1.08rem;color:var(--ink);margin:1.7rem 0 .6rem}
body.single .entry-content ul,
body.single .entry-content ol{margin:0 0 1.35rem;padding-left:1.3rem}
body.single .entry-content li{font-size:1.06rem;line-height:1.75;color:var(--ink-2);margin:0 0 .5rem}
body.single .entry-content strong,
body.single .entry-content b{color:var(--ink);font-weight:700}
body.single .entry-content a{color:var(--blue);text-decoration:underline;
  text-underline-offset:2px}
body.single .entry-content a:hover{color:var(--blue-dk)}
body.single .entry-content img{height:auto;border-radius:14px;display:block;margin:1.8rem auto}
body.single .entry-content table{width:100%;border-collapse:collapse;margin:1.8rem 0;
  font-size:.97rem}
body.single .entry-content th,
body.single .entry-content td{border:1px solid var(--line);padding:11px 14px;text-align:left;
  vertical-align:top}
body.single .entry-content th{background:#F5F5F5;font-weight:700;color:var(--ink)}
body.single .entry-content blockquote{margin:1.8rem 0;padding:18px 24px;background:#F5F5F5;
  border-left:4px solid var(--blue);border-radius:0 12px 12px 0}
body.single .entry-content blockquote p:last-child{margin:0}

/* L'image mise en avant, servie par le theme au-dessus du contenu. */
body.single .post-image{max-width:820px;margin:0 auto 2.2rem;padding:0 28px}
body.single .post-image img{width:100%;height:auto;border-radius:16px;display:block}

#izy-plt .art-cta{margin:3rem auto 0;max-width:1000px}

/* -----------------------------------------------------------------------------
   Reglages de conteneur pour les pages et articles servis par le theme.
   Ils etaient jusqu ici recopies dans le bloc de chaque page ; ils vivent ici
   maintenant, et couvrent aussi les articles.
   ----------------------------------------------------------------------------- */
/* La largeur de contenu du site. Elle etait posee page par page dans le bloc
   (« contenu elargi »), ce qui laissait les pages creees ensuite a 1180 px et
   plus etroites que les autres. Elle est ici la valeur par defaut : toute page
   nouvelle nait a la bonne largeur. Une page qui redefinit --wrap dans son
   propre bloc garde sa valeur, la sienne etant lue apres celle-ci. */
#izy-plt{--wrap:1360px}

body.izypeo-entete-theme .site-header{display:none}
body.izypeo-entete-theme #right-sidebar{display:none}
body.izypeo-entete-theme #primary{width:100%}
body.izypeo-entete-theme #page.grid-container{max-width:100%}
body.izypeo-entete-theme.separate-containers .inside-article{padding:0}
body.izypeo-entete-theme .entry-header .entry-title{display:none}
body.izypeo-entete-theme .page-header-content{display:none}
/* La date et l auteur du theme feraient doublon avec le chapeau de l article. */
body.single.izypeo-entete-theme .entry-meta{display:none}

/* =============================================================================
   PAGE RESSOURCES (05/09/2026)
   Trois portes d'entree par thematique, une barre de filtres et la grille des
   articles. La liste est construite par WordPress : un article publie apparait
   sans que personne ne modifie la page.
   ============================================================================= */
#izy-plt .res-portes{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin:0 auto 4.4rem}
@media(max-width:900px){#izy-plt .res-portes{grid-template-columns:1fr}}
#izy-plt .res-porte{display:flex;flex-direction:column;gap:.55rem;padding:28px 30px 26px;
  background:#fff;border:1px solid var(--line);border-radius:18px;text-decoration:none;
  box-shadow:0 12px 32px rgba(10,31,60,.06);
  transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
#izy-plt .res-porte:hover{transform:translateY(-4px);box-shadow:0 20px 46px rgba(10,31,60,.12);
  border-color:var(--blue)}
#izy-plt .res-porte-nb{font-size:.78rem;font-weight:800;letter-spacing:.12em;
  text-transform:uppercase;color:var(--ink-3)}
#izy-plt .res-porte h2{font-size:1.34rem;margin:0;color:var(--ink);max-width:none}
#izy-plt .res-porte p{margin:0;font-size:.96rem;line-height:1.6;color:var(--ink-2);flex:1}
#izy-plt .res-porte-lien{font-size:.94rem;font-weight:700;color:var(--blue);margin-top:.4rem}
/* Un filet de couleur par thematique, pour les distinguer d'un coup d'oeil. */
#izy-plt .res-porte{border-top:4px solid var(--line)}
#izy-plt .res-porte.res-qhse{border-top-color:var(--blue)}
#izy-plt .res-porte.res-rse{border-top-color:var(--green)}
#izy-plt .res-porte.res-dico{border-top-color:var(--orange)}

/* La barre de filtres : ni filet ni respiration ajoutee au-dessus. Le filet
   coupait la page en deux sans rien apporter (retrait demande le 16/09/2026). */
#izy-plt .res-barre{position:relative;display:flex;align-items:center;gap:10px;
  flex-wrap:wrap;margin-bottom:2.4rem;padding-top:0}
/* Sur « Nos clients », les etudes de cas remontent : la section des filtres
   n a plus besoin des 84 px de respiration d une section pleine. Un filet la
   separe du bouton « Demander une demo » : sans lui, l'appel a l'action et les
   filtres se lisent comme une seule rangee de boutons (22/09/2026). */
#izy-plt section:has(> .wrap > [data-filtres-cas]){padding-top:0}
#izy-plt section:has(> .wrap > [data-filtres-cas]) > .wrap{border-top:1px solid var(--line);padding-top:30px}
#izy-plt .res-filtre{font:inherit;font-size:.95rem;font-weight:600;color:var(--ink-2);
  background:#fff;border:1px solid var(--line);border-radius:999px;padding:9px 20px;
  cursor:pointer;transition:all .15s ease}
#izy-plt .res-filtre:hover{border-color:var(--blue);color:var(--blue)}
#izy-plt .res-filtre.on{background:var(--blue);border-color:var(--blue);color:#fff}
#izy-plt .res-compte{margin-left:auto;font-size:.92rem;color:var(--ink-3)}

#izy-plt .res-grille{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
@media(max-width:980px){#izy-plt .res-grille{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){#izy-plt .res-grille{grid-template-columns:1fr}}
#izy-plt .res-carte{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);
  border-radius:18px;overflow:hidden;box-shadow:0 12px 32px rgba(10,31,60,.06);
  transition:transform .2s ease,box-shadow .2s ease}
#izy-plt .res-carte:hover{transform:translateY(-4px);box-shadow:0 20px 46px rgba(10,31,60,.12)}
/* display:flex l'emporte sur le hidden du navigateur : il faut le dire ici. */
#izy-plt .res-carte[hidden]{display:none}
#izy-plt .res-vignette{display:block;aspect-ratio:16/10;overflow:hidden;background:var(--sky)}
#izy-plt .res-vignette img{width:100%;height:100%;object-fit:cover;display:block;
  transition:transform .35s ease}
#izy-plt .res-carte:hover .res-vignette img{transform:scale(1.04)}
#izy-plt .res-corps{display:flex;flex-direction:column;gap:.6rem;padding:22px 24px 24px;flex:1}
#izy-plt .res-etiq{align-self:flex-start;font-size:.72rem;font-weight:800;letter-spacing:.1em;
  text-transform:uppercase;padding:5px 11px;border-radius:999px;background:#F5F5F5;color:var(--ink-2)}
#izy-plt .res-etiq.res-qhse{background:var(--sky);color:var(--blue-dk)}
#izy-plt .res-etiq.res-rse{background:var(--green-lt);color:var(--green-dk)}
#izy-plt .res-etiq.res-dico{background:var(--orange-lt);color:var(--orange-dk)}
#izy-plt .res-corps h2{font-size:1.05rem;line-height:1.4;margin:0;color:var(--ink)}
#izy-plt .res-corps h2 a{color:inherit;text-decoration:none}
#izy-plt .res-corps h2 a:hover{color:var(--blue)}
#izy-plt .res-corps p{margin:0;font-size:.93rem;line-height:1.6;color:var(--ink-2);flex:1}
#izy-plt .res-date{font-size:.85rem;color:var(--ink-3)}

#izy-plt .pager{display:flex;justify-content:center;align-items:center;gap:8px;
  margin-top:2.8rem;flex-wrap:wrap}
#izy-plt .pager button{font:inherit;font-size:.95rem;font-weight:600;min-width:40px;
  padding:9px 13px;border:1px solid var(--line);background:#fff;color:var(--ink-2);
  border-radius:10px;cursor:pointer;transition:all .15s ease}
#izy-plt .pager button:hover{border-color:var(--blue);color:var(--blue)}
#izy-plt .pager button.on{background:var(--blue);border-color:var(--blue);color:#fff}

/* ===== EDITEUR NATIF (14/09/2026) ==================================================
   Les pages passent en blocs natifs. Ces regles font rendre les blocs exactement
   comme l ancien balisage : coche verte des listes, numero des questions de FAQ,
   images enveloppees dans une figure, liens de cartes, boutons. */

/* Listes a coches : la coche est dessinee en CSS, le texte reste propre dans l editeur.
   Jamais de display:flex sur ces li : chaque <b> deviendrait un element separe. */
/* Coche calee sur la premiere ligne, comme l ancien balisage (flex-start + 3px).
   display et padding-left en !important : plusieurs pages redefinissent le padding
   de leurs lignes en raccourci (padding:21px 0), ce qui annulait le retrait.
   Les variantes propres a une page (coche centree, couleur) sont reportees dans
   la feuille de la page par le convertisseur. */
#izy-plt .ben-natif li{display:block !important;position:relative;padding-left:41px !important;min-height:29px;box-sizing:content-box}
#izy-plt .ben-natif li::before{content:"\2713";float:left;margin:3px 0 0 -41px;
  width:26px;height:26px;background:var(--green);color:#fff;border-radius:50%;
  display:flex;align-items:center;justify-content:center;font-size:.8rem}

/* FAQ en blocs Details : numero par compteur, reponse en retrait sous la question. */
#izy-plt .faq-natif{counter-reset:izyq}
#izy-plt .faq-natif summary::before{counter-increment:izyq;content:counter(izyq);flex:0 0 30px;height:30px;
  background:var(--sky);color:var(--blue-dk);border-radius:5px;display:flex;align-items:center;
  justify-content:center;font-size:.82rem;font-weight:800}
#izy-plt .faq-natif details > :not(summary){margin:0 24px .75em 68px;color:var(--ink-2)}
@media(max-width:600px){#izy-plt .faq-natif details > :not(summary){margin-left:24px}}
#izy-plt .faq-natif details > :last-child{margin-bottom:22px}
/* Listes des reponses : GeneratePress les decale par une marge gauche de 3em, a garder. */
#izy-plt .faq-natif details > ul,
#izy-plt .faq-natif details > ol{margin:0 24px 1.5em calc(68px + 3em)}
@media(max-width:600px){#izy-plt .faq-natif details > ul,#izy-plt .faq-natif details > ol{margin-left:calc(24px + 3em)}}
#izy-plt .faq-natif details > ul:last-child,
#izy-plt .faq-natif details > ol:last-child{margin-bottom:calc(1.5em + 22px)}

/* Images en bloc natif : la figure ne doit rien ajouter au cadre qui l entoure. */
#izy-plt .wp-block-image{margin:0}
#izy-plt .u-cadre > .wp-block-image,
#izy-plt .media > .wp-block-image{width:100%;height:100%}
#izy-plt .u-cadre > .wp-block-image img{width:100%;height:auto}
#izy-plt .u-photo > .wp-block-image img,
#izy-plt .media-photo > .wp-block-image img{height:100%}
#izy-plt .u-libre > .wp-block-image img{height:100%}
#izy-plt .logo-band .track > .wp-block-image{flex:0 0 auto}

/* Liens « La solution … » des cartes modules : paragraphe natif, fleche en CSS. */
#izy-plt .module p.go{margin:auto 0 0}
#izy-plt .module p.go a{color:inherit;text-decoration:none;font-weight:inherit}
#izy-plt .module p.go::after{content:"\2192";transition:transform .18s ease}
#izy-plt .module p.go:hover::after{transform:translateX(5px)}

/* Boutons natifs : le style vient des classes .btn posees par le theme (functions.php). */
#izy-plt .wp-block-buttons{gap:14px}
#izy-plt .wp-block-button{margin:0}

/* Vignettes et visuels de formulaire : la figure remplit son cadre. */
#izy-plt .vignette > .wp-block-image,
#izy-plt .demo-visuel > .wp-block-image{width:100%;height:100%}
/* Bouton seul (hors groupe .btns) : il suit l alignement du texte qui l entoure,
   comme l ancien lien bouton en ligne. */
#izy-plt .wp-block-buttons.izy-bouton-seul{display:block}
#izy-plt .izy-bouton-seul > .wp-block-button{display:inline-block}

/* ===== PIED DE PAGE (15/09/2026) : bouton LinkedIn a la place du faux formulaire d abonnement ===== */
#izy-plt .lnk-in-btn{display:inline-flex;align-items:center;gap:10px;padding:11px 20px;border-radius:999px;
  background:#0A66C2;color:#fff !important;font-weight:700;font-size:.95rem;text-decoration:none}
#izy-plt .lnk-in-btn svg{flex:none}
#izy-plt .lnk-in-btn:hover{background:#004182;color:#fff}

/* ===== ZONE BLEUE (15/09/2026) : icones au trait a la place des emojis ===== */
#izy-plt .navy-band .nb .ico-trait{flex:none;display:flex;align-items:center;justify-content:center;
  width:46px;height:46px;border-radius:12px;background:rgba(255,255,255,.14);color:#fff;margin-top:2px}
#izy-plt .navy-band .nb .ico-trait svg{display:block}

/* ===== ARTICLES ET RESSOURCES (15/09/2026) ===== */
/* Titres d'article en pleine largeur de colonne (la regle generale #izy-plt h2 les bridait). */
body.single #izy-plt .entry-content h2,
body.single #izy-plt .entry-content h3{max-width:none}
/* Image a la une : jamais plus large que la colonne elargie, jamais etiree. */
body.single .featured-image{max-width:1000px;margin:0 auto 2.4rem;padding:0 28px}
body.single .featured-image img{width:auto;max-width:100%;max-height:560px;margin:0 auto;display:block;border-radius:16px}
/* Etude de cas : logo a cote du titre, pas de grande image. */
body.art-cas .featured-image{display:none}
#izy-plt .art-tete-cas{display:flex;gap:28px;align-items:flex-start}
#izy-plt .art-logo{flex:none;width:120px;height:120px;object-fit:contain;background:#fff;border:1px solid var(--line);
  border-radius:18px;padding:10px;box-shadow:0 10px 26px rgba(10,31,60,.07)}
#izy-plt .art-tete-texte{flex:1;min-width:0}
@media(max-width:640px){#izy-plt .art-tete-cas{flex-direction:column;gap:18px}#izy-plt .art-logo{width:88px;height:88px}}
/* Citation client en tete d'etude de cas : plus visible. */
body.art-cas .entry-content > blockquote:first-child,
body.art-cas .entry-content > blockquote:first-of-type{font-size:1.1rem;border-left-color:var(--green)}
/* Ressources : A la une */
#izy-plt .res-une{margin:0 auto 3.6rem}
#izy-plt .res-une .eyebrow{display:block;margin-bottom:1rem}
#izy-plt .res-une-grille{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
@media(max-width:980px){#izy-plt .res-une-grille{grid-template-columns:1fr}}
#izy-plt .res-une-carte{border-top:4px solid var(--orange)}
#izy-plt .res-une-carte h3{font-size:1.18rem}
/* Loupe de recherche (Ressources et Nos clients) */
#izy-plt .res-recherche{position:relative;display:flex;align-items:center;margin-left:auto;min-width:240px;flex:0 1 300px}
#izy-plt .res-recherche svg{position:absolute;left:14px;color:var(--ink-3);pointer-events:none}
#izy-plt .res-recherche input{width:100%;font:inherit;font-size:.95rem;color:var(--ink);background:#fff;
  border:1px solid var(--line);border-radius:999px;padding:10px 16px 10px 40px}
#izy-plt .res-recherche input:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 3px rgba(0,110,200,.14)}
#izy-plt .res-barre .res-recherche + .res-compte{margin-left:14px}
@media(max-width:760px){#izy-plt .res-recherche{margin-left:0;flex:1 1 100%;min-width:0}}

/* ===== RECHERCHE EN HAUT DE RESSOURCES (15/09/2026) ===== */
#izy-plt .res-cherche{margin:0 auto 2.6rem}
#izy-plt .res-recherche-grand{margin:0 auto;max-width:720px;flex:none;width:100%}
#izy-plt .res-recherche-grand svg{left:20px}
#izy-plt .res-recherche-grand input{font-size:1.05rem;padding:16px 22px 16px 54px;box-shadow:0 10px 28px rgba(10,31,60,.07)}
body.res-en-recherche #izy-plt .res-une,
body.res-en-recherche #izy-plt .res-portes{display:none}

/* ===== FICHE CAS CLIENT (15/09/2026) =====
   Le debut de chaque etude de cas (projet, enjeux, benefices, solution) est regroupe
   dans div.cas-fiche par le script fiche_cas_clients.py. */
body.single .entry-content .cas-fiche{margin:2.6rem 0 3rem;padding:34px 36px;background:#F4F8FC;
  border:1px solid var(--line);border-radius:22px}
@media(max-width:600px){body.single .entry-content .cas-fiche{padding:24px 18px}}
body.single #izy-plt .cas-fiche-tete h2{margin:0 0 .5rem;font-size:1.7rem}
body.single #izy-plt .cas-fiche-tete h3{margin:0;font-size:1.08rem;font-weight:500;color:var(--ink-2);line-height:1.55}
body.single .entry-content .cas-fiche-cols{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:1.8rem 0 0}
@media(max-width:700px){body.single .entry-content .cas-fiche-cols{grid-template-columns:1fr}}
body.single .entry-content .cas-fiche-col{background:#fff;border-radius:16px;padding:22px 24px 10px;border-top:4px solid var(--orange)}
body.single .entry-content .cas-benefices{border-top-color:var(--green)}
body.single #izy-plt .cas-fiche-col h3,
body.single #izy-plt .cas-fiche-col h4{margin:0 0 .9rem;font-size:.84rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--orange-dk)}
body.single #izy-plt .cas-benefices h3,
body.single #izy-plt .cas-benefices h4{color:var(--green-dk)}
body.single #izy-plt .cas-fiche-col h5{margin:0 0 .6rem;font-size:.98rem;color:var(--ink)}
body.single .entry-content .cas-fiche-col p{font-size:.98rem;margin:0 0 .8rem}
body.single .entry-content .cas-fiche-col ul{list-style:none;padding:0;margin:0 0 .8rem}
body.single .entry-content .cas-fiche-col li{position:relative;padding-left:28px;font-size:.98rem;line-height:1.55;margin:0 0 .7rem}
body.single .entry-content .cas-fiche-col li::before{content:"";position:absolute;left:0;top:.45em;width:14px;height:14px;border-radius:50%;
  background:var(--orange-lt);box-shadow:inset 0 0 0 4px var(--orange)}
body.single .entry-content .cas-benefices li::before{content:"\2713";top:.15em;width:20px;height:20px;box-shadow:none;background:var(--green);
  color:#fff;font-size:.72rem;font-weight:800;display:flex;align-items:center;justify-content:center}
body.single .entry-content .cas-fiche-solution{margin:18px 0 0;padding:22px 26px;border-radius:16px;
  background:linear-gradient(135deg,var(--blue),var(--blue-dk));color:#fff}
body.single #izy-plt .cas-fiche-solution h2{margin:0 0 .35rem;font-size:.84rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#CFE0FB}
body.single #izy-plt .cas-fiche-solution h3{margin:0;font-size:1.2rem;color:#fff}
body.single .entry-content .cas-fiche-solution p{color:#E6F0FC;margin:.6rem 0 0;font-size:.98rem}
body.single .entry-content .cas-fiche-solution a{color:#fff}
/* Citations des etudes de cas : guillemet, signature detachee. */
body.art-cas .entry-content blockquote{position:relative;padding:26px 30px 22px 72px;background:#fff;border:1px solid var(--line);
  border-left:4px solid var(--green);border-radius:0 18px 18px 0;box-shadow:0 10px 28px rgba(10,31,60,.05)}
body.art-cas .entry-content blockquote::before{content:"\201C";position:absolute;left:22px;top:6px;font-family:Georgia,serif;
  font-size:4.2rem;line-height:1;color:var(--green)}
body.art-cas .entry-content blockquote p{font-size:1.08rem;color:var(--ink);font-style:italic}
body.art-cas .entry-content blockquote p:last-child:not(:first-child){font-style:normal;font-size:.92rem;font-weight:700;color:var(--ink-2);margin-top:.6rem}
body.art-cas .entry-content blockquote p:last-child:not(:first-child) em{font-style:normal}
body.art-cas .entry-content > p > img{max-width:620px;width:100%}

/* ===== ICONES AU TRAIT (16/09/2026) : plus aucun emoji sur le site ===== */
#izy-plt .ico-ligne svg{display:block}
#izy-plt .feat .ico.ico-ligne{flex:0 0 46px;width:46px;height:46px;border-radius:12px;background:var(--sky);color:var(--blue);
  display:flex;align-items:center;justify-content:center;font-size:0}
#izy-plt .ico-carte{display:flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:12px;
  background:var(--sky);color:var(--blue);margin:0 0 .9rem}
#izy-plt .card-grey .ico-carte{background:#fff}
#izy-plt .pico svg{display:block;color:#fff}
#izy-plt .ico-sur{display:inline-flex;vertical-align:-3px;margin-right:.5rem;color:currentColor}
#izy-plt .ico-ampoule{display:inline-flex;vertical-align:-3px;margin-right:.45rem;color:var(--orange)}

/* ===== ARTICLES : RYTHME DE LECTURE (16/09/2026) ===== */
body.single #izy-plt .entry-content h2{text-wrap:pretty}
/* Le sous-titre garde les marges laterales « auto » du titre qu il suit, sinon
   il se decale a gauche de tout le reste du texte sur les etudes de cas. */
body.single #izy-plt .entry-content h2 + h3{margin:-.2rem auto 1.1rem;font-size:1.12rem;color:var(--ink-2);font-weight:600}
/* Dans l encadre bleu « La solution », le sous-titre reste blanc : la regle
   ci-dessus le rattrape sinon et le rend illisible sur le fond fonce. */
body.single #izy-plt .cas-fiche-solution h2 + h3{margin:0;font-size:1.2rem;color:#fff;font-weight:700}
body.single #izy-plt .entry-content h3 + p{margin-top:0}
/* Citations secondaires : plus legeres que la citation d'ouverture. */
body.art-cas .entry-content blockquote{padding:18px 24px 16px 58px;margin:1.8rem 0;background:#F6F9FC;border:none;
  border-left:3px solid var(--green);border-radius:0 14px 14px 0;box-shadow:none}
body.art-cas .entry-content blockquote::before{left:18px;top:8px;font-size:3rem}
body.art-cas .entry-content blockquote p{font-size:1.02rem;line-height:1.7;margin:0 0 .6rem}
body.art-cas .entry-content blockquote p:last-child{margin-bottom:0}
/* Citation d'ouverture : la carte mise en avant. */
body.art-cas .entry-content > blockquote:first-child{padding:26px 30px 22px 72px;background:#fff;border:1px solid var(--line);
  border-left:4px solid var(--green);border-radius:0 18px 18px 0;box-shadow:0 10px 28px rgba(10,31,60,.05)}
body.art-cas .entry-content > blockquote:first-child::before{left:22px;top:6px;font-size:4.2rem}
body.art-cas .entry-content > blockquote:first-child p{font-size:1.08rem}

/* ===== LIENS DE CARTES SUR DEUX LIGNES (16/09/2026) : la fleche suit le texte ===== */
#izy-plt .module p.go{display:block}
#izy-plt .module p.go::after{display:inline-block;margin-left:7px}

/* ===== BANDE DE LOGOS (16/09/2026) : plus de blanc pendant le defilement ===== */
#izy-plt .logo-band .track > .wp-block-image{min-width:110px;display:flex;align-items:center;justify-content:center}
#izy-plt .logo-band img{min-width:90px}

/* ===== RESSOURCES : FILTRES EN COLONNE A DROITE (16/09/2026) ===== */
#izy-plt .res-layout{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:36px;align-items:start}
#izy-plt .res-layout > .res-colonne{order:2;position:sticky;top:100px}
#izy-plt .res-layout > div:not(.res-colonne){order:1;min-width:0}
#izy-plt .res-colonne .res-barre{flex-direction:column;align-items:stretch;gap:8px;padding:0;margin:0}
#izy-plt .res-colonne .res-filtre{text-align:left;width:100%}
#izy-plt .res-colonne .res-compte{margin:12px 0 0;text-align:left}
@media(max-width:900px){
  #izy-plt .res-layout{grid-template-columns:1fr;gap:20px}
  #izy-plt .res-layout > .res-colonne{order:1;position:static}
  #izy-plt .res-colonne .res-barre{flex-direction:row;flex-wrap:wrap;align-items:center}
  #izy-plt .res-colonne .res-filtre{width:auto}
}

/* ===== ARTICLES : ETUDE DE CAS PLEINE LARGEUR, RYTHME, A LIRE AUSSI (16/09/2026) ===== */
body.art-cas .entry-content{max-width:1060px}
body.art-cas .entry-content > p,
body.art-cas .entry-content > ul,
body.art-cas .entry-content > ol,
body.art-cas .entry-content > blockquote{max-width:820px;margin-left:auto;margin-right:auto}
body.art-cas #izy-plt .entry-content > h2,
body.art-cas #izy-plt .entry-content > h3{max-width:820px;margin-left:auto;margin-right:auto}
body.single .entry-content p{margin-bottom:1.5rem}
body.single #izy-plt .entry-content h2{margin-top:3rem}
body.single .entry-content li{margin-bottom:.6rem}
#izy-plt .art-voisins{max-width:1000px;margin:3.4rem auto 0}
#izy-plt .art-voisins h2{font-size:1.35rem;margin:0 0 1.2rem;max-width:none}
#izy-plt .art-voisins-grille{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
@media(max-width:760px){#izy-plt .art-voisins-grille{grid-template-columns:1fr}}
#izy-plt .art-voisin{display:block;background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;
  text-decoration:none;box-shadow:0 10px 26px rgba(10,31,60,.05);transition:transform .2s ease,box-shadow .2s ease}
#izy-plt .art-voisin:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(10,31,60,.1)}
#izy-plt .art-voisin-img{display:block;aspect-ratio:16/10;overflow:hidden;background:var(--sky)}
#izy-plt .art-voisin-img img{width:100%;height:100%;object-fit:cover;display:block;border-radius:0;margin:0}
#izy-plt .art-voisin-titre{display:block;padding:15px 17px 17px;font-weight:700;color:var(--navy);font-size:.98rem;line-height:1.4}

/* ===== RESSOURCES : LA BANDE « NOS GUIDES » (16/09/2026) =====
   Les guides sont des pages avec formulaire, pas des articles : ils ont leur
   propre bande, entre les trois portes d'entree et la grille du blog. La bande
   sort du .wrap pour prendre toute la largeur et poser un fond, sinon la page
   Ressources est un long aplat blanc. */
#izy-plt .res-guides-fond{background:linear-gradient(180deg,#F4F8FC 0%,#EDF3FA 100%);
  border-top:1px solid var(--line);border-bottom:1px solid var(--line);
  padding:56px 0 60px;margin:0 0 4.4rem}
#izy-plt .res-guides-tete{text-align:center;max-width:640px;margin:0 auto 2.4rem}
#izy-plt .res-guides-tete h2{margin:0 0 .6rem;max-width:none}
#izy-plt .res-guides-tete p{margin:0;color:var(--ink-2);font-size:1.02rem}
#izy-plt .res-guides-grille{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}
@media(max-width:900px){#izy-plt .res-guides-grille{grid-template-columns:1fr}}
#izy-plt .res-guide{display:flex;flex-direction:column;gap:.55rem;padding:28px 30px 26px;
  background:#fff;border:1px solid var(--line);border-radius:18px;text-decoration:none;
  border-top:4px solid var(--orange);box-shadow:0 12px 32px rgba(10,31,60,.06);
  transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
#izy-plt .res-guide:hover{transform:translateY(-4px);box-shadow:0 20px 46px rgba(10,31,60,.12)}
#izy-plt .res-guide-etiq{align-self:flex-start;font-size:.72rem;font-weight:800;letter-spacing:.14em;
  text-transform:uppercase;color:var(--orange-dk);background:#FFF1E4;border-radius:999px;padding:5px 12px}
#izy-plt .res-guide h3{margin:.2rem 0 0;color:var(--navy);font-size:1.16rem;line-height:1.35}
#izy-plt .res-guide p{margin:0;color:var(--ink-2);font-size:.98rem;line-height:1.6}
#izy-plt .res-guide-lien{margin-top:auto;padding-top:.7rem;font-weight:700;color:var(--blue);font-size:.95rem}
body.res-en-recherche #izy-plt .res-guides-fond{display:none}

/* Le haut de la page Ressources : un fond tres clair pour detacher le titre du
   reste, la page etait entierement blanche jusqu'au premier article. */
body.page-id-983 #izy-plt .hero{background:linear-gradient(180deg,#F7FAFD 0%,#FFFFFF 100%)}

/* ===== GARDE-FOU : UN CONTENEUR VIDE NE DOIT PLUS SE VOIR (17/09/2026) =====
   Ces blocs sont des boites : le filet, la marge et le fond sont portes par la
   boite, pas par les textes qu'elle contient. Quand Nathalie supprime les
   paragraphes depuis l'editeur, la boite reste et laisse un trait et un grand
   blanc en bas de page. Elle disparait maintenant toute seule des qu'elle est
   vide, ce qui rend la suppression sans danger. */
#izy-plt .dx-reassurance:not(:has(p)),
#izy-plt .dx-cartes:not(:has(.dx-carte)),
#izy-plt .dx-pb:not(:has(li)),
#izy-plt .res-guides-grille:not(:has(a)){display:none}

/* ===== LE BANDEAU DE CHIFFRES : QUATRE CASES REGULIERES (17/09/2026) =====
   Les trois premiers intitules tiennent sur une ligne, le quatrieme sur deux :
   la rangee paraissait bancale et le dernier chiffre remontait plus haut que
   les autres. Le contenu est desormais centre verticalement dans sa case, et
   l'intitule coupe sur deux lignes equilibrees au lieu d'une longue et d'un
   mot seul. Le passage a deux colonnes se fait plus tot, sinon les intitules
   s'ecrasent des qu'un portable descend sous 1200 px. */
#izy-plt .stat{display:flex;flex-direction:column;justify-content:center;min-height:118px}
#izy-plt .stat .lbl{text-wrap:balance;max-width:24ch;margin-left:auto;margin-right:auto;line-height:1.45}
@media(max-width:1200px){#izy-plt .stats{grid-template-columns:repeat(2,1fr)}
  #izy-plt .stat:nth-child(2n){border-right:none}
  #izy-plt .stat:nth-child(-n+2){border-bottom:1px solid var(--line)}}

/* ===== UNE ZONE VIDEE DE SES TEXTES DISPARAIT (17/09/2026) =====
   La methode donnee a Nathalie pour retirer une zone : supprimer ses textes
   depuis l'editeur, et ne jamais toucher aux blocs gris « Mise en page ». Sans
   la regle ci-dessous, la charpente resterait visible : un fond, un filet, et
   80 px de vide. Avec elle, la zone s'efface d'elle-meme des qu'il n'y a plus
   rien a lire dedans, et la structure de la page reste intacte. */
#izy-plt section:not(:has(h1, h2, h3, h4, p, li, img, table, form, iframe, .wp-block-button)),
#izy-plt .dx-carte:not(:has(h3, p)),
#izy-plt .card:not(:has(h3, h4, p, li)),
#izy-plt .module:not(:has(h3, h4, p, li)){display:none}

/* ===== LA PHRASE DE REASSURANCE SOUS LE FORMULAIRE (17/09/2026) =====
   Elle etait enfermee dans le bloc verrouille, avec son cadenas dessine en
   SVG : Nathalie ne pouvait donc pas la reecrire. Elle est maintenant un
   paragraphe ordinaire, modifiable dans l'editeur, et le cadenas est pose par
   la feuille de style. Le texte peut changer, le cadenas reste. */
#izy-plt .dx-form p.f-securite{position:relative;padding-left:25px;display:block;
  margin:14px 0 0;font-size:.82rem;color:var(--ink-3);line-height:1.45}
#izy-plt .dx-form p.f-securite::before{content:"";position:absolute;left:0;top:2px;
  width:16px;height:16px;background-repeat:no-repeat;background-size:16px 16px;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237B8AA0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='11' width='16' height='10' rx='2'/%3E%3Cpath d='M8 11V7a4 4 0 0 1 8 0v4'/%3E%3C/svg%3E")}
#izy-plt .dx-form p.f-securite:empty{display:none}
#izy-plt .dx-form p.f-securite a{color:var(--blue);text-decoration:underline}

/* ===== LA PAGE BLOG, REFAITE (17/09/2026) =====
   Les filtres en haut, la barre de recherche juste dessous, les articles a la
   une en carrousel, et le dico dans la colonne de droite a la place des
   anciens filtres. */
#izy-plt .blog-tete{padding:0 0 30px;text-align:center}
#izy-plt .blog-filtres{justify-content:center;gap:12px;margin:0}
#izy-plt .blog-filtres .res-filtre{font-size:1rem;padding:11px 24px}
#izy-plt .blog-vers-ressources{text-decoration:none;border-color:#CBD9EC;color:var(--blue);
  display:inline-flex;align-items:center}
#izy-plt .blog-vers-ressources:hover{background:var(--blue);border-color:var(--blue);color:#fff}
#izy-plt .blog-recherche{display:flex;align-items:center;justify-content:center;gap:16px;
  margin:1.4rem auto 0;max-width:720px}
#izy-plt .blog-recherche .res-recherche{flex:1}

/* Le carrousel des articles a la une : une carte par vue, image a gauche. */
#izy-plt .blog-carou{max-width:none;margin:1.2rem 0 0}
#izy-plt .blog-carou .carou-win{border-radius:20px}
#izy-plt .blog-une-slide{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  align-items:stretch;background:#fff;text-align:left}
@media(max-width:820px){#izy-plt .blog-une-slide{grid-template-columns:1fr}}
#izy-plt .blog-une-img{display:block;overflow:hidden;background:var(--sky)}
#izy-plt .blog-une-img img{width:100%;height:100%;min-height:260px;object-fit:cover;display:block}
#izy-plt .blog-une-corps{padding:38px 42px;display:flex;flex-direction:column;justify-content:center;gap:.7rem}
#izy-plt .blog-une-corps h2{margin:0;font-size:1.42rem;line-height:1.3}
#izy-plt .blog-une-corps h2 a{color:var(--navy);text-decoration:none}
#izy-plt .blog-une-corps h2 a:hover{color:var(--blue)}
#izy-plt .blog-une-corps p{margin:0;color:var(--ink-2);line-height:1.6}
#izy-plt .blog-une-lien{font-weight:700;color:var(--blue);text-decoration:none;margin-top:.3rem}
#izy-plt .carou-fleche{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;
  border-radius:50%;border:1px solid var(--line);background:#fff;color:var(--navy);
  font-size:1.5rem;line-height:1;cursor:pointer;z-index:2;
  display:flex;align-items:center;justify-content:center;box-shadow:0 8px 22px rgba(10,31,60,.12)}
#izy-plt .carou-fleche.prev{left:-14px}
#izy-plt .carou-fleche.next{right:-14px}
#izy-plt .carou-fleche:hover{border-color:var(--blue);color:var(--blue)}
@media(max-width:700px){#izy-plt .carou-fleche{display:none}}

/* Le dico, dans la colonne de droite. */
#izy-plt .blog-dico{display:flex;flex-direction:column;gap:.5rem;padding:26px 28px;
  background:#fff;border:1px solid var(--line);border-top:4px solid var(--orange);
  border-radius:18px;text-decoration:none;box-shadow:0 12px 32px rgba(10,31,60,.06);
  transition:transform .2s ease,box-shadow .2s ease}
#izy-plt .blog-dico:hover{transform:translateY(-4px);box-shadow:0 20px 46px rgba(10,31,60,.12)}
#izy-plt .blog-dico-nb{font-size:.74rem;font-weight:800;letter-spacing:.14em;
  text-transform:uppercase;color:var(--orange-dk)}
#izy-plt .blog-dico h2{margin:0;color:var(--navy);font-size:1.12rem;line-height:1.35}
#izy-plt .blog-dico p{margin:0;color:var(--ink-2);font-size:.96rem;line-height:1.55}
#izy-plt .blog-dico-lien{font-weight:700;color:var(--blue);font-size:.95rem;margin-top:.3rem}

/* La colonne de droite du blog : le dico, puis ses trois dernieres definitions
   l'une sous l'autre (17/09/2026). */
#izy-plt .blog-dico-liste{list-style:none;margin:.9rem 0 0;padding:.9rem 0 0;display:grid;gap:0;
  border-top:1px solid var(--line)}
#izy-plt .blog-dico-liste li{margin:0;border-bottom:1px solid var(--line)}
#izy-plt .blog-dico-liste li:last-child{border-bottom:none}
#izy-plt .blog-dico-liste a{display:block;padding:11px 0;color:var(--navy);text-decoration:none;
  font-size:.96rem;font-weight:600;line-height:1.4;transition:color .15s ease}
#izy-plt .blog-dico-liste a:hover{color:var(--blue)}
#izy-plt .blog-dico-lien{display:inline-block;margin-top:.9rem}

/* ===== NOS SERVICES : LES DEUX MODES, MEME HAUTEUR (22/09/2026) =====
   Les deux cartes etaient calees en haut, chacune s'arretait donc ou son texte
   finissait. Elles s'etirent maintenant sur la hauteur de la plus haute, et la
   question « Quand choisir ce mode ? » tombe a la meme ligne des deux cotes. */
#izy-plt .modes-grille{align-items:stretch}
#izy-plt .modes-grille > .card{height:100%}
#izy-plt .modes-grille .izs-8{min-height:3.4em}
#izy-plt .modes-grille .ben{margin-top:auto}

/* --- Bandeau d'appel a l'action des articles et des cas clients : le titre
       porte un max-width sans marge automatique, il collait a gauche. --- */
#izy-plt .navy-band .nb-head h2{margin-left:auto;margin-right:auto}
#izy-plt .navy-band .nb-head p{margin-left:auto;margin-right:auto}

/* --- Cartes guides : etiquette verte selon la nature du document, et la
       couverture du document, contenue. (24/09/2026) --- */
#izy-plt .res-guide--carnet .res-guide-etiq{color:var(--green-dk);background:var(--green-lt)}
#izy-plt .res-guide--carnet{border-top-color:var(--green)}
#izy-plt .res-guide-visuel{display:block;margin:0 0 .5rem}
#izy-plt .res-guide-visuel img{display:block;width:100%;max-width:230px;height:auto;
  border-radius:10px;border:1px solid var(--line)}

/* --- izy-mev-pages : l'image mise en avant sert aux vignettes et aux partages,
       pas a coiffer la page. Les pages construisent deja leur propre entete. --- */
body.page:not(.art-cas) .featured-image{display:none}
/* --- Pages guides : le titre occupe toute sa colonne. --- */
#izy-plt .dx-texte h1{max-width:none}