/* Éléments communs : menu et pied de page uniquement */
.page{width:100%;min-height:100vh;background:#fff}
.topbar{position:fixed;top:0;left:0;right:0;z-index:50;height:92px;background:rgba(3,19,38,.96);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.08)}
.topbar-inner{max-width:1180px;height:100%;margin:0 auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between;gap:28px}
.logo{display:flex;flex-direction:column;line-height:1;min-width:205px}.logo img{width:205px;height:auto;display:block}
.nav{display:flex;align-items:center;justify-content:center;gap:26px;color:#fff;font-size:14px;font-weight:700;flex:1}.nav a{position:relative;opacity:.95;transition:.2s ease}.nav a:hover{color:var(--gold2,var(--gold-2,#ffd166))}.nav a.active::after{content:"";position:absolute;left:0;bottom:-23px;width:52px;height:3px;border-radius:50px;background:var(--gold,#f8b935)}
.topbar-actions{display:flex;align-items:center;gap:12px}.mobile-menu{display:none;color:#fff;border:1px solid rgba(255,255,255,.25);border-radius:8px;padding:10px 12px;font-weight:800;background:transparent}.btn-learner{background:rgba(255,255,255,.08)!important;color:#fff!important;border:1px solid rgba(255,255,255,.26)!important;box-shadow:none!important}.btn-learner:hover{background:rgba(248,185,53,.14)!important;color:var(--gold2,var(--gold-2,#ffd166))!important;transform:translateY(-2px)}.learner-icon{font-size:15px;line-height:1}
.footer-contact{background:#f6f8fb;border-top:1px solid rgba(9,24,47,.08);padding:25px 24px}.footer-inner{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:1.15fr 1.15fr .9fr 180px auto;gap:24px;align-items:center}.contact-item{display:grid;grid-template-columns:32px 1fr;gap:14px;align-items:center;color:var(--navy,#031326)}.contact-item svg{color:var(--navy,#031326)}.contact-item span{display:block;font-size:12px;font-weight:700;color:#3d4c62;margin-bottom:4px}.contact-item strong{font-size:14px;line-height:1.4}.qualiopi-link{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;color:var(--navy,#031326);font-size:12px;font-weight:900;text-align:center;transition:.22s}.qualiopi-link:hover{transform:translateY(-2px)}.qualiopi-link img{width:150px;height:auto;display:block;object-fit:contain}.footer-btn{background:var(--navy,#031326);color:#fff;padding:18px 28px;border-radius:8px;font-weight:900;display:inline-flex;gap:18px;align-items:center;justify-content:center;transition:.22s}.footer-btn:hover{transform:translateY(-2px);background:#071f3c}.footer-legal{max-width:1180px;margin:22px auto 0;padding-top:18px;border-top:1px solid rgba(9,24,47,.08);display:flex;justify-content:center;align-items:center;gap:18px;flex-wrap:wrap;color:#3d4c62;font-size:13px;font-weight:700;text-align:center}.footer-legal .footer-credit{color:var(--navy,#031326);font-weight:900}.footer-legal .mentions-link{color:#3d4c62;font-weight:400;text-decoration:none}.footer-legal .mentions-link:hover{text-decoration:underline}
@media(max-width:1100px){.nav{display:none}.mobile-menu{display:inline-flex}.nav.open{display:flex;position:absolute;top:92px;left:0;right:0;background:rgba(3,19,38,.98);flex-direction:column;padding:22px 24px;gap:18px;border-top:1px solid rgba(255,255,255,.08);box-shadow:0 18px 35px rgba(3,19,38,.22)}.nav.open a{width:100%;text-align:center;padding:10px 0}.nav.open a.active::after{display:none}.contact-header{display:none}.btn-learner{padding:13px 16px}.footer-inner{grid-template-columns:1fr}}
@media(max-width:760px){.topbar{height:78px}.topbar-inner{padding:0 18px}.nav.open{top:78px}.topbar-actions{gap:10px}.btn-learner{padding:10px 12px!important;font-size:12px;border-radius:8px}}
@media(max-width:520px){.btn-learner .learner-label{font-size:0}.btn-learner .learner-label::after{content:"Apprenant";font-size:12px}}