/* Navigation et découpage du site existant : couleurs, effets et pictogrammes BSF conservés. */
:root{--os-nav-height:122px}
html{scroll-padding-top:calc(var(--os-nav-height) + 20px)}
.os-site-nav .nav-l,.os-site-nav .os-mobile-nav,.os-site-nav .nav-cat{display:none!important}
.os-site-nav.nav>.wrap{height:64px}
.os-pages-nav{border-top:1px solid var(--line,rgba(255,255,255,.12));background:rgba(5,7,12,.97)}
.os-site-nav .os-pages-nav>.wrap{display:flex;align-items:stretch;justify-content:center;gap:6px;height:auto;min-height:56px;padding-block:5px}
.os-pages-nav a{display:flex;align-items:center;justify-content:center;min-height:44px;padding:7px 17px;text-decoration:none;font-size:14px;font-weight:500;line-height:1.35;color:var(--tx2,#aab4c6);border:1px solid transparent;border-radius:10px;text-align:center}
.os-pages-nav a:hover{background:rgba(255,255,255,.055);color:var(--tx,#eef2f9)}
.os-pages-nav a[aria-current="page"]{color:var(--tx,#eef2f9);border-color:rgba(46,174,230,.5);background:rgba(46,174,230,.13);box-shadow:inset 0 -2px #2eaee6}
.os-nav-hint{font-size:12px;color:var(--tx2);letter-spacing:.015em}
.os-site-nav .brand{margin-right:12px}
.os-site-nav .nav-wa{margin-left:0}
.os-subhero.hero{padding-bottom:34px;border-bottom:1px solid var(--line)}
.os-subhero h1{max-width:1050px;font-size:clamp(40px,5.7vw,78px);line-height:1.02;margin-top:24px}
.os-subhero .os-page-lead{font-size:clamp(16px,1.6vw,20px);line-height:1.6;color:var(--tx2);max-width:70ch;margin-top:22px}
.os-breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:10px;font:500 11px/1.4 var(--mono,monospace);color:var(--tx2)}
.os-breadcrumb a{display:inline-flex;align-items:center;min-height:32px;text-underline-offset:4px}
.os-breadcrumb>span:last-child{color:var(--tx)}
.os-section-nav{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}
.os-section-nav a{display:inline-flex;align-items:center;min-height:44px;padding:8px 13px;border:1px solid var(--line-ctl);border-radius:10px;text-decoration:none;font-size:13px;color:var(--tx2)}
.os-section-nav a:hover{color:var(--tx);border-color:var(--blue)}
.os-next-links{display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px;border-top:1px solid var(--line);padding:26px 0 38px}
.os-next-links a{display:inline-flex;align-items:center;min-height:44px;gap:10px;font-size:15px;color:var(--tx2);text-underline-offset:5px}
.os-next-links a:last-child{color:var(--or)}
.os-home-explore .sh{margin-bottom:24px}
.os-home-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.os-home-grid .tile{display:flex;flex-direction:column;align-items:flex-start;gap:12px;min-height:218px;padding:24px;text-decoration:none}
.os-home-grid .tile h3{font-size:23px;line-height:1.15;letter-spacing:-.025em}
.os-home-grid .tile p{font-size:14px;color:var(--tx2);line-height:1.55}
.os-home-grid .tile .go{margin-top:auto;font-size:13px;color:var(--blue);position:static}
.os-home-grid .os-guide-path-number{font-size:12px}
.os-home-contact{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:18px;margin-top:28px;padding:24px;border:1px solid var(--line);border-radius:20px;background:var(--panel)}
.os-home-contact h3{font-size:clamp(23px,2.3vw,32px);line-height:1.2;letter-spacing:-.025em}
.os-home-contact p{color:var(--tx2);font-size:14px;margin-top:8px}
.os-home-contact .btns{margin-top:0}
.os-legacy-links{margin-top:20px;font-size:13px;color:var(--tx2)}
.os-legacy-links summary{cursor:pointer;min-height:44px;display:flex;align-items:center;text-decoration:underline;text-underline-offset:4px}
.os-legacy-links nav{display:flex;flex-wrap:wrap;gap:8px}
.os-legacy-links a{display:inline-flex;align-items:center;min-height:44px;padding:6px 12px;border:1px solid var(--line);border-radius:8px}
.os-about-copy{margin-top:26px}
.os-about-copy>.os-guide-details{margin-top:0}
.os-about-copy .bento{margin-top:24px}
body[data-os-section="home"] .hero{padding-bottom:12px}
body[data-os-section="home"] .hero-grid{align-items:center}
body[data-os-section="home"] .os-home-explore{padding-top:48px}
body[data-os-section] .btn{white-space:normal;line-height:1.4;text-align:center;justify-content:center;padding-block:12px}
body[data-os-section] [id]{scroll-margin-top:18px}
@media(max-width:1000px){.os-pages-nav a{padding-inline:12px;font-size:13px}.os-home-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.os-nav-hint{display:none}}
@media(max-width:640px){
 :root{--os-nav-height:163px}
 .os-site-nav.nav>.wrap{height:64px;gap:6px}
 .os-site-nav .brand{font-size:13px;gap:8px;margin-right:0}
 .os-site-nav .brand svg{width:24px;height:24px}
 .os-site-nav .nav-wa{min-width:44px;width:44px;padding:0;justify-content:center}
 .os-site-nav .nav-wa svg{display:block}
 .os-site-nav .nav-wa .wa-t,.os-site-nav .nav-wa .wa-l,.os-site-nav .nav-wa>span:not(.sr){display:none}
 .os-site-nav .btn-print{min-width:44px;width:44px;padding:0;justify-content:center}
 .os-site-nav .btn-print span{display:none!important}
 .os-site-nav .nav-cmd{min-width:44px;width:44px;padding:0;justify-content:center}
 .os-site-nav .nav-cmd>span,.os-site-nav .nav-cmd kbd{display:none}
 .os-site-nav .os-pages-nav>.wrap{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:3px;padding-block:5px;width:calc(100% - 20px)}
 .os-pages-nav a{font-size:11.5px;min-height:44px;padding:5px 3px;line-height:1.3}
 .os-subhero.hero{padding-bottom:26px}
 .os-subhero h1{font-size:clamp(36px,9vw,50px);margin-top:18px}
 .os-subhero .os-page-lead{margin-top:18px}
 .os-section-nav{gap:7px;margin-top:20px}
 .os-section-nav a{font-size:12px;padding-inline:10px}
 .os-home-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 .os-home-grid .tile{padding:18px;min-height:210px;gap:10px}
 .os-home-grid .tile h3{font-size:20px}
 .os-home-grid .tile p{font-size:12px}
 .os-home-grid .tile .go{font-size:12px}
 .os-home-contact{padding:20px}
 .os-home-contact .btns{width:100%;gap:8px}
 .os-home-contact .btn{flex:1;font-size:13px}
}
@media(max-width:360px){.os-home-grid{grid-template-columns:1fr}.os-home-grid .tile{min-height:165px}.os-site-nav .brand{font-size:12px}}
@media print{.os-pages-nav,.os-section-nav,.os-next-links,.os-home-explore,.os-legacy-links{display:none!important}.os-subhero.hero{padding-top:0!important;background:none}.os-breadcrumb{display:none}.os-page-lead{color:#333!important}}
