*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:#153646;font-family:Arial,Helvetica,sans-serif;font-size:15px;line-height:1.65}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.wrap{width:min(1160px,calc(100% - 52px));margin:auto}:root{--teal:#197283;--green:#9CB677;--navy:#092e47;--ink:#153646;--warm:#faf8f3}.top{background:#fff;position:sticky;top:0;z-index:20;border-bottom:1px solid #e7eceb;box-shadow:0 3px 20px #15364608}.topbar{display:flex;align-items:center;justify-content:space-between;min-height:132px;gap:26px}.brand{display:flex;align-items:center;gap:16px}.brand img{width:112px;height:112px;object-fit:contain}.brand span{display:flex;flex-direction:column;line-height:1.12}.brand b{color:var(--teal);font-size:32px;letter-spacing:.055em}.brand small{color:var(--green);font-size:20px;font-weight:800;letter-spacing:.16em}.top nav{display:flex;gap:34px;font-size:16px;font-weight:700}.top nav a:hover{color:var(--teal)}.header-phone{background:var(--navy);color:white;padding:14px 24px;border-radius:50px;font-size:16px;font-weight:700}.hero{position:relative;background:linear-gradient(120deg,#f9faf5 0%,#fff 65%);overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:62px;align-items:center;padding:70px 0 82px}.eyebrow,.label{font-size:11px;letter-spacing:.16em;color:#307a68;font-weight:800}.tiny-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--green);margin-right:7px}.hero h1{font-size:clamp(36px,4.2vw,55px);letter-spacing:-.055em;line-height:1.12;font-weight:760;margin:22px 0;color:var(--navy)}h1 em,h2 em{font-style:normal;color:var(--teal)}.hero .intro{font-size:17px;line-height:1.8;max-width:590px;color:#536871}.hero-buttons{display:flex;gap:13px;align-items:center;flex-wrap:wrap;margin:28px 0}.primary-btn{display:inline-flex;justify-content:space-between;align-items:center;gap:24px;background:var(--navy);color:white;border-radius:8px;padding:18px 28px;font-size:24px;font-weight:780;box-shadow:0 8px 20px #092e471c}.primary-btn span{color:var(--green)}.secondary-btn{font-weight:700;color:var(--teal);font-size:13px}.hero-meta{display:grid;gap:7px;font-size:12px;color:#67808b}.hero-visual{position:relative;min-height:390px;border-radius:24px 24px 24px 80px;overflow:hidden;box-shadow:0 24px 50px #0f353023}.hero-visual img{width:100%;height:470px;object-fit:cover;object-position:center}.visual-note{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(0deg,#092e47e8,#092e4700);padding:65px 28px 25px;color:#fff;display:flex;flex-direction:column}.visual-note strong{font-size:21px}.visual-note small{font-size:12px;opacity:.9}.mark{width:47px;height:5px;border-radius:50px;background:var(--green);margin-bottom:12px}.hero-accent{height:7px;background:linear-gradient(90deg,var(--teal) 0 62%,var(--green) 62%)}.trust{background:var(--navy);color:white}.trust-grid{display:grid;grid-template-columns:repeat(3,1fr);padding:27px 0}.trust-grid div{display:flex;gap:16px;align-items:center;justify-content:center;border-right:1px solid #ffffff24}.trust-grid div:last-child{border:0}.trust-grid strong{font-size:29px;color:var(--green);font-weight:500}.trust-grid span{font-size:13px;line-height:1.5}.trust-grid b{color:white}.section{padding:88px 0}.section-head{display:flex;justify-content:space-between;gap:52px;align-items:end;margin-bottom:35px}.section-head>div{flex:1}.section-head p{flex:0 0 320px;color:#6d7a80;font-size:14px;margin:0}.section h2,.contact h2{font-size:clamp(27px,3vw,39px);letter-spacing:-.04em;line-height:1.2;color:var(--navy);margin:12px 0 0}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.service{padding:23px 20px;background:var(--warm);border:1px solid #edf1e9;border-radius:14px;min-height:196px;transition:transform .2s,box-shadow .2s}.service:hover{transform:translateY(-3px);box-shadow:0 12px 25px #1536460d}.service-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:12px;background:#ecf2e5;color:var(--teal);font-size:23px;font-weight:600;margin-bottom:15px}.service h3{font-size:15px;color:var(--navy);margin:0 0 8px;line-height:1.35}.service p{color:#627781;font-size:13px;line-height:1.55;margin:0}.projects-section{background:#f3f7f4}.project-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:18px}.project{background:white;border-radius:16px;overflow:hidden;box-shadow:0 10px 28px #1536460b}.project img{height:275px;width:100%;object-fit:cover;object-position:top}.project-copy{padding:19px 21px 24px}.project-copy span{color:#3a8a66;letter-spacing:.12em;font-size:10px;font-weight:900}.project-copy h3{color:var(--navy);font-size:17px;line-height:1.35;margin:7px 0}.project-copy p{font-size:13px;color:#6b7e87;margin:0}.about-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:86px;align-items:center}.portrait-box{position:relative;background:#eef6ed;padding:34px;border-radius:20px}.portrait-box img{width:100%;max-width:370px;margin:auto;border-radius:50%;box-shadow:0 10px 30px #0b4c481c}.portrait-label{position:absolute;right:-12px;bottom:18px;background:var(--navy);color:white;padding:15px 22px;border-radius:10px;font-size:13px;box-shadow:0 10px 25px #1536462c}.portrait-label b{display:block;color:var(--green)}.about-copy h3{font-size:15px;color:#3b8a68;margin-top:17px}.about-copy p{color:#5d737d;font-size:15px;line-height:1.85}.dark-link{display:inline-block;margin-top:13px;color:var(--teal);font-weight:800}.contact{padding:67px 0;background:var(--navy);color:#fff}.contact-grid{display:flex;justify-content:space-between;align-items:center;gap:60px}.contact .label{color:var(--green)}.contact h2{color:#fff}.contact h2 em{color:var(--green)}.contact p{max-width:610px;color:#c3d4dc}.contact-buttons{display:grid;gap:16px;min-width:560px}.contact .primary-btn{background:var(--green);color:var(--navy)}.mail-btn{border:1px solid #bed3db;border-radius:8px;padding:18px 24px;text-align:center;font-weight:700;font-size:20px}.contact-buttons .primary-btn{background:var(--green);color:var(--navy);font-size:24px;padding:18px 26px;justify-content:center}.mail-btn{display:block}.contact-buttons .mail-btn{font-size:24px;padding:18px 24px}footer{padding:34px 0 18px;background:#fff}.footer-grid{display:flex;justify-content:space-between;align-items:start;gap:25px}.footer-grid strong{color:var(--navy);font-size:17px}.footer-grid strong em{color:var(--teal);font-style:normal}.footer-grid p{font-size:12px;color:#6e8291}.footer-links{display:flex;align-items:center;gap:18px;font-size:12px}.footer-links a:first-child{display:grid;place-items:center;background:var(--teal);color:white;border-radius:100%;height:31px;width:31px;font-size:19px;font-weight:bold}.copyright{font-size:11px;color:#8a999e;border-top:1px solid #e9edee;padding-top:16px;margin-top:26px}@media(max-width:950px){.top nav{display:none}.hero-grid{gap:28px}.service-grid{grid-template-columns:repeat(2,1fr)}.project-grid{grid-template-columns:repeat(2,1fr)}.about-grid{gap:40px}}@media(max-width:650px){.wrap{width:min(100% - 34px,1160px)}.topbar{min-height:98px}.brand img{height:80px;width:80px}.brand b{font-size:24px}.brand small{font-size:14px}.header-phone{padding:10px 14px;font-size:13px}.header-phone span{display:none}.hero-grid{grid-template-columns:1fr;padding:44px 0 55px}.hero h1{font-size:39px}.hero .intro{font-size:15px}.hero-visual{min-height:260px;border-radius:15px 15px 15px 50px}.hero-visual img{height:300px}.trust-grid{grid-template-columns:1fr;gap:19px}.trust-grid div{border-right:0;justify-content:start}.section{padding:60px 0}.section-head{display:block}.section-head p{margin-top:15px}.service-grid{gap:10px}.service{padding:18px 13px;min-height:205px}.service h3{font-size:14px}.project-grid{grid-template-columns:1fr}.project img{height:290px}.about-grid{grid-template-columns:1fr;gap:40px}.portrait-label{right:5px}.contact-grid{display:block}.contact-buttons{margin-top:25px}.footer-grid{display:block}.footer-links{margin-top:24px}}

/* Correction des boutons de contact sur écran étroit */
@media(max-width:850px){
 .contact-grid{display:block}
 .contact-buttons{min-width:0;width:100%;max-width:100%;margin-top:24px}
 .contact-buttons .primary-btn,.contact-buttons .mail-btn{width:100%;max-width:100%;box-sizing:border-box;min-width:0;justify-content:center;text-align:center;font-size:clamp(14px,3.5vw,21px);padding:18px 12px;gap:8px;overflow-wrap:anywhere;word-break:normal}
 .contact-buttons .mail-btn{line-height:1.4}
}
@media(max-width:650px){
 .contact-buttons .primary-btn,.contact-buttons .mail-btn{font-size:clamp(14px,4.1vw,19px)}
}

/* Bouton d’appel explicite sur smartphone */
.header-phone .phone-mobile{display:none}
@media(max-width:650px){.header-phone span.phone-desktop{display:none}.header-phone span.phone-mobile{display:inline}.header-phone{white-space:nowrap;font-size:14px;padding:11px 15px}.brand{gap:9px}.topbar{gap:10px}}


/* Présentation unifiée des domaines d’intervention */
.service-grid{display:grid;grid-template-columns:1fr;gap:13px}
.service{display:flex;align-items:center;gap:24px;min-height:0;padding:20px 26px;border-radius:15px}
.service-icon{flex:0 0 60px;width:60px;height:60px;margin:0;border-radius:14px;background:#eaf0e4}
.service-icon svg{width:30px;height:30px;display:block}
.service-text{flex:1;min-width:0}
.service h3{font-size:17px;margin:0 0 4px}
.service p{font-size:14px;line-height:1.5}
@media(max-width:650px){
 .hero-grid{padding:34px 0 40px;gap:22px}
 .hero h1{font-size:clamp(29px,7.5vw,37px);line-height:1.15;margin:15px 0}
 .hero .intro{font-size:15px;line-height:1.6}
 .hero-buttons{margin:18px 0;gap:12px}
 .hero-buttons .primary-btn{font-size:16px;padding:13px 16px;gap:16px;width:auto;max-width:100%}
 .hero-meta{font-size:12px}
 .hero-visual{min-height:0;border-radius:17px 17px 17px 35px;max-height:245px}
 .hero-visual img{height:245px;object-fit:cover}
 .visual-note{padding:45px 17px 15px}
 .visual-note strong{font-size:17px}
 .visual-note small{font-size:11px}
 .service-grid{grid-template-columns:1fr;gap:10px}
 .service{display:flex;align-items:center;min-height:0;padding:16px 15px;gap:14px}
 .service-icon{width:52px;height:52px;flex-basis:52px;border-radius:12px}
 .service-icon svg{width:26px;height:26px}
 .service h3{font-size:16px;line-height:1.3;margin-bottom:3px}
 .service p{font-size:13px;line-height:1.45}
}

/* Liens prestations et filtres de réalisations */
.service-project-link{display:inline-flex;align-items:center;gap:8px;margin:10px 0 0 0;color:#197283;font-size:14px;font-weight:750;text-decoration:none}
.service-project-link:hover{text-decoration:underline}
.projects-filter-head{display:flex;justify-content:space-between;align-items:center;gap:14px;margin:-8px 0 24px;flex-wrap:wrap}
.projects-filter-head p{margin:0;color:#536a70;font-size:15px}
.projects-reset{background:transparent;border:1px solid #197283;border-radius:40px;padding:9px 14px;color:#197283;cursor:pointer;font-weight:700}
.project[hidden],.projects-empty[hidden],.projects-reset[hidden]{display:none!important}
.projects-empty{padding:18px 22px;border-radius:18px;background:#f5f8f4;color:#274d57}
/* Formulaire de contact compatible OVH statique */
.quote-section{background:#f5f8f4;padding:72px 0}
.quote-layout{display:grid;grid-template-columns:minmax(250px,.85fr) minmax(0,1.15fr);gap:40px;align-items:start}
.quote-intro h2{margin:13px 0 18px;font-size:clamp(32px,4vw,49px);line-height:1.12;color:#0b3147}
.quote-intro h2 em{color:#197283}
.quote-intro p{max-width:460px;line-height:1.7;color:#526973}
.quote-direct a{color:#197283;font-weight:800}
.quote-form-box{background:#fff;padding:clamp(22px,3vw,42px);border:1px solid #e1e9e3;border-radius:25px;box-shadow:0 18px 45px rgba(17,59,65,.07)}
.quote-form-box h3{font-size:clamp(24px,3vw,32px);margin:0 0 22px;color:#0b3147}
.form-row{display:flex;flex-direction:column;gap:7px;margin-bottom:16px}
.form-row label{font-weight:700;font-size:15px;color:#153744}
.form-row label span{color:#a82e32}
.form-row input,.form-row select,.form-row textarea{box-sizing:border-box;width:100%;max-width:100%;border:1px solid #b3c3c7;border-radius:10px;background:#fff;font:inherit;font-size:16px;line-height:1.45;color:#173844;padding:12px 14px;min-height:48px;outline-color:#197283}
.form-row textarea{min-height:126px;resize:vertical}
.form-consent{display:flex;align-items:flex-start;gap:10px;font-size:13px;line-height:1.5;color:#516871;margin:18px 0}
.form-consent input{width:18px;height:18px;flex-shrink:0;accent-color:#197283;margin-top:2px}
.form-consent a{color:#197283;text-decoration:underline}
.form-submit{width:100%;border:0;cursor:pointer;text-align:center;display:flex;align-items:center;justify-content:center;gap:14px;font-size:15px}
.form-note{font-size:12px;line-height:1.5;color:#6c7a80;margin:14px 0 0}
.honeypot{display:none!important}
@media(max-width:850px){.quote-layout{grid-template-columns:1fr;gap:24px}.quote-section{padding:48px 0}.quote-intro p{max-width:none}}

/* Avertissement non bloquant : zone d'intervention */
.city-distance-status{margin:10px 0 0;padding:12px 14px;border-radius:12px;font-size:14px;line-height:1.55;}
.city-distance-status.outside-zone{background:#f5f4eb;color:#3d4f3c;border:1px solid #cbd5bf;}

/* Accompagnement en trois étapes */
.process-section{background:#fff;padding-top:70px;padding-bottom:75px}
.process-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:29px}
.process-step{border:1px solid #dae6e3;border-radius:20px;padding:27px 25px;background:linear-gradient(145deg,#f7faf7,#fff 88%)}
.process-number{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;color:#197283;background:#e9f0e6;font-weight:800;margin-bottom:18px}
.process-step h3{font-size:21px;line-height:1.3;color:#103944;margin:0 0 12px}
.process-step p{font-size:15px;line-height:1.7;color:#526973;margin:0}
.process-bottom{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:24px;color:#526973;font-size:14px}
.process-bottom a{font-weight:800;color:#197283;text-decoration:none}
.process-bottom a:hover{text-decoration:underline}
@media(max-width:800px){.process-section{padding:45px 0}.process-grid{grid-template-columns:1fr;gap:12px}.process-step{padding:20px 23px}.process-number{margin-bottom:10px}.process-bottom{align-items:flex-start;flex-direction:column}}

/* Parcours de contact plus visible sans perturber le design initial */
.header-project{color:#fff;background:#197283;border-radius:30px;padding:10px 15px;text-decoration:none;font-weight:700;font-size:13px;white-space:nowrap}
.header-project:hover{background:#145b68}
.skip-link{position:absolute;z-index:999;left:12px;top:-50px;padding:10px 14px;background:white;color:#197283}
.skip-link:focus{top:10px}
.sector-section{background:#f3f7f5;padding-top:68px;padding-bottom:68px}
.sector-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:40px;align-items:center}
.sector-copy h2{margin:12px 0 20px}
.sector-copy p{color:#506773;line-height:1.75;margin:0 0 14px}
.sector-cta{display:inline-flex;margin-top:12px;text-decoration:none}
.sector-map-card{min-height:390px;background:#fff;border:1px solid #d9e7e3;border-radius:22px;overflow:hidden;box-shadow:0 14px 35px rgba(15,50,55,.05)}
.sector-map-placeholder{min-height:390px;padding:28px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;gap:12px}
.sector-map-placeholder[hidden]{display:none}
.sector-map-placeholder strong{font-size:20px;color:#133944}
.sector-map-placeholder p{margin:0;max-width:345px;line-height:1.55;color:#52666e}
.sector-map-placeholder small{font-size:12px;max-width:330px;line-height:1.5;color:#6c7981}
.sector-map-button{border:0;cursor:pointer;border-radius:28px;background:#197283;color:#fff;padding:13px 19px;font-weight:700;font:inherit;font-weight:700}
.sector-map-button:hover{background:#135d6d}
.sector-map-symbol{width:160px;height:160px;border:2px solid #8eaf88;border-radius:50%;background:rgba(156,182,119,.12);display:flex;align-items:center;justify-content:center;flex-direction:column;color:#197283;gap:6px}
.sector-center{font-weight:800}.sector-radius{font-size:13px;color:#617c6b}
#sector-map{height:390px;width:100%}
#sector-map[hidden]{display:none}
@media(max-width:1050px){.header-project{display:none}}
@media(max-width:780px){.sector-layout{grid-template-columns:1fr;gap:22px}.sector-section{padding-top:46px;padding-bottom:46px}.sector-map-card,.sector-map-placeholder{min-height:340px}#sector-map{height:340px}}

/* Bandeau compact et lisible, ordinateur et mobile */
.topbar{gap:20px;flex-wrap:nowrap}
.topbar .brand{flex-shrink:0;gap:11px}
.topbar .brand img{width:82px;height:82px}
.topbar .brand b{font-size:27px}
.topbar .brand small{font-size:16px;letter-spacing:.13em}
.top nav{gap:20px;font-size:14px;min-width:0;flex:1;justify-content:center}
.top nav a{white-space:nowrap}
.topbar .header-phone{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;white-space:nowrap;font-size:14px;padding:13px 16px;line-height:1.2}
@media (max-width:1150px){.top nav{gap:12px;font-size:13px}.topbar{gap:12px}.topbar .brand img{width:68px;height:68px}.topbar .brand b{font-size:23px}.topbar .brand small{font-size:14px}.topbar .header-phone{font-size:12px;padding:12px 14px}}
@media (max-width:950px){.top nav{display:none}.topbar .brand img{width:75px;height:75px}.topbar .brand b{font-size:25px}.topbar .brand small{font-size:15px}.topbar .header-phone{font-size:14px}}
@media (max-width:550px){.topbar .brand img{width:66px;height:66px}.topbar .brand b{font-size:23px}.topbar .brand small{font-size:13px}.topbar .header-phone{font-size:13px;padding:11px 13px}}

/* Derniers ajustements du bandeau et du bas de page */
.topbar{gap:clamp(12px,1.4vw,24px)}
.top nav{gap:clamp(12px,1.4vw,26px)}
.header-phone{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;white-space:nowrap;font-size:clamp(16px,1.25vw,19px);padding:15px 22px;line-height:1.2}
.header-phone .phone-desktop{white-space:nowrap}
.footer-project-cta{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:26px 28px;margin-bottom:34px;background:#f1f6f3;border-radius:19px}
.footer-project-cta strong{font-size:20px;color:#0c3444}
.footer-project-cta p{margin:8px 0 0;font-size:14px;color:#526c73}
.footer-project-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;flex-shrink:0;padding:15px 23px;border-radius:45px;background:#197283;color:#fff;text-decoration:none;font-weight:800;font-size:16px}
.footer-project-button:hover{background:#145d6b}
@media(max-width:1100px){.top nav{display:none}.header-phone{font-size:18px}}
@media(max-width:650px){.header-phone{font-size:15px;padding:12px 16px}.footer-project-cta{flex-direction:column;align-items:stretch;padding:22px 20px}.footer-project-button{width:100%}.footer-project-cta strong{font-size:19px}}

/* Dernière correction : bouton formulaire près du téléphone, pas de doublon sous le formulaire */
.topbar .header-project{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;white-space:nowrap;padding:13px 16px;font-size:15px;font-weight:800;line-height:1.2;background:#197283;color:white;border-radius:50px;text-decoration:none}
.topbar .header-project:hover{background:#155d69}
.topbar .header-phone{font-size:17px;padding:13px 17px}
@media (max-width:1350px){.top nav{display:none}.topbar{gap:14px}}
@media (max-width:740px){.topbar .header-project{font-size:12px;padding:12px 13px}.topbar .header-phone{font-size:14px;padding:12px 13px}}
@media (max-width:570px){.topbar .header-project{font-size:12px;padding:11px 12px}.topbar .brand img{width:60px;height:60px}.topbar .brand b{font-size:19px}.topbar .brand small{font-size:11px}.topbar .header-phone{font-size:13px;padding:11px 13px}}
@media (max-width:430px){.topbar .brand span{display:none}.topbar .brand img{width:57px;height:57px}.topbar{gap:8px}.topbar .header-project{font-size:11px;padding:11px 10px}.topbar .header-phone{font-size:13px;padding:11px 10px}}

/* Finitions : liens légaux, lisibilité et navigation */
.footer-bottom{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding-top:24px;padding-bottom:24px;font-size:13px;color:#5c6e75}
.footer-bottom .footer-links{display:flex;flex-wrap:wrap;gap:18px}
.footer-bottom .footer-links a{color:#197283;text-decoration:none;font-weight:650}
.footer-bottom .footer-links a:hover{text-decoration:underline}
section[id]{scroll-margin-top:100px}
.topbar .header-project:focus-visible,.topbar .header-phone:focus-visible,.sector-map-button:focus-visible{outline:3px solid #9CB677;outline-offset:3px}
@media(max-width:570px){.footer-bottom{justify-content:center;text-align:center}.footer-bottom .footer-links{justify-content:center}}

/* Correctif : anciens styles du lien Facebook n'affectent plus Mentions légales. */
footer .footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}
footer .footer-bottom .footer-links{display:flex;align-items:center;justify-content:flex-end;gap:20px;flex-wrap:wrap;min-width:0;margin:0}
footer .footer-bottom .footer-links a,
footer .footer-bottom .footer-links a:first-child{display:inline;position:static;width:auto;height:auto;min-width:0;border-radius:0;background:transparent;color:#197283;font-size:13px;font-weight:700;line-height:1.5;white-space:nowrap;padding:0;margin:0;box-shadow:none;text-align:left}
footer .footer-bottom .footer-links a:hover{text-decoration:underline}
@media(max-width:650px){footer .footer-bottom{justify-content:center;text-align:center}footer .footer-bottom .footer-links{justify-content:center;gap:12px 18px}}

/* Deux appels à l’action de même importance dans le bloc principal */
.hero-buttons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:stretch}
.hero-buttons .primary-btn,.hero-buttons .hero-realizations-btn{display:flex;align-items:center;justify-content:space-between;width:100%;min-width:0;min-height:64px;margin:0;padding:17px 21px;gap:12px;font-size:clamp(14px,1.25vw,17px);line-height:1.25;border-radius:10px;white-space:normal;text-align:left;background:var(--navy);color:#fff;box-shadow:0 8px 20px #092e471c}
.hero-buttons .primary-btn span{flex-shrink:0;color:var(--green);font-size:22px}
.hero-buttons .primary-btn:hover{background:#12445e}
@media(max-width:750px){.hero-buttons{grid-template-columns:1fr}.hero-buttons .primary-btn,.hero-buttons .hero-realizations-btn{font-size:17px;min-height:58px;padding:15px 18px}}

/* Ajustements ciblés mobile — page d'accueil (octobre 2026) */
@media (max-width:750px){
  .hero-buttons{gap:10px;margin:19px 0 14px}
  .hero-buttons .primary-btn,.hero-buttons .hero-realizations-btn{min-height:0;padding:13px 17px;font-size:16px;line-height:1.25;border-radius:10px}
  .hero-meta{gap:5px;line-height:1.45}
  .hero h1{margin:15px 0 13px}
  .hero .intro{margin:0;line-height:1.65}
  .hero-grid{row-gap:22px;padding-top:30px;padding-bottom:35px}
}


/* FB2C - engagements et formulaire multi-travaux */
.trust-grid .trust-symbol{font-size:29px;color:#9CB677;font-weight:700;line-height:1;min-width:38px}
.trust-grid>div{align-items:center}
.project-multiselect{border:0;min-width:0;padding:0;margin:0 0 18px}
.project-multiselect legend{font-weight:700;color:#173944;margin-bottom:5px;font-size:inherit}
.project-multiselect legend span{color:#d64b43}
.project-hint{font-size:13px;color:#637680;margin:0 0 12px}
.project-choices{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.project-choices label{display:flex;align-items:center;gap:10px;background:#f6f8f6;border:1px solid #dce5df;border-radius:11px;padding:11px 12px;cursor:pointer;color:#173944;font-size:14px;line-height:1.4}
.project-choices label:has(input:checked){background:#eaf2e6;border-color:#9CB677}
.project-choices input{width:18px;height:18px;flex:none;accent-color:#197283}
.project-error{color:#ac3939;font-size:13px;margin-top:9px}
.form-reassurance{margin:17px 0 6px;color:#536a72;line-height:1.65;font-size:14px}
.form-reassurance strong{color:#197283}
@media(max-width:650px){.project-choices{grid-template-columns:1fr}.project-choices label{padding:12px 13px}}

/* Pièces jointes du formulaire */
.photo-upload{margin-top:4px}
.photo-upload input[type="file"]{display:block;width:100%;max-width:100%;border:1px solid #d4dfdc;background:#f8faf9;border-radius:12px;padding:13px;font:inherit;font-size:14px;color:#24444d}
.photo-upload-hint{font-size:12px;color:#677d81;line-height:1.5;margin:8px 0 0}
.optional-label{font-weight:400!important;color:#687a7c!important}

.photo-inputs{display:grid;gap:9px}

/* Galerie complémentaire : photographies de réalisations fournies par FB2C */
.project-grid:has(.project-gallery){grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch}
.project-grid .project-gallery{min-width:0}
.project-photo-set{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;padding:5px;background:#edf1f0;min-height:225px;align-content:stretch}
.project-photo-set>a{display:block;min-width:0;min-height:0;overflow:hidden;background:#e1e7e4;border-radius:6px}
.project-photo-set>a:only-child{grid-column:span 2}
.project-photo-set>a img{height:148px;width:100%;display:block;object-fit:cover;object-position:center;transition:transform .2s ease}
.project-photo-set>a:hover img{transform:scale(1.035)}
.project-photo-set>a:focus-visible{outline:3px solid #197283;outline-offset:-3px}
.project-see{margin-top:8px!important;font-size:11px!important;color:#197283!important}
@media(max-width:950px){.project-grid:has(.project-gallery){grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:630px){.project-grid:has(.project-gallery){grid-template-columns:1fr}.project-photo-set>a img{height:160px}}

/* Prestations sur téléphone : titres et descriptions sur toute la largeur utile */
@media (max-width:650px){
  .service-grid{gap:10px}
  .service{display:grid;grid-template-columns:48px minmax(0,1fr);grid-template-rows:auto auto;column-gap:13px;row-gap:7px;align-items:center;padding:15px 16px;min-height:0}
  .service-icon{grid-column:1;grid-row:1 / span 2;width:48px;height:48px;flex-basis:auto;align-self:center;margin:0}
  .service-text{grid-column:2;grid-row:1;width:100%;min-width:0}
  .service h3{font-size:16px;line-height:1.3;margin:0 0 4px}
  .service p{font-size:13px;line-height:1.4;margin:0}
  .service-project-link{grid-column:2;grid-row:2;justify-self:start;align-self:start;white-space:normal;margin:1px 0 0;font-size:13px;line-height:1.4}
}

/* Boutons sans flèches sur mobile : texte complet et centré */
@media(max-width:750px){
  .hero-buttons .primary-btn,.hero-buttons .hero-realizations-btn{justify-content:center;text-align:center}
}
@media(max-width:630px){
  .topbar .header-project{font-size:clamp(10px,2.65vw,13px);line-height:1.22;text-align:center;white-space:normal;padding-left:9px;padding-right:9px}
}

/* Boutons accueil : deux libellés sur une ligne sur ordinateur.
   Sur iPhone, conserver la présentation déjà approuvée. */
@media (min-width:751px){
  .hero-buttons .primary-btn,.hero-buttons .hero-realizations-btn{
    font-size:clamp(12px,1.04vw,15px);
    padding:16px 13px;
    justify-content:center;
    text-align:center;
    white-space:nowrap;
    gap:0;
  }
}

/* Affichage équilibré des appels à l’action et du portrait */
.hero-realizations-btn .label-mobile{display:none}
.hero-realizations-btn .label-desktop{display:inline;color:inherit;font:inherit}
@media(max-width:750px){
  .hero-realizations-btn .label-desktop{display:none}
  .hero-realizations-btn .label-mobile{display:inline;color:inherit;font:inherit}
}
/* L’étiquette n’empiète plus sur le logo/portrait. */
.about-section .portrait-box .portrait-label{position:static;right:auto;bottom:auto;width:max-content;max-width:100%;margin:18px auto 0;text-align:center;box-shadow:none;padding:11px 19px}
@media(max-width:650px){.about-section .portrait-box .portrait-label{margin-top:14px;font-size:13px}}

/* Correctif final : vrais libellés adaptatifs et blancs pour les appels à l'action */
.hero-buttons a.hero-realizations-btn .label-desktop,
.hero-buttons a.hero-realizations-btn .label-mobile {
  color:#fff!important;
  font:inherit!important;
  letter-spacing:normal!important;
  line-height:inherit!important;
  flex:initial!important;
}
@media (min-width:751px) {
 .hero-buttons a.hero-realizations-btn .label-desktop {display:inline!important}
 .hero-buttons a.hero-realizations-btn .label-mobile {display:none!important}
 .hero-buttons a.primary-btn {min-width:0; white-space:nowrap}
}
@media (max-width:750px) {
 .hero-buttons a.hero-realizations-btn .label-desktop {display:none!important}
 .hero-buttons a.hero-realizations-btn .label-mobile {display:inline!important}
}

/* Correction explicite des boutons accueil : même taille et même couleur */
@media (min-width:751px){
 .hero-buttons>a.primary-btn{font-size:clamp(12px,1.03vw,15px)!important;line-height:1.25!important;font-weight:750!important;color:#fff!important;text-align:center!important;justify-content:center!important;min-width:0!important;white-space:nowrap!important}
 .hero-buttons>a.hero-realizations-btn>span.label-desktop{display:block!important;color:#fff!important;font-size:inherit!important;font-weight:inherit!important;line-height:inherit!important;letter-spacing:normal!important;white-space:nowrap!important;flex-shrink:1!important}
 .hero-buttons>a.hero-realizations-btn>span.label-mobile{display:none!important}
}
@media (max-width:750px){
 .hero-buttons>a.hero-realizations-btn>span.label-desktop{display:none!important}
 .hero-buttons>a.hero-realizations-btn>span.label-mobile{display:inline!important;color:#fff!important;font-size:inherit!important;line-height:inherit!important;font-weight:inherit!important}
 /* Illustration d'accueil visible entièrement sur iPhone, sans découpe */
 .hero .hero-visual{height:auto!important;max-height:none!important;min-height:0!important;overflow:hidden!important}
 .hero .hero-visual>img{display:block!important;width:100%!important;height:auto!important;max-height:none!important;object-fit:contain!important;object-position:center!important}
}

/* Actualité photovoltaïque — ajouté en octobre 2026 */
.news-home{background:#f5f9f8}.news-feature{display:grid;grid-template-columns:minmax(220px,38%) 1fr;align-items:center;gap:0;overflow:hidden;text-decoration:none;color:inherit;border:1px solid #dce9e5;border-radius:22px;background:#fff;box-shadow:0 12px 38px rgba(10,55,61,.08);transition:transform .2s,box-shadow .2s}.news-feature:hover,.news-feature:focus-visible{transform:translateY(-3px);box-shadow:0 18px 45px rgba(10,55,61,.16)}.news-feature>img{display:block;width:100%;height:100%;max-height:440px;min-height:270px;object-fit:cover}.news-feature-text{padding:clamp(24px,4vw,55px)}.news-kicker{font-size:.75rem;letter-spacing:.12em;color:#277e73;font-weight:800}.news-feature-text h3{font-size:clamp(1.55rem,2.7vw,2.6rem);line-height:1.15;margin:16px 0;color:#183e47}.news-feature-text p{font-size:1.05rem;line-height:1.7;color:#53666b}.news-more{display:inline-block;margin-top:18px;font-weight:800;color:#176e78}.news-article{padding:40px 0 85px;background:#f7faf9}.news-article>.wrap{max-width:1030px}.news-back{color:#176e78;text-decoration:none;font-weight:700}.news-article-head{text-align:center;padding:45px 0 28px}.news-article-head h1{font-size:clamp(2rem,4vw,3.4rem);line-height:1.18;margin:15px auto;max-width:830px;color:#163e48}.news-article-head em{color:#287f77;font-style:normal}.news-lead{font-size:1.2rem;color:#4b666c}.news-main-photo{display:block;width:100%;max-height:590px;object-fit:contain;border-radius:20px;background:white}.news-article-body{max-width:820px;margin:auto;font-size:1.075rem;line-height:1.85;color:#354c52}.news-article-body>p{margin:30px 0}.news-article-body h2{color:#17444b;font-size:1.6rem;margin:42px 0 18px}.news-status{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:34px 0}.news-status p{background:white;border-left:4px solid #398b7e;border-radius:10px;padding:19px;box-shadow:0 4px 15px #1233;margin:0}.news-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.news-gallery img{width:100%;height:230px;object-fit:cover;border-radius:12px}.news-contact{background:white;border-radius:18px;padding:26px;margin-top:40px}.news-contact h2{margin:0}.news-contact .primary-btn{display:inline-block;margin-top:9px}.news-contact a{color:#176e78}.news-footer{background:#103d47;color:white;padding:26px 0}.news-footer a{color:white}@media(max-width:720px){.news-feature{grid-template-columns:1fr}.news-feature>img{height:300px;min-height:0}.news-feature-text{padding:24px}.news-status{grid-template-columns:1fr}.news-gallery{grid-template-columns:1fr 1fr}.news-gallery img{height:185px}.news-article{padding-top:20px}.news-article-head{padding-top:28px}}