
:root{--blue:#0b78b6;--green:#16a36a;--dark:#17324d;--soft:#f5fbff;--card:#ffffff;--line:#dcebf5;--gold:#f4b63f;--txt:#253244}*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--txt);background:#f7fbff;line-height:1.65}a{color:inherit}.top{background:linear-gradient(90deg,#e8f6ff,#effff7);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}.bar{max-width:1180px;margin:auto;padding:12px 18px;display:flex;gap:18px;align-items:center;justify-content:space-between}.brand{font-weight:900;color:var(--dark);font-size:20px}.brand span{color:var(--green)}.nav{display:flex;gap:8px;flex-wrap:wrap}.nav a{font-size:14px;text-decoration:none;padding:9px 11px;border-radius:999px;background:#fff;border:1px solid #d9edf9}.nav a:hover{background:#dff4ff}.hero{background:linear-gradient(135deg,#e9f7ff 0%,#f7fff9 55%,#fff9ea 100%);padding:70px 18px 45px;border-bottom:1px solid var(--line)}.wrap{max-width:1180px;margin:auto}.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:34px;align-items:center}.badge{display:inline-block;background:#fff;border:1px solid var(--line);padding:8px 12px;border-radius:999px;font-weight:700;color:var(--blue)}h1{font-size:clamp(34px,5vw,58px);line-height:1.05;margin:18px 0;color:var(--dark)}h2{font-size:clamp(26px,3vw,38px);color:var(--dark);line-height:1.15;margin:0 0 18px}h3{color:#123d5c;margin-top:0}.lead{font-size:19px;max-width:760px}.cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}.btn{display:inline-block;padding:13px 18px;border-radius:14px;text-decoration:none;font-weight:800;background:var(--blue);color:#fff;box-shadow:0 8px 22px #0b78b633}.btn.alt{background:var(--green)}.btn.light{background:#fff;color:var(--dark);border:1px solid var(--line)}.hero-img,.page-img{width:100%;border-radius:26px;box-shadow:0 14px 40px #1d4c7030;background:#fff}.section{padding:52px 18px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:22px}.card{background:var(--card);border:1px solid var(--line);border-radius:24px;padding:24px;box-shadow:0 10px 28px #17476a12}.card img{width:100%;border-radius:18px;margin-bottom:14px}.pillbox{display:flex;flex-wrap:wrap;gap:9px}.pill{background:#eef8ff;border:1px solid #cae9fa;padding:8px 11px;border-radius:999px;font-weight:700;font-size:14px}.notice{background:#fff8e7;border-left:5px solid var(--gold);padding:18px;border-radius:16px}.local{background:#eefaf3;border:1px solid #cdeedc}.faq details{background:#fff;border:1px solid var(--line);border-radius:16px;margin:10px 0;padding:16px}.faq summary{font-weight:800;color:var(--dark);cursor:pointer}.map{width:100%;height:360px;border:0;border-radius:24px;box-shadow:0 12px 30px #17476a18}.footer{background:#dff1fb;margin-top:40px;border-top:1px solid #c9e3f2;padding:32px 18px;color:#17324d}.small{font-size:14px;color:#526272}.two-col{columns:2;column-gap:34px}.breadcrumb{font-size:14px;color:#607080;margin:14px 0}.table{width:100%;border-collapse:separate;border-spacing:0 10px}.table td,.table th{background:#fff;padding:14px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.table th{text-align:left;color:var(--dark)}@media(max-width:850px){.hero-grid,.grid2{grid-template-columns:1fr}.grid{grid-template-columns:1fr}.bar{align-items:flex-start;flex-direction:column}.nav a{font-size:13px}.two-col{columns:1}.section{padding:36px 14px}.hero{padding-top:38px}}

/* Formulaire devis SECURITY-CLIC */
.devis-section{background:linear-gradient(135deg,#f4fbff,#f8fff8);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.devis-intro ul{padding-left:20px}.quote-form{display:grid;gap:13px}.quote-form h3{font-size:26px;margin-bottom:4px}.quote-form label{font-weight:800;color:var(--dark);display:grid;gap:6px}.quote-form input,.quote-form select,.quote-form textarea{width:100%;border:1px solid #cfe5f2;border-radius:14px;padding:12px 13px;font:inherit;background:#fff;color:var(--txt);outline:none}.quote-form input:focus,.quote-form select:focus,.quote-form textarea:focus{border-color:var(--blue);box-shadow:0 0 0 4px #0b78b61a}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.check{grid-template-columns:auto 1fr!important;align-items:start;font-weight:600!important;color:#425466!important}.check input{width:auto;margin-top:6px}.form-status{margin:0;padding:12px;border-radius:14px;background:#eef8ff;border:1px solid #cce8f8;font-weight:700}.form-status.ok{background:#edfff6;border-color:#bdebd2;color:#0c6b42}.form-status.err{background:#fff1f1;border-color:#ffd0d0;color:#9b2226}.devis-mini-cta{padding-top:20px;padding-bottom:20px}.devis-mini-cta .card{background:linear-gradient(135deg,#eefaf3,#eef8ff)}
@media(max-width:850px){.form-row{grid-template-columns:1fr}.quote-form{padding:18px}.devis-section .grid2{gap:16px}}

.whatsapp{background:#128C7E;color:#fff!important;border-color:#128C7E}.contact-direct .vertical{display:flex;flex-direction:column;align-items:flex-start;gap:12px}.contact-direct .btn{width:auto}.devis-section .notice{margin-top:18px}
