/* entreprise : Ardoise */
:root{--ep:#fafafa;--ek:#111827;--ec:#eceff3;--em:#4b5563;--ef:#9ca3af;--ea:#0e7490;--ed:#155e75;--es:#cffafe;--eb:0.4rem}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:Verdana, system-ui, sans-serif;background:#fff;color:var(--em);line-height:1.7;-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
a{color:var(--ed)}
.urx-lq{max-width:1140px;margin:0 auto;padding:0 22px}
/* ---- topbar + header ---- */
.klc{background:var(--ek);color:rgba(255,255,255,.85);font-size:.85rem}
.klc .urx-lq{display:flex;justify-content:space-between;gap:14px;padding:8px 22px;flex-wrap:wrap}
.klc a{color:rgba(255,255,255,.85);text-decoration:none}
.ydbu{background:#fff;border-bottom:1px solid var(--ec);position:sticky;top:0;z-index:30}
.ydbu .urx-lq{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 22px;flex-wrap:wrap}
.aonhin{font-weight:800;font-size:1.2rem;color:var(--ek);text-decoration:none;letter-spacing:.01em;text-transform:uppercase}
.aonhin b{color:var(--ea)}
.ieuv{display:flex;align-items:center;gap:4px;flex-wrap:wrap}
.ieuv a{color:var(--ek);text-decoration:none;font-size:.83rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:9px 12px}
.ieuv a:hover,.ieuv a.qwpu{color:var(--ea)}
.ieuv .gtkvys{background:var(--ea);color:#fff;border-radius:var(--eb);padding:11px 22px;letter-spacing:.04em}
.ieuv .gtkvys:hover{background:var(--ed);color:#fff}
/* ---- hero photo ---- */
.dzl{position:relative;min-height:520px;display:flex;align-items:center;overflow:hidden;background:var(--ek)}
.dzl img.yybqg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.dzl::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,rgba(10,16,30,.72) 10%,rgba(10,16,30,.25) 65%,rgba(10,16,30,.05))}
.dzl .urx-lq{position:relative;z-index:2;padding-top:70px;padding-bottom:70px}
.dzl h1{color:#fff;font-size:clamp(2rem,4.8vw,3.4rem);line-height:1.12;font-weight:800;max-width:740px;letter-spacing:-.01em;text-shadow:0 2px 18px rgba(0,0,0,.35)}
.dzl .uwnx{margin-top:18px;color:rgba(255,255,255,.88);max-width:560px;font-size:1.08rem}
.jzdc{display:inline-block;background:var(--ea);color:#fff;text-decoration:none;font-weight:700;letter-spacing:.03em;padding:15px 32px;border-radius:var(--eb);transition:background .2s}
.jzdc:hover{background:var(--ed)}
.jzdc.gqa-wv{background:transparent;border:2px solid var(--ea);color:#fff}
.jzdc.gqa-wv:hover{background:var(--ea)}
.dzl .jzdc{margin-top:30px}
/* ---- sections ---- */
.wfs{padding:76px 0}
.wfs h2{color:var(--ek);font-size:clamp(1.6rem,3.4vw,2.4rem);font-weight:800;letter-spacing:-.01em;line-height:1.15}
.wfs .agied::after{content:"";display:block;width:44px;height:4px;background:var(--ea);margin-top:12px}
.jiio{text-align:center}
.jiio .agied::after{margin-left:auto;margin-right:auto}
/* ---- prestations sur photo ---- */
.lbmc{position:relative;overflow:hidden;background:var(--ek)}
.lbmc img.yybqg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.85}
.lbmc .urx-lq{position:relative;z-index:2;padding-top:64px;padding-bottom:64px}
.lbmc .sinvh{background:rgba(255,255,255,.94);max-width:640px;margin-left:auto;padding:44px 42px;border-radius:2px}
.lbmc .sinvh .hrd{margin-bottom:22px}
.lbmc .dvg-dg{display:grid;gap:26px 30px;grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}
.lbmc .ufa b{display:flex;align-items:center;gap:8px;color:var(--ek);font-size:1.05rem}
.lbmc .ufa b i{color:var(--ea);font-style:normal;font-weight:800;letter-spacing:-.12em}
.lbmc .ufa b a{color:inherit;text-decoration:none}
.lbmc .ufa b a:hover{color:var(--ed)}
.lbmc .ufa p{margin-top:6px;font-size:.94rem}
/* ---- pourquoi nous ---- */
.fxd-xa .oybirz{display:grid;gap:44px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));align-items:center;margin-top:10px}
.fxd-xa .oybirz>img{border-radius:2px;aspect-ratio:4/3;object-fit:cover;width:100%}
.fxd-xa .yqk-yv{margin-top:30px;display:grid;gap:22px 28px;grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}
.fxd-xa .xak{display:flex;gap:13px;align-items:flex-start}
.fxd-xa .xak .nqi{flex:0 0 auto;width:34px;height:34px;display:flex;align-items:center;justify-content:center;background:var(--ea);color:#fff;font-weight:800;border-radius:2px}
.fxd-xa .xak b{color:var(--ek);display:block;font-size:1.02rem}
.fxd-xa .xak p{font-size:.92rem;margin-top:3px}
/* ---- à propos ---- */
.qknkd{background:var(--ec)}
.qknkd .nghmt{display:grid;gap:40px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));align-items:start}
.qknkd .wkn{font-size:.8rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--ek)}
.qknkd h2{margin-top:12px}
.qknkd .efg{margin-top:16px;font-size:1.02rem}
.qknkd img{border-radius:2px;aspect-ratio:4/3;object-fit:cover;width:100%}
.qknkd .jzdc{margin-top:26px}
/* ---- partenaire ---- */
.ejdwj{background:var(--es)}
.ejdwj .sinvh{background:#fff;border-left:5px solid var(--ea);padding:30px 34px;display:flex;gap:26px;align-items:center;flex-wrap:wrap;border-radius:2px}
.ejdwj .qxd{flex:1;min-width:250px}
.ejdwj .qxd b{color:var(--ek);font-size:1.15rem}
.ejdwj .lzv{color:var(--ea);letter-spacing:2px;font-size:.92rem}
.ejdwj .qxd .adwwqk{font-size:.9rem;color:var(--ef)}
.ejdwj .qxd p{margin-top:8px;font-size:.96rem}
.ejdwj .dajv{display:flex;flex-direction:column;gap:8px;font-size:.95rem}
/* ---- témoignages ---- */
.emzoi{background:var(--ec)}
.emzoi blockquote{max-width:820px;margin:34px auto 0;font-size:1.15rem;font-style:italic;color:var(--em);text-align:center;line-height:1.75}
.emzoi .qxd{margin-top:14px;text-align:center;font-weight:700;color:var(--ek);font-size:.92rem}
.emzoi .geu-be{width:34px;height:3px;background:var(--ea);margin:30px auto 0}
/* ---- galerie ---- */
.vph{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));margin-top:34px}
.vph img{aspect-ratio:4/3;object-fit:cover;width:100%;border-radius:2px}
/* ---- bande d'appel ---- */
.biz{position:relative;overflow:hidden;background:var(--ek)}
.biz img.yybqg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.5}
.biz .urx-lq{position:relative;z-index:2;display:flex;align-items:center;justify-content:flex-end;min-height:190px;padding-top:36px;padding-bottom:36px}
/* ---- contact ---- */
.yqitus .gvb{display:grid;gap:46px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));align-items:start}
.yqitus .mucxe{background:#fff;border:1px solid var(--ec);border-top:4px solid var(--ea);padding:32px;border-radius:2px}
.yqitus .mucxe p{display:flex;gap:10px;align-items:baseline;padding:10px 0;border-bottom:1px solid var(--ec);font-size:.98rem}
.yqitus .mucxe p:last-of-type{border-bottom:none}
.yqitus .mucxe i{font-style:normal}
.yqitus .mucxe .jzdc{width:100%;text-align:center;margin-top:18px}
/* ---- classement ---- */
.tsf{background:#fff;border:1px solid var(--ec);border-top:4px solid var(--ea);border-radius:2px;margin-top:30px;overflow:hidden}
.tsf .cvn{display:flex;gap:18px;align-items:center;background:var(--es);padding:24px 28px;flex-wrap:wrap}
.tsf .cvn .anc{font-size:1.9rem;font-weight:800;color:var(--ea)}
.tsf .cvn .qxd b a{color:var(--ek);font-size:1.15rem;text-decoration:none}
.tsf .cvn .lzv{color:var(--ea);letter-spacing:2px;font-size:.9rem}
.tsf .cvn p{font-size:.95rem;margin-top:4px}
.tsf ol{list-style:none;padding:6px 28px 12px}
.tsf li{display:flex;gap:16px;align-items:baseline;padding:12px 0;border-bottom:1px solid var(--ec);font-size:.97rem}
.tsf li:last-child{border-bottom:none}
.tsf li .anc{font-weight:800;color:var(--ef);min-width:1.6em}
.tsf li .qxd a{color:var(--ek);text-decoration:none;font-weight:600}
.tsf li .bglo{color:var(--ef);font-size:.85rem}
.tsf li .lzv{margin-left:auto;color:var(--ea);letter-spacing:1px;font-size:.85rem;white-space:nowrap}
.ravqw{background:#fff;border:1px solid var(--ec);border-left:4px solid var(--ea);padding:22px 26px;border-radius:2px;margin:18px 0}
.ravqw p{margin-bottom:8px}
.ravqw .lzv{color:var(--ea);letter-spacing:2px}
.iwmco{margin-top:30px}
.iwmco .njws{border:1px solid var(--ec);border-radius:2px;padding:18px 20px;margin-bottom:12px;background:#fff}
.iwmco .lfcrr{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}
.iwmco .lfcrr b{color:var(--ek)}
.iwmco .lzv{color:var(--ea);letter-spacing:1px}
.iwmco .yvfkdp{font-size:.8rem;color:var(--ef)}
/* ---- pages internes ---- */
.tgqt{max-width:780px;margin:0 auto;padding:56px 22px 70px}
.tgqt h1{color:var(--ek);font-size:clamp(1.7rem,4vw,2.5rem);line-height:1.15;font-weight:800}
.tgqt .efg{margin:16px 0 8px;font-size:1.05rem}
.tgqt h2{color:var(--ek);margin:32px 0 10px;font-size:1.4rem}
.tgqt p{margin-bottom:14px}
.tgqt ul,.tgqt ol{margin:0 0 15px 22px}
.tgqt li{margin-bottom:6px}
.tgqt img{border-radius:2px;margin:8px 0 16px}
.drhi{position:relative;background:var(--ek);overflow:hidden}
.drhi img.yybqg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.45}
.drhi .urx-lq{position:relative;z-index:2;padding-top:64px;padding-bottom:64px}
.drhi h1{color:#fff;font-size:clamp(1.7rem,4vw,2.6rem);font-weight:800;max-width:760px}
.drhi .xhcauv{color:rgba(255,255,255,.7);font-size:.88rem;margin-bottom:10px}
.drhi .xhcauv a{color:rgba(255,255,255,.7)}
/* ---- blog ---- */
.lkyo{display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:40px}
.lkyo article{border:1px solid var(--ec);border-radius:2px;overflow:hidden;display:flex;flex-direction:column}
.lkyo img{aspect-ratio:16/9;object-fit:cover;width:100%}
.lkyo .nvf-ov{padding:22px;display:flex;flex-direction:column;gap:9px;flex:1}
.lkyo h3 a{color:var(--ek);text-decoration:none;font-size:1.08rem;line-height:1.35}
.lkyo h3 a:hover{color:var(--ed)}
.lkyo .rgrk{margin-top:auto;font-weight:700;font-size:.9rem;text-decoration:none;color:var(--ea)}
/* ---- footer ---- */
.ggjksx{background:var(--ek);color:rgba(255,255,255,.78);margin-top:0;font-size:.94rem}
.ggjksx .urx-lq{padding-top:56px;padding-bottom:34px}
.ggjksx .ikyt{display:grid;gap:34px;grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}
.ggjksx h4{color:#fff;font-size:1.05rem;margin-bottom:6px}
.ggjksx h4::after{content:"";display:block;width:30px;height:3px;background:var(--ea);margin-top:8px}
.ggjksx a{color:rgba(255,255,255,.78);text-decoration:none}
.ggjksx a:hover{color:#fff}
.ggjksx p{margin-top:10px}
.ggjksx .xuorzv{font-weight:800;font-size:1.15rem;color:#fff;text-transform:uppercase}
.ggjksx .xuorzv b{color:var(--ea)}
.vlx{background:color-mix(in srgb,var(--ek) 80%,#000)}
.vlx .urx-lq{padding:16px 22px;text-align:center;font-size:.85rem;color:rgba(255,255,255,.5)}
.vlx a{color:rgba(255,255,255,.6)}
@media(max-width:700px){.dzl{min-height:420px}.lbmc .sinvh{margin:0}.wfs{padding:56px 0}}