:root{--ardoise:#0f5168;--chaux:#f4f8fa;--ocre:#38c1d9;--encre:#12262e;--gris:#52646d;--ligne:#d3dfe4}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;font:17px/1.65 system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--encre);background:var(--chaux);padding-bottom:64px}
h1,h2,h3{font-family:Rockwell,"Roboto Slab",Georgia,serif;line-height:1.2;margin:0 0 .5em}
h1{font-size:clamp(1.9rem,6vw,3rem)}h2{font-size:clamp(1.4rem,4vw,2rem)}
a{color:inherit}.w{max-width:1020px;margin:0 auto;padding:0 20px}
header{background:#fff;color:var(--ardoise);border-bottom:3px solid var(--ocre);position:sticky;top:0;z-index:5}
header .w{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 16px;padding-top:10px;padding-bottom:10px}
.logo img{height:68px;width:auto;display:block}
nav{display:flex;flex-wrap:wrap;gap:4px 14px;font-size:.92rem}nav a{text-decoration:none;padding:4px 0;border-bottom:2px solid transparent}nav a:hover,nav a[aria-current]{border-color:var(--ocre)}
.tel{background:var(--ocre);color:var(--encre);font-weight:700;text-decoration:none;padding:10px 16px;border-radius:6px;display:inline-block}
.hero{background:var(--ardoise);color:#fff;padding:48px 0 56px;border-bottom:8px solid var(--ocre)}
.hero p{max-width:60ch;font-size:1.1rem;color:#dfe5ea}.hero .tel{font-size:1.2rem;padding:14px 22px;margin:8px 10px 0 0}
.ghost{background:none;color:#fff;border:2px solid #fff}
section{padding:40px 0}.cols{display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.c{border-left:4px solid var(--ocre);padding:4px 0 4px 16px}.c h3{font-size:1.1rem;margin-bottom:.2em}.c p{margin:0;color:var(--gris)}
ul.ok{padding:0;list-style:none}ul.ok li{padding-left:26px;position:relative;margin:.4em 0}ul.ok li:before{content:"✓";position:absolute;left:0;color:var(--ardoise);font-weight:700}
.alt{background:#fff;border-block:1px solid var(--ligne)}
form{display:grid;gap:12px;max-width:560px}label{font-weight:600;font-size:.95rem}
input,select,textarea{width:100%;padding:12px;font:inherit;border:1px solid #9aa3ab;border-radius:6px;background:#fff}
input:focus,select:focus,textarea:focus,a:focus-visible,button:focus-visible{outline:3px solid var(--ocre);outline-offset:2px}
button{background:var(--ardoise);color:#fff;font:700 1rem inherit;padding:14px;border:0;border-radius:6px;cursor:pointer}
.hp{position:absolute;left:-9999px}
.ph{background:repeating-linear-gradient(45deg,#e6e2d8,#e6e2d8 10px,#efece4 10px,#efece4 20px);aspect-ratio:4/3;display:grid;place-items:center;color:var(--gris);font-size:.9rem;text-align:center;padding:10px;border-radius:6px}
figure{margin:0}.gal img{width:100%;height:auto;aspect-ratio:3/4;object-fit:cover;border-radius:6px;display:block}figcaption{font-size:.9rem;color:var(--gris);margin-top:6px}footer{background:#0a3a4b;color:#c8d0d6;padding:28px 0;font-size:.9rem}footer a{color:#fff}
.bar{position:fixed;bottom:0;left:0;right:0;background:var(--ocre);text-align:center;padding:14px;font-weight:700;text-decoration:none;color:var(--encre);z-index:9}
@media(min-width:760px){.bar{display:none}body{padding-bottom:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}