:root{
      --brand:#1e3a8a; /* bleu marine */
      --brand-600:#2447a7;
      --brand-100:#e8eefc;
    }
    body{font-synthesis-weight:none}
    .navbar{--bs-navbar-nav-link-padding-x:1rem}
    .navbar-brand{font-weight:700; letter-spacing:.3px}

    /* HERO */
    .hero{
      position:relative; min-height:64vh; display:flex; align-items:center; color:#fff; overflow:hidden;
      background:#0b1a3a;
    }
    .hero::before{ /* image de fond – à remplacer par la tienne */
      content:""; position:absolute; inset:0; background:url('https://images.unsplash.com/photo-1581594693700-5c00b4f1cf1a?q=80&w=1600&auto=format&fit=crop') center/cover no-repeat; opacity:.85;
    }
    .hero::after{ /* dégradé bleu gauche -> transparent */
      content:""; position:absolute; inset:0; background:linear-gradient(90deg, rgba(30,58,138,.85) 0%, rgba(30,58,138,.65) 35%, rgba(30,58,138,0) 60%);
    }
    .hero .container{ position:relative; z-index:2 }
    .hero h1{ font-weight:800; }
    .btn-brand{ background:var(--brand); color:#fff }
    .btn-brand:hover{ background:var(--brand-600); color:#fff }

    /* SERVICES */
    .section-title{ font-weight:800 }
    .service-card{ border:0; box-shadow:0 10px 30px rgba(0,0,0,.06) }
    .service-card .icon{ width:44px; height:44px; display:grid; place-items:center; border-radius:10px; background:var(--brand-100); color:var(--brand) }

    /* BANDEAU CTA */
    .cta-band{ background:var(--brand); color:#fff; border-radius:16px }

    /* TEMOIGNAGES */
    .quote{ font-size:1rem; color:#334155 }

    /* HORAIRES + CARTE */
    .hours td{ padding:.35rem .5rem }
    .map-box{ background:#eef2ff; border-radius:12px; min-height:260px; display:grid; place-items:center; color:#475569 }

    /* FOOTER */
    footer{ background:#0f172a; color:#cbd5e1 }
    footer a{ color:#9bb5ff; text-decoration:none }
    footer a:hover{ text-decoration:underline }