/* expertbatiment.immo : feuille de style unique. Polices auto-hébergées (aucun appel à un service tiers). */
@font-face{font-family:"Jost";font-style:normal;font-weight:100 900;font-display:swap;src:url("../fonts/jost-latin-wght-normal.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Jost";font-style:normal;font-weight:100 900;font-display:swap;src:url("../fonts/jost-latin-ext-wght-normal.woff2") format("woff2");unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Source Sans 3";font-style:normal;font-weight:200 900;font-display:swap;src:url("../fonts/source-sans-3-latin-wght-normal.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Source Sans 3";font-style:normal;font-weight:200 900;font-display:swap;src:url("../fonts/source-sans-3-latin-ext-wght-normal.woff2") format("woff2");unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}

:root{
  --night:#0E2A3B; --teal:#0F9ED5; --teal-deep:#0A6F94; --stone:#F4F1EC; --sky:#E3F4FA;
  --slate:#55646F; --brick:#A93F25; --green:#2A7553; --white:#fff; --line:#D9E1E6;
  --font-title:"Jost","Century Gothic","Segoe UI",system-ui,sans-serif;
  --font-text:"Source Sans 3","Segoe UI",system-ui,-apple-system,sans-serif;
  --radius:14px; --shadow:0 1px 2px rgba(14,42,59,.08),0 8px 24px rgba(14,42,59,.08);
  --wrap:1180px; --gap:clamp(1rem,2.4vw,1.75rem);
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}
body{margin:0;font-family:var(--font-text);font-size:1.0625rem;line-height:1.62;color:var(--night);background:var(--white);-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto;display:block}
a{color:var(--teal-deep);text-underline-offset:.18em;text-decoration-thickness:.08em}
a:hover{color:var(--night)}
:focus-visible{outline:3px solid var(--teal);outline-offset:3px;border-radius:4px}
h1,h2,h3,h4{font-family:var(--font-title);line-height:1.16;margin:0 0 .6em;letter-spacing:-.01em;color:var(--night)}
h1{font-size:clamp(2rem,4.6vw,3.35rem);font-weight:600;color:var(--teal)}
h2{font-size:clamp(1.55rem,3vw,2.15rem);font-weight:600;color:var(--teal)}
h3{font-size:1.28rem;font-weight:600}
p{margin:0 0 1em}
ul,ol{margin:0 0 1.1em;padding-left:1.25em}
li{margin:.3em 0}
.wrap{width:min(100% - 2*clamp(1rem,4vw,2rem),var(--wrap));margin-inline:auto}
.skip{position:absolute;left:-999px;top:0;background:var(--night);color:#fff;padding:.7rem 1rem;z-index:100}
.skip:focus{left:0}
.eyebrow{font-family:var(--font-title);text-transform:uppercase;letter-spacing:.14em;font-size:.82rem;font-weight:600;color:var(--teal-deep);margin:0 0 .8rem}
.lead{font-size:clamp(1.12rem,1.6vw,1.3rem);color:var(--night);max-width:62ch}
.muted{color:var(--slate)}

/* En-tête */
.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.96);backdrop-filter:saturate(1.4) blur(8px);border-bottom:1px solid var(--line)}
.bar{display:flex;align-items:center;gap:1rem;min-height:72px}
.brand{display:flex;align-items:center;gap:.6rem;text-decoration:none;color:var(--night);margin-right:auto}
.brand svg{flex:none}
.brand-text{font-family:var(--font-title);font-size:1.3rem;font-weight:500;letter-spacing:-.01em;white-space:nowrap}
.brand-text b{font-weight:700}
.brand-text i{font-style:normal;color:var(--teal-deep);font-weight:600}
.nav-toggle{display:none;font:inherit;font-weight:600;background:none;border:1px solid var(--line);border-radius:999px;padding:.5rem 1rem;color:var(--night);cursor:pointer}
#menu{display:flex;align-items:center}
#menu>ul{display:flex;gap:.2rem;list-style:none;margin:0;padding:0}
#menu li{margin:0;position:relative}
#menu a,#menu button.sub-btn{display:block;font:inherit;font-size:.96rem;font-weight:600;color:var(--night);background:none;border:0;padding:.7rem .65rem;white-space:nowrap;border-radius:8px;text-decoration:none;cursor:pointer}
#menu a:hover,#menu button.sub-btn:hover,#menu a[aria-current="page"]{background:var(--sky);color:var(--night)}
.sub-btn::after{content:"";display:inline-block;width:.45em;height:.45em;margin-left:.5em;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-.15em) rotate(45deg)}
.sub{display:none;position:absolute;left:0;top:100%;min-width:21rem;background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:.5rem;list-style:none;margin:0}
.sub.open{display:block}
.sub a{padding:.6rem .8rem;font-weight:500}
.head-cta{display:flex;align-items:center;gap:.9rem}
.head-cta .btn{white-space:nowrap;padding:.7rem 1.15rem;font-size:.96rem}
@media (max-width:1279px){.head-cta .tel{display:none}}
.tel{font-family:var(--font-title);font-weight:600;text-decoration:none;color:var(--night);white-space:nowrap}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-family:var(--font-title);font-weight:600;font-size:1rem;line-height:1.1;text-decoration:none;color:#fff;background:var(--teal-deep);border:2px solid var(--teal-deep);padding:.85rem 1.35rem;border-radius:999px;cursor:pointer;transition:background .15s,color .15s,transform .15s}
.btn:hover{background:var(--night);border-color:var(--night);color:#fff}
.btn.alt{background:transparent;color:var(--teal-deep)}
.btn.alt:hover{background:var(--teal-deep);color:#fff;border-color:var(--teal-deep)}
.btn.light{background:#fff;color:var(--night);border-color:#fff}
.btn.light:hover{background:var(--sky);border-color:var(--sky);color:var(--night)}
.btn.small{padding:.6rem 1.05rem;font-size:.95rem}
@media (max-width:1080px){
  .nav-toggle{display:inline-block}
  #menu{display:none;position:absolute;left:0;right:0;top:100%;background:#fff;border-bottom:1px solid var(--line);padding:.5rem clamp(1rem,4vw,2rem) 1rem;max-height:calc(100vh - 72px);overflow:auto}
  #menu.open{display:block}
  #menu>ul{flex-direction:column;gap:0}
  .sub{position:static;box-shadow:none;border:0;padding:0 0 0 .8rem;min-width:0}
  .head-cta .tel{display:none}
  .head-cta .btn{display:none}
}

/* Fil d'Ariane */
.crumbs{font-size:.92rem;padding:.9rem 0;color:var(--slate)}
.crumbs ol{display:flex;flex-wrap:wrap;gap:.3rem .5rem;list-style:none;margin:0;padding:0}
.crumbs li{margin:0}
.crumbs li+li::before{content:"/";margin-right:.5rem;color:var(--line)}
.crumbs a{color:var(--slate)}

/* Bandeaux et sections */
.section{padding:clamp(2.6rem,6vw,5rem) 0}
.tint{background:var(--stone)}
.tint h2{color:var(--teal-deep)}
.sky{background:var(--sky)}
.sky h2{color:var(--teal-deep)}
.dark{background:var(--night);color:#E6EEF2}
.dark h2,.dark h3{color:#fff}
.dark a:not(.btn){color:#8FD8F5}
.section-head{max-width:62ch;margin-bottom:clamp(1.4rem,3vw,2.4rem)}
.cols{display:grid;gap:var(--gap)}
@media (min-width:820px){.cols.two{grid-template-columns:1fr 1fr}.cols.three{grid-template-columns:repeat(3,1fr)}.cols.split{grid-template-columns:1.1fr .9fr;align-items:center}}

/* Accueil */
.hero{padding:clamp(2rem,5vw,4rem) 0 clamp(2.4rem,5vw,4rem)}
.hero .wrap{display:grid;gap:clamp(1.5rem,4vw,3rem);align-items:center}
@media (min-width:900px){.hero .wrap{grid-template-columns:1.05fr .95fr}}
.hero .lead{margin-bottom:1.4rem}
.hero-img{border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);aspect-ratio:4/3.4}
.hero-img img{width:100%;height:100%;object-fit:cover}
.cta-row{display:flex;flex-wrap:wrap;gap:.8rem;align-items:center;margin:0 0 .9rem}
.note{font-size:.95rem;color:var(--slate)}
.chips{display:flex;flex-wrap:wrap;gap:.5rem;list-style:none;padding:0;margin:1.2rem 0 0}
.chips li{margin:0}
.chips a,.chips span{display:inline-block;font-size:.93rem;font-weight:600;padding:.3rem .8rem;border-radius:999px;background:var(--sky);color:var(--night);text-decoration:none}
.chips a:hover{background:var(--teal-deep);color:#fff}

/* Cartes */
.cards{display:grid;gap:var(--gap);grid-template-columns:repeat(auto-fill,minmax(min(100%,17rem),1fr))}
.cards.doors{grid-template-columns:repeat(auto-fill,minmax(min(100%,19rem),1fr))}
@media (min-width:1000px){.cards.doors{grid-template-columns:repeat(3,1fr)}}
.card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;text-decoration:none;color:var(--night);transition:transform .18s,box-shadow .18s}
.card:hover{transform:translateY(-3px);box-shadow:var(--shadow);color:var(--night)}
.card .ph{aspect-ratio:16/10;overflow:hidden;background:var(--stone)}
.card .ph img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.card:hover .ph img{transform:scale(1.04)}
.card .tx{padding:1.1rem 1.2rem 1.3rem;display:flex;flex-direction:column;gap:.35rem;flex:1}
.card h3{margin:0;font-size:1.2rem}
.card p{margin:0;font-size:.98rem;color:var(--slate)}
.card .go{margin-top:auto;padding-top:.6rem;font-family:var(--font-title);font-weight:600;color:var(--teal-deep);font-size:.95rem}
.door-n{display:inline-grid;place-items:center;width:1.9rem;height:1.9rem;border-radius:50%;background:var(--teal-deep);color:#fff;font-family:var(--font-title);font-weight:600;font-size:.95rem;margin-bottom:.3rem}
.tile{display:block;padding:1.1rem 1.2rem;border:1px solid var(--line);border-radius:var(--radius);background:#fff;text-decoration:none;color:var(--night)}
.tile:hover{border-color:var(--teal-deep);color:var(--night)}
.tile strong{display:block;font-family:var(--font-title);font-size:1.12rem;margin-bottom:.2rem}
.tile span{font-size:.95rem;color:var(--slate)}

/* Étapes */
.steps{counter-reset:s;display:grid;gap:var(--gap);list-style:none;padding:0;margin:0}
@media (min-width:820px){.steps{grid-template-columns:repeat(4,1fr)}}
.steps li{counter-increment:s;background:#fff;border-radius:var(--radius);padding:1.3rem 1.3rem 1.4rem;margin:0;border:1px solid var(--line)}
.steps li::before{content:counter(s);display:grid;place-items:center;width:2.4rem;height:2.4rem;border-radius:50%;background:var(--teal-deep);color:#fff;font-family:var(--font-title);font-weight:600;margin-bottom:.7rem}
.steps strong{display:block;font-family:var(--font-title);font-size:1.12rem;margin-bottom:.25rem}

/* Encadrés */
.callout{border-left:5px solid var(--teal-deep);background:var(--sky);padding:1rem 1.25rem;border-radius:0 var(--radius) var(--radius) 0;margin:0 0 1.4rem}
.callout.delai{border-color:var(--brick);background:#FBEFEA}
.callout.delai strong.lbl{color:var(--brick)}
.callout.ok{border-color:var(--green);background:#EAF5EF}
.callout p:last-child,.callout ul:last-child{margin-bottom:0}
.callout .lbl{display:block;font-family:var(--font-title);font-weight:600;margin-bottom:.2rem}
.roles{display:grid;gap:var(--gap)}
@media (min-width:760px){.roles{grid-template-columns:1fr 1fr}}
.role{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:1.3rem}
.role h3{margin-bottom:.4rem}
.role.on{border:2px solid var(--teal-deep)}
.tag{display:inline-block;font-size:.8rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:.15rem .6rem;border-radius:999px;background:var(--teal-deep);color:#fff;margin-bottom:.6rem}
.tag.off{background:var(--slate)}
.check{list-style:none;padding:0}
.check li{padding-left:1.7rem;position:relative}
.check li::before{content:"";position:absolute;left:0;top:.35em;width:1rem;height:.55rem;border-left:3px solid var(--green);border-bottom:3px solid var(--green);transform:rotate(-45deg) scale(.9)}
.cross{list-style:none;padding:0}
.cross li{padding-left:1.7rem;position:relative}
.cross li::before{content:"×";position:absolute;left:.15rem;top:-.05em;font-size:1.3rem;font-weight:700;color:var(--brick)}

/* Tableaux */
.tablewrap{overflow-x:auto;margin:0 0 1.4rem;border:1px solid var(--line);border-radius:var(--radius)}
table{border-collapse:collapse;width:100%;font-size:.98rem}
th,td{text-align:left;padding:.75rem .9rem;vertical-align:top;border-bottom:1px solid var(--line)}
th{background:var(--sky);font-family:var(--font-title);font-weight:600}
tr:last-child td{border-bottom:0}

/* Pages internes */
.page-head{padding:clamp(1rem,3vw,2rem) 0 clamp(1.4rem,3vw,2.4rem)}
.page-head h1{max-width:22ch}
.page-head.wide h1{max-width:30ch}
.prose{max-width:72ch}
.prose h2{margin-top:2.2rem;font-size:clamp(1.45rem,2.6vw,1.9rem)}
.prose h3{margin-top:1.6rem}
.layout{display:grid;gap:clamp(1.5rem,4vw,3.5rem)}
@media (min-width:980px){.layout{grid-template-columns:minmax(0,1fr) 20rem;align-items:start}}
.aside{position:sticky;top:92px;display:grid;gap:1rem}
.box{background:var(--stone);border-radius:var(--radius);padding:1.3rem}
.box h2,.box h3{font-size:1.15rem;color:var(--night);margin-bottom:.5rem}
.box .btn{width:100%}
.photo{border-radius:var(--radius);overflow:hidden;margin:0 0 1.5rem}
.photo img{width:100%;height:auto;max-height:26rem;object-fit:cover}
.toc{font-size:.96rem}
.toc ol{padding-left:1.1rem;margin:0}
.author{display:flex;gap:1rem;align-items:center;margin-top:2.4rem;padding:1.1rem 1.2rem;border:1px solid var(--line);border-radius:var(--radius);font-size:.97rem}
.author p{margin:0}
.related{margin-top:2.6rem}

/* FAQ */
.faq details{border-bottom:1px solid var(--line);padding:.2rem 0}
.faq summary{cursor:pointer;font-family:var(--font-title);font-weight:600;font-size:1.12rem;padding:.9rem 2rem .9rem 0;list-style:none;position:relative}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";position:absolute;right:.3rem;top:.55rem;font-size:1.6rem;line-height:1;color:var(--teal-deep)}
.faq details[open] summary::after{content:"\2212"}
.faq .ans{padding:0 0 1rem;max-width:68ch}

/* Équipe */
.team{display:grid;gap:var(--gap);grid-template-columns:repeat(auto-fill,minmax(13rem,1fr));list-style:none;padding:0;margin:0}
@media (min-width:900px){.team{grid-template-columns:repeat(3,1fr)}}
.person .note{margin:.5rem 0 0;font-size:.92rem;color:var(--slate)}
.person{margin:0;background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}
.person .pic{position:relative;aspect-ratio:4/3;background:var(--sky);display:grid;place-items:center}
.person .pic span{font-family:var(--font-title);font-weight:600;font-size:2.6rem;color:var(--teal-deep)}
.person .pic img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.person .tx{padding:.9rem 1rem 1.1rem}
.person strong{display:block;font-family:var(--font-title);font-size:1.08rem}
.person small{color:var(--slate);font-size:.93rem}

/* Formulaire */
.form{display:grid;gap:1.1rem}
.form .row{display:grid;gap:1.1rem}
@media (min-width:700px){.form .row.two{grid-template-columns:1fr 1fr}}
label,.legend{font-weight:600;display:block;margin-bottom:.3rem}
.hint{font-weight:400;color:var(--slate);font-size:.93rem;display:block}
input[type=text],input[type=email],input[type=tel],input[type=date],select,textarea{width:100%;font:inherit;color:var(--night);background:#fff;border:1.5px solid #9FB0BA;border-radius:10px;padding:.75rem .85rem}
textarea{min-height:9rem;resize:vertical}
input:focus,select:focus,textarea:focus{border-color:var(--teal-deep);outline:3px solid rgba(15,158,213,.35);outline-offset:0}
.check-row{display:flex;gap:.7rem;align-items:flex-start;font-weight:400}
.check-row input{width:1.25rem;height:1.25rem;margin-top:.25rem;flex:none}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.alert{padding:1rem 1.2rem;border-radius:var(--radius);background:#FBEFEA;border:1px solid var(--brick);color:#6B2615}
.files-list{font-size:.93rem;color:var(--slate);margin:.4rem 0 0}

/* Calculateur */
.calc{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:1.4rem;box-shadow:var(--shadow)}
.calc output{display:block;margin-top:1.2rem}
.res{border-left:5px solid var(--brick);background:#FBEFEA;border-radius:0 var(--radius) var(--radius) 0;padding:1rem 1.2rem;margin-bottom:.8rem}
.res strong.d{display:block;font-family:var(--font-title);font-size:1.4rem;color:var(--brick)}
.res small{display:block;color:var(--slate);margin-top:.3rem}

/* Bandeau d'appel */
.cta-band{background:var(--teal-deep);color:#fff}
.cta-band h2{color:#fff}
.cta-band .wrap{display:grid;gap:1.5rem;align-items:center}
@media (min-width:860px){.cta-band .wrap{grid-template-columns:1.4fr 1fr}.cta-band .cta-row{justify-content:flex-end}}
.cta-band p{margin:0;max-width:56ch}
.cta-band a:not(.btn){color:#fff}

/* Pied de page */
.site-footer{background:var(--night);color:#C9D6DD;font-size:.97rem;padding:3rem 0 5.5rem}
.site-footer a{color:#fff}
.site-footer h2{font-size:1rem;color:#fff;font-weight:600;letter-spacing:.06em;text-transform:uppercase}
.foot{display:grid;gap:2rem}
@media (min-width:860px){.foot{grid-template-columns:1.4fr 1fr 1fr 1.1fr}}
.foot ul{list-style:none;padding:0;margin:0}
.foot li{margin:.35rem 0}
.legal-line{border-top:1px solid rgba(255,255,255,.16);margin-top:2rem;padding-top:1.2rem;font-size:.9rem}
.mobilebar{position:fixed;left:0;right:0;bottom:0;z-index:60;display:none;gap:.6rem;padding:.6rem .8rem calc(.6rem + env(safe-area-inset-bottom));background:#fff;border-top:1px solid var(--line);box-shadow:0 -6px 18px rgba(14,42,59,.1)}
.mobilebar .btn{flex:1;padding:.75rem .5rem}
@media (max-width:760px){.mobilebar{display:flex}}
@media print{.site-header,.mobilebar,.cta-band,.site-footer .foot{display:none}body{font-size:11pt}}

/* Compléments */
.check-lbl{font-weight:400;display:inline;margin:0}
.calc-fields label{margin-top:.9rem}
.calc-fields input{max-width:22rem}
.calc select{max-width:100%}
.lex{margin:0 0 1.4rem}
.lex dt{font-family:var(--font-title);font-weight:600;font-size:1.1rem;margin-top:1.1rem;color:var(--teal-deep)}
.lex dd{margin:.2rem 0 0}
.cta-band .btn.alt.light{background:transparent;color:#fff;border-color:#fff}
.cta-band .btn.alt.light:hover{background:#fff;color:var(--night)}
.res span{display:block}
figure{margin:0}

.files-inputs{display:grid;gap:.5rem}
.files-inputs input[type=file]{max-width:100%}
#f-judiciaire:not([hidden]){display:grid;gap:1.1rem}