/* ═══════════════════════════════════════════════════ TRANSITION RETRAITE — shared.css Header · Footer · Cookies · Mobile CTA Chargé dans le de chaque page HTML ═══════════════════════════════════════════════════ */ /* ── NAV ── */ .tr-nav{position:fixed;top:0;left:0;right:0;z-index:1000;background:#F7F7F5;transition:box-shadow .35s ease;font-family:'Outfit',sans-serif} .tr-nav.scrolled{box-shadow:0 1px 24px rgba(13,27,42,.07);background:rgba(247,247,245,.97)} .tr-nav-in{max-width:1200px;margin:0 auto;padding:14px 32px;display:flex;align-items:center;gap:24px} .tr-nav-logo{display:flex;align-items:center;gap:10px;text-decoration:none;flex-shrink:0} .tr-logo-icon{width:40px;height:40px;border-radius:12px;background:#1B4F7A;display:flex;align-items:center;justify-content:center;flex-shrink:0} .tr-logo-icon svg{width:22px;height:22px} .tr-nav-wordmark{font-family:'Cormorant Garamond',serif;font-size:22px;font-weight:600;color:#0D1B2A;line-height:1.15} .tr-nav-wordmark em{font-style:italic;color:#C4A35A} .tr-nav-links{display:flex;align-items:center;gap:28px;margin:0 auto;padding:0;list-style:none} .tr-nav-links li a{font-size:15px;font-weight:500;color:#1A1A1A;text-decoration:none;transition:color .25s} .tr-nav-links li a:hover{color:#1B4F7A} .btn-nav-cta{font-size:14px !important;font-weight:600 !important;color:#fff !important;background:#1B4F7A;padding:10px 22px;border-radius:8px;text-decoration:none !important;transition:transform .3s,box-shadow .3s} .btn-nav-cta:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(27,79,122,.18)} .tr-nav-burger{display:none;background:none;border:none;cursor:pointer;padding:8px;flex-direction:column;gap:5px;z-index:1002} .tr-nav-burger span{display:block;width:24px;height:2px;background:#0D1B2A;border-radius:2px;transition:transform .35s,opacity .25s} .nav-back{font-size:14px;font-weight:500;color:#555;display:none;align-items:center;gap:8px;transition:color .3s;margin-right:8px;text-decoration:none} .nav-back:hover{color:#1B4F7A} #trNavSpacer{height:68px} /* ── NAV MOBILE ── */ @media(max-width:900px){ .tr-nav-in{padding:12px 20px} .tr-nav-links{position:fixed;top:0;right:-100%;width:100%;height:100vh;background:#0D1B2A;flex-direction:column;justify-content:center;align-items:center;gap:24px;transition:right .45s cubic-bezier(.22,1,.36,1);z-index:1001;margin:0;padding:0} .tr-nav-links.mob-open{right:0} .tr-nav-links li{list-style:none} .tr-nav-links li a{font-family:'Cormorant Garamond',serif;font-size:24px;font-weight:600;color:#fff} .tr-nav-links li a:hover{color:#C4A35A} .tr-nav-burger{display:flex} .mob-cta-bar{display:block !important} } @media(min-width:901px){ .tr-nav-links{display:flex;flex-direction:row;position:static;width:auto;height:auto;background:transparent} .tr-nav-links li a{font-family:'Outfit',sans-serif;font-size:15px;font-weight:500;color:#1A1A1A} .tr-nav-burger{display:none} .mob-cta-bar{display:none !important} } /* ── FOOTER ── */ .tr-ft{background:#0D1B2A;padding:52px 0 24px;font-family:'Outfit',sans-serif} .tr-ft-in{max-width:1200px;margin:0 auto;padding:0 40px} .tr-ft-sep{height:1px;background:linear-gradient(90deg,transparent,rgba(27,79,122,.3),transparent);margin-bottom:40px} .tr-ft-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:48px;margin-bottom:32px} .tr-ft-brand{font-family:'Cormorant Garamond',serif;font-size:21px;font-weight:600;color:#fff} .tr-ft-brand em{font-style:italic;color:#C4A35A} .tr-ft h4{font-family:'Cormorant Garamond',serif;font-size:15px;font-weight:600;color:#fff;margin-bottom:14px} .tr-ft-links{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:9px} .tr-ft-links a{font-size:14px;color:rgba(255,255,255,.5);text-decoration:none;transition:color .25s} .tr-ft-links a:hover{color:#fff} .tr-ft-bot{border-top:1px solid rgba(255,255,255,.06);padding-top:16px;display:flex;justify-content:space-between;font-size:12px;color:rgba(255,255,255,.5);flex-wrap:wrap;gap:8px} .tr-ft-bot a{color:rgba(255,255,255,.55);text-decoration:none} .tr-ft-bot a:hover{color:#fff} @media(max-width:768px){ .tr-ft-grid{grid-template-columns:1fr;gap:32px} .tr-ft-in{padding:0 20px} .tr-ft-bot{flex-direction:column;text-align:center} } /* ── COOKIES ── */ .tr-cookies{position:fixed;bottom:0;left:0;right:0;z-index:9999;background:#0D1B2A;color:rgba(255,255,255,.8);padding:18px 32px;display:none;align-items:center;justify-content:space-between;gap:20px;box-shadow:0 -4px 24px rgba(0,0,0,.2);font-family:'Outfit',sans-serif;font-size:14px;flex-wrap:wrap;border-top:1px solid rgba(255,255,255,.06)} .tr-cookies a{color:#C4A35A;text-decoration:underline} .tr-cookie-yes{padding:9px 20px;background:#1B4F7A;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-family:inherit;font-weight:600} .tr-cookie-no{padding:9px 20px;background:transparent;color:rgba(255,255,255,.65);border:1.5px solid rgba(255,255,255,.2);border-radius:8px;cursor:pointer;font-size:14px;font-family:inherit} /* ── MOBILE CTA BAR ── */ .mob-cta-bar{display:none;position:fixed;bottom:0;left:0;right:0;z-index:998;background:#1B4F7A;padding:14px 24px;text-align:center;box-shadow:0 -4px 20px rgba(0,0,0,.15)} .mob-cta-bar a{color:#fff;font-family:'Outfit',sans-serif;font-weight:600;font-size:15px;text-decoration:none}