/* En-tête, fil d'Ariane et pied de page communs. Préfixe sx- pour ne pas gêner le style propre de chaque page. */
.sx-in{max-width:1040px;margin:0 auto;padding:0 16px}
.sx-skip{position:absolute;left:-999px;top:8px;z-index:50;background:#f0c36a;color:#08071c;padding:6px 12px;border-radius:8px}
.sx-skip:focus{left:8px}
.sx-top{border-bottom:1px solid rgba(190,182,255,.16);background:rgba(8,7,28,.82);backdrop-filter:blur(8px);position:sticky;top:0;z-index:40}
.sx-top .sx-in{display:flex;flex-wrap:wrap;align-items:center;gap:6px 18px;padding-top:10px;padding-bottom:10px}
.sx-logo{display:flex;align-items:center;gap:10px;color:#ece9fb;text-decoration:none;white-space:nowrap}
.sx-logo img{display:block;width:36px;height:36px;margin:-4px}
.sx-logo span{display:flex;flex-direction:column;line-height:1.05}
.sx-logo b{font:400 1.3rem "Marcellus",Georgia,serif;letter-spacing:.01em}
.sx-logo b i{font-style:normal;color:#f0c36a}
.sx-logo small{font:600 .72rem "Nunito Sans",system-ui,sans-serif;color:#a9a6c9;letter-spacing:.02em;margin-top:2px}
.sx-logo:hover small{color:#f0c36a}
.sx-nav{display:flex;flex-wrap:wrap;gap:4px;margin-left:auto}
.sx-nav a{font:600 .9rem "Nunito Sans",system-ui,sans-serif;color:#a9a6c9;text-decoration:none;padding:4px 10px;border-radius:999px;border:1px solid transparent}
.sx-nav a:hover{color:#ece9fb;border-color:rgba(190,182,255,.3)}
.sx-nav a[aria-current]{color:#ece9fb;border-color:#f0c36a}
@media (max-width:620px){.sx-nav{margin-left:0;width:100%}.sx-nav a{padding:3px 9px;font-size:.85rem}}
.sx-fil{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 16px;padding-top:12px;font:.86rem/1.5 "Nunito Sans",system-ui,sans-serif;color:#7d7aa3}
.sx-ariane a{color:#a9a6c9;text-decoration:none}
.sx-ariane a:hover{color:#f0c36a}
.sx-ariane span{color:#ece9fb}
.sx-pied{margin-top:48px;border-top:1px solid rgba(190,182,255,.16);padding:22px 0 34px;font:.88rem/1.6 "Nunito Sans",system-ui,sans-serif;color:#7d7aa3}
.sx-pied p{margin:0 0 10px;max-width:680px}
.sx-pied nav{display:flex;flex-wrap:wrap;gap:6px 16px;margin:0 0 12px}
.sx-pied a{color:#a9a6c9;text-decoration:none}
.sx-pied a:hover,.sx-pied a[aria-current]{color:#f0c36a}
.sx-lang a{margin-right:12px}
.sx-copy{color:#5f5c86}