:root{--ink:#173e39;--ink-2:#0f302c;--ochre:#cc8a29;--paper:#f7f3ea;--paper-2:#efe6d5;--line:#d6c8ac;--text:#46635e}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Source Sans 3",Arial,sans-serif;line-height:1.55}a{color:inherit;text-underline-offset:3px}.wrap{width:min(calc(100% - 40px),1180px);margin:auto}.top{position:sticky;top:0;z-index:10;background:rgba(247,243,234,.96);border-bottom:1px solid var(--line);backdrop-filter:blur(9px)}.nav{min-height:82px;display:flex;align-items:center;gap:28px}.brand{display:inline-flex;gap:9px;align-items:center;text-decoration:none;white-space:nowrap}.brand img{width:42px;height:42px;object-fit:contain}.brand span{font:700 18px/13px "Barlow Condensed",Arial,sans-serif;letter-spacing:.08em}.brand b{color:var(--ochre);font-size:23px;display:block}.navlinks{display:flex;gap:24px;margin-left:auto}.navlinks a,.phone{font:700 15px "Barlow Condensed",Arial,sans-serif;letter-spacing:.1em;text-decoration:none;text-transform:uppercase}.phone{white-space:nowrap}.button{display:inline-flex;align-items:center;gap:8px;padding:12px 15px;background:var(--ochre);color:var(--ink);font:700 15px "Barlow Condensed",Arial,sans-serif;letter-spacing:.09em;text-decoration:none;text-transform:uppercase;border:0}.button:hover{background:#e0a244}.hero{padding:92px 0 80px;background:#efe6d5;background-image:radial-gradient(#d5c7ae .8px,transparent .8px);background-size:9px 9px}.hero h1,.hero h2,.lead h2,.block h2,.cta h2,.article h1,.article h2{font-family:"DM Serif Display",Georgia,serif;font-weight:400;letter-spacing:-.035em;line-height:.98}.hero h1{max-width:850px;font-size:clamp(50px,7vw,85px);margin:13px 0}.hero p{max-width:690px;color:var(--text);font-size:19px}.eyebrow{margin:0;color:var(--ochre);font:700 14px "Barlow Condensed",Arial,sans-serif;letter-spacing:.15em;text-transform:uppercase}.eyebrow:before{content:"";display:inline-block;width:28px;height:2px;background:currentColor;vertical-align:middle;margin-right:8px}.homehero{color:#fff;background:linear-gradient(90deg,rgba(13,53,48,.94),rgba(13,53,48,.74),rgba(13,53,48,.16)),url('../assets/visuels/hero-diagnostic-valenciennes.webp') center/cover;min-height:610px;display:flex;align-items:end}.homehero .wrap{padding:85px 0 58px}.homehero h1{max-width:760px;font:400 clamp(50px,7vw,88px)/.9 "DM Serif Display",Georgia,serif;letter-spacing:-.045em;margin:14px 0 20px}.homehero em{color:#e5af55}.homehero p{max-width:630px;font-size:19px;color:#e9eeea}.homehero .eyebrow{color:#efc176}.actions{display:flex;gap:20px;align-items:center;margin-top:26px}.actions .plain{font:700 15px "Barlow Condensed",Arial,sans-serif;letter-spacing:.1em;text-decoration:none;text-transform:uppercase;border-bottom:2px solid var(--ochre)}.ribbon{background:#e9dfcd;border-bottom:1px solid var(--line)}.ribbon .wrap{display:flex;justify-content:space-between;gap:16px;padding:16px 0;font-size:15px;font-weight:600}.ribbon span:before{content:"✓";color:var(--ochre);font-weight:700;margin-right:7px}.block{padding:78px 0}.twocol{display:grid;grid-template-columns:1.15fr .85fr;gap:90px}.lead h2,.block h2{font-size:clamp(36px,4vw,58px);margin:10px 0 18px}.lead p,.block p{color:var(--text);font-size:18px}.note{align-self:center;padding:28px;border-top:4px solid var(--ochre);background:#fffdf7;box-shadow:12px 12px 0 #e8dcc3}.note h3{font:400 28px/1 "DM Serif Display",Georgia,serif;margin:5px 0 12px}.dark{background:var(--ink);color:var(--paper)}.dark .block p{color:#d2ded9}.sectionhead{display:flex;justify-content:space-between;align-items:end;gap:25px}.sectionhead h2{max-width:680px}.sectionhead>a{font:700 15px "Barlow Condensed",Arial,sans-serif;letter-spacing:.1em;text-transform:uppercase}.rows{margin-top:34px;border-top:1px solid rgba(255,255,255,.3)}.row{display:grid;grid-template-columns:48px 1fr auto;gap:20px;align-items:center;padding:21px 0;border-bottom:1px solid rgba(255,255,255,.3);text-decoration:none}.row strong{font:400 27px/1 "DM Serif Display",Georgia,serif;display:block}.row small{color:#e4b461;font:700 13px "Barlow Condensed",Arial,sans-serif;letter-spacing:.13em}.row span{color:#d0dfda}.local{background:#e9dfcd}.local-map{min-height:310px;display:grid;place-items:center;position:relative;background-color:#e2d5bd;background-image:linear-gradient(#cfbd9d 1px,transparent 1px),linear-gradient(90deg,#cfbd9d 1px,transparent 1px);background-size:34px 34px}.local-map:before{content:"⌖";font-size:60px;color:var(--ochre)}.local-map:after{content:"VALENCIENNES";position:absolute;bottom:48px;font:700 17px "Barlow Condensed",Arial,sans-serif;letter-spacing:.17em}.articles{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:30px}.card{background:#fffdf7;border-bottom:3px solid var(--ochre)}.card img{width:100%;height:210px;object-fit:cover}.card div{padding:20px}.card h3{font:400 28px/1.02 "DM Serif Display",Georgia,serif;margin:7px 0}.card p{font-size:15px}.card a{font:700 14px "Barlow Condensed",Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase}.cta{padding:36px 0;background:var(--ochre)}.cta .wrap{display:flex;justify-content:space-between;gap:24px;align-items:center}.cta h2{font-size:42px;margin:5px 0}.cta .button{background:var(--paper)}.service-list{border-top:1px solid var(--line)}.service{display:grid;grid-template-columns:55px 1.3fr .85fr 40px;gap:24px;align-items:center;padding:24px 0;border-bottom:1px solid var(--line)}.service .number{color:var(--ochre);font:400 24px "DM Serif Display",Georgia,serif}.service h2{font-size:29px;margin:3px 0}.service p{margin:0;color:var(--text)}.service .condition{border-left:1px solid var(--line);padding-left:18px}.service .condition b{font:700 13px "Barlow Condensed",Arial,sans-serif;letter-spacing:.12em;color:#a2681b;text-transform:uppercase}.detail{display:grid;grid-template-columns:1.25fr .7fr;gap:90px}.detail p{color:var(--text);font-size:18px}.sheet{align-self:start;background:#eadfc9;border-top:4px solid var(--ochre);padding:25px}.sheet dt{font:700 13px "Barlow Condensed",Arial,sans-serif;letter-spacing:.12em;color:#a2681b;text-transform:uppercase;margin-top:16px}.sheet dd{margin:5px 0;color:#31534f}.source{margin-top:28px;padding:18px;background:#eadfc9;border-left:3px solid var(--ochre)}.source b{font:700 14px "Barlow Condensed",Arial,sans-serif;letter-spacing:.1em;text-transform:uppercase}.source p{font-size:16px;margin:4px 0}.formhero{background:var(--ink);color:var(--paper);padding:68px 0}.formgrid{display:grid;grid-template-columns:.75fr 1.25fr;gap:70px;align-items:start}.formhero h1{font:400 clamp(46px,5vw,72px)/.94 "DM Serif Display",Georgia,serif;margin:12px 0}.formhero p{color:#d3ded9;font-size:18px}.formbox{background:var(--paper);color:var(--ink);padding:30px;box-shadow:11px 11px 0 var(--ochre)}.formbox h2{font:400 34px "DM Serif Display",Georgia,serif;margin:0 0 18px}.formfields{display:grid;grid-template-columns:1fr 1fr;gap:15px}.formfields label,.message label{display:flex;flex-direction:column;gap:5px;font:700 14px "Barlow Condensed",Arial,sans-serif;letter-spacing:.07em;text-transform:uppercase}.formfields input,.formfields select,.message textarea{width:100%;padding:11px;border:1px solid #c9b99d;background:#fffdf7;color:var(--ink);font:400 16px "Source Sans 3",Arial,sans-serif}.message{margin-top:15px}.message textarea{resize:vertical}.notice{font-size:14px!important;margin:14px 0!important}.hide{position:absolute;left:-10000px}.articlehero{padding:75px 0;background:var(--ink);color:var(--paper)}.articlehero h1{max-width:870px;font-size:clamp(48px,6vw,76px);margin:18px 0}.articlehero p{max-width:680px;color:#d7e2dd;font-size:19px}.back{font:700 15px "Barlow Condensed",Arial,sans-serif;letter-spacing:.1em;text-transform:uppercase}.feature{display:block;width:min(calc(100% - 40px),1050px);height:min(43vw,490px);object-fit:cover;margin:-25px auto 0}.article{max-width:720px;margin:auto;padding:64px 0 80px}.article p{color:var(--text);font-size:19px;margin:0 0 22px}.article .source{margin-top:30px}.footer{background:var(--ink-2);color:#d6e0db;padding:58px 0 20px}.footgrid{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:35px}.footer .brand{color:#fff}.footer p{font-size:15px;max-width:230px}.footer h4{color:#e2ad58;font:700 13px "Barlow Condensed",Arial,sans-serif;letter-spacing:.14em;margin:0 0 10px}.footer a{display:block;text-decoration:none;margin:7px 0}.bottom{margin-top:42px;padding-top:17px;border-top:1px solid rgba(255,255,255,.2);font-size:13px;color:#adc0ba;display:flex;justify-content:space-between}.mobilequote{display:none}
@media(max-width:850px){.wrap{width:min(calc(100% - 32px),1180px)}.nav{min-height:68px}.navlinks,.phone{display:none}.nav .button{margin-left:auto}.homehero{min-height:560px}.homehero .wrap{padding:110px 0 45px}.ribbon .wrap{display:grid;grid-template-columns:1fr 1fr;font-size:13px}.twocol,.detail,.formgrid{grid-template-columns:1fr;gap:35px}.articles{grid-template-columns:1fr}.card img{height:220px}.sectionhead,.cta .wrap{align-items:start;flex-direction:column}.service{grid-template-columns:40px 1fr 25px;gap:12px}.service .condition{display:none}.formfields{grid-template-columns:1fr}.footgrid{grid-template-columns:1fr 1fr}.footgrid>div:first-child{grid-column:span 2}.bottom{flex-direction:column;gap:5px}.mobilequote{display:flex;position:fixed;right:12px;bottom:12px;z-index:5;box-shadow:3px 3px 0 var(--ink)}}

/* Enrichissement éditorial 2026 — palette ocre, corail et bleu minéral, photographies d’articles plus immersives. */
.article--enriched h2{margin:2.4rem 0 1rem;color:#173e39;font:400 clamp(2rem,3.3vw,2.85rem)/1.02 "DM Serif Display",Georgia,serif;letter-spacing:-.03em}.article--enriched p{margin:0 0 1.4rem}.article-visual{margin:2.35rem 0;padding:15px;border-bottom:6px solid #3e8ca1}.article-visual img{display:block;width:100%;height:auto}.article-visual figcaption{padding:12px 5px 0;color:#285967;font-size:.92rem;line-height:1.35}.article-visual--blue{background:#d2e4e8;border-color:#3e8ca1}.article-visual--coral{background:#ebcdc4;border-color:#c65a3a}.article-visual--coral figcaption{color:#743c31}.article-visual--teal{background:#d4e9df;border-color:#2f7d69}.source--color{background:#f9ddb0;border-left-color:#e0a42c}.source--coral{background:#f2cec5;border-left-color:#c65a3a}.source--blue{background:#d2e4e8;border-left-color:#3e8ca1}.article-disclaimer{font-size:.95rem!important;color:#5a716d!important;border-top:1px solid var(--line);padding-top:1.1rem;margin-top:2rem!important}@media(max-width:850px){.article--enriched h2{font-size:2rem}.article-visual{margin-inline:0;padding:10px}}

/* Enrichissement éditorial 2026 — palette ocre, corail et bleu minéral, photographies d’articles plus immersives. */
.article--enriched h2{margin:2.4rem 0 1rem;color:#173e39;font:400 clamp(2rem,3.3vw,2.85rem)/1.02 "DM Serif Display",Georgia,serif;letter-spacing:-.03em}.article--enriched p{margin:0 0 1.4rem}.article-visual{margin:2.35rem 0;padding:15px;border-bottom:6px solid #3e8ca1}.article-visual img{display:block;width:100%;height:auto}.article-visual figcaption{padding:12px 5px 0;color:#285967;font-size:.92rem;line-height:1.35}.article-visual--blue{background:#d2e4e8;border-color:#3e8ca1}.article-visual--coral{background:#ebcdc4;border-color:#c65a3a}.article-visual--coral figcaption{color:#743c31}.article-visual--teal{background:#d4e9df;border-color:#2f7d69}.source--color{background:#f9ddb0;border-left-color:#e0a42c}.source--coral{background:#f2cec5;border-left-color:#c65a3a}.source--blue{background:#d2e4e8;border-left-color:#3e8ca1}.article-disclaimer{font-size:.95rem!important;color:#5a716d!important;border-top:1px solid var(--line);padding-top:1.1rem;margin-top:2rem!important}@media(max-width:850px){.article--enriched h2{font-size:2rem}.article-visual{margin-inline:0;padding:10px}}