*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--cr: #F4EFE7;--cr2: #EAE4D6;--ink: #1C1A16;--ink-mid: #52504A;--ink-light: #8A8780;--wh: #FFFFFF;--acc: #C8502A;--acc2: #F0E8E0;--gold: #B8860B;--border: rgba(28,26,22,.1);--border-h: rgba(28,26,22,.18);--header-h: 60px;--ff: "DM Sans", system-ui, sans-serif;--fd: "Playfair Display", Georgia, serif;--fm: "DM Mono", monospace}html{scroll-behavior:smooth}body{background:var(--cr);color:var(--ink);font-family:var(--ff);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;min-height:100vh}.site-header{position:fixed;top:0;left:0;right:0;z-index:1000;height:var(--header-h);background:#1c1a16f7;backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.06);display:flex;align-items:center}.header-inner{width:100%;max-width:1440px;margin:0 auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between;gap:12px}.brand{font-family:var(--fd);font-weight:700;font-size:1.25rem;color:#fff;text-decoration:none;letter-spacing:-.02em;flex-shrink:0}.brand-dot{color:var(--acc)}.main-nav{display:flex;align-items:center;gap:2px;flex:1;justify-content:center}.nav-item{display:flex;flex-direction:column;align-items:center;text-decoration:none;padding:7px 11px;border-radius:8px;border:1px solid transparent;transition:all .18s}.nav-label{font-size:.8rem;font-weight:700;color:#ffffffd9;line-height:1.2;white-space:nowrap}.nav-sub{font-family:var(--fm);font-size:.68rem;color:#ffffff59;font-weight:400}.nav-item:hover{background:#ffffff0d}.nav-item.active{background:#ffffff0a;border-color:#ffffff1a}.nav-item.active .nav-sub{color:var(--acc)}.nav-item.gold .nav-sub{color:var(--gold)}.nav-item.chat .nav-label{color:#0ff}.nav-item.chat .nav-sub{color:#10b981}.header-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.btn-rejoindre{padding:8px 14px;border-radius:6px;background:#fff;color:var(--ink);font-weight:700;font-size:.72rem;text-decoration:none;letter-spacing:.04em;transition:background .18s;white-space:nowrap}.btn-rejoindre:hover{background:#e8e4dc}.breadcrumb{background:var(--cr2);border-bottom:1px solid var(--border);padding:10px 24px;display:flex;align-items:center;gap:8px;font-size:.78rem;color:var(--ink-light)}.breadcrumb a{color:var(--ink-mid);text-decoration:none;font-weight:500;transition:color .15s}.breadcrumb a:hover{color:var(--acc)}.breadcrumb-sep{color:var(--border-h)}.breadcrumb-current{color:var(--ink);font-weight:500}.page-body{padding-top:var(--header-h);display:flex;min-height:100vh}.page-main{flex:1;min-width:0}.side-nav{position:fixed;top:calc(var(--header-h) + 16px);right:16px;z-index:900;width:160px;max-height:calc(100vh - var(--header-h) - 32px);overflow-y:auto;padding:12px 10px;background:#1c1a16f0;backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.06);border-radius:10px;scrollbar-width:none;display:flex;flex-direction:column;gap:2px}.side-nav::-webkit-scrollbar{display:none}.side-section{margin-bottom:6px}.side-parent{display:block;font-family:var(--fm);font-size:.6rem;letter-spacing:.1em;text-transform:uppercase;color:#ffffff73;padding:4px 10px 4px 12px;text-decoration:none;border-left:2px solid transparent;transition:all .18s;white-space:nowrap}.side-parent:hover,.side-parent.active{color:#ffffffd9;border-left-color:var(--gold);transform:translate(2px)}.side-child{display:block;font-size:.7rem;color:#ffffff4d;padding:2px 10px 2px 18px;text-decoration:none;border-left:2px solid transparent;transition:all .16s;white-space:nowrap;line-height:1.7}.side-child:hover{color:#ffffffbf;border-left-color:#c8502a66;transform:translate(2px)}.side-child.active{color:var(--acc);border-left-color:var(--acc)}.side-sep{width:20px;height:1px;background:#ffffff0d;margin:5px 12px}.site-footer{background:var(--ink);color:#ffffff8c;padding:48px 0 32px;margin-top:80px;font-size:.82rem}.footer-inner{max-width:1440px;margin:0 auto;padding:0 28px;display:flex;flex-direction:column;gap:28px}.footer-top{display:grid;grid-template-columns:1fr auto 1fr;align-items:start;gap:40px}.footer-brand .fb-name{font-family:var(--fd);font-size:1.2rem;font-weight:700;color:#fff;display:block;margin-bottom:4px}.footer-brand .fb-dot{color:var(--acc)}.footer-brand p{font-size:.78rem;color:#fff6;line-height:1.5;max-width:260px}.footer-social{display:flex;flex-direction:column;align-items:center;gap:10px}.social-label{font-family:var(--fm);font-size:.6rem;letter-spacing:.1em;text-transform:uppercase;color:#ffffff40}.social-links{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.social-link{display:flex;align-items:center;gap:5px;text-decoration:none;font-size:.72rem;font-weight:600;padding:7px 12px;border-radius:6px;border:1px solid rgba(255,255,255,.08);background:#ffffff08;color:#fff9;transition:all .18s;letter-spacing:.04em}.social-link:hover{border-color:#c8502a66;color:#fff;background:#c8502a14}.footer-links-col{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.footer-link{font-size:.75rem;color:#ffffff59;text-decoration:none;transition:color .15s}.footer-link:hover{color:#ffffffbf}.footer-bottom{border-top:1px solid rgba(255,255,255,.06);padding-top:20px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px}.footer-disclaimer{font-size:.7rem;color:#ffffff40;font-style:italic;max-width:600px;line-height:1.5}.footer-copy{font-family:var(--fm);font-size:.65rem;color:#fff3;white-space:nowrap}.wrap{max-width:1440px;margin:0 auto;padding:0 28px}@media(max-width:1100px){.side-nav{display:none}}@media(max-width:1024px){.main-nav{display:none}}@media(max-width:640px){.wrap{padding:0 16px}.footer-top{grid-template-columns:1fr;gap:24px}.footer-links-col{align-items:flex-start}.footer-bottom{flex-direction:column;align-items:flex-start}}