@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;550;600;650;700&display=swap');
:root{font-family:Inter,Arial,sans-serif;color:#0a1828;background:#f8faf9}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}a:focus-visible,summary:focus-visible{outline:3px solid #40ba8d;outline-offset:5px}.site-header{position:relative;inset:auto;height:106px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #0a182815;background:#f8faf9;z-index:20}.site-brand{display:flex;flex-direction:column;gap:8px;flex-shrink:0}.site-brand img{width:148px;height:auto}.site-brand>span{font-size:11px;letter-spacing:.05em;color:#5b6a75}.site-header nav{display:flex;align-items:center;gap:30px;font-size:13px}.client-access{border:1px solid #0a1828;padding:15px 18px;border-radius:4px;display:flex;gap:16px}.client-access:hover{background:#0a1828;color:white}.offers-menu{position:relative}.offers-menu summary{cursor:pointer;list-style:none;display:flex;gap:12px}.offers-menu summary::-webkit-details-marker{display:none}.offers-menu>div{position:absolute;top:35px;left:-20px;width:245px;background:#fff;border:1px solid #dae1e3;box-shadow:0 15px 35px #0a182818;padding:10px;border-radius:6px}.offers-menu>div a{display:block;padding:14px}.offers-menu>div a:hover{background:#edf4f0}.offers-menu small{display:block;font-size:11px;color:#687983;margin-top:6px}.site-footer{display:block!important;background:#e7ebed;color:#0a1828;padding:60px 5% 25px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:50px}.footer-brand img{width:145px}.footer-brand p{max-width:290px;font-size:14px;line-height:1.7;color:#596b77}.footer-brand>span{font-size:11px;color:#527767}.footer-grid h2{font-size:12px;letter-spacing:.08em;text-transform:uppercase;font-weight:600;margin:0 0 22px}.footer-grid>div>a{display:block;font-size:13px;margin:0 0 14px}.footer-grid a:hover{text-decoration:underline}.footer-bottom{border-top:1px solid #cbd4d8;padding-top:22px;margin-top:40px;font-size:11px;color:#647580}.simple-page{padding:100px 8%;min-height:65vh}.simple-page>span{font-size:12px;letter-spacing:.12em;color:#418267}.simple-page h1{font-size:clamp(40px,6vw,85px);letter-spacing:-.06em;line-height:1.05;font-weight:500}.simple-page p{font-size:20px;line-height:1.7;max-width:720px}.simple-cta{display:inline-block;margin-top:25px;padding-bottom:10px;border-bottom:2px solid #40ba8d}@media(max-width:1000px){.site-header nav{gap:16px;font-size:12px}.site-header{padding:0 4%}.client-access{padding:12px}.footer-grid{gap:25px}}@media(max-width:760px){.site-header{height:auto;min-height:140px;padding:20px 5%;align-items:flex-start;flex-wrap:wrap;gap:22px}.site-brand img{width:125px}.site-header nav{width:100%;flex-wrap:wrap;justify-content:space-between;gap:18px 12px}.client-access{font-size:11px}.offers-menu>div{left:-60px}.footer-grid{grid-template-columns:1fr 1fr;gap:35px}.footer-brand{grid-column:1/-1}.site-footer{padding-top:40px}.simple-page{padding:65px 6%}}
/* Two-level navigation with a distinct account entry. */
.site-header{height:auto;min-height:154px;display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;gap:15px 30px;padding:22px 5% 12px;align-items:center}.site-brand{grid-column:1;grid-row:1}.site-header>.client-access{grid-column:2;grid-row:1;font-size:13px;border:0;background:#0a1828;color:white;padding:12px 20px;border-radius:5px;transition:background .2s,transform .2s}.site-header>.client-access:hover{background:#3e6fb7;transform:translateY(-2px)}.site-header nav{grid-column:1/-1;grid-row:2;justify-content:flex-end;gap:12px;font-size:15px;font-weight:550}.site-header nav>a,.offers-menu summary{padding:12px 18px;border-radius:5px;transition:background .2s,color .2s;position:relative}.site-header nav>a:hover,.offers-menu summary:hover,.offers-menu[open] summary{background:#40ba8d22;color:#0a1828}.site-header nav>a:after,.offers-menu summary:after{content:'';height:3px;position:absolute;bottom:3px;left:18px;right:18px;background:#40ba8d;transform:scaleX(0);transform-origin:left;transition:transform .2s}.site-header nav>a:hover:after,.offers-menu summary:hover:after,.offers-menu[open] summary:after{transform:scaleX(1)}.offers-menu>div{top:49px;font-weight:400;z-index:25}.offers-menu>div a{transition:background .2s}.offers-menu>div a:hover{background:#40ba8d22}@media(max-width:760px){.site-header{padding:18px 5% 10px;gap:18px 12px;min-height:148px}.site-header nav{width:100%;gap:3px;justify-content:space-between;font-size:13px;flex-wrap:nowrap}.site-header nav>a,.offers-menu summary{padding:11px 8px}.site-header>.client-access{font-size:12px;padding:11px 14px}.offers-menu>div{left:-70px}.site-header nav>a:after,.offers-menu summary:after{left:8px;right:8px}}@media(prefers-reduced-motion:reduce){.site-header a,.offers-menu summary,.site-header nav>a:after,.offers-menu summary:after{transition:none!important}}
.french-tech{display:flex;align-items:center;gap:12px;margin-top:24px;padding-top:18px;border-top:1px solid #cbd4d8;max-width:300px}.french-tech strong{font-size:16px;font-weight:600;letter-spacing:-.02em}.french-tech small{display:block;font-size:11px;line-height:1.5;color:#576975;margin-top:5px}.french-tech-mark{display:flex;gap:3px;flex-shrink:0}.french-tech-mark i{display:block;width:5px;height:27px;border-radius:1px;background:#3e6fb7}.french-tech-mark i:nth-child(2){background:white}.french-tech-mark i:nth-child(3){background:#d54b58}
.footer-brand .french-tech-logo{width:100px;height:auto;flex-shrink:0;object-fit:contain}.french-tech{gap:18px;align-items:center}
/* Navigation SEO : groupes d'offres, bouton d'action, page courante, fil d'Ariane. */
.offers-menu>div{width:300px}.offers-menu .menu-group{margin:0;padding:4px 0}.offers-menu .menu-group+.menu-group{border-top:1px solid #e3e8ea}.offers-menu>div a.menu-sub{padding:4px 14px 14px 28px;font-size:13px;color:#41505b}.offers-menu>div a.menu-sub:before{content:'→ ';color:#40ba8d}.offers-menu summary.is-current,.site-header nav>a[aria-current]{background:#40ba8d1a}.site-header nav>a.nav-cta{background:#40ba8d;color:#0a1828;margin-left:8px}.site-header nav>a.nav-cta:hover{background:#0a1828;color:#fff}.site-header nav>a.nav-cta:after{display:none}
.footer-title{font-size:12px;letter-spacing:.08em;text-transform:uppercase;font-weight:600;margin:0 0 22px}.footer-grid{grid-template-columns:1.6fr 1fr 1fr 1fr .8fr}
.breadcrumb{padding:26px 5% 0;font-size:13px;color:#5b6a75}.breadcrumb ol{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0}.breadcrumb li+li:before{content:'/';margin-right:8px;color:#9aa7ae}.breadcrumb a{text-decoration:underline;text-decoration-color:#40ba8d;text-underline-offset:4px}
@media(max-width:1000px){.footer-grid{grid-template-columns:1fr 1fr 1fr}.footer-brand{grid-column:1/-1}}
@media(max-width:760px){.site-header nav{flex-wrap:wrap;justify-content:flex-start}.site-header nav>a.nav-cta{margin:6px 0 0;width:100%;text-align:center}.offers-menu>div{left:0}.footer-grid{grid-template-columns:1fr 1fr}.breadcrumb{padding:20px 6% 0}}
/* Réseaux : LinkedIn et WhatsApp, comme sur le site actuel. */
.footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}
.footer-social{display:flex;gap:12px}.footer-social a{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#fff;color:#0a1828;transition:background .2s,color .2s,transform .2s}.footer-social a:hover{background:#0a1828;color:#fff;transform:translateY(-2px)}.footer-social svg{width:17px;height:17px}
.wa-float{position:fixed;right:22px;bottom:22px;z-index:40;display:flex;align-items:center;gap:0;height:56px;padding:0 16px;border-radius:30px;background:#25d366;color:#fff;box-shadow:0 10px 28px #0a182840;transition:gap .3s,padding .3s,transform .3s;overflow:hidden}
.wa-float svg{width:25px;height:25px;flex-shrink:0}.wa-float span{max-width:0;opacity:0;white-space:nowrap;font-weight:600;font-size:15px;transition:max-width .35s,opacity .25s}
.wa-float:hover,.wa-float:focus-visible{gap:10px;padding:0 20px;transform:translateY(-2px)}.wa-float:hover span,.wa-float:focus-visible span{max-width:120px;opacity:1}
@media(max-width:760px){.wa-float{right:14px;bottom:14px;height:52px;padding:0 14px}}
@media(prefers-reduced-motion:reduce){.wa-float,.wa-float span,.footer-social a{transition:none}}

/* ===== En-tête vivant : filet de marque, compact au défilement, liseré de lecture ===== */
.site-header{position:relative;background:#f8faf9;transition:transform .45s cubic-bezier(.2,.7,.2,1),box-shadow .3s,min-height .35s,padding .35s}
.site-header:before{content:'';position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,#40ba8d 0%,#40ba8d 35%,#3e6fb7 100%)}
.site-header:after{content:'';position:absolute;left:0;right:0;bottom:-1px;height:2px;background:linear-gradient(90deg,#40ba8d,#3e6fb7);transform-origin:left;transform:scaleX(var(--read,0))}
.site-header .site-brand img{transition:width .35s}
.site-header .site-brand>span{transition:opacity .25s,max-height .3s;max-height:20px;overflow:hidden}
/* Fixe en haut de page (activé par script, sinon en-tête classique) */
.js-header .site-header{position:fixed;top:0;left:0;right:0;z-index:60}
.js-header body{padding-top:var(--header-h,154px)}
.js-header .site-header.is-compact{box-shadow:0 10px 30px #0a182814;background:#f8faf9f5}
.js-header .site-header.is-hidden{transform:translateY(-100%)}
.js-header .site-header.is-hidden:has(.offers-menu[open]){transform:none}
@media(min-width:1000px){
  .js-header .site-header.is-compact{grid-template-columns:auto 1fr auto;grid-template-rows:auto;min-height:0;padding:12px 5% 12px}
  .js-header .site-header.is-compact .site-brand img{width:118px}
  .js-header .site-header.is-compact .site-brand>span{opacity:0;max-height:0}
  .js-header .site-header.is-compact nav{grid-row:1;grid-column:2}
  .js-header .site-header.is-compact>.client-access{grid-column:3}
}
.site-header nav>a[aria-current]:not(.nav-cta):after{transform:scaleX(1)}

/* Menu Offres : grand panneau à deux colonnes */
.offers-menu>.mega{width:min(640px,92vw);left:auto;right:-160px;padding:12px;display:grid;grid-template-columns:1fr 1fr;gap:10px;border-radius:14px;border:1px solid #dae1e3;box-shadow:0 30px 60px #0a182826;animation:mega-in .3s cubic-bezier(.2,.7,.2,1)}
@keyframes mega-in{from{opacity:0;transform:translateY(-8px)}}
.mega-col{border-radius:10px;padding:14px 12px 10px;background:#f4f7f8;display:flex;flex-direction:column;gap:2px}
.mega-drm{background:linear-gradient(160deg,#eaf6f0,#f4f7f8)}
.mega-collapps{background:linear-gradient(160deg,#e9eff9,#f4f7f8)}
.mega-title{display:flex;align-items:center;gap:12px;margin:0 0 8px;padding:0 4px 12px;border-bottom:1px solid #0a182812;font-size:19px;font-weight:650;letter-spacing:-.02em}
.mega-title .picto{width:40px;height:40px;padding:9px;border-radius:10px;background:#40ba8d;color:#0a1828;flex-shrink:0}
.mega-collapps .mega-title .picto{background:#3e6fb7;color:#fff}
.mega-title small{display:block;font-size:12px;font-weight:450;color:#5b6a75;letter-spacing:0;margin-top:2px}
.offers-menu .mega a{display:block;padding:10px 12px;border-radius:8px;transition:background .2s,transform .2s}
.offers-menu .mega a strong{display:flex;align-items:center;gap:6px;font-size:14.5px;font-weight:600}
.offers-menu .mega a strong:after{content:'→';color:#2f9b73;opacity:0;transform:translateX(-4px);transition:opacity .2s,transform .2s}
.offers-menu .mega a span{display:block;font-size:12.5px;color:#5b6a75;font-weight:400;margin-top:2px}
.offers-menu .mega a:hover,.offers-menu .mega a[aria-current]{background:#fff;transform:translateX(3px)}
.offers-menu .mega a:hover strong:after{opacity:1;transform:none}
@media(max-width:760px){.offers-menu>.mega{grid-template-columns:1fr;right:auto;left:-4px;width:calc(100vw - 10%)}}
@media(prefers-reduced-motion:reduce){.site-header,.offers-menu>.mega,.offers-menu .mega a{transition:none;animation:none}}
/* Sur mobile, l'en-tête reste classique : la progression de lecture s'affiche en haut de l'écran. */
@media(max-width:999px){body:after{content:'';position:fixed;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,#40ba8d,#3e6fb7);transform-origin:left;transform:scaleX(var(--read,0));z-index:70;pointer-events:none}}

/* ===== En-tête sur une ligne : logo, menus centrés, actions ===== */
.site-header{display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:auto;align-items:center;gap:12px 24px;min-height:0;height:auto;padding:14px 4%}
.site-header .site-brand{grid-column:1;grid-row:1;gap:5px}
.site-header .site-brand img{width:132px}
.site-header .site-brand>span{font-size:10.5px}
.site-header nav{grid-column:2;grid-row:1;justify-content:center;gap:4px;font-size:15px;width:auto;flex-wrap:nowrap}
.site-header nav>a,.site-header .offers-menu summary{padding:10px 14px}
.header-actions{grid-column:3;grid-row:1;display:flex;align-items:center;gap:8px}
.header-actions a{display:inline-flex;align-items:center;gap:8px;height:42px;padding:0 16px;border-radius:6px;font-size:14px;font-weight:600;white-space:nowrap;transition:background .2s,color .2s,border-color .2s,transform .2s}
.header-actions a:hover{transform:translateY(-1px)}
.header-actions .picto{width:18px;height:18px}
.header-actions .nav-cta{background:#40ba8d;color:#0a1828}
.header-actions .nav-cta:hover{background:#0a1828;color:#fff}
.header-actions .header-rdv{border:1.5px solid #0a182833;color:#0a1828}
.header-actions .header-rdv:hover{border-color:#40ba8d;background:#40ba8d1a}
.header-actions .header-in{width:42px;padding:0;justify-content:center;border:1.5px solid #0a182833;color:#0a1828}
.header-actions .header-in svg{width:17px;height:17px}
.header-actions .header-in:hover{background:#0a1828;color:#fff;border-color:#0a1828}
.site-header .header-actions>.client-access{position:static;border:0;background:#0a1828;color:#fff;padding:0 16px;font-size:14px}
.site-header .header-actions>.client-access:hover{background:#3e6fb7}
.offers-menu>.mega{left:-150px;right:auto}
/* État compact au défilement : encore un peu plus fin */
@media(min-width:1000px){
  .js-header .site-header.is-compact{grid-template-columns:auto 1fr auto;padding:8px 4%}
  .js-header .site-header.is-compact .site-brand img{width:112px}
  .js-header .site-header.is-compact nav{grid-column:2}
  .js-header .site-header.is-compact .header-actions a{height:38px}
}
/* Écrans intermédiaires : libellés des boutons secondaires masqués */
@media(max-width:1320px){.header-actions .header-rdv span,.header-actions .client-access span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.header-actions .header-rdv,.site-header .header-actions>.client-access{width:42px;padding:0;justify-content:center}.site-header nav>a,.site-header .offers-menu summary{padding:10px 10px}}
@media(max-width:1080px){.site-header nav{font-size:14px}.header-actions .nav-cta{padding:0 12px}}
/* Mobile : logo et actions sur la première ligne, menus dessous */
@media(max-width:999px){
  .site-header{grid-template-columns:1fr auto;padding:12px 5%}
  .site-header nav{grid-column:1/-1;grid-row:2;justify-content:flex-start;flex-wrap:wrap;gap:2px}
  .header-actions{grid-column:2}
  .header-actions .nav-cta{padding:0 12px;font-size:13px}
  .offers-menu>.mega{left:-10px}
}
@media(max-width:560px){.site-header .site-brand>span{display:none}.site-header .site-brand img{width:110px}.header-actions{gap:6px}.header-actions a{height:38px}.header-actions .header-rdv,.header-actions .header-in,.site-header .header-actions>.client-access{width:38px}}
@media(max-width:420px){.header-actions .nav-cta{font-size:12px;padding:0 10px}}
@media(max-width:560px){.header-actions .cta-long{display:none}.header-actions .header-in{display:none}.site-header{gap:10px}}
.header-actions .nav-cta{gap:0}.header-actions .cta-long{margin-left:.3em}

/* SEO : sur-titre mot-clé discret, placé dans le titre au-dessus du texte d’origine */
h1 .kw,h2 .kw{display:block;font-size:12.5px;line-height:1.4;letter-spacing:.14em;text-transform:uppercase;font-weight:650;color:#2f9b73;margin:0 0 14px}
.home-title .kw{font-size:12px;margin-bottom:8px}

/* Sélecteur de langue (en-tête) : vrais liens vers la page équivalente */
.lang-menu{position:relative}
.lang-menu summary{cursor:pointer;list-style:none;display:inline-flex;align-items:center;gap:5px;height:42px;padding:0 11px;border:1.5px solid #0a182833;border-radius:6px;font-size:13px;font-weight:650;letter-spacing:.04em;color:#0a1828;transition:border-color .2s,background .2s}
.lang-menu summary::-webkit-details-marker{display:none}
.lang-menu summary span{font-size:11px;opacity:.7}
.lang-menu summary:hover,.lang-menu[open] summary{border-color:#40ba8d;background:#40ba8d1a}
.lang-menu>div{position:absolute;top:50px;right:0;min-width:170px;background:#fff;border:1px solid #dae1e3;box-shadow:0 15px 35px #0a182818;padding:6px;border-radius:6px;z-index:30}
.header-actions .lang-menu>div a{display:flex;gap:12px;height:auto;padding:11px 12px;font-size:14px;font-weight:500;border-radius:4px;color:#0a1828}
.header-actions .lang-menu>div a:hover{background:#40ba8d22;transform:none}
.lang-menu>div a b{width:22px;font-weight:700;color:#2f9b73}
.lang-menu>div a[aria-current]{background:#f2f6f4}
@media(max-width:560px){.lang-menu summary{height:38px;padding:0 8px}}