:root{--bleu:#0a3d62;--cyan:#00a8cc;--clair:#eaf6fb;--txt:#1e272e;}
  *{margin:0;padding:0;box-sizing:border-box;font-family:'Segoe UI',Arial,sans-serif;}
  body{color:var(--txt);}
  header{background:linear-gradient(135deg,var(--bleu),#145da0);color:#fff;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:10;}
  header .logo{font-size:1.4rem;font-weight:700;}
  header nav a{color:#fff;text-decoration:none;margin-left:1.5rem;font-size:.95rem;}
  header nav a:hover{color:var(--cyan);}
  .hero{background:linear-gradient(rgba(10,61,98,.85),rgba(10,61,98,.85)),url('') center/cover,var(--bleu);color:#fff;text-align:center;padding:6rem 2rem;}
  .hero h1{font-size:2.8rem;margin-bottom:1rem;}
  .hero p{font-size:1.2rem;max-width:700px;margin:0 auto 2rem;}
  .btn{display:inline-block;background:var(--cyan);color:#fff;padding:.9rem 2.2rem;border-radius:40px;text-decoration:none;font-weight:600;transition:.2s;}
  .btn:hover{background:#0090b0;transform:translateY(-2px);}
  section{padding:4rem 2rem;max-width:1100px;margin:auto;}
  section h2{color:var(--bleu);font-size:2rem;text-align:center;margin-bottom:2.5rem;}
  .grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem;}
  .card{background:var(--clair);border-radius:12px;padding:1.8rem;box-shadow:0 3px 10px rgba(0,0,0,.08);}
  .card h3{color:var(--bleu);margin-bottom:.6rem;}
  .card .icone{font-size:2.2rem;margin-bottom:.8rem;}
  .specs table{width:100%;border-collapse:collapse;}
  .specs td,.specs th{padding:.8rem;border-bottom:1px solid #d5e5ee;text-align:left;}
  .specs th{background:var(--bleu);color:#fff;}
  .refs ol{margin-left:1.2rem;line-height:1.75;color:#234;}
  .refs a{color:#0b5fa1;text-decoration:none;word-break:break-word;}
  .refs a:hover{text-decoration:underline;}
  .bande{background:var(--clair);text-align:center;}
  .avert{background:#fff8e1;border-left:5px solid #f0a500;padding:1.2rem;border-radius:8px;font-size:.95rem;margin-top:2rem;}
  footer{background:var(--bleu);color:#fff;text-align:center;padding:2rem;font-size:.9rem;}
  @media(max-width:600px){.hero h1{font-size:2rem;}header nav{display:none;}}