*{box-sizing:border-box}body{margin:0;background:#F7FAFD;color:#0F1B3D;font-family:'Nunito',system-ui,sans-serif;-webkit-font-smoothing:antialiased;background-image:linear-gradient(rgba(229,237,245,.7) 1px,transparent 1px),linear-gradient(90deg,rgba(229,237,245,.7) 1px,transparent 1px);background-size:28px 28px;background-attachment:fixed}
a{color:#1E50C2;text-underline-offset:3px}a:hover{color:#0F1B3D}
input,select,textarea,button{font-family:inherit;font-size:inherit}
.wrap{max-width:1180px;margin:0 auto;padding:0 24px}
h1,h2,h3,.baloo{font-family:'Baloo 2',sans-serif;font-weight:800}
h1{margin:0;font-size:clamp(34px,4.5vw,52px);line-height:1.05}
header{position:sticky;top:0;z-index:10;background:rgba(247,250,253,.95);backdrop-filter:blur(6px);border-bottom:1px solid #D9E4EF}
.top{display:flex;align-items:center;gap:24px;flex-wrap:wrap;padding:14px 24px}
.logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:#0F1B3D}
.logo-mark{width:36px;height:36px;border-radius:10px;background:#2563D9;color:#fff;display:grid;place-items:center;font-family:'Baloo 2';font-weight:800;font-size:22px;line-height:1}
.logo-txt{font-family:'Baloo 2';font-weight:800;font-size:22px}.logo-txt span{color:#1E50C2}
nav.main{display:flex;gap:4px;flex-wrap:wrap;flex:1}
.ni{position:relative}
.ni>a{display:flex;gap:6px;align-items:center;padding:8px 14px;border-radius:999px;font-weight:700;font-size:15px;white-space:nowrap;color:#0F1B3D;text-decoration:none}
.ni>a:hover{background:#E6EFF7;color:#0F1B3D}.ni>a.on{background:#E2ECF6;color:#1E50C2}
.caret{font-size:11px;opacity:.6}
.dd{display:none;position:absolute;top:100%;left:0;padding-top:6px;z-index:30}.dd.r{left:auto;right:0}
.ni:hover .dd,.ni:focus-within .dd{display:block}
.dd-in{background:#fff;border:1.5px solid #D9E4EF;border-radius:16px;padding:16px 18px;display:grid;grid-auto-flow:column;gap:28px;box-shadow:0 20px 40px -20px rgba(31,34,48,.35);width:max-content}
.dd-col{display:flex;flex-direction:column;gap:2px;min-width:180px}
.dd-t{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:#5B5F6B;padding:0 8px 6px}
.dd-col a{padding:7px 8px;border-radius:8px;font-weight:700;font-size:15px;color:#0F1B3D;white-space:nowrap;text-decoration:none}.dd-col a:hover{background:#F0F6FC;color:#1E50C2}
.acts{display:flex;gap:8px;align-items:center}
.btn{display:inline-block;padding:12px 20px;border-radius:12px;background:#2563D9;color:#fff;font-weight:800;text-decoration:none;border:0;cursor:pointer;text-align:center}.btn:hover{background:#1D4FB8;color:#fff}
.btn.dark{background:#0F1B3D}.btn.dark:hover{background:#2563D9}
.btn.out{background:transparent;color:#0F1B3D;border:1.5px solid #0F1B3D}.btn.out:hover{background:#E6EFF7;color:#0F1B3D}
.pill{padding:9px 16px;border-radius:999px;font-size:15px;white-space:nowrap}
.sub{border-top:1px solid #D9E4EF;background:#F7FAFD}
.sub .wrap{display:flex;gap:2px;flex-wrap:wrap}
.sub .ni>a{border-radius:0;padding:12px 14px;font-weight:800;border-bottom:3px solid transparent}
.sub .ni>a span[style]{font-size:13px;margin-left:0!important;opacity:.85!important;font-weight:700!important}
.sub .ni>a:hover{background:none;color:#1E50C2}.sub .ni>a.on{background:none;color:#1E50C2;border-bottom-color:#2563D9}
main{padding:40px 0 80px}
.crumb{display:flex;gap:8px;font-size:14px;color:#5B5F6B;flex-wrap:wrap;margin-bottom:24px}.crumb a{color:#5B5F6B}
.lead{margin:10px 0 0;font-size:18px;line-height:1.55;color:#4B4F5B;max-width:720px}
.stack{display:flex;flex-direction:column;gap:28px}
.card{background:#fff;border:1.5px solid #D9E4EF;border-radius:18px}
a.card{color:inherit;text-decoration:none;display:flex;flex-direction:column;transition:transform .15s,border-color .15s}a.card:hover{border-color:#2563D9;transform:translateY(-2px);color:inherit}
.grid{display:grid;gap:18px}
.g260{grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr))}.g300{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr))}.g230{grid-template-columns:repeat(auto-fill,minmax(min(100%,230px),1fr));gap:22px}
.ph{background:repeating-linear-gradient(135deg,#EEF3F9 0 10px,#DCE6F0 10px 20px);display:grid;place-items:center;position:relative}
.ph-l{font-family:ui-monospace,Menlo,monospace;font-size:12px;color:#6B6F7A;background:#F7FAFD;padding:4px 8px;border-radius:6px}
.tag{padding:3px 9px;border-radius:999px;font-weight:800;font-size:12px}
.kick{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:#1E50C2}
.muted{color:#5B5F6B}
.list{display:flex;flex-direction:column;overflow:hidden}
.row{display:grid;grid-template-columns:110px minmax(0,1fr) auto;gap:16px;align-items:center;padding:16px 20px;border-top:1px solid #E8EEF5;color:inherit;text-decoration:none}.row:first-child{border-top:0}a.row:hover{background:#F0F6FC;color:inherit}
.badge{padding:4px 10px;border-radius:999px;font-size:13px;font-weight:800;border:1.5px solid #0F1B3D;background:#fff;white-space:nowrap}.badge.p{background:#0F1B3D;color:#fff}
.chips{display:flex;gap:6px;flex-wrap:wrap}.chip{padding:7px 14px;border-radius:999px;font-weight:800;font-size:14px;background:#E6EFF7;color:#0F1B3D;text-decoration:none}.chip:hover,.chip.on{background:#0F1B3D;color:#fff}
.chip.acc{background:#fff;border:1.5px solid #D9E4EF}.chip.acc.on{background:#2563D9;border-color:#2563D9;color:#fff}
.prose{max-width:760px;display:flex;flex-direction:column;gap:18px}.prose p{margin:0;font-size:17px;line-height:1.7;color:#3B3F4B;text-wrap:pretty}.prose h2{margin:14px 0 0;font-size:26px;line-height:1.15}
label.f{display:flex;flex-direction:column;gap:6px;font-weight:700;font-size:15px}
label.f input,label.f select,label.f textarea{padding:12px 14px;border-radius:10px;border:1.5px solid #C9D6E3;background:#F7FAFD;outline:none}
footer{border-top:1px solid #D9E4EF;background:#EEF4FA}
.fgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:28px;padding:40px 24px;font-size:15px}
.fcol{display:flex;flex-direction:column;gap:8px}.fcol a{color:#4B4F5B;text-decoration:none}.fcol a:hover{color:#1E50C2}
.copy{border-top:1px solid #D9E4EF}.copy .wrap{padding:18px 24px;font-size:14px;color:#5B5F6B}
.hero{height:clamp(260px,36vw,400px);border-radius:24px;overflow:hidden;background:#DCE6F0}.hero img{width:100%;height:100%;object-fit:cover;display:block}
.yr{display:grid;grid-template-columns:110px minmax(0,1fr);gap:16px;align-items:start;padding:18px 20px;border-top:1px solid #E8EEF5}.yr:first-child{border-top:0}
.doc{display:flex;align-items:center;gap:10px;padding:8px 8px 8px 14px;border-radius:12px;background:#F7FAFD;border:1.5px solid #D9E4EF}
.doc a{white-space:nowrap;padding:6px 12px;border-radius:8px;background:#0F1B3D;color:#fff;font-weight:800;font-size:13px;text-decoration:none}.doc a:hover{background:#2563D9;color:#fff}.doc span{flex-shrink:0;white-space:nowrap}.doc a.lk{background:#fff;color:#0F1B3D;box-shadow:inset 0 0 0 1.5px #0F1B3D}.doc a.lk:hover{background:#2563D9;color:#fff;box-shadow:none}
/* thème enfants – calme et rassurant */
body{background-color:#FFF9EE;background-image:radial-gradient(rgba(37,99,217,.08) 1.4px,transparent 1.6px);background-size:26px 26px}
header{background:rgba(255,255,255,.97);border-bottom:0;box-shadow:0 8px 24px -18px rgba(15,27,61,.4)}
.ni>a{font-weight:800;color:#24304F}
.ni>a:hover{background:#FFF1CC;color:#0F1B3D}.ni>a.on{background:#2563D9;color:#fff}
nav.main{gap:6px}nav.main .ni>a{transition:background .15s,color .15s}
.dd-in{border:0;border-radius:22px;padding:18px 20px;box-shadow:0 0 0 2px #EEF2F8,0 24px 48px -20px rgba(15,27,61,.35)}
.dd-t{color:#2563D9}
.dd-col a{border-radius:12px}.dd-col a:hover{background:#FFF4D6;color:#0F1B3D}
.btn{border-radius:14px;box-shadow:0 4px 0 rgba(15,27,61,.28);transition:transform .1s,box-shadow .1s,background .15s}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(3px);box-shadow:0 1px 0 rgba(15,27,61,.28)}
.btn.out{box-shadow:none;border-width:2px}.btn.out:hover{background:#FFF1CC}
.sub{background:#fff;border-top:1px solid #F1EADC}
.sub .wrap{gap:8px;padding-top:10px;padding-bottom:10px}
.sub .ni>a{border-radius:999px;padding:8px 14px;border-bottom:0!important;font-weight:800;transition:background .15s,color .15s}
.sub .ni:nth-child(1)>a{background:#E3F6E8;color:#166534}.sub .ni:nth-child(1)>a:hover,.sub .ni:nth-child(1)>a.on{background:#16A34A;color:#fff}.sub .ni:nth-child(1) .dd-t{color:#16A34A}
.sub .ni:nth-child(2)>a{background:#DDF4F1;color:#115E59}.sub .ni:nth-child(2)>a:hover,.sub .ni:nth-child(2)>a.on{background:#0D9488;color:#fff}.sub .ni:nth-child(2) .dd-t{color:#0D9488}
.sub .ni:nth-child(3)>a{background:#E0ECFF;color:#1E40AF}.sub .ni:nth-child(3)>a:hover,.sub .ni:nth-child(3)>a.on{background:#2563D9;color:#fff}.sub .ni:nth-child(3) .dd-t{color:#2563D9}
.sub .ni:nth-child(4)>a{background:#EDE7FF;color:#5B21B6}.sub .ni:nth-child(4)>a:hover,.sub .ni:nth-child(4)>a.on{background:#7C3AED;color:#fff}.sub .ni:nth-child(4) .dd-t{color:#7C3AED}
.sub .ni:nth-child(5)>a{background:#FFEBD9;color:#9A3412}.sub .ni:nth-child(5)>a:hover,.sub .ni:nth-child(5)>a.on{background:#EA580C;color:#fff}.sub .ni:nth-child(5) .dd-t{color:#EA580C}
.sub .ni:nth-child(6)>a{background:#FFE4EE;color:#9D174D}.sub .ni:nth-child(6)>a:hover,.sub .ni:nth-child(6)>a.on{background:#DB2777;color:#fff}.sub .ni:nth-child(6) .dd-t{color:#DB2777}
.sub .ni:nth-child(7)>a{background:#E8EBF3;color:#0F1B3D}.sub .ni:nth-child(7)>a:hover,.sub .ni:nth-child(7)>a.on{background:#0F1B3D;color:#fff}.sub .ni:nth-child(7) .dd-t{color:#0F1B3D}
@media (max-width:1100px){nav.main{flex-wrap:nowrap;gap:4px}nav.main .ni>a{padding:8px 10px;font-size:14.5px}.top{gap:16px}.sub .wrap{gap:5px}.sub .ni>a{padding:8px 10px;font-size:14px}.sub .caret{display:none}}
.card{border:2px solid #F0E8D9;border-radius:22px;box-shadow:0 10px 24px -20px rgba(15,27,61,.35)}
a.card:hover{border-color:#FFC93C}
.lead{color:#4A4F5E}
.chip{background:#FFF1CC}.chip.acc{border-color:#F0E8D9}
a.row:hover{background:#FFF8E6}
.doc{background:#FFFDF8;border-color:#F0E8D9}
label.f input,label.f select,label.f textarea{background:#fff;border:2px solid #E6DCC8;border-radius:12px}label.f input:focus,label.f select:focus,label.f textarea:focus{border-color:#2563D9}
footer{background:#FFF3DC;border-top:0}.copy{border-top:1px solid #F1E3C6}
.fcol a:hover{color:#2563D9}
@media (max-width:640px){.row{grid-template-columns:minmax(0,1fr) auto}.row .rt{display:none}.yr{grid-template-columns:1fr}.dd{display:none!important}}
html{-webkit-text-size-adjust:100%}img{max-width:100%;height:auto}
.top,.sub .wrap,nav.main{scrollbar-width:none}.sub .wrap::-webkit-scrollbar,nav.main::-webkit-scrollbar{display:none}
@media (max-width:820px){
header{position:static}
.wrap{padding:0 16px}
.top{padding:10px 16px!important;gap:10px 12px;justify-content:space-between}
.logo img{height:38px!important}
.acts{gap:6px}.acts .pill{padding:8px 12px;font-size:14px}
nav.main{order:3;flex:1 1 100%;flex-wrap:nowrap;overflow-x:auto;margin:0 -16px;padding:0 12px 2px;-webkit-overflow-scrolling:touch}
.ni>a{padding:8px 12px;font-size:15px}
.sub .wrap{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;gap:6px}
.sub .ni>a{padding:8px 12px}
.dd,.caret{display:none!important}
main{padding:24px 0 56px}
h1{font-size:clamp(28px,8vw,40px)!important}
.lead{font-size:16px}
.prose p,.prose li{font-size:16px!important}
.prose h2{font-size:22px}
.crumb{font-size:13px;margin-bottom:16px}
.fgrid{grid-template-columns:1fr 1fr;padding:32px 16px;gap:24px}
.copy .wrap{padding:16px}
.hero{border-radius:16px;height:220px}
.btn{padding:12px 16px}
.chips{gap:6px}
}
@media (max-width:640px){
.row{grid-template-columns:minmax(0,1fr) auto;padding:14px 16px;gap:10px}.row .rt{display:none}
.yr{grid-template-columns:1fr;padding:16px}
.doc{flex-wrap:wrap}
table{font-size:14px!important}th,td{padding:8px!important}
.card[style*="padding:24px"]{padding:18px!important}
}
@media (max-width:400px){.acts .out{display:none}.fgrid{grid-template-columns:1fr}}

@media (min-width:821px) and (max-width:1100px){.top{flex-wrap:nowrap}nav.main{min-width:0;gap:3px}nav.main .ni>a{padding:8px 9px;font-size:14px}.logo img{height:52px!important}}

@media (min-width:821px) and (max-width:1100px){nav.main{flex-wrap:wrap;row-gap:6px}}
@media (min-width:1101px) and (max-width:1260px){nav.main .ni>a{padding:8px 11px;font-size:14.5px}nav.main{gap:4px}}

/* couleurs menu principal (par lien) */
nav.main .ni>a[href="index.html"]{background:#E0ECFF;color:#1E40AF}nav.main .ni>a[href="index.html"]:hover,nav.main .ni>a[href="index.html"].on{background:#2563D9;color:#fff}nav.main .ni:has(>a[href="index.html"]) .dd-t{color:#2563D9}
nav.main .ni>a[href="exercices-maths.html"]{background:#FFF1CC;color:#854D0E}nav.main .ni>a[href="exercices-maths.html"]:hover,nav.main .ni>a[href="exercices-maths.html"].on{background:#CA8A04;color:#fff}nav.main .ni:has(>a[href="exercices-maths.html"]) .dd-t{color:#CA8A04}
nav.main .ni>a[href="jeux-en-ligne.html"]{background:#FFE4E0;color:#B42318}nav.main .ni>a[href="jeux-en-ligne.html"]:hover,nav.main .ni>a[href="jeux-en-ligne.html"].on{background:#E5484D;color:#fff}nav.main .ni:has(>a[href="jeux-en-ligne.html"]) .dd-t{color:#E5484D}
nav.main .ni>a[href="quiz.html"]{background:#E3F6E8;color:#166534}nav.main .ni>a[href="quiz.html"]:hover,nav.main .ni>a[href="quiz.html"].on{background:#16A34A;color:#fff}nav.main .ni:has(>a[href="quiz.html"]) .dd-t{color:#16A34A}
nav.main .ni>a[href="dys-maths.html"]{background:#FAE8FF;color:#86198F}nav.main .ni>a[href="dys-maths.html"]:hover,nav.main .ni>a[href="dys-maths.html"].on{background:#A21CAF;color:#fff}nav.main .ni:has(>a[href="dys-maths.html"]) .dd-t{color:#A21CAF}
nav.main .ni>a[href="articles.html"]{background:#FFEBD9;color:#9A3412}nav.main .ni>a[href="articles.html"]:hover,nav.main .ni>a[href="articles.html"].on{background:#EA580C;color:#fff}nav.main .ni:has(>a[href="articles.html"]) .dd-t{color:#EA580C}
nav.main .ni>a[href="livres.html"]{background:#DDF4F1;color:#115E59}nav.main .ni>a[href="livres.html"]:hover,nav.main .ni>a[href="livres.html"].on{background:#0D9488;color:#fff}nav.main .ni:has(>a[href="livres.html"]) .dd-t{color:#0D9488}
nav.main .ni>a[href="contact.html"]{background:#EDE7FF;color:#5B21B6}nav.main .ni>a[href="contact.html"]:hover,nav.main .ni>a[href="contact.html"].on{background:#7C3AED;color:#fff}nav.main .ni:has(>a[href="contact.html"]) .dd-t{color:#7C3AED}
/* menu mobile */
.mb-btn,.mb-dr,.mb-bg{display:none}
@media (max-width:820px){
header{position:sticky;top:0;z-index:40}
nav.main,nav.sub{display:none!important}
.top{flex-wrap:nowrap!important;gap:8px!important}
.logo{margin-right:auto}
.mb-btn{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;width:52px;height:48px;border-radius:14px;border:0;background:#0F1B3D;cursor:pointer;flex:none;box-shadow:inset 0 -3px 0 rgba(0,0,0,.25)}
.mb-btn span{display:block;width:22px;height:2.5px;border-radius:2px;background:#fff}
.mb-btn em{font-style:normal;color:#fff;font-size:10px;font-weight:800;letter-spacing:.04em;line-height:1;margin-top:1px}
.mb-bg{display:block;position:fixed;inset:0;background:rgba(15,27,61,.5);z-index:90;opacity:0;pointer-events:none;transition:opacity .2s}
.mb-dr{display:flex;flex-direction:column;gap:6px;position:fixed;top:0;right:0;bottom:0;width:min(90vw,420px);background:#FFFBF3;z-index:91;transform:translateX(105%);visibility:hidden;transition:transform .25s,visibility .25s;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding:0 16px 40px;box-shadow:-20px 0 40px -20px rgba(0,0,0,.45)}
body.mb-open{overflow:hidden}body.mb-open .mb-bg{opacity:1;pointer-events:auto}body.mb-open .mb-dr{transform:none;visibility:visible}
.mb-hd{position:sticky;top:0;display:flex;align-items:center;justify-content:space-between;padding:14px 0 10px;background:#FFFBF3;z-index:1;font-family:'Baloo 2',sans-serif;font-size:24px}
.mb-x{width:46px;height:46px;border-radius:14px;border:0;background:#F1E8D6;color:#0F1B3D;font-size:20px;font-weight:800;cursor:pointer}
.mb-t{font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:#5B5F6B;margin:12px 2px 4px}
.mb-yrs{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.mb-y{display:flex;align-items:center;justify-content:center;min-height:50px;border-radius:14px;font-weight:800;font-size:16px;text-decoration:none;text-align:center;padding:6px 8px;box-shadow:inset 0 -3px 0 rgba(15,27,61,.1)}
.mb-y.y1{background:#E3F6E8;color:#166534}.mb-y.y1[aria-current]{background:#16A34A;color:#fff}.mb-y.y2{background:#DDF4F1;color:#115E59}.mb-y.y2[aria-current]{background:#0D9488;color:#fff}.mb-y.y3{background:#E0ECFF;color:#1E40AF}.mb-y.y3[aria-current]{background:#2563D9;color:#fff}.mb-y.y4{background:#EDE7FF;color:#5B21B6}.mb-y.y4[aria-current]{background:#7C3AED;color:#fff}.mb-y.y5{background:#FFEBD9;color:#9A3412}.mb-y.y5[aria-current]{background:#EA580C;color:#fff}.mb-y.y6{background:#FFE4EE;color:#9D174D}.mb-y.y6[aria-current]{background:#DB2777;color:#fff}.mb-y.y7{background:#E8EBF3;color:#0F1B3D}.mb-y.y7[aria-current]{background:#0F1B3D;color:#fff}
.mb-y.y7{grid-column:1/-1}
.mb-list{display:flex;flex-direction:column;background:#fff;border-radius:16px;box-shadow:0 0 0 1.5px #EFE6D6;overflow:hidden}
.mb-l,.mb-d>summary{display:flex;align-items:center;min-height:52px;padding:0 16px;font-weight:800;font-size:17px;color:#0F1B3D;text-decoration:none;border-top:1px solid #F3ECDF;cursor:pointer;list-style:none}
.mb-list>:first-child,.mb-list>:first-child>summary{border-top:0}
.mb-d>summary::-webkit-details-marker{display:none}
.mb-d>summary::after{content:'+';margin-left:auto;font-size:22px;font-weight:700;color:#8A8F9C}
.mb-d[open]>summary::after{content:'–'}
.mb-d[open]>summary{background:#FBF6EC}
.mb-l[aria-current]{color:#1E50C2;background:#F0F6FC}
.mb-dl{display:flex;flex-direction:column;padding:4px 8px 10px;background:#FBF6EC}
.mb-dl a{display:flex;align-items:center;min-height:44px;padding:0 10px;border-radius:10px;font-weight:700;font-size:16px;color:#0F1B3D;text-decoration:none}
.mb-dl a[aria-current]{background:#0F1B3D;color:#fff}
.mb-dl .mb-all{color:#1E50C2}
.mb-st{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:#8A8F9C;padding:10px 10px 2px}
.btn,.pill{min-height:44px;display:inline-flex;align-items:center;justify-content:center}
input,select,textarea{font-size:16px!important}
main table{display:block;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
.fcol a{padding:6px 0}
.crumb{overflow-x:auto;white-space:nowrap;scrollbar-width:none}
}
@media (max-width:400px){.acts .pill{padding:8px 10px;font-size:13px}.logo img{height:34px!important}}

.logo{flex:none}.logo img{max-width:none!important}

.sr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

nav.main .ni>a[href="oefeningen.html"]{background:#FFF1CC;color:#854D0E}nav.main .ni>a[href="oefeningen.html"]:hover,nav.main .ni>a[href="oefeningen.html"].on{background:#CA8A04;color:#fff}
nav.main .ni>a[href="spelletjes.html"]{background:#FFE4E0;color:#B42318}nav.main .ni>a[href="spelletjes.html"]:hover,nav.main .ni>a[href="spelletjes.html"].on{background:#E5484D;color:#fff}nav.main .ni:has(>a[href="spelletjes.html"]) .dd-t{color:#E5484D}
.lang-sw{margin-left:auto}@media (max-width:820px){.lang-sw{margin-left:auto;margin-right:8px}}
nav.main .ni>a[href="artikels.html"]{background:#FFEBD9;color:#9A3412}nav.main .ni>a[href="artikels.html"]:hover,nav.main .ni>a[href="artikels.html"].on{background:#EA580C;color:#fff}
nav.main .ni>a[href^="vlaamse-toetsen"]{background:#E8EBF3;color:#0F1B3D}nav.main .ni>a[href^="vlaamse-toetsen"]:hover,nav.main .ni>a[href^="vlaamse-toetsen"].on{background:#0F1B3D;color:#fff}
nav.main .ni>a[href="dys.html"]{background:#FAE8FF;color:#86198F}nav.main .ni>a[href="dys.html"]:hover,nav.main .ni>a[href="dys.html"].on{background:#A21CAF;color:#fff}
.mb-quick{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:4px 0 6px}.mb-quick a{display:flex;align-items:center;justify-content:center;text-align:center;min-height:52px;padding:10px;border-radius:14px;color:#fff;font-weight:800;font-size:16px;text-decoration:none;box-shadow:inset 0 -3px 0 rgba(0,0,0,.2)}.mb-quick a[aria-current]{outline:3px solid #0F1B3D;outline-offset:2px}

/* 18 oct. : menu sur une ligne, logo mobile, bannières moins hautes */
@media (min-width:821px){.top{flex-wrap:nowrap!important}nav.main{flex-wrap:nowrap!important;row-gap:0!important;min-width:0}nav.main .ni>a{white-space:nowrap}.lang-sw{flex:none}}
@media (min-width:821px) and (max-width:1000px){nav.main{gap:2px!important}nav.main .ni>a{padding:6px 6px!important;font-size:12px!important}nav.main .caret{display:none}.logo img{height:42px!important}.lang-sw a,.lang-sw span{padding:4px 6px!important;font-size:12px}.top{gap:8px!important;padding-left:12px!important;padding-right:12px!important}}
@media (min-width:1001px) and (max-width:1200px){nav.main{gap:3px!important}nav.main .ni>a{padding:7px 8px!important;font-size:13.5px!important}.logo img{height:50px!important}.top{gap:12px!important}}
@media (min-width:1201px) and (max-width:1360px){nav.main{gap:4px!important}nav.main .ni>a{padding:8px 10px!important;font-size:14.5px!important}}
@media (max-width:820px){.logo img{height:54px!important}}
.mb-quick a:last-child:nth-child(odd){grid-column:1/-1}
.an-hero,.jx-hero,.dy-hero{padding:clamp(16px,2.6vw,28px) clamp(18px,3vw,32px)!important;gap:12px!important;border-radius:22px!important}
.an-hero h1,.jx-hero h1,.dy-hero h1{font-size:clamp(24px,3.4vw,38px)!important;line-height:1.1!important;margin:0!important}
.an-hero .lead,.jx-hero .lead,.dy-hero .lead{font-size:16px!important;margin:2px 0!important}
.an-big,.dy-big{font-size:clamp(56px,8vw,100px)!important}

/* fond crème doré */
body{background-color:#FFF7E3;background-image:radial-gradient(rgba(242,165,22,.22) 1.4px,transparent 1.7px);background-size:26px 26px}
body.dys{background-image:none}

/* pages domaine (19 oct.) */
.dm-tabs{display:flex;flex-wrap:wrap;gap:10px}
.dm-tabs a{display:flex;align-items:center;gap:8px;padding:10px 16px;border-radius:999px;background:#fff;color:var(--c);font-weight:800;text-decoration:none;box-shadow:inset 0 0 0 2px var(--c),0 3px 0 rgba(15,27,61,.08)}
.dm-tabs a span{width:28px;height:28px;border-radius:50%;background:var(--c);color:#fff;display:grid;place-items:center;font-size:13px}
.dm-tabs a[aria-current]{background:var(--c);color:#fff;box-shadow:0 4px 0 rgba(15,27,61,.2)}.dm-tabs a[aria-current] span{background:#fff;color:var(--c)}
.dm-hero{display:flex;gap:22px;align-items:center;padding:22px 28px;border-radius:26px;background:var(--c);color:#fff;box-shadow:0 6px 0 rgba(15,27,61,.16);background-image:radial-gradient(circle at 95% 10%,rgba(255,255,255,.16) 0 70px,transparent 71px),radial-gradient(rgba(255,255,255,.13) 1.6px,transparent 2px);background-size:auto,16px 16px}
.dm-hero h1{margin:4px 0 6px;font-size:clamp(24px,3vw,34px);line-height:1.15;color:#fff}
.dm-hero p{margin:0;font-size:17px;line-height:1.55;max-width:680px;color:#fff}
.dm-kick{display:inline-block;padding:4px 12px;border-radius:999px;background:rgba(255,255,255,.22);font-weight:800;font-size:14px}
.dm-ic{flex:none;width:92px;height:92px;border-radius:50%;background:#fff;color:var(--c);display:grid;place-items:center;font-family:'Baloo 2',sans-serif;font-weight:800;font-size:34px;transform:rotate(-8deg);box-shadow:0 5px 0 rgba(15,27,61,.18)}
.dm-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr));gap:10px}
.dm-steps li{display:flex;flex-direction:column;gap:2px;padding:12px 14px 12px 54px;position:relative;background:#fff;border-radius:18px;font-weight:800;box-shadow:0 4px 0 #EFE6D6;min-height:48px;justify-content:center}
.dm-steps li b{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:32px;height:32px;border-radius:50%;background:#F5B941;color:#0F1B3D;display:grid;place-items:center}
.dm-steps small{font-weight:700;color:#5B5F6B;font-size:13px}
.dm-h2{margin:6px 0 0;font-size:26px}
.dm-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,460px),1fr));gap:18px}
.dm-card{display:flex;gap:16px;padding:16px;background:#fff;border-radius:22px;border-top:7px solid var(--c);box-shadow:0 6px 0 #EFE6D6}
.dm-thumb{flex:none;width:110px;align-self:flex-start;border-radius:10px;overflow:hidden;box-shadow:0 0 0 1.5px #D9E4EF;transform:rotate(-3deg);transition:transform .2s}
.dm-thumb:hover{transform:rotate(0) scale(1.04)}.dm-thumb img{display:block;width:100%;height:auto}
.dm-body{min-width:0;display:flex;flex-direction:column;gap:6px}
.dm-num{font-size:13px;font-weight:800;color:var(--c);text-transform:uppercase;letter-spacing:.05em}
.dm-card h3{margin:0;font-size:21px;line-height:1.2}.dm-card h3 a{color:#0F1B3D;text-decoration:none}.dm-card h3 a:hover{color:var(--c)}
.dm-card p{margin:0;font-size:15px;line-height:1.5;color:#4B4F5B}
.dm-btns{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}
.dm-b{padding:7px 11px;border-radius:12px;font-weight:800;font-size:14px;text-decoration:none;background:#F1F5FB;color:#0F1B3D;box-shadow:inset 0 0 0 1.5px #D9E4EF}
.dm-b:hover{background:var(--c);color:#fff;box-shadow:none}
.dm-b.lec{background:var(--c);color:#fff;box-shadow:0 3px 0 rgba(15,27,61,.2)}
.dm-b.cor{background:#DCFCE7;color:#15803D;box-shadow:inset 0 0 0 1.5px #86EFAC}
.dm-b.jeu{background:#FFE4E0;color:#B42318;box-shadow:inset 0 0 0 1.5px #FCA5A5}
@media (max-width:560px){.dm-hero{flex-direction:column;align-items:flex-start;padding:18px 20px}.dm-ic{width:64px;height:64px;font-size:24px}.dm-card{flex-direction:column}.dm-thumb{width:120px}}
/* fin domaine */

/* sans sous-menus (19 oct.) : les menus mènent à des pages claires */
@media (min-width:821px){header nav.main .dd,header nav.sub .dd{display:none!important}header nav .caret{display:none!important}}
.yr-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:16px}
.yr-tile{display:flex;flex-direction:column;gap:10px;padding:18px 20px;border-radius:24px;background:#fff;border-top:8px solid var(--c);box-shadow:0 6px 0 #EFE6D6}
.yr-tile .yt-top{display:flex;gap:14px;align-items:center;text-decoration:none;color:#0F1B3D}
.yr-tile .yt-n{flex:none;width:60px;height:60px;border-radius:50%;background:var(--c);color:#fff;display:grid;place-items:center;font-family:'Baloo 2',sans-serif;font-weight:800;font-size:26px;transform:rotate(-6deg)}
.yr-tile .yt-n sup{font-size:.5em}.yr-tile b{font-size:21px;display:block}.yr-tile small{color:#5B5F6B;font-weight:700}
.yr-tile .yt-th{display:flex;flex-wrap:wrap;gap:6px}
.yr-tile .yt-th a{padding:6px 10px;border-radius:12px;background:#F1F5FB;color:#0F1B3D;font-weight:700;font-size:14px;text-decoration:none}
.yr-tile .yt-th a:hover{background:var(--c);color:#fff}
.yr-tile .yt-go{margin-top:auto;font-weight:800;color:var(--c);text-decoration:none}
/* fin sans sous-menus */

/* langue visible (19 oct.) */
@media (min-width:821px){.top{gap:10px!important}nav.main{flex:1 1 auto;min-width:0;justify-content:center}.lang-sw{flex:none;position:relative;z-index:3;margin-left:6px!important}
html[lang="nl-BE"] nav.main{gap:3px!important}html[lang="nl-BE"] nav.main .ni>a{padding:7px 9px!important;font-size:14px!important}}
@media (min-width:821px) and (max-width:1250px){html[lang="nl-BE"] nav.main .ni>a{padding:6px 6px!important;font-size:12.5px!important}html[lang="nl-BE"] .logo img{height:44px!important}}
/* fin langue */

.cbk-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,250px),1fr));gap:14px}
.cbk{position:relative;display:flex;flex-direction:column;gap:6px;padding:20px 20px 18px;border-radius:22px;background:#fff;border-top:8px solid var(--c);box-shadow:0 6px 0 #E6DCC8;text-decoration:none;color:#0F1B3D;transition:transform .15s}
.cbk:hover{transform:translateY(-3px) rotate(-1deg)}
.cbk-n{position:static;align-self:flex-start;width:32px;height:32px;border-radius:50%;background:var(--c);color:#fff;display:grid;place-items:center;font-weight:800}
.cbk-ic{position:absolute;top:18px;right:18px;font-size:34px;line-height:1;font-weight:800;color:var(--c)}
.cbk b{font-family:'Baloo 2',sans-serif;font-size:23px;line-height:1.15}
.cbk small{font-size:15px;color:#4B4F5B;line-height:1.4}
.cb-jump2{display:flex;flex-wrap:wrap;gap:8px}
.cb-jump2 a{padding:10px 16px;border-radius:999px;background:#fff;color:#0F1B3D;font-weight:800;font-size:17px;text-decoration:none;box-shadow:0 0 0 2px #E6DCC8,0 3px 0 #E6DCC8}
.cb-jump2 a.new{background:#2563D9;color:#fff;box-shadow:0 3px 0 #1E40AF}
.cb-jump2 a:hover{transform:translateY(-2px)}
.cbq{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,200px),1fr));gap:10px;margin:6px 0 18px}
.cbq a{display:flex;align-items:center;gap:10px;padding:14px 16px;border-radius:18px;background:var(--c);color:#fff!important;font-weight:800;font-size:17px;text-decoration:none;box-shadow:0 4px 0 rgba(15,27,61,.25)}
.cbq a:hover{transform:translateY(-2px)}

.kd-yrs{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,150px),1fr));gap:12px}
.kd-yr{display:flex;flex-direction:column;align-items:center;gap:4px;padding:16px 10px;border-radius:22px;background:var(--c);color:#fff!important;text-decoration:none;box-shadow:0 6px 0 rgba(15,27,61,.25);transition:transform .15s}
.kd-yr:hover{transform:translateY(-3px) rotate(-1.5deg)}
.kd-yr b{font-family:'Baloo 2',sans-serif;font-size:48px;line-height:1}
.kd-yr span{font-weight:800;font-size:17px;text-align:center}
.kd-yr small{font-size:14px;opacity:.9}
.kd-more{margin-top:10px;border-radius:20px;background:#fff;box-shadow:0 0 0 2px #E6DCC8}
.kd-more>summary{cursor:pointer;list-style:none;padding:18px 22px;font-weight:800;font-size:18px;color:#1E50C2}
.kd-more>summary::-webkit-details-marker{display:none}
.kd-more[open]>summary{border-bottom:2px solid #E6DCC8}
.kd-more>.stack{padding:20px 22px}

.mathia{display:flex;align-items:center;gap:14px}
.mathia img{flex:none;width:92px;height:auto;border-radius:50%;background:#FFE7B8;box-shadow:0 0 0 4px #fff,0 6px 0 #E6DCC8}
.mathia p{position:relative;margin:0;background:#fff;border-radius:20px;padding:12px 16px;font-size:17px;line-height:1.45;box-shadow:0 0 0 2px #E6DCC8;max-width:560px}
.mathia p:before{content:'';position:absolute;left:-9px;top:50%;width:16px;height:16px;background:#fff;transform:translateY(-50%) rotate(45deg);box-shadow:-2px 2px 0 #E6DCC8}

.defi{display:flex;flex-direction:column;gap:12px;padding:20px 22px;border-radius:24px;background:#FFF7DB;border:3px dashed #F5B941}
.defi details{background:#fff;border-radius:16px;padding:12px 16px;box-shadow:0 0 0 2px #F5E3B0}
.defi summary{cursor:pointer;font-weight:800;color:#15803D;font-size:17px}
.defi details div{margin-top:8px;font-size:18px}

.pc-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr));gap:12px}
.pc-step{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:14px 16px;border-radius:20px;border:0;background:#fff;box-shadow:0 0 0 2px #E6DCC8,0 5px 0 #E6DCC8;cursor:pointer;font:inherit;text-align:left;color:#0F1B3D}
.pc-step .n{width:30px;height:30px;border-radius:50%;background:#E8EEF5;display:grid;place-items:center;font-weight:800}.pc-step .ic{font-size:26px}.pc-step small{color:#5B5F6B}
.pc-step.on{box-shadow:0 0 0 3px #0E7490,0 5px 0 #0E7490}.pc-step.on .n{background:#0E7490;color:#fff}.pc-step.done .n{background:#16A34A;color:#fff}
.pc-card,.pc-q{background:#fff;border-radius:24px;padding:clamp(18px,3vw,30px);box-shadow:0 0 0 2px #E6DCC8,0 6px 0 #E6DCC8;display:flex;flex-direction:column;gap:14px}
.pc-card h2,.pc-q h2{margin:0}.pc-card p{margin:0;font-size:17px;line-height:1.6}
.pc-go,.pc-alt{display:inline-flex;align-items:center;justify-content:center;padding:13px 22px;border-radius:999px;border:0;font:inherit;font-weight:800;font-size:17px;cursor:pointer;text-decoration:none;align-self:flex-start}
.pc-go{background:#0E7490;color:#fff;box-shadow:0 4px 0 #0B5566}.pc-alt{background:#EEF2F7;color:#0F1B3D}
.pc-row{display:flex;flex-wrap:wrap;gap:10px}
.pc-q{border-top:8px solid var(--c)}.pc-top{display:flex;justify-content:space-between;gap:10px;font-weight:700;color:#5B5F6B;flex-wrap:wrap}.pc-top b{color:#B42318;font-size:18px}
.pc-dots{display:flex;flex-wrap:wrap;gap:6px}.pc-dots button{width:34px;height:34px;border-radius:10px;border:0;background:#EEF2F7;font:inherit;font-weight:800;cursor:pointer}.pc-dots .ok{background:#DCFCE7;color:#15803D}.pc-dots .cur{box-shadow:0 0 0 3px var(--c)}
.pc-q h2{font-size:clamp(20px,2.4vw,26px);line-height:1.35}
.pc-opts{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:10px}
.pc-opts button{padding:16px;border-radius:16px;border:0;background:#F6F8FB;box-shadow:0 0 0 2px #E2E8F0;font:inherit;font-size:19px;font-weight:700;cursor:pointer;text-align:left;color:#0F1B3D}
.pc-opts button.sel{background:var(--c);color:#fff;box-shadow:0 4px 0 rgba(15,27,61,.25)}
.pc-nav{display:flex;justify-content:space-between;gap:10px}.pc-nav button{padding:12px 18px;border-radius:999px;border:0;background:#EEF2F7;font:inherit;font-weight:800;cursor:pointer}.pc-nav button:disabled{opacity:.4}.pc-nav .fin{background:#16A34A;color:#fff}
.pc-bars{display:flex;flex-direction:column;gap:10px}.pc-bar .t{display:flex;justify-content:space-between;font-size:16px}.pc-bar .g{height:14px;border-radius:999px;background:#EEF2F7;overflow:hidden}.pc-bar .g i{display:block;height:100%;border-radius:999px}
.pc-plan{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:12px}
.pc-week{border-radius:20px;padding:16px;background:#fff;border-top:8px solid var(--c);box-shadow:0 0 0 2px #E6DCC8;display:flex;flex-direction:column;gap:6px}
.pc-week small{font-weight:800;color:var(--c)}.pc-week b{font-size:19px}.pc-week span{color:#5B5F6B;font-size:14px}.pc-week ul{margin:4px 0;padding-left:18px;font-size:15px;line-height:1.5}.pc-week a{font-weight:800;color:var(--c)}
.pc-score{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.pc-score b{font-family:'Baloo 2',sans-serif;font-size:56px;line-height:1;color:var(--c)}.pc-score span{font-size:18px;font-weight:700}
.pc-link{padding:10px 16px;border-radius:999px;background:var(--c);color:#fff;font-weight:800;text-decoration:none}
.pc-fails{display:flex;flex-direction:column;gap:8px}.pc-fails details{background:#F6F8FB;border-radius:14px;padding:10px 14px}.pc-fails summary{cursor:pointer;font-weight:700}.pc-fails p{margin:8px 0 0}

.ap-hero{display:flex;align-items:center;gap:18px;padding:22px 28px;border-radius:26px;background:#1E50C2;color:#fff;box-shadow:0 6px 0 rgba(15,27,61,.16)}
.ap-hero h1{color:#fff;margin:6px 0 4px}.ap-hero p{margin:0;font-size:17px;line-height:1.55;max-width:640px}.ap-hero img{width:110px;height:auto;border-radius:50%;background:#FFE7B8;box-shadow:0 0 0 5px rgba(255,255,255,.3);flex:none}
.ap-kick{display:inline-block;background:rgba(255,255,255,.22);padding:5px 12px;border-radius:999px;font-weight:800;font-size:14px}
@media (max-width:640px){.ap-hero{padding:18px}.ap-hero img{display:none}}
.ap-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding:14px 20px;border-radius:20px;background:#fff;border-left:10px solid var(--c);box-shadow:0 0 0 2px #E6DCC8}
.ap-head small{font-weight:800;color:var(--c)}.ap-head h2{margin:0}
.ap-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:16px}
.pc-card h3{margin:0;font-size:21px}
.ap-goal{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 0;border-top:1px solid #EEF2F7;font-weight:700;font-size:17px}.ap-goal .pc-go{padding:9px 16px;font-size:15px}
.ap-chips{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:12px}.ap-chips>div{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.ap-chips b{width:100%}
.ap-chip{display:inline-flex;gap:6px;align-items:center;padding:5px 12px;border-radius:999px;background:#EEF2F7;font-weight:700;font-size:14px}.ap-chip.ok{background:#DCFCE7;color:#15803D}.ap-chip.ko{background:#FEE2E2;color:#B42318}
.ap-none{color:#5B5F6B;font-size:15px}
.ap-hist{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.ap-hist li{display:grid;grid-template-columns:100px 1fr auto;gap:10px;padding:8px 0;border-top:1px solid #EEF2F7;font-size:15px}
.ap-comps{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,230px),1fr));gap:12px}
.ap-comp{display:flex;flex-direction:column;gap:6px;padding:14px;border-radius:18px;background:#F8FAFD;box-shadow:0 0 0 2px #E2E8F0}.ap-comp .ic{font-size:28px}.ap-comp small{color:#F59E0B;font-size:16px;letter-spacing:2px}
.ap-lv{display:flex;gap:6px;flex-wrap:wrap}.ap-lv button{flex:1;padding:8px 6px;border-radius:12px;border:0;background:#fff;box-shadow:0 0 0 2px #CBD5E1;font:inherit;font-weight:800;font-size:13px;cursor:pointer}.ap-lv button:hover{background:#1E50C2;color:#fff}
.ap-note{font-size:14px;color:#5B5F6B;line-height:1.5}.ap-link{background:none;border:0;padding:0;font:inherit;font-weight:800;color:#1E50C2;cursor:pointer;text-decoration:underline}
.ap-path{margin:0;padding-left:22px;display:flex;flex-direction:column;gap:8px;font-size:16px}
.ex .ex-meta{display:flex;gap:8px;flex-wrap:wrap}.ex-q{font-size:clamp(20px,2.4vw,26px);font-weight:700;line-height:1.4;color:#0F1B3D}
.ex-tb{border-collapse:collapse;margin:0 0 12px;font-size:18px;font-weight:600}.ex-tb caption{text-align:left;font-weight:800;margin-bottom:6px;font-size:16px}.ex-tb th,.ex-tb td{border:2px solid #CBD5E1;padding:8px 14px;text-align:center}.ex-tb th{background:#EEF2F7}
.ex-in{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-weight:800}.ex-in input{font:inherit;font-size:26px;font-weight:800;width:min(220px,60vw);padding:10px 14px;border-radius:14px;border:3px solid #CBD5E1}.ex-in input:focus{outline:none;border-color:var(--c)}.ex-in em{font-style:normal;font-size:20px}
.pc-opts button.good{background:#16A34A;color:#fff}.pc-opts button.bad{background:#E5484D;color:#fff}
.ex-hint{padding:12px 16px;border-radius:14px;background:#FFF7DB;border:2px dashed #F5B941;font-size:17px}
.ex-fb{padding:12px 16px;border-radius:14px;font-weight:800;font-size:18px}.ex-fb.good{background:#DCFCE7;color:#15803D}.ex-fb.bad{background:#FEE2E2;color:#B42318}
.ex-corr{padding:14px 18px;border-radius:14px;background:#EFF6FF;font-size:17px;line-height:1.55}.ex-corr ol{margin:6px 0 0;padding-left:22px}
.ex-acts{display:flex;gap:10px;flex-wrap:wrap}.ex-foot{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;font-size:15px}
.ap-cta{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}

.gf-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:14px;align-items:end}
.gf-fld{display:flex;flex-direction:column;gap:6px;font-weight:800}.gf-fld select,.gf-fld input{font:inherit;font-size:17px;padding:11px 12px;border-radius:12px;border:2px solid #CBD5E1;background:#fff}
.gf-chk{display:flex;gap:10px;align-items:center;font-weight:700}.gf-chk input{width:22px;height:22px}
.gf-bar{display:flex;flex-wrap:wrap;gap:10px}
.gf-prev{display:flex;flex-direction:column;gap:20px;align-items:center}
.gf-page{width:min(100%,794px);background:#fff;color:#0F1B3D;padding:36px 40px;box-shadow:0 2px 14px rgba(15,27,61,.15);border-radius:6px;font-size:16px}
.gf-h{display:flex;gap:16px;align-items:center;border-bottom:3px solid #1E50C2;padding-bottom:10px;margin-bottom:12px}.gf-h img{width:120px;height:auto}.gf-h b{display:block;font-size:22px}.gf-h small{color:#5B5F6B}
.gf-id{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;font-size:15px;margin-bottom:10px}
.gf-list{margin:0;padding-left:24px;display:flex;flex-direction:column;gap:14px}.gf-list li{break-inside:avoid}
.gf-q{font-weight:700;line-height:1.45}.gf-q .ex-tb{font-size:15px;margin:6px 0}
.gf-line{display:flex;align-items:flex-end;gap:8px;margin-top:8px}.gf-line span{flex:0 0 200px;border-bottom:2px dotted #94A3B8;height:22px}
.gf-opts{display:flex;flex-wrap:wrap;gap:8px 22px;margin-top:6px}.gf-opts span{display:flex;gap:8px;align-items:center}.gf-opts i{width:16px;height:16px;border:2px solid #475569;border-radius:3px;display:inline-block}
.gf-r{margin-top:4px;color:#334155;line-height:1.45}.gf-r b{color:#15803D}
.gf-f{margin-top:18px;border-top:1px solid #E2E8F0;padding-top:8px;font-size:12px;color:#64748B;text-align:center}
@media print{body.gf-printing *{visibility:hidden}body.gf-printing .gf-page,body.gf-printing .gf-page *{visibility:visible}body.gf-printing .gf-prev{position:absolute;left:0;top:0;width:100%}body.gf-printing .gf-page{box-shadow:none;width:100%;padding:0 6mm;break-after:page}body.gf-p-ex #gf-co,body.gf-p-co #gf-ex{display:none}body.gf-printing header,body.gf-printing footer:not(.gf-f),body.gf-printing nav,body.gf-printing ins,body.gf-printing .adsbygoogle{display:none!important}}

.pa-warn{padding:14px 18px;border-radius:16px;background:#FFF7DB;border:2px solid #F5B941;font-size:15px;line-height:1.55}
.pa-kid{border-top:8px solid var(--c)}.pa-top{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;align-items:flex-end}.pa-top small{font-weight:800;color:var(--c)}.pa-top h2{margin:0}
.pa-name{display:flex;flex-direction:column;gap:4px;font-size:14px;font-weight:700}.pa-name input{font:inherit;padding:8px 10px;border-radius:10px;border:2px solid #CBD5E1;width:180px}
.pa-kpi{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px}.pa-kpi div{background:#F6F8FB;border-radius:16px;padding:12px 14px;display:flex;flex-direction:column}.pa-kpi b{font-family:'Baloo 2',sans-serif;font-size:30px;line-height:1;color:var(--c)}.pa-kpi span{font-size:14px;color:#5B5F6B}
.pa-rec{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:8px;font-size:16px;line-height:1.5}
@media print{.pa-warn,.pa-name,.pc-row,.ap-hero img{display:none!important}}

.tu{display:flex;flex-direction:column;gap:0;background:#fff;border-radius:24px;box-shadow:0 0 0 2px #E6DCC8,0 6px 0 #E6DCC8;overflow:hidden}
.tu-bar{display:flex;flex-direction:column;gap:10px;padding:14px 16px;background:#F5F3FF;border-bottom:2px solid #E9E3FF}.tu-bar label{font-weight:800;display:flex;gap:8px;align-items:center}.tu-bar select{font:inherit;padding:8px 10px;border-radius:10px;border:2px solid #C4B5FD}
.tu-sug{display:flex;flex-wrap:wrap;gap:8px}.tu-sug button,.tu-acts button{padding:7px 12px;border-radius:999px;border:0;background:#fff;box-shadow:0 0 0 2px #C4B5FD;font:inherit;font-weight:700;font-size:14px;cursor:pointer}.tu-sug button:hover,.tu-acts button:hover{background:#7C3AED;color:#fff}
.tu-log{height:min(60vh,520px);overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:12px;background:#FCFBFF}
.tu-m{max-width:88%;font-size:17px;line-height:1.55}.tu-m.me{align-self:flex-end;background:#1E50C2;color:#fff;padding:10px 14px;border-radius:18px 18px 4px 18px}
.tu-m.bot{display:flex;gap:10px;align-items:flex-start}.tu-ava{flex:none;width:36px;height:36px;border-radius:50%;background:#7C3AED;color:#fff;display:grid;place-items:center;font-weight:800}
.tu-b{background:#fff;box-shadow:0 0 0 2px #E9E3FF;padding:12px 14px;border-radius:4px 18px 18px 18px}.tu-b ol{margin:6px 0 0;padding-left:20px}.tu-acts{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.tu-dots{display:inline-flex;gap:4px;padding:12px 14px;background:#fff;border-radius:18px;box-shadow:0 0 0 2px #E9E3FF}.tu-dots i{width:8px;height:8px;border-radius:50%;background:#A78BFA;animation:tud 1s infinite}.tu-dots i:nth-child(2){animation-delay:.15s}.tu-dots i:nth-child(3){animation-delay:.3s}
@keyframes tud{0%,80%,100%{opacity:.3;transform:translateY(0)}40%{opacity:1;transform:translateY(-4px)}}
.tu-form{display:flex;gap:10px;padding:12px;border-top:2px solid #E9E3FF}.tu-form input{flex:1;min-width:0;font:inherit;font-size:17px;padding:12px 14px;border-radius:14px;border:2px solid #CBD5E1}.tu-form input:focus{outline:none;border-color:#7C3AED}

.dp-sheet{width:min(100%,1050px);background:#fff;border-radius:8px;box-shadow:0 2px 14px rgba(15,27,61,.15);padding:18px}
.dp-in{border:10px double var(--k,#CA8A04);border-radius:10px;padding:26px 30px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:6px;background:radial-gradient(circle at 50% 0,#FFFBEB,#fff 60%)}
.dp-logo{width:140px;height:auto}.dp-t{font-family:'Baloo 2',sans-serif;font-size:clamp(44px,7vw,78px);font-weight:800;color:var(--k,#CA8A04);line-height:1}.dp-s{font-size:22px;font-weight:800}
.dp-in p{margin:4px 0;font-size:20px;line-height:1.5}.dp-n{font-family:'Baloo 2',sans-serif;font-size:clamp(36px,6vw,64px);font-weight:800;color:#0F1B3D;border-bottom:3px dotted var(--k,#CA8A04);padding:0 30px}
.dp-b{display:flex;justify-content:space-between;align-items:flex-end;width:100%;margin-top:10px}.dp-b div{display:flex;flex-direction:column;font-size:18px}.dp-b small{color:#5B5F6B}.dp-b img{width:100px;height:auto;border-radius:50%;background:#FFE7B8}
.cl-h{display:flex;gap:16px;align-items:center;border-bottom:3px solid #0E7490;padding-bottom:10px;margin-bottom:12px}.cl-h img{width:120px;height:auto}.cl-h b{display:block;font-size:24px}.cl-h small{font-size:16px}
.cl-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}@media (max-width:760px){.cl-grid{grid-template-columns:repeat(2,1fr)}}
.cl-m{border:3px solid var(--c);border-radius:14px;padding:10px 12px;display:flex;flex-direction:column;gap:4px}.cl-top{display:flex;justify-content:space-between;align-items:center}.cl-top b{color:var(--c);font-size:17px}.cl-box{width:22px;height:22px;border:3px solid var(--c);border-radius:6px}.cl-m small{font-weight:800}.cl-m p{margin:0;font-size:14px;line-height:1.45}
.cl-f{margin-top:12px;padding:10px 12px;border-radius:12px;background:#ECFEFF;font-weight:700;font-size:14px;text-align:center}
@media print{@page{size:A4 landscape;margin:8mm}body.dp-printing *{visibility:hidden}body.dp-printing .dp-sheet,body.dp-printing .dp-sheet *{visibility:visible}body.dp-printing .dp-sheet{position:absolute;left:0;top:0;width:100%;box-shadow:none;padding:0}body.dp-printing ins,body.dp-printing .adsbygoogle{display:none!important}}

.mathia-fab{position:fixed;right:16px;bottom:16px;z-index:60;display:flex;align-items:center;gap:8px;padding:6px 16px 6px 6px;border-radius:999px;background:#7C3AED;color:#fff;font-weight:800;font-size:16px;text-decoration:none;box-shadow:0 6px 0 #5B21B6,0 10px 24px rgba(15,27,61,.25);transition:transform .15s}
.mathia-fab:hover{transform:translateY(-2px);color:#fff}.mathia-fab img{width:44px;height:44px;object-fit:cover;object-position:top;border-radius:50%;background:#FFE7B8;box-shadow:0 0 0 3px #fff}
@media (max-width:640px){.mathia-fab span{display:none}.mathia-fab{padding:5px}.mathia-fab img{width:50px;height:50px}}
@media print{.mathia-fab{display:none!important}}

@keyframes mfab{0%,70%,100%{transform:translateY(0) rotate(0)}76%{transform:translateY(-10px) rotate(-6deg)}82%{transform:translateY(0) rotate(4deg)}88%{transform:translateY(-5px) rotate(-2deg)}94%{transform:translateY(0)}}
@keyframes mfabring{0%{box-shadow:0 0 0 0 rgba(124,58,237,.55)}100%{box-shadow:0 0 0 18px rgba(124,58,237,0)}}
.mathia-fab{animation:mfab 4s ease-in-out infinite}.mathia-fab:hover{animation:none}
.mathia-fab img{animation:mfabring 2s ease-out infinite}
@media (prefers-reduced-motion:reduce){.mathia-fab,.mathia-fab img{animation:none}}

.tu-bar{gap:14px;padding:18px}.tu-step{display:flex;flex-direction:column;gap:8px}.tu-step>b{font-size:18px;color:#0F1B3D}
.tu-cls{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}@media (max-width:700px){.tu-cls{grid-template-columns:repeat(3,1fr)}}
.tu-cls button{display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 6px;border-radius:16px;border:0;background:#fff;box-shadow:0 0 0 3px var(--c),0 4px 0 var(--c);cursor:pointer;font:inherit;color:#0F1B3D}
.tu-cls button b{font-family:'Baloo 2',sans-serif;font-size:28px;line-height:1;color:var(--c)}.tu-cls button span{font-size:13px;font-weight:700}
.tu-cls button[aria-pressed="true"]{background:var(--c);color:#fff;transform:translateY(-2px)}.tu-cls button[aria-pressed="true"] b{color:#fff}
.tu-sug{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}@media (max-width:700px){.tu-sug{grid-template-columns:repeat(2,1fr)}}
.tu-sug button{padding:12px 10px;border-radius:16px;border:0;background:var(--c);color:#fff;font:inherit;font-weight:800;font-size:16px;cursor:pointer;box-shadow:0 4px 0 rgba(15,27,61,.25);text-align:left}
.tu-sug button:hover{background:var(--c);filter:brightness(1.08);transform:translateY(-2px);color:#fff}

nav.main .ni>a[href="ceb-2027.html"]{background:#FFEDD5;color:#9A3412}
nav.main .ni>a[href="ceb-2027.html"]:hover,nav.main .ni>a[href="ceb-2027.html"].on{background:#C2410C;color:#fff}
nav.main .ni>a[href="parents-enseignants.html"]{background:#DDF4F1;color:#115E59}
nav.main .ni>a[href="parents-enseignants.html"]:hover,nav.main .ni>a[href="parents-enseignants.html"].on{background:#0D9488;color:#fff}
@media(max-width:640px){section[aria-label="CEB 2027"]{grid-template-columns:1fr!important}}

.yr-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,270px),1fr));gap:18px}
.yr-card{display:flex;flex-direction:column;background:#fff;border-radius:22px;overflow:hidden;box-shadow:0 0 0 2px #F0E8D9,0 6px 0 #E6DCC8;border-top:8px solid var(--c)}
.yr-img{display:block;background:var(--bg);padding:14px 14px 0;height:150px;overflow:hidden}.yr-img img{display:block;width:100%;height:auto;border-radius:10px 10px 0 0;box-shadow:0 4px 14px -6px rgba(15,27,61,.35)}
.yr-body{display:flex;flex-direction:column;gap:8px;padding:16px 18px 18px;flex:1}
.yr-dom{align-self:flex-start;font-size:13px;font-weight:800;color:var(--c);background:var(--bg);padding:4px 10px;border-radius:999px}
.yr-card h3{margin:0;font-size:21px;line-height:1.2}.yr-card h3 a{color:#0F1B3D;text-decoration:none}.yr-card h3 a:hover{color:var(--c)}
.yr-p{margin:0;font-size:15px;line-height:1.5;color:#4B4F5B}
.yr-badge{font-size:14px;font-weight:700;color:#4B4F5B}
.yr-btns{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:auto;padding-top:6px}
.yr-b{display:flex;align-items:center;justify-content:center;text-align:center;min-height:46px;padding:8px 10px;border-radius:14px;font-weight:800;font-size:15px;line-height:1.2;text-decoration:none;background:var(--c);color:#fff!important;box-shadow:0 4px 0 rgba(15,27,61,.25)}
.yr-b.play{background:#fff;color:var(--c)!important;box-shadow:inset 0 0 0 2px var(--c),0 4px 0 rgba(15,27,61,.12)}
.yr-b:hover{transform:translateY(-1px)}
.yr-dys{display:flex;flex-wrap:wrap;gap:14px 24px;align-items:center;justify-content:space-between;padding:clamp(20px,3vw,28px);border-radius:22px;background:#A21CAF;color:#fff}
.yr-dys h2{margin:0 0 4px;color:#fff;font-size:clamp(22px,2.6vw,28px)}.yr-dys p{margin:0;font-size:16px;line-height:1.5}
.yr-dys a{background:#fff;color:#701A75;font-weight:800;padding:12px 20px;border-radius:14px;text-decoration:none}

/* cartes thèmes v2 (24 oct.) */
.dm-hero.sm{padding:16px 22px!important;gap:16px!important}.dm-hero.sm .dm-ic{width:56px!important;height:56px!important;font-size:22px!important}.dm-hero.sm h1{font-size:clamp(24px,3vw,32px)!important;margin:0!important}.dm-hero.sm p{margin:2px 0 0!important;font-size:16px!important}
.th-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,290px),1fr));gap:20px}
.th-card{display:flex;flex-direction:column;border-radius:24px;background:#fff;overflow:hidden;box-shadow:0 6px 0 rgba(15,27,61,.18),0 0 0 3px var(--c)}
.th-head{display:flex;align-items:center;gap:12px;padding:16px 18px;background:var(--c);color:#fff!important;text-decoration:none}
.th-head .th-ic{flex:none;width:52px;height:52px;border-radius:16px;background:#fff;display:grid;place-items:center;font-size:30px;transform:rotate(-6deg)}
.th-head h3{margin:0;font-family:'Baloo 2',sans-serif;font-size:24px;line-height:1.1;color:#fff}
.th-head small{display:block;font-weight:700;font-size:13px;opacity:.95;margin-top:2px}
.th-ex{margin:14px 16px 4px;padding:12px 14px;border-radius:16px;background:#FFFDF5;border:2px dashed var(--c)}
.th-ex b{display:block;font-size:13px;color:var(--c);text-transform:uppercase;letter-spacing:.04em;margin-bottom:6px}
.th-ex ol{margin:0;padding-left:20px;display:grid;gap:5px;font-weight:700;font-size:17px;color:#0F1B3D}
.th-bx{display:inline-block;width:30px;height:22px;border:2px solid #0F1B3D;border-radius:5px;vertical-align:middle;background:#fff}
.th-lv{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:12px 16px 0}
.th-lv a{display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 8px;border-radius:14px;font-weight:800;font-size:15px;text-decoration:none;color:#0F1B3D;background:#F1F5FB;box-shadow:0 3px 0 #D6DEEA}
.th-lv a.l{grid-column:1/-1;background:var(--c);color:#fff;box-shadow:0 3px 0 rgba(15,27,61,.3)}
.th-lv a.n1{background:#DCFCE7}.th-lv a.n2{background:#FEF3C7}.th-lv a.n3{background:#FFE4E6}
.th-lv a:hover{transform:translateY(-2px)}
.th-main{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:12px 16px 16px;margin-top:auto}
.th-main a{display:flex;align-items:center;justify-content:center;padding:11px 8px;border-radius:14px;font-weight:800;font-size:15px;text-decoration:none;text-align:center}
.th-main a.f{background:#fff;color:#0F1B3D;box-shadow:0 0 0 2px #0F1B3D,0 3px 0 2px #0F1B3D}
.th-main a.p{background:#0F1B3D;color:#fff}
.th-main a:hover{transform:translateY(-2px)}
.th-cor{display:block;text-align:center;font-size:14px;font-weight:700;color:#4B4F5B;padding:0 16px 14px;text-decoration:underline}

/* CEB 2027 v2 */
.cb27-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px 32px;align-items:center;padding:clamp(24px,4vw,44px);border-radius:28px;background:#1D4ED8;color:#fff;box-shadow:0 8px 0 #1E3A8A}
@media(max-width:700px){.cb27-hero{grid-template-columns:1fr}}
.cb27-hero h1{margin:10px 0;color:#fff;font-size:clamp(30px,4.4vw,48px);line-height:1.1}
.cb27-hero p{margin:0;font-size:19px;line-height:1.55;max-width:640px}
.cb27-hero .cb27-mat{margin-top:8px;font-weight:800;font-size:16px;color:#FDE68A}
.cb27-badge{display:inline-block;padding:7px 14px;border-radius:999px;background:#F5B700;color:#0F1B3D;font-weight:800;font-size:14px}
.cb27-cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}
.cb27-b{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:12px 22px;border-radius:16px;font-weight:800;font-size:17px;text-decoration:none}
.cb27-b.y{background:#F5B700;color:#0F1B3D;box-shadow:0 4px 0 #B45309}.cb27-b.w{background:#fff;color:#1D4ED8;box-shadow:0 4px 0 #1E3A8A}
.cb27-b.b{background:#1D4ED8;color:#fff;box-shadow:0 4px 0 #1E3A8A}.cb27-b.w2{background:#fff;color:#1D4ED8;box-shadow:0 0 0 2px #1D4ED8}
.cb27-b:hover{transform:translateY(-2px)}
.cb27-cd{display:flex;flex-direction:column;align-items:center;gap:4px;padding:20px 26px;border-radius:22px;background:#fff;color:#1D4ED8;min-width:190px;box-shadow:0 0 0 5px #F5B700}
.cb27-cd span{font-weight:800}.cb27-cd b{font-family:'Baloo 2',sans-serif;font-size:68px;line-height:1}.cb27-cd small{font-weight:700;color:#4B4F5B;text-align:center}
.cb27-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:16px}
.cb27-card{display:flex;flex-direction:column;gap:8px;padding:22px;border-radius:24px;background:#fff;border-top:10px solid var(--c);box-shadow:0 6px 0 #E6DCC8;text-decoration:none;color:#0F1B3D}
.cb27-card:hover{transform:translateY(-3px)}.cb27-ic{font-size:36px}.cb27-card b{font-family:'Baloo 2',sans-serif;font-size:24px;line-height:1.15}
.cb27-card small{font-size:16px;line-height:1.45;color:#4B4F5B}.cb27-go{margin-top:auto;font-weight:800;color:#1D4ED8}
.cb27-dots{display:flex;gap:6px;margin-top:auto}.cb27-dots i{width:22px;height:22px;border-radius:50%}
.cb27-plan{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:14px}
.cb27-plan li{display:flex;flex-direction:column;gap:6px;padding:18px 20px;border-radius:20px;background:#fff;box-shadow:0 0 0 2px #E6DCC8;border-left:8px solid var(--c)}
.cb27-plan span{align-self:flex-start;padding:4px 12px;border-radius:999px;background:var(--c);color:#fff;font-weight:800;font-size:14px}
.cb27-plan b{font-size:19px}.cb27-plan small{font-size:15px;line-height:1.5;color:#4B4F5B}
.cb27-doms{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:16px}
.cb27-dom{display:flex;flex-direction:column;gap:8px;padding:0 0 16px;border-radius:22px;background:#fff;overflow:hidden;box-shadow:0 0 0 3px var(--c),0 6px 0 rgba(15,27,61,.15)}
.cb27-dom h3{margin:0;padding:16px 18px;background:var(--c);color:#fff;font-family:'Baloo 2',sans-serif;font-size:22px;line-height:1.15}
.cb27-dom p{margin:0;padding:0 18px;font-size:15px;line-height:1.5;color:#4B4F5B}
.cb27-links{display:flex;flex-direction:column;gap:8px;padding:4px 16px 0}
.cb27-links a{display:flex;align-items:center;min-height:46px;padding:8px 14px;border-radius:14px;background:#F4F6FB;color:#0F1B3D;font-weight:800;text-decoration:none}
.cb27-links a:hover{background:var(--c);color:#fff}
.cb27-pdf{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;padding:18px 22px;border-radius:20px;background:#FFF7DB;border:2px dashed #F5B700}
.cb27-pdf b{font-size:19px}.cb27-pdf span{flex:1 1 200px;color:#4B4F5B}
.cb27-par{padding:24px 28px;border-radius:24px;background:#EEF4FF;box-shadow:0 0 0 2px #C7D7FE}
.cb27-par h2{margin:0 0 10px}.cb27-par ul{margin:0 0 10px;padding-left:20px;display:grid;gap:6px;font-size:17px}

.cb27-fi{margin:4px 16px 0;border-radius:14px;background:#F4F6FB}
.cb27-fi summary{cursor:pointer;min-height:46px;display:flex;align-items:center;padding:8px 14px;font-weight:800;color:#0F1B3D}
.cb27-lv{display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0 12px 8px;font-size:12.5px;font-weight:700;color:#4B4F5B}
.cb27-lv span{padding:3px 8px;border-radius:999px;background:#fff}
.cb27-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;padding:0 12px 12px}
.cb27-n{display:flex;flex-direction:column;align-items:center;gap:2px}
.cb27-n a{display:flex;align-items:center;justify-content:center;width:100%;min-height:44px;border-radius:12px;background:var(--c);color:#fff;font-weight:800;font-size:18px;text-decoration:none}
.cb27-n a.k{min-height:0;background:none;color:#4B4F5B;font-size:11.5px;font-weight:700;text-decoration:underline}
.cb27-n a:hover{filter:brightness(1.1)}


/* couleurs logo 2026 */
nav.main .ni>a,nav.main .ni>a[href]{background:#E3EDFF!important;color:#0B3D91!important;font-weight:800}
nav.main .ni>a:hover,nav.main .ni>a.on,nav.main .ni>a[href]:hover,nav.main .ni>a[href].on{background:#0B3D91!important;color:#fff!important}
nav.sub .ni>a{background:#FFF4D6!important;color:#0B3D91!important;font-weight:800;box-shadow:0 3px 0 #F5A800!important}
nav.sub .ni>a:hover,nav.sub .ni>a.on{background:#F5A800!important;color:#0B3D91!important}
nav.sub .ni>a[href$="ceb-2027.html"],nav.sub .ni>a[href$="ceb-2027.html"]:hover{background:#16A34A!important;color:#fff!important;box-shadow:0 4px 0 #0F7A35!important;animation:mfab 3.2s ease-in-out infinite,cebring 2.4s ease-out infinite}
@keyframes cebring{0%{box-shadow:0 4px 0 #0F7A35,0 0 0 0 rgba(22,163,74,.55)}100%{box-shadow:0 4px 0 #0F7A35,0 0 0 16px rgba(22,163,74,0)}}
.th-lv a,.th-main a,.th-cor{border-radius:14px}
.th-lv a.l,.th-main a.f{background:#0B3D91!important;color:#fff!important;box-shadow:0 4px 0 #062A66!important}
.th-lv a.n1,.th-lv a.n2,.th-lv a.n3{background:#E3EDFF!important;color:#0B3D91!important;box-shadow:0 4px 0 #9DB8E8!important}
.th-main a.p{background:#F5A800!important;color:#0B3D91!important;box-shadow:0 4px 0 #C98600!important}
.th-cor{color:#0B3D91!important}
@media (prefers-reduced-motion:reduce){nav.sub .ni>a[href$="ceb-2027.html"]{animation:none}}

/* pied rapide 2026 */
footer .ftop{display:flex;flex-wrap:wrap;gap:14px 20px;align-items:center;justify-content:space-between;padding-top:22px;padding-bottom:6px}
.fquick{display:flex;flex-wrap:wrap;gap:10px}
.fquick a{display:inline-flex;align-items:center;gap:8px;min-height:48px;padding:10px 20px;border-radius:16px;background:#0B3D91;color:#fff!important;font-weight:800;font-size:17px;text-decoration:none;box-shadow:0 4px 0 #062A66}
.fquick a+a{background:#F5A800;color:#0B3D91!important;box-shadow:0 4px 0 #C98600}
.fquick a:hover{filter:brightness(1.08)}
.fsoc{display:flex;gap:10px}
.fsoc a{display:flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:50%;box-shadow:0 3px 0 rgba(15,27,61,.18)}
.fsoc a:hover{transform:translateY(-2px)}
/* fin pied */
/* menu pres du logo */
@media (min-width:821px){header .top{justify-content:flex-start!important;gap:18px!important}header nav.main{justify-content:flex-start!important;flex:0 1 auto!important}header .top>.lang-sw,header .top>.mb-btn{margin-left:auto}}
.cbk-sm .an-cta a{min-height:46px}