:root{--bleu:#0b2a4a;--orange:#f59e0b;--gris:#f4f6f8;--texte:#1f2933;--clair:#ffffff}
*{box-sizing:border-box}
body{margin:0;font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;color:var(--texte);line-height:1.65;background:var(--clair)}
a{color:var(--bleu)}
header{background:var(--bleu);color:#fff}
header .wrap{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px}
.logo{font-size:1.4rem;font-weight:700;color:#fff;text-decoration:none;letter-spacing:.5px}
.logo span{color:var(--orange)}
nav a{color:#fff;text-decoration:none;margin-left:18px;font-weight:500}
nav a:hover{color:var(--orange)}
.wrap{max-width:1000px;margin:0 auto;padding:0 20px}
.hero{background:linear-gradient(135deg,#0b2a4a,#16507f);color:#fff;padding:70px 0}
.hero h1{font-size:2.1rem;margin:0 0 14px;line-height:1.25}
.hero p{font-size:1.1rem;max-width:680px;margin:0 0 24px}
.btn{display:inline-block;background:var(--orange);color:#1a1a1a;padding:13px 26px;border-radius:6px;font-weight:700;text-decoration:none}
.btn:hover{background:#ffb733}
section{padding:50px 0}
section.alt{background:var(--gris)}
h2{color:var(--bleu);margin-top:0}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px}
.card{background:#fff;border:1px solid #dde3e9;border-radius:8px;padding:22px}
.card h3{margin-top:0;color:var(--bleu)}
.liste-articles .card{margin-bottom:18px}
.date{color:#667;font-size:.9rem}
article{padding:40px 0}
article h1{color:var(--bleu);line-height:1.25}
article h2{margin-top:32px}
.note{background:#fff7e6;border-left:4px solid var(--orange);padding:12px 16px;border-radius:4px}
footer{background:var(--bleu);color:#cfd8e3;padding:28px 0;font-size:.9rem}
footer a{color:#fff}
@media(max-width:600px){.hero h1{font-size:1.6rem}nav a{margin:0 12px 0 0}}