/* ════════════════════════════════════════════════════════════════════════ site-chrome.css — Header (nav) + Footer communs à TOUTES les pages. Source unique de vérité. Chargé en DERNIER dans pour faire autorité sur d'éventuels styles de page résiduels. Aucune langue autre que le français. ════════════════════════════════════════════════════════════════════════ */ :root{ --navy:#0d2b5e;--navy-mid:#163a7a;--teal:#00c9a7;--teal-dark:#00a588; --white:#fff;--offwhite:#f4f8ff;--text:#1e2d45;--muted:#64748b;--border:#dde8f8; } /* ── Header / Nav ─────────────────────────────────────────────────────── */ nav#main-nav{ position:fixed;top:0;left:0;right:0;z-index:100; display:flex;align-items:center;justify-content:space-between; padding:18px 4vw; background:rgba(255,255,255,.92);backdrop-filter:blur(18px); border-bottom:1px solid var(--border);transition:box-shadow .3s; } nav#main-nav.scrolled{box-shadow:0 4px 24px rgba(13,43,94,.10);} nav#main-nav .nav-logo{text-decoration:none;display:inline-flex;align-items:center;} nav#main-nav .nav-logo .logo-img{height:38px;width:auto;} nav#main-nav .nav-links{display:flex;align-items:center;gap:22px;list-style:none;margin:0;padding:0;} nav#main-nav .nav-links a{font-size:.92rem;font-weight:500;color:var(--text);text-decoration:none;transition:color .2s;white-space:nowrap;} nav#main-nav .nav-links a:hover{color:var(--teal-dark);} nav#main-nav .nav-cta{background:var(--navy)!important;color:var(--white)!important;padding:10px 20px;border-radius:50px;font-weight:700!important;white-space:nowrap;} nav#main-nav .nav-cta:hover{background:var(--navy-mid)!important;} .menu-toggle{display:none;background:none;border:none;font-size:1.8rem;color:var(--navy);cursor:pointer;z-index:110;padding:4px;line-height:1;} @media(max-width:1024px){ nav#main-nav .menu-toggle{display:block;} nav#main-nav .nav-links{ display:none;position:fixed;top:0;left:0;right:0;height:100vh; background:var(--white);flex-direction:column;justify-content:center; gap:32px;padding:40px;z-index:105; } nav#main-nav .nav-links.active{display:flex;} nav#main-nav .nav-links a{font-size:1.2rem;} } /* ── Sélecteur de langue (multilingue : FR / EN / AR) ─────────────────── */ nav#main-nav .lang-switcher{display:flex;align-items:center;gap:8px;font-weight:700;font-size:.85rem;margin-left:auto;margin-right:18px;} nav#main-nav .lang-switcher a{text-decoration:none;color:var(--navy);padding:4px 8px;border-radius:6px;transition:all .2s;} nav#main-nav .lang-switcher a:hover{background:var(--offwhite);color:var(--teal-dark);} nav#main-nav .lang-switcher a.active{background:var(--navy);color:var(--white);} @media(max-width:1024px){nav#main-nav .lang-switcher{margin-right:52px;}} /* ── Footer ───────────────────────────────────────────────────────────── */ footer[role="contentinfo"]{background:var(--navy);color:rgba(255,255,255,.6);padding:60px 6vw 32px;margin-top:48px;} footer[role="contentinfo"] .footer-inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:48px;} footer[role="contentinfo"] .footer-logo{font-family:'Outfit',sans-serif;font-weight:900;font-size:1.4rem;color:var(--white);letter-spacing:-.02em;margin-bottom:16px;display:block;text-decoration:none;} footer[role="contentinfo"] .footer-logo em{color:var(--teal);font-style:normal;} footer[role="contentinfo"] .footer-brand p{font-size:.9rem;line-height:1.7;max-width:280px;} footer[role="contentinfo"] .footer-brand .contact-ft{margin-top:20px;font-size:.88rem;line-height:1.9;} footer[role="contentinfo"] .footer-brand .contact-ft a{color:var(--teal);text-decoration:none;} footer[role="contentinfo"] .footer-col h6{font-family:'Outfit',sans-serif;font-weight:700;font-size:.9rem;color:var(--white);letter-spacing:.04em;text-transform:uppercase;margin-bottom:18px;} footer[role="contentinfo"] .footer-col ul{list-style:none;display:flex;flex-direction:column;gap:10px;margin:0;padding:0;} footer[role="contentinfo"] .footer-col ul a{color:rgba(255,255,255,.55);text-decoration:none;font-size:.9rem;transition:color .2s;} footer[role="contentinfo"] .footer-col ul a:hover{color:var(--teal);} footer[role="contentinfo"] .footer-bottom{max-width:1200px;margin:48px auto 0;padding-top:24px;border-top:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;font-size:.83rem;flex-wrap:wrap;gap:12px;} footer[role="contentinfo"] .footer-bottom a{color:rgba(255,255,255,.45);text-decoration:none;} footer[role="contentinfo"] .footer-bottom a:hover{color:var(--teal);} @media(max-width:900px){footer[role="contentinfo"] .footer-inner{grid-template-columns:1fr 1fr;}} @media(max-width:600px){footer[role="contentinfo"] .footer-inner{grid-template-columns:1fr;}}