.novi-affiliation{max-width:1140px;margin:30px auto 45px;padding:0 20px;color:#243044;line-height:1.65;box-sizing:border-box}
.novi-affiliation *{box-sizing:border-box}
.novi-affiliation .na-hero{padding:45px 38px;border:1px solid #f4d5c7;border-radius:20px;background:linear-gradient(120deg,#fff4ed,#fff9f5 65%,#fff);position:relative;overflow:hidden}
.novi-affiliation .na-eyebrow{margin:0 0 12px;color:#a33d19;font-size:13px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase}
.novi-affiliation h1{max-width:800px;margin:0 0 20px;font-size:clamp(29px,4vw,46px);font-weight:750;line-height:1.15;color:#202b3d}
.novi-affiliation .na-intro{max-width:760px;margin:0 0 24px;font-size:18px}
.novi-affiliation .na-actions{display:flex;gap:14px;align-items:center;flex-wrap:wrap}
.novi-affiliation .na-button{display:inline-flex;justify-content:center;align-items:center;min-height:46px;padding:12px 22px;border-radius:8px;background:#ac3c16;color:#fff;text-decoration:none;font-weight:700;text-align:center;line-height:1.35}
.novi-affiliation .na-button:hover{background:#8f2f10;color:#fff;text-decoration:none}
.novi-affiliation .na-link{color:#8f3417;text-decoration:underline;text-underline-offset:4px;font-weight:600}
.novi-affiliation a:focus-visible,.novi-affiliation summary:focus-visible{outline:3px solid #245e9c;outline-offset:4px}
.novi-affiliation .na-note{margin:14px 0 0;font-size:13px;color:#596170}
.novi-affiliation .na-section{margin-top:34px;scroll-margin-top:110px}
.novi-affiliation h2{margin:0 0 14px;font-size:clamp(23px,3vw,30px);line-height:1.3;color:#202b3d}
.novi-affiliation h3{margin:0 0 10px;font-size:19px;line-height:1.4;color:#202b3d}
.novi-affiliation p{margin:0 0 14px}
.novi-affiliation .na-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.novi-affiliation .na-card{padding:24px;border:1px solid #e2e5e9;border-radius:14px;background:#fff;min-width:0}
.novi-affiliation .na-card p:last-child{margin-bottom:0}
.novi-affiliation .na-number{display:inline-flex;width:34px;height:34px;align-items:center;justify-content:center;border-radius:50%;background:#fff0e6;color:#993612;font-weight:750;margin-bottom:14px}
.novi-affiliation #na-fonctionnement .na-number{font-size:28px;width:44px;height:44px}
.novi-affiliation .na-two{grid-template-columns:repeat(2,minmax(0,1fr))}
.novi-affiliation .na-tag{display:block;margin-bottom:10px;color:#a33d19;font-weight:700;font-size:13px;text-transform:uppercase;letter-spacing:.5px}
.novi-affiliation ul{margin:12px 0 0;padding-left:21px}
.novi-affiliation li{margin-bottom:8px}
.novi-affiliation details{border-bottom:1px solid #e2e5e9;padding:17px 0}
.novi-affiliation summary{cursor:pointer;font-weight:650;color:#243044;padding-right:10px}
.novi-affiliation details p{margin:12px 0 0}
.novi-affiliation .na-final{padding:30px;border-radius:16px;background:#f4f6f8;text-align:center}
.af-page{max-width:1180px;margin:110px auto 40px;padding:20px;font-family:Arial,sans-serif;color:#243442}
.af-page h1{font-size:28px}
.af-box{padding:20px;border:1px solid #dbe2e8;border-radius:10px;margin:18px 0;background:#fff}
.af-page label{display:block;margin:12px 0}
.af-page input:not([type=checkbox]){display:block;padding:9px;border:1px solid #b7c5d0;border-radius:5px;max-width:100%;box-sizing:border-box}
.af-page button,.af-page a.af-button{display:inline-block;background:#175b80;color:#fff;padding:10px 14px;border:0;border-radius:5px;cursor:pointer;text-decoration:none}
.af-scroll{overflow-x:auto}
.af-page table{width:100%;border-collapse:collapse}
.af-page td,.af-page th{padding:10px;text-align:left;border-bottom:1px solid #e1e6eb}
.af-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px}
.af-page [role=alert]{color:#a02020}
.af-note{color:#506575;font-size:14px}
.af-page code{overflow-wrap:anywhere}
/* Positionnement limité aux deux pages publiques d’affiliation. */
main.novi-affiliation,main.af-page.af-inscription{box-sizing:border-box;max-width:1180px;width:calc(100% - var(--af-layout-left,calc(5vw + 25px)) - 20px);margin:var(--af-layout-top,190px) 20px 40px var(--af-layout-left,calc(5vw + 25px));padding:0;text-align:left;min-width:0}
main.novi-affiliation{max-width:1140px}
main.novi-affiliation .na-final{text-align:left}
main.novi-affiliation .na-section{scroll-margin-top:var(--af-header-offset,190px)}
@media(min-width:1101px){.novi-affiliation #na-fonctionnement .na-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:767px){.novi-affiliation{padding:0 14px;margin-top:20px}.novi-affiliation .na-hero{padding:28px 22px}.novi-affiliation .na-grid{grid-template-columns:1fr}.novi-affiliation .na-intro{font-size:16px}.novi-affiliation .na-section{margin-top:26px}.novi-affiliation .na-card{padding:21px}.novi-affiliation .na-final{padding:26px 20px}}
@media(max-width:600px){.af-page{margin-top:85px;padding:12px}.af-box{padding:12px}.af-page h1{font-size:23px}}
@media(max-width:480px){.novi-affiliation .na-hero{padding:25px 18px}.novi-affiliation .na-actions{align-items:stretch;flex-direction:column}.novi-affiliation .na-actions .na-link{text-align:center;padding:7px}.novi-affiliation .na-button{width:100%}}
@media(max-width:767px){main.novi-affiliation,main.af-page.af-inscription{width:calc(100% - var(--af-layout-left,20px) - 16px);margin-right:16px;margin-left:var(--af-layout-left,20px)}}
#na-fonctionnement .na-number { font-size:28px;width:44px;height:44px; }