.ville-hero{background:linear-gradient(135deg,#0f0f0f 55%,#1a1200 100%);padding:90px 20px 80px;text-align:center;position:relative;overflow:hidden}.ville-hero-badge{display:inline-block;background:rgba(201,168,76,.12);border:1px solid rgba(201,168,76,.3);color:#c9a84c;padding:6px 18px;border-radius:20px;font-size:11px;font-family:Roboto,sans-serif;font-weight:600;text-transform:uppercase;letter-spacing:.1em;margin-bottom:24px}.ville-hero h1{font-size:clamp(34px,5vw,58px);font-family:Questrial,sans-serif;font-weight:400;color:#fff;margin:0 0 18px;line-height:1.1}.ville-hero h1 em{color:#c9a84c;font-style:normal}.ville-hero p{font-size:16px;font-family:Roboto,sans-serif;font-weight:300;color:rgba(255,255,255,.65);max-width:560px;margin:0 auto 36px;line-height:1.7}.ville-stats{display:flex;justify-content:center;gap:40px;flex-wrap:wrap;border-top:1px solid rgba(255,255,255,.08);padding-top:36px}.ville-stat-num{display:block;font-size:30px;font-family:Questrial,sans-serif;color:#c9a84c;line-height:1}.ville-stat-label{display:block;font-size:11px;font-family:Roboto,sans-serif;color:rgba(255,255,255,.5);margin-top:4px;text-transform:uppercase;letter-spacing:.08em}.ville-btn-call{display:inline-flex;align-items:center;gap:10px;background:#c9a84c;color:#0f0f0f!important;padding:17px 36px;border-radius:8px;font-size:16px;font-family:Roboto,sans-serif;font-weight:700;text-decoration:none!important;text-transform:uppercase;letter-spacing:.04em;box-shadow:0 0 0 3px rgba(201,168,76,.25),0 6px 24px rgba(201,168,76,.4);transition:all .2s;margin-bottom:36px;display:inline-flex}.ville-section{padding:80px 20px}.ville-section-alt{padding:80px 20px;background:#f8f8f6}.ville-section-inner{max-width:1100px;margin:0 auto}.ville-tag{display:inline-block;color:#c9a84c;font-size:11px;font-family:Roboto,sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:.12em;margin-bottom:14px}.ville-section h2,.ville-section-alt h2{font-size:clamp(26px,3vw,40px);font-family:Questrial,sans-serif;font-weight:400;color:#0f0f0f;margin:0 0 14px;line-height:1.2}.ville-section h2 em,.ville-section-alt h2 em{color:#c9a84c;font-style:normal}.ville-section p,.ville-section-alt p{font-size:16px;font-family:Roboto,sans-serif;font-weight:300;color:#555;line-height:1.75;margin:0 0 24px}.ville-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}.ville-card{background:#fff;border-radius:12px;border:1.5px solid #e8e8e8;padding:28px 24px;transition:all .2s}.ville-card:hover{border-color:#c9a84c;box-shadow:0 8px 28px rgba(201,168,76,.12);transform:translateY(-2px)}.ville-card-icon{font-size:28px;margin-bottom:14px}.ville-card h3{font-size:17px;font-family:Questrial,sans-serif;font-weight:400;color:#0f0f0f;margin:0 0 8px}.ville-card p{font-size:14px;margin:0 0 14px}.ville-card a{font-size:13px;font-weight:600;font-family:Roboto,sans-serif;color:#c9a84c;text-decoration:none}.ville-proches{display:flex;flex-wrap:wrap;gap:10px}.ville-proche-tag{background:rgba(201,168,76,.1);border:1px solid rgba(201,168,76,.25);color:#555;padding:8px 16px;border-radius:6px;font-size:13px;font-family:Roboto,sans-serif;text-decoration:none;transition:all .2s}.ville-proche-tag:hover{background:#c9a84c;color:#0f0f0f;border-color:#c9a84c}.ville-cta{background:linear-gradient(135deg,#c9a84c 0%,#a8853a 100%);padding:90px 20px;text-align:center}.ville-cta h2{font-size:clamp(28px,4vw,48px);font-family:Questrial,sans-serif;font-weight:400;color:#fff;margin:0 0 16px}.ville-cta p{font-size:17px;font-family:Roboto,sans-serif;font-weight:300;color:rgba(255,255,255,.85);margin:0 0 36px;line-height:1.7}.ville-btn-white{display:inline-flex;align-items:center;gap:10px;background:#fff;color:#0f0f0f!important;padding:18px 40px;border-radius:8px;font-size:17px;font-family:Roboto,sans-serif;font-weight:700;text-decoration:none!important;text-transform:uppercase;letter-spacing:.04em;box-shadow:0 4px 24px rgba(0,0,0,.15)}.ville-quartiers{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.ville-quartier-item{background:#fff;border:1.5px solid #e8e8e8;border-radius:8px;padding:10px 18px;font-size:13px;font-family:Roboto,sans-serif;color:#555}@media(max-width:600px){.ville-hero{padding:70px 16px 60px}.ville-section,.ville-section-alt{padding:60px 16px}.ville-cta{padding:70px 16px}}