@font-face{font-family:Inter;font-weight:400;font-display:swap;src:url(/fonts/Inter-Regular.woff2) format('woff2')}
@font-face{font-family:Inter;font-weight:700;font-display:swap;src:url(/fonts/Inter-Bold.woff2) format('woff2')}
@font-face{font-family:Inter;font-weight:900;font-display:swap;src:url(/fonts/Inter-Black.woff2) format('woff2')}
:root{--navy:#0E1530;--navy2:#1A2350;--lime:#D4FF3F;--cream:#F6F5F0;--ink:#1B2140;--muted:#5A6180;--line:#E2E1DA}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:Inter,system-ui,sans-serif;background:var(--cream);color:var(--ink);line-height:1.65;-webkit-font-smoothing:antialiased;font-size:17px}
a{color:#2B47C9}
.wrap{max-width:760px;margin:0 auto;padding:0 20px}
header{background:var(--navy);color:var(--cream)}
header .wrap{max-width:1080px;display:flex;align-items:center;justify-content:space-between;height:64px}
.brand{display:flex;align-items:center;gap:10px;font-weight:900;font-size:19px;text-decoration:none;color:var(--cream)}
.brand img{width:34px;height:34px;border-radius:9px}
.tag{background:var(--lime);color:var(--navy);border-radius:999px;padding:1px 9px;font-weight:900}
.btn{display:inline-block;background:var(--lime);color:var(--navy);font-weight:800;text-decoration:none;border-radius:12px;padding:12px 20px}
nav.fil{font-size:14px;color:var(--muted);margin:26px 0 8px}
nav.fil a{color:var(--muted)}
h1{font-size:clamp(30px,5vw,42px);line-height:1.15;font-weight:900;letter-spacing:-.02em;margin:6px 0 14px;color:var(--navy)}
.chapo{font-size:19px;color:#2E3556;margin-bottom:10px}
.maj{font-size:14px;color:var(--muted);margin-bottom:26px}
article h2{font-size:26px;line-height:1.25;font-weight:900;color:var(--navy);margin:40px 0 12px;letter-spacing:-.01em}
article h3{font-size:20px;font-weight:700;color:var(--navy);margin:26px 0 8px}
article p,article ul,article ol{margin:0 0 14px}
article ul,article ol{padding-left:22px}
article li{margin-bottom:6px}
.sommaire{background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px 20px;margin:0 0 24px}
.sommaire b{display:block;margin-bottom:6px}
.sommaire ol{margin:0}
.modele{background:#fff;border-left:4px solid var(--lime);border-radius:10px;padding:14px 18px;margin:12px 0 18px;box-shadow:0 1px 0 var(--line)}
.modele .titre{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin-bottom:6px}
.astuce{background:#EEF6D0;border-radius:12px;padding:14px 18px;margin:14px 0 18px}
.attention{background:#FDECEA;border-radius:12px;padding:14px 18px;margin:14px 0 18px}
table{width:100%;border-collapse:collapse;margin:10px 0 20px;font-size:15px;background:#fff}
th,td{border:1px solid var(--line);padding:9px 10px;text-align:left;vertical-align:top}
th{background:#F0EFE8}
.faq h3{margin-top:18px}
.cta{background:var(--navy);color:var(--cream);border-radius:18px;padding:26px 24px;margin:40px 0}
.cta h2{color:var(--cream);margin-top:0}
.cta p{color:#C9CEE3}
.liees{margin:30px 0}
.liees ul{list-style:none;padding:0}
.liees li{padding:8px 0;border-bottom:1px solid var(--line)}
footer{background:var(--navy);color:#A9B0CC;font-size:14px;padding:28px 0;margin-top:50px}
footer .wrap{max-width:1080px}
footer .links{display:flex;flex-wrap:wrap;gap:6px 16px;margin-top:10px}
footer a{color:#A9B0CC}
.brand{white-space:nowrap}
header .btn{white-space:nowrap}
@media (max-width:480px){header .btn{padding:9px 12px;font-size:14px}.brand{font-size:17px}}

header .wrap{gap:16px}
.menu{display:flex;gap:22px;align-items:center}.menu a{color:var(--cream);text-decoration:none;font-weight:600;font-size:15px;opacity:.9}.menu a:hover{opacity:1;text-decoration:underline}@media (max-width:820px){header .wrap,header .bar{flex-wrap:wrap;height:auto;padding-top:10px;padding-bottom:6px;row-gap:6px}.menu{order:3;width:100%;overflow-x:auto;gap:18px;padding:4px 0 2px;white-space:nowrap}}

.cat{display:inline-block;background:var(--lime);color:var(--navy);font-weight:800;font-size:13px;border-radius:999px;padding:3px 11px;margin-top:26px;text-transform:uppercase;letter-spacing:.04em}
.couv{width:100%;height:auto;border-radius:16px;margin:4px 0 22px;display:block}
.cta .btn.ghost{background:transparent;color:var(--cream);border:2px solid rgba(246,245,240,.35);margin-left:8px}
.blog{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:18px;margin:20px 0}
.blog li{background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden}
.blog a{text-decoration:none;color:inherit;display:block}
.blog img{width:100%;height:auto;display:block}
.blog .t{padding:14px 16px}
.blog .t b{display:block;font-size:18px;line-height:1.3;color:var(--navy)}
.blog .t span{display:block;color:var(--muted);font-size:14px;margin-top:6px}