/* Page de connexion : fond « Sombre », marque en haut, présentation déroulante dessous. */
body.page-connexion { background: #060b1c url('/img/fond/sombre.webp') right center / cover no-repeat fixed; min-height: 100dvh; color: #eaf1ff; }
body.page-connexion::before { display: none; }
.marque-connexion { text-align: center; padding: 28px 12px 4px; }
.marque-connexion a.mot { display: inline-block; text-decoration: none; }
.marque-connexion .mot { font-size: clamp(34px, 8vw, 56px); font-weight: 300; color: #fff; letter-spacing: -1px; font-family: 'Segoe UI','Helvetica Neue',Arial,sans-serif; }
.marque-connexion .sl { color: #5fb8ff; font-weight: 700; }
.marque-connexion sup { font-size: .35em; }
.marque-connexion .devise { letter-spacing: .28em; font-size: 12px; text-transform: uppercase; color: #9db7e6; margin-top: 2px; }
.presentation { margin: 26px 0 0; display: grid; gap: 8px; color: #eaf1ff; }
.presentation h2 { font-size: 18px; margin: 0; text-align: center; color: #fff; text-shadow: none; }
.presentation .presentation-intro { margin: 0 0 8px; text-align: center; font-size: 13.5px; line-height: 1.4; color: #b9c9ea; }
.presentation-menu { background: rgba(14,24,56,.72); border: 1px solid rgba(120,160,255,.28); border-radius: 12px; backdrop-filter: blur(4px); }
.presentation-menu summary { cursor: pointer; list-style: none; display: grid; grid-template-columns: 1fr auto; gap: 2px 10px; align-items: center; padding: 12px 14px; }
.presentation-menu summary::-webkit-details-marker { display: none; }
.presentation-menu summary b { font-size: 15px; color: #fff; }
.presentation-menu summary span { grid-column: 1; font-size: 12.5px; color: #9db7e6; }
.presentation-menu summary::after { content: ''; grid-column: 2; grid-row: 1 / span 2; width: 9px; height: 9px; border-right: 2px solid #5fb8ff; border-bottom: 2px solid #5fb8ff; transform: rotate(45deg); transition: transform .2s; }
.presentation-menu[open] summary::after { transform: rotate(-135deg); }
.presentation-menu ul { margin: 0; padding: 0 16px 14px 32px; font-size: 13.5px; line-height: 1.45; color: #dbe6ff; }
.presentation-menu li { margin: 4px 0; }
.presentation-menu summary:focus-visible { outline: 2px solid #5fb8ff; outline-offset: 2px; border-radius: 12px; }
@media (min-width: 900px) { body.page-connexion { background-position: center; } }
.presentation h2, body.page-connexion .accueil .presentation h2 { background: none; box-shadow: none; padding: 0; display: block; }
body.page-connexion .accueil .compte strong { color: #0c2d32; }