/* entreprise : Terracotta */
:root{--ep:#fffbf7;--ek:#292018;--ec:#f7efe6;--em:#57493c;--ef:#b3a396;--ea:#c2410c;--ed:#9a3412;--es:#fed7aa;--eb:999px}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:'Trebuchet MS', 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)}
.cnxurm{max-width:1140px;margin:0 auto;padding:0 22px}
/* ---- topbar + header ---- */
.dnb{background:var(--ek);color:rgba(255,255,255,.85);font-size:.85rem}
.dnb .cnxurm{display:flex;justify-content:space-between;gap:14px;padding:8px 22px;flex-wrap:wrap}
.dnb a{color:rgba(255,255,255,.85);text-decoration:none}
.nxmxyk{background:#fff;border-bottom:1px solid var(--ec);position:sticky;top:0;z-index:30}
.nxmxyk .cnxurm{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:10px 26px;max-width:1500px;flex-wrap:nowrap}
.gse{font-weight:800;font-size:1.2rem;color:var(--ek);text-decoration:none;letter-spacing:.01em;text-transform:uppercase;display:inline-flex;align-items:center;gap:10px}
.gse b{color:var(--ea)}
.gse svg,.gse img{width:44px;height:44px;flex:none;object-fit:contain}
.kbn{display:flex;align-items:center;gap:0;flex-wrap:nowrap;flex:1;justify-content:flex-end;min-width:0}
.kbn a{color:var(--ek);text-decoration:none;font-size:.75rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;padding:8px 9px;white-space:nowrap}
.kbn a:hover,.kbn a.wmuy{color:var(--ea)}
.kbn .zwn-ts{background:var(--ea);color:#fff;border-radius:var(--eb);padding:9px 16px;letter-spacing:.04em;margin-left:8px}
.kbn .zwn-ts:hover{background:var(--ed);color:#fff}
#menu-o{display:none}
.zery{display:none;cursor:pointer;flex-direction:column;gap:5px;padding:12px;margin-left:auto}
.zery span{display:block;width:24px;height:2px;background:var(--ek);border-radius:2px;transition:transform .2s,opacity .2s}
@media(max-width:1150px){
.nxmxyk .cnxurm{flex-wrap:wrap;gap:0}
.zery{display:flex}
.kbn{display:none;flex-basis:100%;flex-direction:column;align-items:stretch;padding:6px 0 12px}
#menu-o:checked~.kbn{display:flex}
#menu-o:checked~.zery span:nth-child(1){transform:translateY(7px) rotate(45deg)}
#menu-o:checked~.zery span:nth-child(2){opacity:0}
#menu-o:checked~.zery span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.kbn a{padding:13px 4px;border-top:1px solid var(--ec);font-size:.85rem;white-space:normal}
.kbn a:first-child{border-top:none}
.kbn .zwn-ts{margin:12px 0 0;text-align:center}
}
/* ---- hero photo ---- */
.lcg{position:relative;min-height:520px;display:flex;align-items:center;overflow:hidden;background:var(--ek)}
.lcg img.bbb-zys{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.lcg::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))}
.lcg .cnxurm{position:relative;z-index:2;padding-top:70px;padding-bottom:70px}
.lcg 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)}
.lcg .wosml{margin-top:18px;color:rgba(255,255,255,.88);max-width:560px;font-size:1.08rem}
.mochh{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}
.mochh:hover{background:var(--ed)}
.mochh.dnpvid{background:transparent;border:2px solid var(--ea);color:#fff}
.mochh.dnpvid:hover{background:var(--ea)}
.lcg .mochh{margin-top:30px}
/* ---- sections ---- */
.fbf-zdr{padding:76px 0}
.fbf-zdr h2{color:var(--ek);font-size:clamp(1.6rem,3.4vw,2.4rem);font-weight:800;letter-spacing:-.01em;line-height:1.15}
.fbf-zdr .mpfxf::after{content:"";display:block;width:44px;height:4px;background:var(--ea);margin-top:12px}
.twgkoa{text-align:center}
.twgkoa .mpfxf::after{margin-left:auto;margin-right:auto}
/* ---- prestations sur photo ---- */
.zqnv{position:relative;overflow:hidden;background:var(--ek)}
.zqnv img.bbb-zys{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.85}
.zqnv .cnxurm{position:relative;z-index:2;padding-top:64px;padding-bottom:64px}
.zqnv .ijf-kod{background:rgba(255,255,255,.94);max-width:640px;margin-left:auto;padding:44px 42px;border-radius:2px}
.zqnv .ijf-kod .smy{margin-bottom:22px}
.zqnv .hecfp{display:grid;gap:26px 30px;grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}
.zqnv .vnw b{display:flex;align-items:center;gap:8px;color:var(--ek);font-size:1.05rem}
.zqnv .vnw b i{color:var(--ea);font-style:normal;font-weight:800;letter-spacing:-.12em}
.zqnv .vnw b a{color:inherit;text-decoration:none}
.zqnv .vnw b a:hover{color:var(--ed)}
.zqnv .vnw p{margin-top:6px;font-size:.94rem}
/* ---- pourquoi nous ---- */
.wumt .pssv{display:grid;gap:44px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));align-items:center;margin-top:10px}
.wumt .pssv>img{border-radius:2px;aspect-ratio:4/3;object-fit:cover;width:100%}
.wumt .sddgtn{margin-top:30px;display:grid;gap:22px 28px;grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}
.wumt .akt-sc{display:flex;gap:13px;align-items:flex-start}
.wumt .akt-sc .aqn{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}
.wumt .akt-sc b{color:var(--ek);display:block;font-size:1.02rem}
.wumt .akt-sc p{font-size:.92rem;margin-top:3px}
/* ---- à propos ---- */
.zlezkz{background:var(--ec)}
.zlezkz .nar-tea{display:grid;gap:40px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));align-items:start}
.zlezkz .ake-ojv{font-size:.8rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--ek)}
.zlezkz h2{margin-top:12px}
.zlezkz .mzw{margin-top:16px;font-size:1.02rem}
.zlezkz img{border-radius:2px;aspect-ratio:4/3;object-fit:cover;width:100%}
.zlezkz .mochh{margin-top:26px}
/* ---- partenaire ---- */
.vnbfr{background:var(--es)}
.vnbfr .ijf-kod{background:#fff;border-left:5px solid var(--ea);padding:30px 34px;display:flex;gap:26px;align-items:center;flex-wrap:wrap;border-radius:2px}
.vnbfr .sza{flex:1;min-width:250px}
.vnbfr .sza b{color:var(--ek);font-size:1.15rem}
.vnbfr .ted-cj{color:var(--ea);letter-spacing:2px;font-size:.92rem}
.vnbfr .sza .fbdzrl{font-size:.9rem;color:var(--ef)}
.vnbfr .sza p{margin-top:8px;font-size:.96rem}
.vnbfr .tjsy{display:flex;flex-direction:column;gap:8px;font-size:.95rem}
/* ---- témoignages ---- */
.mmnc{background:var(--ec)}
.mmnc 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}
.mmnc .sza{margin-top:14px;text-align:center;font-weight:700;color:var(--ek);font-size:.92rem}
.mmnc .kcjms{width:34px;height:3px;background:var(--ea);margin:30px auto 0}
/* ---- galerie ---- */
.mix{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));margin-top:34px}
.mix img{aspect-ratio:4/3;object-fit:cover;width:100%;border-radius:2px}
/* ---- bande d'appel ---- */
.nym{position:relative;overflow:hidden;background:var(--ek)}
.nym img.bbb-zys{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.5}
.nym .cnxurm{position:relative;z-index:2;display:flex;align-items:center;justify-content:flex-end;min-height:190px;padding-top:36px;padding-bottom:36px}
/* ---- contact ---- */
.uzmuxa .wcsxnb{display:grid;gap:46px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));align-items:start}
.uzmuxa .jfuzt{background:#fff;border:1px solid var(--ec);border-top:4px solid var(--ea);padding:32px;border-radius:2px}
.uzmuxa .jfuzt p{display:flex;gap:10px;align-items:baseline;padding:10px 0;border-bottom:1px solid var(--ec);font-size:.98rem}
.uzmuxa .jfuzt p:last-of-type{border-bottom:none}
.uzmuxa .jfuzt i{font-style:normal}
.uzmuxa .jfuzt .mochh{width:100%;text-align:center;margin-top:18px}
/* ---- classement ---- */
.meg{background:#fff;border:1px solid var(--ec);border-top:4px solid var(--ea);border-radius:2px;margin-top:30px;overflow:hidden}
.meg .jipm{display:flex;gap:18px;align-items:center;background:var(--es);padding:24px 28px;flex-wrap:wrap}
.meg .jipm .mpf-zd{font-size:1.9rem;font-weight:800;color:var(--ea)}
.meg .jipm .sza b a{color:var(--ek);font-size:1.15rem;text-decoration:none}
.meg .jipm .ted-cj{color:var(--ea);letter-spacing:2px;font-size:.9rem}
.meg .jipm p{font-size:.95rem;margin-top:4px}
.meg .jipm .jfuzt{margin-top:10px;font-size:.88rem;color:var(--ef);display:flex;flex-wrap:wrap;gap:4px 18px}
.meg .jipm .jfuzt a{color:var(--ek)}
.meg .jipm .gtfj{margin-top:6px;font-size:.84rem;color:var(--ef)}
.meg .uvac{margin-top:14px;display:grid;gap:10px}
.meg .uvac blockquote{margin:0;padding:10px 14px;background:#fff;border-left:3px solid var(--ea);font-size:.9rem;font-style:italic}
.meg .uvac blockquote span{display:block;margin-top:6px;font-style:normal;font-weight:600;color:var(--ef);font-size:.82rem}
.meg .uvac blockquote span i{color:var(--ea);font-style:normal;letter-spacing:1px;margin-left:6px}
.meg .uvac .ebmp{font-size:.88rem;font-weight:600;color:var(--ea);text-decoration:none}
.meg ol{list-style:none;padding:6px 28px 12px}
.meg li{display:flex;gap:16px;align-items:flex-start;padding:12px 0;border-bottom:1px solid var(--ec);font-size:.97rem}
.meg li:last-child{border-bottom:none}
.meg li .mpf-zd{font-weight:800;color:var(--ef);min-width:1.6em}
.meg li .sza{flex:1;min-width:0}
.meg li .sza a{color:var(--ek);text-decoration:none;font-weight:600}
.meg li .mucn{color:var(--ef);font-size:.85rem;margin-left:8px}
.meg li .ecl-blz{display:block;color:var(--ef);font-size:.82rem;margin-top:3px}
.meg li .ted-cj{margin-left:auto;color:var(--ea);letter-spacing:1px;font-size:.85rem;white-space:nowrap;text-align:right}
.meg li .ted-cj em{display:block;font-style:normal;letter-spacing:0;color:var(--ef);font-size:.78rem;margin-top:2px}
.lll-wnu{background:#fff;border:1px solid var(--ec);border-left:4px solid var(--ea);padding:22px 26px;border-radius:2px;margin:18px 0}
.lll-wnu p{margin-bottom:8px}
.lll-wnu .ted-cj{color:var(--ea);letter-spacing:2px}
.ptgjnm{margin-top:30px}
.ptgjnm .usp-rbn{border:1px solid var(--ec);border-radius:2px;padding:18px 20px;margin-bottom:12px;background:#fff}
.ptgjnm .xlhr{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}
.ptgjnm .xlhr b{color:var(--ek)}
.ptgjnm .ted-cj{color:var(--ea);letter-spacing:1px}
.ptgjnm .drrd{font-size:.8rem;color:var(--ef)}
/* ---- pages internes ---- */
.gpu{max-width:780px;margin:0 auto;padding:56px 22px 70px}
.gpu h1{color:var(--ek);font-size:clamp(1.7rem,4vw,2.5rem);line-height:1.15;font-weight:800}
.gpu .mzw{margin:16px 0 8px;font-size:1.05rem}
.gpu h2{color:var(--ek);margin:32px 0 10px;font-size:1.4rem}
.gpu p{margin-bottom:14px}
.gpu ul,.gpu ol{margin:0 0 15px 22px}
.gpu li{margin-bottom:6px}
.gpu img{border-radius:2px;margin:8px 0 16px}
.ixn-dt{position:relative;background:var(--ek);overflow:hidden}
.ixn-dt img.bbb-zys{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.45}
.ixn-dt .cnxurm{position:relative;z-index:2;padding-top:64px;padding-bottom:64px}
.ixn-dt h1{color:#fff;font-size:clamp(1.7rem,4vw,2.6rem);font-weight:800;max-width:760px}
.ixn-dt .loa-ydb{color:rgba(255,255,255,.7);font-size:.88rem;margin-bottom:10px}
.ixn-dt .loa-ydb a{color:rgba(255,255,255,.7)}
/* ---- blog ---- */
.irp{display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:40px}
.irp article{border:1px solid var(--ec);border-radius:2px;overflow:hidden;display:flex;flex-direction:column}
.irp img{aspect-ratio:16/9;object-fit:cover;width:100%}
.irp .lqb-kar{padding:22px;display:flex;flex-direction:column;gap:9px;flex:1}
.irp h3 a{color:var(--ek);text-decoration:none;font-size:1.08rem;line-height:1.35}
.irp h3 a:hover{color:var(--ed)}
.irp .labbpe{margin-top:auto;font-weight:700;font-size:.9rem;text-decoration:none;color:var(--ea)}
/* ---- footer ---- */
.gxho{background:var(--ek);color:rgba(255,255,255,.78);margin-top:0;font-size:.94rem}
.gxho .cnxurm{padding-top:56px;padding-bottom:34px}
.gxho .xia-rlq{display:grid;gap:34px;grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}
.gxho h4{color:#fff;font-size:1.05rem;margin-bottom:6px}
.gxho h4::after{content:"";display:block;width:30px;height:3px;background:var(--ea);margin-top:8px}
.gxho a{color:rgba(255,255,255,.78);text-decoration:none}
.gxho a:hover{color:#fff}
.gxho p{margin-top:10px}
.gxho .zvxjz{font-weight:800;font-size:1.15rem;color:#fff;text-transform:uppercase}
.gxho .zvxjz b{color:var(--ea)}
.ylz{background:color-mix(in srgb,var(--ek) 80%,#000)}
.ylz .cnxurm{padding:16px 22px;text-align:center;font-size:.85rem;color:rgba(255,255,255,.5)}
.ylz a{color:rgba(255,255,255,.6)}
@media(max-width:700px){.lcg{min-height:420px}.zqnv .ijf-kod{margin:0}.fbf-zdr{padding:56px 0}}