:root{--page-width:1024px;--page-height:1536px}
*{box-sizing:border-box}
html,body{margin:0;background:#f7f1e8;font-family:Arial,sans-serif}
.page-frame{position:relative;width:min(100vw,var(--page-width));margin:0 auto;background:#fff;box-shadow:0 12px 40px rgba(0,0,0,.12)}
.page-img{display:block;width:100%;height:auto;user-select:none}
.hotspots{position:absolute;inset:0;z-index:5}
.hotspots a{position:absolute;display:block;text-indent:-9999px;overflow:hidden;border-radius:4px}
.hotspots a:focus-visible{outline:3px solid #b07a20;outline-offset:2px;background:rgba(176,122,32,.12)}
/* Zones de navigation corrigées : positions recalées sur le menu réel
   Objectif : éviter que À propos / Contact / Demander une étude se chevauchent. */
.nav{top:2.25%;height:4.35%;z-index:20}
.nav-accueil{left:22.3%;width:5.8%}
.nav-methode{left:28.7%;width:10.5%}
.nav-valorisation{left:40.0%;width:15.3%}
.nav-realisations{left:56.1%;width:10.4%}
.nav-apropos{left:67.4%;width:7.4%}
.nav-contact{left:76.0%;width:7.0%;z-index:100}
/* Tous les boutons Demander une étude vont vers la page Contact.
   Le bouton de droite commence après Contact pour ne jamais le recouvrir. */
.top-cta{left:84.8%;top:2.1%;width:13.0%;height:4.6%;z-index:15}
.hero-cta{left:4.5%;top:28.7%;width:23.0%;height:4.0%}
.hero-secondary{left:4.5%;top:32.9%;width:21.0%;height:4.0%}
.bottom-cta{left:35.2%;top:90.6%;width:29.0%;height:4.1%}
.method-bottom{left:35.2%;top:77.2%;width:30.0%;height:4.2%}
.valorisation-bottom{left:62.5%;top:80.6%;width:30.5%;height:4.3%}
.real-method{left:3.5%;top:43.8%;width:21.5%;height:4.5%}
.real-cta{left:23.8%;top:43.8%;width:27.5%;height:4.5%}
.news-cta{left:59.5%;top:73.6%;width:21.0%;height:4.4%}
.apropos-cta{left:3.5%;top:32.6%;width:26.0%;height:4.4%}
.apropos-bottom{left:35.8%;top:79.3%;width:26.0%;height:4.3%}
.contact-submit{left:54.5%;top:63.8%;width:34.5%;height:5.5%}
@media(max-width:700px){body{background:#fff}.page-frame{width:100%;box-shadow:none}.nav{top:2%;height:5%}}


/* Formulaire fonctionnel — page Contact */
.lead-form{position:absolute;left:57.15%;top:47.85%;width:30.15%;height:20.6%;z-index:50;margin:0;padding:0}
.lead-form .field{position:absolute;left:0;width:100%;border:1px solid #d6c5aa;background:#f7f1e8;color:#1f1f1f;font-family:Arial,sans-serif;font-size:13px;padding:0 14px;outline:none;border-radius:0}
.lead-form .field:focus{border-color:#b07117;box-shadow:0 0 0 2px rgba(176,113,23,.12)}
.field-name{top:0;height:12.5%}
.field-email{top:16.2%;height:12.5%}
.field-phone{top:32.5%;height:12.5%}
.field-project{top:48.7%;height:33.5%;padding-top:12px;resize:none}
.form-submit{position:absolute;left:0;top:88.7%;width:100%;height:13.0%;border:0;background:#b07117;color:#fff;text-transform:uppercase;font-family:Arial,sans-serif;font-size:13px;letter-spacing:.02em;cursor:pointer}
.form-submit:hover{background:#9a6112}
@media(max-width:700px){.lead-form .field{font-size:11px;padding:0 8px}.field-project{padding-top:8px}.form-submit{font-size:11px}}