*{box-sizing:border-box}
html{font-size:100%}
body{margin:0;font-family:"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;color:#1d2733;background:#f4f6f9;line-height:1.65}
a{color:#0f4c81}
.en-haut{background:#0d2c4b;color:#fff;border-bottom:4px solid #f5b400}
.en-haut-in{max-width:1100px;margin:0 auto;padding:14px 18px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px}
.en-marque{color:#fff;text-decoration:none;font-weight:700;font-size:1.25rem;display:flex;align-items:center;gap:10px}
.en-marque span{display:inline-grid;place-items:center;width:36px;height:36px;background:#f5b400;color:#0d2c4b;border-radius:6px;font-weight:800}
.en-nav{display:flex;flex-wrap:wrap;gap:4px}
.en-nav a{color:#e6edf5;text-decoration:none;padding:7px 11px;border-radius:4px;font-size:.95rem}
.en-nav a:hover,.en-nav a.en-actif{background:#f5b400;color:#0d2c4b}
.en-bandeau{background:linear-gradient(120deg,#0d2c4b,#164a7a);color:#fff}
.en-bandeau-in{max-width:1100px;margin:0 auto;padding:38px 18px}
.en-bandeau h1{margin:0;font-size:2rem;line-height:1.25}
.en-fil{font-size:.85rem;color:#b9c8d8;margin-top:8px}
.en-fil a{color:#ffd45c}
.en-grille{max-width:1100px;margin:0 auto;padding:30px 18px;display:grid;grid-template-columns:1fr 300px;gap:30px}
.en-texte{background:#fff;padding:28px;border-radius:8px;box-shadow:0 1px 3px rgba(13,44,75,.08)}
.en-texte h2{color:#0d2c4b;font-size:1.3rem;margin:1.6em 0 .5em;border-left:4px solid #f5b400;padding-left:10px}
.en-texte img{width:100%;height:auto;border-radius:6px;margin:0 0 18px}
.en-lead{font-size:1.1rem;color:#33475b}
.en-puces li{margin:.35em 0}
.en-carte{border-bottom:1px solid #e3e8ef;padding:12px 0}
.en-carte h2{border:0;padding:0;margin:0 0 .3em;font-size:1.1rem}
.en-carte p{margin:0;color:#4a5a6b}
.en-cote{display:flex;flex-direction:column;gap:20px}
.en-boite{background:#fff;border-radius:8px;padding:20px;box-shadow:0 1px 3px rgba(13,44,75,.08)}
.en-boite h3{margin:0 0 10px;font-size:1rem;color:#0d2c4b;text-transform:uppercase;letter-spacing:.04em}
.en-boite ul{margin:0;padding-left:18px}
.en-boite li{margin:.4em 0;font-size:.93rem}
.en-pied{background:#0a2238;color:#b9c8d8;font-size:.88rem}
.en-pied-in{max-width:1100px;margin:0 auto;padding:24px 18px;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.en-pied a{color:#ffd45c}
.en-pied h4{color:#fff;margin:0 0 8px;font-size:.95rem}
.en-credits{max-width:1100px;margin:0 auto;padding:0 18px 20px;font-size:.78rem;color:#8ea3b8}
@media (max-width:800px){.en-grille{grid-template-columns:1fr}.en-pied-in{grid-template-columns:1fr}.en-bandeau h1{font-size:1.5rem}.en-texte{padding:18px}}
