{"id":555,"date":"2026-07-27T19:48:25","date_gmt":"2026-07-27T19:48:25","guid":{"rendered":"https:\/\/m-3-c.fr\/?page_id=555"},"modified":"2026-08-14T09:31:56","modified_gmt":"2026-08-14T09:31:56","slug":"m3c-landing-v16","status":"publish","type":"page","link":"https:\/\/m-3-c.fr\/","title":{"rendered":"M3C landing v16"},"content":{"rendered":"\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:ital,wght@0,500;0,600;1,500&#038;family=Inter:wght@300;400;500&#038;display=swap\" rel=\"stylesheet\">\n<link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/@tabler\/icons-webfont@latest\/tabler-icons.min.css\">\n<style>\n.m3c-lp *{box-sizing:border-box;margin:0;padding:0}.cmplz-cookiebanner-container,.cmplz-cookiebanner{z-index:99999!important;position:fixed!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;bottom:auto!important;width:90%!important;max-width:520px!important;display:block!important}\n:root{\n  --dk:#083335;\n  --or:#cc4e00;\n  --cr:#f3e5d8;\n  --bg:#fafaf8;\n  --bg2:#f2ede7;\n  --tx:#0d0d0c;\n  --tx2:#565b5c;\n  --bd:#ddd8d1;\n  --serif:'Playfair Display',Georgia,serif;\n  --sans:'Inter',sans-serif;\n}\nhtml{scroll-behavior:smooth}\n.m3c-lp{font-family:var(--sans);background:var(--bg);color:var(--tx);-webkit-font-smoothing:antialiased}\n.m3c-lp a{text-decoration:none;color:inherit}\n.m3c-lp img{display:block;max-width:100%}\n\n\/* \u2500\u2500\u2500 TEXTURE \u2014 subtle grain overlay (Lagom-style paper feel) \u2500\u2500\u2500 *\/\n.m3c-lp .grain{position:absolute;inset:0;pointer-events:none;z-index:5;opacity:.05;mix-blend-mode:overlay;background-image:url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'\/%3E%3C\/svg%3E\")}\n.m3c-lp .grain.on-dark{opacity:.06;mix-blend-mode:overlay}\n.m3c-lp .grain.on-light{opacity:.035;mix-blend-mode:multiply}\n\n\/* Grid\/graph-paper texture \u2014 reusable overlay *\/\n.m3c-lp .grid-texture{position:absolute;inset:0;pointer-events:none;z-index:0;background-image:linear-gradient(rgba(243,229,216,.14) 1px,transparent 1px),linear-gradient(90deg,rgba(243,229,216,.14) 1px,transparent 1px);background-size:34px 34px}\n.m3c-lp .grid-texture.on-light{background-image:linear-gradient(rgba(8,51,53,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(8,51,53,.08) 1px,transparent 1px)}\n\n\/* \u2500\u2500\u2500 REVEAL (Lagom-style ease, slightly slower & smoother) \u2500\u2500\u2500 *\/\n\/* Visible by default \u2014 safe fallback if JS is blocked by a security plugin *\/\n.m3c-lp .rv{opacity:1;transform:none}\n.m3c-lp .rv2{opacity:1}\n\/* Only apply hidden-then-reveal animation once JS has confirmed it can run *\/\nhtml.m3c-js .m3c-lp .rv{opacity:0;transform:translateY(34px);transition:opacity .9s cubic-bezier(.16,1,.3,1),transform .9s cubic-bezier(.16,1,.3,1)}\nhtml.m3c-js .m3c-lp .rv.in{opacity:1;transform:none}\nhtml.m3c-js .m3c-lp .rv2{opacity:0;transition:opacity 2s cubic-bezier(.16,1,.3,1) .2s}\nhtml.m3c-js .m3c-lp .rv2.in{opacity:1}\n\n\/* Image-specific reveal \u2014 subtle blur-in, Lagom style (kept separate from hover-zoom transform) *\/\n.m3c-lp .img-reveal{transition:filter 2s cubic-bezier(.16,1,.3,1)}\nhtml.m3c-js .m3c-lp .img-reveal{filter:blur(9px)}\nhtml.m3c-js .m3c-lp .rv.in .img-reveal{filter:blur(0)}\n\n\/* \u2500\u2500\u2500 NAV \u2500\u2500\u2500 *\/\n.m3c-lp .nav{position:fixed;top:0;left:0;right:0;z-index:300;height:84px;display:flex;align-items:center;justify-content:space-between;padding:0 56px;transition:background .35s cubic-bezier(.4,0,.2,1),border-color .35s;border-bottom:1px solid transparent}\n.m3c-lp .nav.scrolled{height:72px;background:rgba(8,51,53,.97);border-color:rgba(255,255,255,.07);backdrop-filter:blur(10px)}\n.m3c-lp .nav-bg{background:var(--dk)}\n.m3c-lp .nb{display:flex;align-items:center;gap:14px}\n.m3c-lp .logo-ring{width:73px;height:73px;border-radius:55%;background:var(--cr);overflow:hidden;flex-shrink:0;transition:transform .3s cubic-bezier(.4,0,.2,1)}\n.m3c-lp .logo-ring:hover{transform:scale(1.06)}\n.m3c-lp .logo-ring img{width:73px;height:73px;object-fit:cover;border-radius:50%}\n.m3c-lp .logo-fb{display:none;font-size:15px;font-weight:700;color:var(--dk);width:52px;height:52px;border-radius:50%;background:var(--cr);align-items:center;justify-content:center}\n.m3c-lp .b-name{color:var(--cr);font-size:15px;font-weight:500;letter-spacing:.14em;line-height:1.2}\n.m3c-lp .b-sub{color:rgba(243,229,216,.34);font-size:10.5px;letter-spacing:.07em}\n.m3c-lp .nm{display:flex;gap:40px}\n.m3c-lp .nm a{color:rgba(243,229,216,.52);font-size:15px;letter-spacing:.04em;position:relative;transition:color .3s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1)}\n.m3c-lp .nm a::after{content:'';position:absolute;left:0;bottom:-5px;width:0;height:1.5px;background:var(--or);transition:width .3s cubic-bezier(.16,1,.3,1)}\n.m3c-lp .nm a:hover{color:var(--cr);transform:translateY(-1px)}\n.m3c-lp .nm a:hover::after{width:100%}\n.m3c-lp .nav-social{display:flex;align-items:center;gap:10px}\n.m3c-lp .nav-social a{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:var(--cr);color:var(--or);transition:all .3s cubic-bezier(.4,0,.2,1)}\n.m3c-lp .nav-social a:hover{background:var(--or);color:var(--cr);transform:translateY(-2px)}\n.m3c-lp .nav-social i{font-size:20px}\n\n\/* \u2500\u2500\u2500 001 HERO FULL-VIEWPORT \u2500\u2500\u2500 *\/\n.m3c-lp .hero{position:relative;width:100%;height:100vh;min-height:640px;overflow:hidden;background:var(--dk)}\n.m3c-lp .hero-bg{position:absolute;inset:0;z-index:0}\n.m3c-lp .hero-bg img{width:100%;height:100%;object-fit:cover;opacity:.35;transform:scale(1.04);transition:transform .15s linear}\n.m3c-lp .hero-bg-ph{width:100%;height:100%;background:linear-gradient(135deg,#083335 0%,#0d4a4c 60%,#0a3d3f 100%)}\n.m3c-lp .hero-overlay{position:absolute;inset:0;background:linear-gradient(to right, rgba(8,51,53,.75) 0%, rgba(8,51,53,.3) 60%, transparent 100%);z-index:1}\n.m3c-lp .hero-content{position:relative;z-index:2;height:100%;display:flex;flex-direction:column;justify-content:space-between;padding:55px 56px 80px}\n.m3c-lp .h-index{font-size:11px;color:rgba(243,229,216,.2);letter-spacing:.18em;margin-bottom:32px;font-weight:300}\n.m3c-lp .h-kicker{display:inline-flex;align-items:center;gap:8px;font-size:10px;color:rgba(204,78,0,.9);letter-spacing:.1em;text-transform:uppercase;margin-bottom:18px}\n.m3c-lp .h-kicker::before{content:'';width:28px;height:1px;background:var(--or)}\n.m3c-lp h1.hero-h1{font-family:var(--serif);color:var(--cr);font-size:clamp(48px,7vw,88px);font-weight:500;line-height:1.0;letter-spacing:-.02em;max-width:820px;margin-bottom:24px;position:relative;z-index:1}\n.m3c-lp .hero-h1-wrap{position:relative;padding:36px 32px;margin:0 0 24px -32px}\n.m3c-lp .hero-h1-wrap .hero-sub{position:relative;z-index:1;margin-bottom:0}\n.m3c-lp .h1-line{display:block}\n.m3c-lp .h1-l1{text-align:left;color:var(--or);margin-left:0}\n.m3c-lp .h1-l2{text-align:left;margin-left:.6em}\n.m3c-lp .hero-texture-bg{position:absolute;inset:0;z-index:0;background-image:url(\"https:\/\/m-3-c.fr\/wp-content\/uploads\/2026\/06\/projet-immobilier-eco-citoyen-tour-salvagny.jpg\");background-size:cover;background-position:center;opacity:.55;border-radius:6px}\n.m3c-lp .hero-texture-bg::after{content:'';position:absolute;inset:0;background:linear-gradient(rgba(8,51,53,.35),rgba(8,51,53,.35))}\n.m3c-lp .h1-l3{text-align:left;margin-left:1.2em}\n.m3c-lp h1.hero-h1 em{color:var(--or);font-style:italic}\n.m3c-lp .hero-sub{color:rgba(243,229,216,.6);font-size:20px;line-height:1.75;max-width:500px;font-weight:500;margin-bottom:40px}\n.m3c-lp .hero-ctas{display:flex;gap:14px;align-items:center}\n.m3c-lp .btn-main{background:var(--or);color:var(--cr);font-size:12px;font-weight:500;padding:14px 32px;border-radius:2px;letter-spacing:.05em;display:inline-flex;align-items:center;gap:8px;transition:opacity .2s,transform .2s;cursor:pointer}\n.m3c-lp .btn-main:hover{opacity:.88;transform:translateY(-2px)}\n.m3c-lp .btn-ghost{color:rgba(243,229,216,.55);font-size:12px;letter-spacing:.04em;display:inline-flex;align-items:center;gap:6px;transition:color .2s;cursor:pointer}\n.m3c-lp .btn-ghost:hover{color:var(--cr)}\n.m3c-lp .hero-scroll{position:absolute;bottom:32px;right:56px;z-index:2;display:flex;flex-direction:column;align-items:center;gap:8px}\n.m3c-lp .hero-scroll span{font-size:9px;color:rgba(243,229,216,.22);letter-spacing:.12em;writing-mode:vertical-lr}\n.m3c-lp .scroll-line{width:1px;height:48px;background:linear-gradient(to bottom,transparent,rgba(243,229,216,.2))}\n\n\/* \u2500\u2500\u2500 001B VID\u00c9O B2B \u2500\u2500\u2500 *\/\n.m3c-lp .b2b-sec{background:var(--dk);position:relative;overflow:hidden}\n.m3c-lp .b2b-sec::before{content:'';position:absolute;top:-20%;right:-10%;width:50%;height:140%;background:radial-gradient(circle,rgba(204,78,0,.08) 0%,transparent 65%);pointer-events:none;filter:blur(40px)}\n.m3c-lp .b2b-grid{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:0;position:relative;z-index:1}\n.m3c-lp .b2b-txt{padding:64px 56px}\n.m3c-lp .b2b-eyebrow{font-size:10.5px;color:rgba(204,78,0,.9);letter-spacing:.14em;text-transform:uppercase;margin-bottom:16px;display:flex;align-items:center;gap:8px}\n.m3c-lp .b2b-eyebrow::before{content:'';width:24px;height:1px;background:var(--or)}\n.m3c-lp .b2b-txt h3{font-family:var(--serif);font-size:clamp(24px,3vw,32px);color:var(--cr);line-height:1.25;font-weight:500;max-width:420px;margin-bottom:14px}\n.m3c-lp .b2b-txt p{font-size:14px;color:rgba(243,229,216,.5);line-height:1.75;max-width:400px;font-weight:300}\n.m3c-lp .b2b-video-wrap{padding:56px 56px 56px 0}\n.m3c-lp .b2b-video{position:relative;aspect-ratio:16\/10;border-radius:6px;overflow:hidden;border:1px solid rgba(243,229,216,.1);background:linear-gradient(135deg,#0a3d3f,#062527);cursor:pointer}\n.m3c-lp .b2b-video img{width:100%;height:100%;object-fit:cover;opacity:.55;transition:opacity .4s ease}\n.m3c-lp .b2b-video:hover img{opacity:.7}\n.m3c-lp .b2b-video-ph{width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px}\n.m3c-lp .b2b-video-ph i{font-size:32px;color:rgba(243,229,216,.12)}\n.m3c-lp .b2b-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:64px;height:64px;border-radius:50%;background:rgba(243,229,216,.95);display:flex;align-items:center;justify-content:center;transition:transform .3s cubic-bezier(.4,0,.2,1),background .3s;box-shadow:0 8px 30px rgba(0,0,0,.35)}\n.m3c-lp .b2b-video:hover .b2b-play{transform:translate(-50%,-50%) scale(1.08);background:var(--cr)}\n.m3c-lp .b2b-play i{font-size:20px;color:var(--dk);margin-left:3px}\n.m3c-lp .b2b-duration{position:absolute;bottom:14px;right:14px;background:rgba(8,51,53,.85);color:rgba(243,229,216,.75);font-size:10px;letter-spacing:.05em;padding:5px 10px;border-radius:2px;backdrop-filter:blur(4px)}\n.m3c-lp .b2b-caption{font-size:10.5px;color:rgba(243,229,216,.3);letter-spacing:.04em;margin-top:14px;padding:0 4px}\n\n\/* \u2500\u2500\u2500 SECTION NUM PATTERN (Lagom) \u2500\u2500\u2500 *\/\n.m3c-lp .sec-divider{height:1px;background:var(--bd)}\n.m3c-lp .sec-wrap{display:grid;grid-template-columns:120px 1fr;border-top:1px solid var(--bd)}\n.m3c-lp .sec-num-col{padding:80px 0 80px 56px;border-right:1px solid var(--bd)}\n.m3c-lp .sec-num-txt{font-family:var(--serif);font-size:20px;font-weight:500;color:var(--or);letter-spacing:.12em;writing-mode:vertical-lr}\n.m3c-lp .sec-body{padding:80px 56px 80px 64px}\n\n\/* \u2500\u2500\u2500 002 CHIFFRES (Lagom metrics) \u2500\u2500\u2500 *\/\n.m3c-lp #impact{position:relative;overflow:hidden}\n.m3c-lp #impact::before{content:'';position:absolute;top:-30%;left:60%;width:45%;height:160%;background:radial-gradient(circle,rgba(204,78,0,.07) 0%,transparent 65%);filter:blur(50px);pointer-events:none;animation:driftGlow 14s ease-in-out infinite}\n.m3c-lp #impact::after{content:'';position:absolute;bottom:-40%;left:-10%;width:35%;height:120%;background:radial-gradient(circle,rgba(8,51,53,.05) 0%,transparent 65%);filter:blur(60px);pointer-events:none;animation:driftGlow 18s ease-in-out infinite reverse}\n@keyframes driftGlow{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(-4%,3%) scale(1.08)}}\n.m3c-lp .kpi-row{display:grid;grid-template-columns:repeat(3,1fr);gap:0;position:relative;z-index:1}\n.m3c-lp .kpi-item{padding:0 40px 0 22px;position:relative}\n.m3c-lp .kpi-item::before{content:'';position:absolute;top:2px;left:0;width:3px;height:26px;border-radius:2px}\n.m3c-lp .kpi-item:nth-child(1)::before{background:var(--or)}\n.m3c-lp .kpi-item:nth-child(2)::before{background:var(--dk)}\n.m3c-lp .kpi-item:nth-child(3)::before{background:var(--or)}\n.m3c-lp .kpi-item:not(:first-child){padding-left:40px;border-left:1px solid var(--bd)}\n.m3c-lp .kpi-item:not(:first-child)::before{left:40px}\n.m3c-lp .kpi-n{font-family:var(--serif);font-size:58px;font-weight:500;color:var(--dk);line-height:1;margin-bottom:14px;transition:color .3s}\n.m3c-lp .kpi-item:hover .kpi-n{color:var(--or)}\n.m3c-lp .kpi-l{font-size:13px;color:var(--tx2);line-height:1.65;font-weight:300}\n.m3c-lp .kpi-l strong{color:var(--dk);font-weight:500;display:block;font-size:14px;margin-bottom:4px}\n\n\/* \u2500\u2500\u2500 003 STORYTELLING (Catalyst verb pattern) \u2500\u2500\u2500 *\/\n.m3c-lp .story-intro{max-width:none;margin-bottom:72px}\n.m3c-lp .story-intro h2{font-family:var(--serif);font-size:clamp(30px,4.2vw,46px);color:var(--dk);line-height:1.15;margin-bottom:18px}\n.m3c-lp .story-intro p{font-size:15px;color:var(--tx2);line-height:1.85;font-weight:300}\n\/* Full-bleed alternating image+text blocks like Catalyst *\/\n.m3c-lp .story-blocks{margin:0 -56px -80px}\n.m3c-lp .sb{display:grid;grid-template-columns:1fr 1fr;min-height:480px}\n.m3c-lp .sb.flip{direction:rtl}\n.m3c-lp .sb.flip>*{direction:ltr}\n.m3c-lp .sb-img{overflow:hidden;position:relative}\n.m3c-lp .sb-img img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}\n.m3c-lp .sb-img:hover img{transform:scale(1.03)}\n.m3c-lp .sb-img-ph{width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;background:var(--bg2)}\n.m3c-lp .sb-img-ph i{font-size:36px;color:rgba(8,51,53,.15)}\n.m3c-lp .sb-img-ph span{font-size:10px;color:rgba(8,51,53,.2);letter-spacing:.06em;text-transform:uppercase}\n.m3c-lp .sb-txt{display:flex;flex-direction:column;justify-content:center;padding:64px 72px;background:var(--bg)}\n.m3c-lp .sb.dark .sb-txt{background:var(--dk)}\n.m3c-lp .sb-verb{font-family:var(--serif);font-size:clamp(44px,5.5vw,72px);font-weight:500;line-height:1;color:var(--dk);margin-bottom:22px}\n.m3c-lp .sb.dark .sb-verb{color:var(--cr)}\n.m3c-lp .sb-verb em{color:var(--or);font-style:italic}\n.m3c-lp .sb-txt p{font-size:14.5px;line-height:1.9;color:var(--tx2);max-width:360px;font-weight:300;margin-bottom:24px}\n.m3c-lp .sb.dark .sb-txt p{color:rgba(243,229,216,.5)}\n.m3c-lp .sb-kw{font-size:10px;color:rgba(8,51,53,.3);letter-spacing:.08em}\n.m3c-lp .sb.dark .sb-kw{color:rgba(243,229,216,.2)}\n.m3c-lp .sb-link{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:500;color:var(--dk);border-bottom:1px solid var(--dk);padding-bottom:2px;transition:color .2s,border-color .2s}\n.m3c-lp .sb.dark .sb-link{color:rgba(243,229,216,.6);border-color:rgba(243,229,216,.25)}\n.m3c-lp .sb-link:hover{color:var(--or);border-color:var(--or)}\n\n\/* \u2500\u2500\u2500 004 R\u00c9SIDENCE \u2500\u2500\u2500 *\/\n.m3c-lp .res-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:start}\n.m3c-lp .res-photos{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:260px 180px;gap:6px}\n.m3c-lp .eole-photos{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:360px;gap:6px}\n.m3c-lp .rp{overflow:hidden;border-radius:3px;background:var(--bg2)}\n.m3c-lp .rp.tall{grid-row:span 2}\n.m3c-lp .rp img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}\n.m3c-lp .rp:hover img{transform:scale(1.04)}\n.m3c-lp .rp-ph{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}\n.m3c-lp .rp-ph i{font-size:28px;color:rgba(8,51,53,.12)}\n.m3c-lp .rp-ph span{font-size:9px;color:rgba(8,51,53,.2);letter-spacing:.05em;text-align:center}\n.m3c-lp .res-info{}\n.m3c-lp .r-eyebrow{font-size:10px;font-weight:500;color:var(--or);letter-spacing:.12em;text-transform:uppercase;margin-bottom:12px}\n.m3c-lp h3.r-t{font-family:var(--serif);font-size:40px;font-weight:500;color:var(--dk);line-height:1.1;margin-bottom:8px}\n.m3c-lp .r-loc{font-size:12.5px;color:var(--tx2);margin-bottom:22px;display:flex;align-items:center;gap:5px}\n.m3c-lp .r-desc{font-size:14px;color:var(--tx2);line-height:1.9;font-weight:300;margin-bottom:24px}\n.m3c-lp .r-units{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:20px}\n.m3c-lp .ru{padding:16px;background:var(--bg2);border-radius:3px;border:1px solid transparent}\n.m3c-lp .ru.avail{background:#fff;border-color:rgba(8,51,53,.12)}\n.m3c-lp .ru-v{font-family:var(--serif);font-size:20px;color:var(--dk)}\n.m3c-lp .ru-k{font-size:11px;color:var(--tx2);margin-top:4px;line-height:1.4}\n.m3c-lp .ru-s{font-size:10px;margin-top:6px;font-weight:500}\n.m3c-lp .ru-s.sold{color:rgba(8,51,53,.3)}\n.m3c-lp .ru-s.ok{color:var(--or)}\n.m3c-lp .r-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:24px}\n.m3c-lp .tag{font-size:10px;padding:4px 10px;border:1px solid var(--bd);color:var(--tx2);border-radius:2px}\n.m3c-lp .tag.hl{border-color:rgba(204,78,0,.3);color:var(--or);background:rgba(204,78,0,.04)}\n.m3c-lp .r-cta{display:inline-flex;align-items:center;gap:8px;background:var(--dk);color:var(--cr);font-size:12px;padding:13px 24px;border-radius:2px;transition:opacity .2s,transform .2s}\n.m3c-lp .r-cta:hover{opacity:.85;transform:translateY(-2px)}\n.m3c-lp .park-row{display:flex;gap:8px;margin-top:14px}\n.m3c-lp .pk{flex:1;background:var(--bg2);border-radius:3px;padding:14px 12px;text-align:center}\n.m3c-lp .pk-n{font-family:var(--serif);font-size:24px;color:var(--dk)}\n.m3c-lp .pk-l{font-size:10px;color:var(--tx2);margin-top:3px;line-height:1.3}\n\n\/* \u2500\u2500\u2500 005 ENGAGEMENT \u2500\u2500\u2500 *\/\n.m3c-lp .eng-intro{max-width:none;margin-bottom:56px}\n.m3c-lp .eng-intro h2{font-family:var(--serif);font-size:clamp(26px,3.5vw,45px);color:var(--dk);line-height:1.18;margin-bottom:12px}\n.m3c-lp .eng-intro p{font-size:13px;color:var(--tx2);line-height:1.8;font-weight:300}\n.m3c-lp .eng-cols{display:grid;grid-template-columns:1fr 1fr;gap:0;background:var(--dk);border-radius:4px;overflow:hidden}\n.m3c-lp .eng-item{padding:30px 34px;border-bottom:3px solid rgba(243,229,216,.12);border-right:3px solid rgba(243,229,216,.12);display:flex;gap:20px}\n.m3c-lp .eng-item:nth-child(2n){border-right:none}\n.m3c-lp .eng-item:nth-child(3), .m3c-lp .eng-item:nth-child(4){border-bottom:none}\n.m3c-lp .eng-item:nth-child(5){grid-column:1\/-1;border-right:none;border-bottom:none;justify-content:center;text-align:left;max-width:640px;margin:0 auto}\n.m3c-lp .eng-n{font-family:var(--serif);font-size:20px;color:var(--or);flex-shrink:0;padding-top:3px}\n.m3c-lp .eng-t{font-size:18px;font-weight:500;color:var(--cr);margin-bottom:7px}\n.m3c-lp .eng-d{font-size:15px;color:rgba(243,229,216,.55);line-height:1.75;font-weight:300}\n\/* Quote block *\/\n.m3c-lp .quote-block{border-left:4px solid var(--or);padding:27px 35px;background:var(--dk);margin-top:48px;position:relative;overflow:hidden;border-radius:0 4px 4px 0}\n.m3c-lp .quote-texture-bg{position:absolute;inset:0;z-index:0;background-image:url;background-size:cover;background-position:center}\n.m3c-lp .q-txt{font-family:var(--serif);font-size:23px;font-weight:550;color:var(--cr);line-height:1.45;font-style:italic;margin-bottom:20px;position:relative;z-index:1}\n.m3c-lp .q-sig{position:relative;z-index:1}\n.m3c-lp .q-sig strong{font-size:17px;font-weight:650;color:var(--or);display:block}\n.m3c-lp .q-sig span{font-size:17px;color:rgba(243,229,216,.55)}\n\/* \u2500\u2500\u2500 006 CONTACT (dark, Catalyst footer style) \u2500\u2500\u2500 *\/\n.m3c-lp .contact-sec{background:var(--dk);padding:0;position:relative;overflow:hidden}\n.m3c-lp .contact-inner{display:grid;grid-template-columns:1fr 1fr;min-height:600px}\n.m3c-lp .c-left{padding:96px 72px 96px 56px;border-right:1px solid rgba(243,229,216,.08);display:flex;flex-direction:column;justify-content:space-between}\n.m3c-lp .c-top{}\n.m3c-lp .c-n{font-size:15px;font-weight:600;color:var(--or);letter-spacing:.12em;margin-bottom:28px}\n.m3c-lp h2.c-h2{font-family:var(--serif);font-size:clamp(30px,4.4vw,50px);color:var(--cr);line-height:1.1;margin-bottom:18px}\n.m3c-lp .c-sub{font-size:15px;color:rgba(243,229,216,.5);line-height:1.75;font-weight:300;max-width:390px;margin-bottom:48px}\n.m3c-lp .c-info{display:flex;flex-direction:column;gap:20px}\n.m3c-lp .c-row{display:flex;align-items:flex-start;gap:16px}\n.m3c-lp .c-label{font-size:10px;color:var(--or);letter-spacing:.1em;text-transform:uppercase;min-width:80px;padding-top:2px}\n.m3c-lp .c-val{font-size:13px;color:rgba(243,229,216,.6);line-height:1.6;font-weight:300}\n.m3c-lp .c-val a{color:rgba(243,229,216,.6);transition:color .2s}\n.m3c-lp .c-val a:hover{color:var(--cr)}\n.m3c-lp .c-bottom{margin-top:48px}\n.m3c-lp .social-row{display:flex;gap:12px;flex-wrap:wrap}\n.m3c-lp .soc{display:inline-flex;align-items:center;gap:9px;border:1px solid rgba(243,229,216,.22);padding:12px 22px;border-radius:2px;font-size:12.5px;font-weight:500;color:rgba(243,229,216,.68);transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer}\n.m3c-lp .soc:hover{border-color:var(--or);background:rgba(204,78,0,.12);color:var(--cr);transform:translateY(-2px)}\n.m3c-lp .soc i{font-size:18px;color:var(--or)}\n.m3c-lp .c-right{padding:96px 56px 96px 64px;display:flex;flex-direction:column;justify-content:center}\n.m3c-lp .cf{display:flex;flex-direction:column;gap:16px}\n.m3c-lp .fl{font-size:10px;color:var(--or);letter-spacing:.08em;text-transform:uppercase;margin-bottom:5px}\n.m3c-lp .frow{display:grid;grid-template-columns:1fr 1fr;gap:12px}\n.m3c-lp .fi{width:100%;background:rgba(255,255,255,.04);border:1px solid rgba(243,229,216,.1);border-radius:2px;height:44px;padding:0 14px;font-size:13px;font-family:var(--sans);color:var(--cr);font-weight:300;outline:none;transition:border-color .2s}\n.m3c-lp .fi::placeholder{color:rgba(243,229,216,.18)}\n.m3c-lp .fi:focus{border-color:rgba(243,229,216,.3)}\n.m3c-lp .fi-ta{height:110px;padding:12px 14px;resize:vertical}\n.m3c-lp .fi-sel{height:44px;padding:0 14px;background:rgba(255,255,255,.04);border:1px solid rgba(243,229,216,.1);border-radius:2px;font-size:13px;font-family:var(--sans);color:var(--cr);font-weight:300;outline:none;width:100%;cursor:pointer;-webkit-appearance:none;appearance:none;background-image:url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='rgba(243,229,216,0.3)' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'\/%3E%3C\/svg%3E\");background-repeat:no-repeat;background-position:right 14px center}\n.m3c-lp .fi-sel option{background:#083335}\n.m3c-lp .f-btn{background:var(--or);color:var(--cr);font-size:12px;font-weight:500;padding:14px;border-radius:2px;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;border:none;font-family:var(--sans);width:100%;letter-spacing:.04em;transition:opacity .2s,transform .2s}\n.m3c-lp .f-btn:hover{opacity:.85;transform:translateY(-1px)}\n.m3c-lp .f-rgpd{font-size:10px;color:rgba(243,229,216,.22);line-height:1.6}\n.m3c-lp .f-rgpd a{color:rgba(243,229,216,.32);text-decoration:underline}\n.m3c-lp #f-fb{font-size:12px;padding:12px;border-radius:3px;display:none}\n.m3c-lp .cf-legal{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;margin-top:22px;padding-top:18px;border-top:1px solid rgba(243,229,216,.08)}\n.m3c-lp .cf-legal a{font-size:9.5px;color:rgba(243,229,216,.3);text-align:center;transition:color .2s}\n.m3c-lp .cf-legal a:hover{color:rgba(243,229,216,.7)}\n\n\/* \u2500\u2500\u2500 FOOTER \u2500\u2500\u2500 *\/\n.m3c-lp footer{background:#052426;padding:18px 56px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px}\n.m3c-lp .ft-copy{color:rgba(243,229,216,.18);font-size:10px;letter-spacing:.03em}\n.m3c-lp .ft-links{display:flex;gap:24px}\n.m3c-lp .ft-links a{color:rgba(243,229,216,.25);font-size:10px;transition:color .2s}\n.m3c-lp .ft-links a:hover{color:rgba(243,229,216,.6)}\n\n\/* \u2500\u2500\u2500 RGPD \u2500\u2500\u2500 *\/\n.m3c-lp .rgpd{background:var(--bg);border-top:1px solid var(--bd);padding:12px 56px;display:none;align-items:center;gap:14px;flex-wrap:wrap}\n.m3c-lp .rgpd-ic{width:28px;height:28px;background:rgba(8,51,53,.07);border-radius:4px;display:flex;align-items:center;justify-content:center;flex-shrink:0}\n.m3c-lp .rgpd-ic i{font-size:13px;color:var(--dk)}\n.m3c-lp .rgpd-tx{font-size:10px;color:var(--tx2);flex:1;line-height:1.6;min-width:180px}\n.m3c-lp .rgpd-tx a{color:var(--dk);text-decoration:underline}\n.m3c-lp .rb{font-size:10px;padding:6px 16px;border-radius:2px;cursor:pointer;border:none;font-family:var(--sans);white-space:nowrap;transition:opacity .2s}\n.m3c-lp .rb:hover{opacity:.8}\n.m3c-lp .rb-y{background:var(--dk);color:var(--cr)}\n.m3c-lp .rb-n{border:1px solid var(--bd)!important;border-style:solid!important;background:transparent;color:var(--tx2)}\n\n\/* \u2500\u2500\u2500 RESPONSIVE \u2500\u2500\u2500 *\/\n@media(max-width:960px){\n  .m3c-lp .nav{padding:0 24px}.m3c-lp .nm{display:none}\n  .m3c-lp .hero-content{padding:0 24px 64px}\n  .m3c-lp h1.hero-h1{font-size:clamp(36px,8vw,56px)}\n  .m3c-lp .hero-scroll{display:none}\n  .m3c-lp .sec-wrap{grid-template-columns:1fr}\n  .m3c-lp .sec-num-col{display:none}\n  .m3c-lp .sec-body{padding:56px 24px}\n  .m3c-lp .kpi-row{grid-template-columns:1fr 1fr;gap:32px}.m3c-lp .kpi-item{padding:0!important;border:none!important}\n  .m3c-lp .story-blocks{margin:0 -24px -56px}\n  .m3c-lp .sb{grid-template-columns:1fr;min-height:auto}.m3c-lp .sb-img{height:280px}.m3c-lp .sb.flip{direction:ltr}\n  .m3c-lp .sb-txt{padding:40px 32px}\n  .m3c-lp .res-grid{grid-template-columns:1fr;gap:40px}\n  .m3c-lp .b2b-grid{grid-template-columns:1fr}\n  .m3c-lp .b2b-txt{padding:48px 24px 24px}\n  .m3c-lp .b2b-video-wrap{padding:0 24px 48px}\n  .m3c-lp .eng-cols{grid-template-columns:1fr}\n  .m3c-lp .eng-item{border-right:none!important;grid-column:1!important;max-width:none!important}\n  .m3c-lp .eng-item:not(:last-child){border-bottom:1px solid var(--bd)!important}\n  .m3c-lp .eng-item:last-child{border-bottom:none!important}\n  .m3c-lp .contact-inner{grid-template-columns:1fr}\n  .m3c-lp .c-left{padding:64px 24px;border-right:none;border-bottom:1px solid rgba(243,229,216,.08)}\n  .m3c-lp .c-right{padding:56px 24px}\n  .m3c-lp footer, .m3c-lp .rgpd{padding:16px 24px}\n  .m3c-lp .film-track{gap:8px}\n  .m3c-lp .film-item{flex:0 0 220px;height:155px}\n}\n\n\/* \u2500\u2500\u2500 REDUCED MOTION \u2500\u2500\u2500 *\/\n@media(prefers-reduced-motion:reduce){\n  .m3c-lp .curtain-cover{transition:none!important;transform:translateY(101%)!important}\n  .m3c-lp .sb-img img{transition:none!important;transform:none!important;filter:none!important}\n  .m3c-lp .fade-l,.m3c-lp .fade-r{opacity:1!important;transform:none!important;transition:none!important}\n}\n\n\/* \u2500\u2500\u2500 WORD-BY-WORD REVEAL (Bellavista style) \u2500\u2500\u2500 *\/\n\/* Each word wrapped in .wbw-w > .wbw-i, clipped by overflow:hidden on .wbw-w *\/\n.m3c-lp .wbw-w{display:inline-block;overflow:hidden;vertical-align:bottom;line-height:1.15}\n.m3c-lp .wbw-i{display:inline-block;transform:translateY(110%);transition:transform .75s cubic-bezier(.16,1,.3,1)}\nhtml.m3c-js .m3c-lp .wbw-i.in{transform:translateY(0)}\n\/* Fallback no-JS *\/\n.m3c-lp .wbw-i{transform:none}\nhtml.m3c-js .m3c-lp .wbw-i{transform:translateY(110%)}\n\/* Space between words *\/\n.m3c-lp .wbw-w+.wbw-w{margin-left:0.28em}\n\/* line-break: force new line without losing word flow *\/\n.m3c-lp .wbw-br{display:block;height:0;width:100%}\n\n\/* \u2500\u2500\u2500 cr-wrap\/cr-line kept for legacy spans in \u00e0-propos \u2500\u2500\u2500 *\/\n.m3c-lp .cr-wrap{overflow:hidden;display:block}\n.m3c-lp .cr-line{display:block;transform:translateY(105%);transition:transform .9s cubic-bezier(.16,1,.3,1)}\nhtml.m3c-js .m3c-lp .cr-line.in{transform:translateY(0)}\n.m3c-lp .cr-line{transform:none}\nhtml.m3c-js .m3c-lp .cr-line{transform:translateY(105%)}\n.m3c-lp .cr-d1{transition-delay:.08s}\n.m3c-lp .cr-d2{transition-delay:.18s}\n.m3c-lp .cr-d3{transition-delay:.28s}\n\n\/* \u2500\u2500\u2500 EOLE CAROUSEL \u2500\u2500\u2500 *\/\n.m3c-lp .eole-car{position:relative;width:100%;height:420px;overflow:hidden;border-radius:4px;background:var(--bg2)}\n.m3c-lp .eole-slides{display:flex;height:100%;transition:transform .55s cubic-bezier(.4,0,.2,1)}\n.m3c-lp .eole-slide{flex:0 0 100%;height:100%;position:relative;overflow:hidden}\n.m3c-lp .eole-slide img{width:100%;height:100%;object-fit:cover;display:block}\n.m3c-lp .eole-slide .rp-ph{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:var(--bg2)}\n.m3c-lp .eole-slide .rp-ph i{font-size:36px;color:rgba(8,51,53,.15)}\n.m3c-lp .eole-slide .rp-ph span{font-size:10px;color:rgba(8,51,53,.2);letter-spacing:.06em;text-transform:uppercase}\n.m3c-lp .car-arr{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:50%;background:rgba(8,51,53,.75);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:5;transition:background .2s}\n.m3c-lp .car-arr:hover{background:var(--or)}\n.m3c-lp .car-arr i{color:var(--cr);font-size:18px}\n.m3c-lp .car-arr.prev{left:14px}\n.m3c-lp .car-arr.next{right:14px}\n.m3c-lp .car-dots{display:flex;gap:6px;justify-content:center;margin-top:10px}\n.m3c-lp .car-dot{width:6px;height:6px;border-radius:50%;background:rgba(8,51,53,.2);border:none;cursor:pointer;padding:0;transition:background .2s,transform .2s}\n.m3c-lp .car-dot.active{background:var(--dk);transform:scale(1.3)}\n\n\/* \u2500\u2500\u2500 LE VALLON CAROUSEL (Bellavista style) \u2500\u2500\u2500 *\/\n.m3c-lp .vallon-car{position:relative;width:100%;overflow:hidden}\n.m3c-lp .vallon-track{display:flex;transition:transform .6s cubic-bezier(.4,0,.2,1);will-change:transform}\n.m3c-lp .vallon-slide{flex:0 0 calc(50% - 8px);height:320px;border-radius:4px;overflow:hidden;position:relative;background:var(--bg2);margin-right:16px;flex-shrink:0;cursor:pointer}\n.m3c-lp .vallon-slide:last-child{margin-right:0}\n.m3c-lp .vallon-slide img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease}\n.m3c-lp .vallon-slide:hover img{transform:scale(1.03)}\n.m3c-lp .vallon-slide .film-ph{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}\n.m3c-lp .vallon-slide .film-ph i{font-size:26px;color:rgba(8,51,53,.15)}\n.m3c-lp .vallon-slide .film-ph span{font-size:9px;color:rgba(8,51,53,.2);letter-spacing:.05em;text-transform:uppercase}\n.m3c-lp .vallon-slide.is-video::after{content:'';position:absolute;inset:0;background:rgba(8,51,53,.3)}\n.m3c-lp .vallon-slide .film-play{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;z-index:2}\n.m3c-lp .vallon-slide .film-play-btn{width:46px;height:46px;border-radius:50%;background:rgba(243,229,216,.92);display:flex;align-items:center;justify-content:center;transition:transform .2s,background .2s}\n.m3c-lp .vallon-slide:hover .film-play-btn{transform:scale(1.08);background:var(--or)}\n.m3c-lp .vallon-slide .film-play-btn i{font-size:18px;color:var(--dk);margin-left:2px}\n.m3c-lp .vallon-slide .film-hint{position:absolute;bottom:8px;left:10px;background:rgba(8,51,53,.55);color:rgba(243,229,216,.8);font-size:9px;padding:3px 8px;border-radius:2px;letter-spacing:.03em;z-index:3}\n.m3c-lp .vallon-nav{display:flex;align-items:center;justify-content:space-between;margin-top:14px}\n.m3c-lp .vallon-dots{display:flex;gap:6px}\n.m3c-lp .vallon-arrows{display:flex;gap:8px}\n.m3c-lp .vallon-arr{width:40px;height:40px;border-radius:50%;background:var(--dk);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}\n.m3c-lp .vallon-arr:hover{background:var(--or)}\n.m3c-lp .vallon-arr i{color:var(--cr);font-size:16px}\n.m3c-lp .vallon-dot{width:6px;height:6px;border-radius:50%;background:rgba(8,51,53,.2);border:none;cursor:pointer;padding:0;transition:background .2s,transform .2s}\n.m3c-lp .vallon-dot.active{background:var(--dk);transform:scale(1.3)}\n\n\/* \u2500\u2500\u2500 CURTAIN IMAGE REVEAL \u2500\u2500\u2500 *\/\n.m3c-lp .sb-img{position:relative}\n.m3c-lp .curtain-cover{position:absolute;inset:0;background:var(--bg);z-index:2;transform:translateY(0);transition:transform .95s cubic-bezier(.77,0,.175,1);pointer-events:none}\n.m3c-lp .sb.dark .curtain-cover{background:var(--dk)}\n.m3c-lp .sb-img.curtain-done .curtain-cover{transform:translateY(101%)}\n\n\/* \u2500\u2500\u2500 FADE LEFT \/ RIGHT for sb-txt \u2500\u2500\u2500 *\/\nhtml.m3c-js .m3c-lp .fade-l{opacity:0;transform:translateX(-36px);transition:opacity .9s cubic-bezier(.16,1,.3,1),transform .9s cubic-bezier(.16,1,.3,1);transition-delay:.25s}\nhtml.m3c-js .m3c-lp .fade-r{opacity:0;transform:translateX(36px);transition:opacity .9s cubic-bezier(.16,1,.3,1),transform .9s cubic-bezier(.16,1,.3,1);transition-delay:.25s}\nhtml.m3c-js .m3c-lp .fade-l.in{opacity:1;transform:none}\nhtml.m3c-js .m3c-lp .fade-r.in{opacity:1;transform:none}\n\n\/* \u2500\u2500\u2500 \u00c0 PROPOS SECTION \u2500\u2500\u2500 *\/\n.m3c-lp .apropos-sec{background:var(--bg)}\n.m3c-lp .apropos-desc{background:#fff;border:1px solid var(--bd);border-radius:4px;padding:32px 40px;max-width:1300px;margin-bottom:48px}\n.m3c-lp .apropos-desc p{font-size:14.5px;color:var(--tx2);line-height:1.9;font-weight:300;margin-bottom:16px}\n.m3c-lp .apropos-desc p:last-child{margin-bottom:0}\n.m3c-lp .apropos-img{width:100%;height:400px;overflow:hidden;border-radius:4px;margin-bottom:0;position:relative}\n.m3c-lp .apropos-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s ease}\n.m3c-lp .apropos-img:hover img{transform:scale(1.02)}\n\n\/* \u2500\u2500\u2500 FILMSTRIP \u2500\u2500\u2500 *\/\n.m3c-lp .film-wrap{overflow:hidden;position:relative;margin-top:0}\n.m3c-lp .film-track{display:flex;gap:6px;transition:transform .5s cubic-bezier(.4,0,.2,1);cursor:grab;user-select:none}\n.m3c-lp .film-track.dragging{cursor:grabbing;transition:none}\n.m3c-lp .film-item{flex:0 0 258px;height:178px;border-radius:3px;overflow:hidden;position:relative;background:var(--bg2);cursor:pointer;flex-shrink:0}\n.m3c-lp .film-item img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease}\n.m3c-lp .film-item:hover img{transform:scale(1.04)}\n.m3c-lp .film-ph{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}\n.m3c-lp .film-ph i{font-size:26px;color:rgba(8,51,53,.15)}\n.m3c-lp .film-ph span{font-size:9px;color:rgba(8,51,53,.2);letter-spacing:.05em;text-transform:uppercase}\n.m3c-lp .film-item.is-video::after{content:'';position:absolute;inset:0;background:rgba(8,51,53,.3)}\n.m3c-lp .film-play{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;z-index:2}\n.m3c-lp .film-play-btn{width:42px;height:42px;border-radius:50%;background:rgba(243,229,216,.92);display:flex;align-items:center;justify-content:center;transition:transform .2s,background .2s}\n.m3c-lp .film-item:hover .film-play-btn{transform:scale(1.08);background:var(--cr)}\n.m3c-lp .film-play-btn i{font-size:17px;color:var(--dk);margin-left:2px}\n.m3c-lp .film-hint{position:absolute;bottom:7px;left:8px;background:rgba(8,51,53,.55);color:rgba(243,229,216,.8);font-size:9px;padding:3px 7px;border-radius:2px;z-index:3;letter-spacing:.03em}\n.m3c-lp .film-nav{display:flex;gap:8px;margin-top:10px;justify-content:flex-end}\n.m3c-lp .film-btn{width:34px;height:34px;border-radius:50%;background:var(--dk);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}\n.m3c-lp .film-btn:hover{background:var(--or)}\n.m3c-lp .film-btn i{color:var(--cr);font-size:15px}\n\n\/* \u2500\u2500\u2500 LIGHTBOX \u2500\u2500\u2500 *\/\n.m3c-lp-lb{display:none;position:fixed;inset:0;background:rgba(0,0,0,.93);z-index:9999;align-items:center;justify-content:center}\n.m3c-lp-lb.open{display:flex}\n.m3c-lp-lb-inner{position:relative;max-width:92vw;max-height:90vh;display:flex;align-items:center;justify-content:center}\n.m3c-lp-lb-inner img{max-width:90vw;max-height:86vh;object-fit:contain;border-radius:3px;display:block}\n.m3c-lp-lb-close{position:fixed;top:18px;right:22px;background:rgba(255,255,255,.1);border:none;color:#fff;font-size:20px;width:40px;height:40px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s;z-index:10000}\n.m3c-lp-lb-close:hover{background:rgba(255,255,255,.25)}\n.m3c-lp-lb-prev,.m3c-lp-lb-next{position:fixed;top:50%;transform:translateY(-50%);background:rgba(255,255,255,.1);border:none;color:#fff;width:44px;height:44px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:19px;transition:background .2s;z-index:10000}\n.m3c-lp-lb-prev{left:14px}\n.m3c-lp-lb-next{right:14px}\n.m3c-lp-lb-prev:hover,.m3c-lp-lb-next:hover{background:rgba(255,255,255,.25)}\n.m3c-lp-lb-cap{position:fixed;bottom:18px;left:50%;transform:translateX(-50%);color:rgba(255,255,255,.5);font-size:11px;letter-spacing:.05em;white-space:nowrap}\n.m3c-lp-lb-ph{width:600px;max-width:88vw;height:380px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:#111;border-radius:4px;color:rgba(255,255,255,.25)}\n.m3c-lp-lb-ph i{font-size:44px}\n.m3c-lp-lb-ph span{font-size:11px;letter-spacing:.05em;text-transform:uppercase}\n<\/style>\n<div class=\"m3c-lp\">\n<script>document.documentElement.classList.add('m3c-js');<\/script>\n\n<!-- NAV -->\n<nav class=\"nav nav-bg\" id=\"main-nav\" role=\"navigation\" aria-label=\"Navigation principale\">\n  <div class=\"nb\">\n    <div class=\"logo-ring\">\n      <img decoding=\"async\" src=\"https:\/\/m-3-c.fr\/wp-content\/uploads\/2026\/07\/M3C-wb-phtoshop.png\"\n        onerror=\"this.style.display='none';document.querySelector('.logo-fb').style.display='flex'\">\n    <\/div>\n    <span class=\"logo-fb\">M3C<\/span>\n    <div>\n      <div class=\"b-name\">M3C PROMOTION<\/div>\n      <div class=\"b-sub\">Promoteur local \u00b7 Lyon<\/div>\n    <\/div>\n  <\/div>\n  <div class=\"nm\">\n    <a href=\"#apropos\">\u00c0 propos<\/a>\n    <a href=\"#impact\">L&#8217;impact<\/a>\n    <a href=\"#vision\">La vision<\/a>\n    <a href=\"#projets\">Nos projets<\/a>\n    <a href=\"#engagement\">L&#8217;engagement<\/a>\n    <a href=\"#contact\">Contact<\/a>\n  <\/div>\n  <div class=\"nav-social\">\n    <a href=\"https:\/\/www.instagram.com\/m3cpromotion\" target=\"_blank\" rel=\"noopener\" aria-label=\"Instagram\"><i class=\"ti ti-brand-instagram\" aria-hidden=\"true\"><\/i><\/a>\n    <a href=\"https:\/\/www.facebook.com\/M3Cpromotion\" target=\"_blank\" rel=\"noopener\" aria-label=\"Facebook\"><i class=\"ti ti-brand-facebook\" aria-hidden=\"true\"><\/i><\/a>\n    <a href=\"https:\/\/fr.linkedin.com\/company\/m3cpromotion\" target=\"_blank\" rel=\"noopener\" aria-label=\"LinkedIn\"><i class=\"ti ti-brand-linkedin\" aria-hidden=\"true\"><\/i><\/a>\n  <\/div>\n<\/nav>\n\n<!-- \u2500\u2500\u2500 001 HERO \u2500\u2500\u2500 -->\n<section class=\"hero\" aria-labelledby=\"hero-h1\">\n  <div class=\"hero-bg\">\n    <img decoding=\"async\" src=\"https:\/\/m-3-c.fr\/wp-content\/uploads\/2026\/07\/Gemini_Generated_Image_z9qbn2z9qbn2z9qb.png\" alt=\"Le Vallon de la Charri\u00e8re \u2014 La Tour-de-Salvagny, Grand Lyon\"\n      onerror=\"this.style.display='none';this.nextElementSibling.style.display='block'\">\n    <div class=\"hero-bg-ph\" style=\"display:none\"><\/div>\n  <\/div>\n  <div class=\"hero-overlay\"><\/div>\n  <div class=\"grain on-dark\"><\/div>\n  <div class=\"hero-content\">\n    <div class=\"h-index rv\"><\/div>\n    <div class=\"h-kicker rv\" style=\"transition-delay:.4s\">  001 Promoteur immobilier \u00b7 Lyon <\/div>\n    <div class=\"hero-h1-wrap rv\" style=\"transition-delay:.4s\">\n      <div class=\"hero-texture-bg\"><\/div>\n      <h1 class=\"hero-h1 wbw-reveal\" id=\"hero-h1\">Fa\u00e7onner la r\u00e9gion <em>lyonnaise<\/em>, une adresse \u00e0 la fois.<\/h1>\n      <p class=\"hero-sub\">\n        De la prospection fonci\u00e8re \u00e0 la remise des cl\u00e9s, M3C Promotion con\u00e7oit l&#8217;immobilier                       de demain \u2014 en neuf et en r\u00e9habilitation.\n      <\/p>\n    <\/div>\n    <div class=\"hero-ctas rv\" style=\"transition-delay:.4s\">\n      <a href=\"#projets\" class=\"btn-main\">D\u00e9couvrir nos projets <i class=\"ti ti-arrow-right\" aria-hidden=\"true\"><\/i><\/a>\n    <\/div>\n  <\/div>\n  <div class=\"hero-scroll rv2\">\n    \n    <div class=\"scroll-line\"><\/div>\n  <\/div>\n<\/section>\n\n<!-- \u2500\u2500\u2500 00 \u00c0 PROPOS \u2500\u2500\u2500 -->\n<div id=\"apropos\" class=\"apropos-sec\">\n  <div class=\"sec-wrap\">\n    <div class=\"sec-num-col\">\n      <div class=\"sec-num-txt rv\">002 \u2014 \u00c0 propos<\/div>\n    <\/div>\n    <div class=\"sec-body\">\n      <div class=\"rv\" style=\"margin-bottom:24px\">\n        <div class=\"r-eyebrow wbw-reveal\" style=\"font-size:10.5px;color:var(--or);letter-spacing:.14em;text-transform:uppercase;margin-bottom:14px;display:flex;align-items:center;gap:8px\"><span style=\"display:block;width:24px;height:1px;background:var(--or);flex-shrink:0\"><\/div>\n        <h2 class=\"wbw-reveal\" style=\"font-family:var(--serif);font-size:clamp(28px,3.5vw,40px);color:var(--dk);line-height:1.15;margin-bottom:0\">M3C Promotion \u2014 Promoteur immobilier \u00b7 R\u00e9gion lyonnaise<\/h2>\n      <\/div>\n      <div class=\"apropos-desc rv\" style=\"transition-delay:.15s\">\n        <p>M3C Promotion est un promoteur immobilier ind\u00e9pendant bas\u00e9 \u00e0 \u00c9cully. Fond\u00e9 en 2020 par Mathieu Coque \u2014 fort de 15 ans d&#8217;expertise en Rh\u00f4ne-Alpes \u2014 nous concevons des programmes neufs et des projets de r\u00e9habilitation.                        <\/p>\n    \n                         <p>Forts d&#8217;un savoir-faire rigoureux \u00e9gal \u00e0 celui des plus grands acteurs, nous faisons le choix de la proximit\u00e9. Chaque projet est con\u00e7u en dialogue constant avec les \u00e9lus, les architectes et les riverains pour contribuer durablement au rayonnement de la M\u00e9tropole de Lyon. <\/p>\n      <\/div>\n      <div class=\"apropos-img rv\" style=\"transition-delay:.25s\">\n        <img decoding=\"async\" src=\"https:\/\/m-3-c.fr\/wp-content\/uploads\/2026\/07\/20260318_171427-scaled.jpg\" alt=\"M3C Promotion \u2014 projet r\u00e9sidentiel \u00e0 la Tour-de-Salvagny, Grand Lyon\"\n          onerror=\"this.style.display='none';this.nextElementSibling.style.display='flex'\">\n        <div class=\"sb-img-ph\" style=\"display:none;height:400px\"><i class=\"ti ti-building-estate\" aria-hidden=\"true\"><\/i><span>Photo du projet<\/span><\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n<!-- \u2500\u2500\u2500 VID\u00c9O B2B \u2014 PARTENAIRES \u2500\u2500\u2500 -->\n<section class=\"b2b-sec\" aria-labelledby=\"b2b-h3\">\n  <div class=\"grain on-dark\"><\/div>\n  <div class=\"b2b-grid\">\n    <div class=\"b2b-txt rv\">\n      <div class=\"b2b-eyebrow\">Vous \u00eates un partenaire potentiel ?<\/div>\n      <h3 id=\"b2b-h3\" class=\"wbw-reveal\">D\u00e9couvrez M3C Promotion en une minute.<\/h3>\n      <p>Recherche fonci\u00e8re, suivi d&#8217;op\u00e9ration, co-promotion \u2014 pr\u00e9sentation courte de notre m\u00e9thode et de nos opportunit\u00e9s de partenariat en r\u00e9gion lyonnaise.<\/p>\n    <\/div>\n    <div class=\"b2b-video-wrap rv\" style=\"transition-delay:.3s\">\n      <div class=\"b2b-video\" id=\"b2b-video-block\">\n        <video id=\"b2b-vid\" src=\"https:\/\/m-3-c.fr\/wp-content\/uploads\/2026\/07\/Video-expertise-de-M3C-VDEF-FullHD-2.mp4\"\n  preload=\"metadata\" playsinline controls\n  style=\"width:100%;height:100%;object-fit:cover;opacity:.85;display:block\"><\/video>\n        <div class=\"b2b-duration\">1.19 min<\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- \u2500\u2500\u2500 002 CHIFFRES \u2500\u2500\u2500 -->\n<div id=\"impact\">\n  <div class=\"sec-wrap\">\n    <div class=\"sec-num-col\">\n      <div class=\"sec-num-txt rv\">003 \u2014 L&#8217;impact<\/div>\n    <\/div>\n    <div class=\"sec-body\">\n      <div class=\"kpi-row\">\n        <div class=\"kpi-item rv\">\n          <div class=\"kpi-n\" data-count-to=\"6\" data-suffix=\"\">0<\/div>\n          <div class=\"kpi-l\"><strong>Ans d&#8217;exp\u00e9rience<\/strong>en promotion immobili\u00e8re r\u00e9gionale, en neuf et en r\u00e9novation.<\/div>\n        <\/div>\n        <div class=\"kpi-item rv\" style=\"transition-delay:.3s\">\n          <div class=\"kpi-n\" data-count-to=\"3731\" data-suffix=\"\" data-thousand-space=\"1\">0<\/div>\n          <div class=\"kpi-l\"><strong>m\u00b2 de surface livr\u00e9e<\/strong>en programme r\u00e9sidentiel et \u00ab tertiaire \u00bb neuf dans la M\u00e9tropole de Lyon.<\/div>\n        <\/div>\n        <div class=\"kpi-item rv\" style=\"transition-delay:.2s\">\n          <div class=\"kpi-n\">A\u2192Z<\/div>\n          <div class=\"kpi-l\"><strong>Ma\u00eetrise compl\u00e8te<\/strong>foncier, montage, chantier, livraison, lev\u00e9e des r\u00e9serves.<\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n<!-- \u2500\u2500\u2500 003 STORYTELLING (Catalyst verb blocks) \u2500\u2500\u2500 -->\n<div id=\"vision\">\n  <div class=\"sec-wrap\">\n    <div class=\"sec-num-col\">\n      <div class=\"sec-num-txt rv\">004 \u2014 La vision<\/div>\n    <\/div>\n    <div class=\"sec-body\">\n      <div class=\"story-intro rv\">\n        <h2 class=\"wbw-reveal\">Trois mots &#8211; Un seul engagement.<\/h2>\n        <p>Promoteur immobilier local ancr\u00e9 en r\u00e9gion lyonnaise, M3C Promotion traduit chaque ambition en r\u00e9alit\u00e9 b\u00e2tie \u2014 avec rigueur, int\u00e9gration du b\u00e2ti dans son environnement et respect de la biodiversit\u00e9.<\/p>\n      <\/div>\n    <\/div>\n  <\/div>\n  <!-- Full-bleed verb blocks like Catalyst -->\n  <div class=\"story-blocks\">\n    <!-- Ancrer -->\n    <div class=\"sb rv\">\n      <div class=\"sb-img\">\n        <div class=\"curtain-cover\"><\/div>\n        <img decoding=\"async\" class=\"img-reveal\" src=\"https:\/\/m-3-c.fr\/wp-content\/uploads\/2026\/07\/ancrer1.png\" alt=\"Ancrage local \u2014 Promoteur immobilier Grand Lyon\"\n          onerror=\"this.style.display='none';this.nextElementSibling.style.display='flex'\">\n        <div class=\"sb-img-ph\" style=\"display:none\"><i class=\"ti ti-map-pin\" aria-hidden=\"true\"><\/i><span>Vue du territoire lyonnais<\/span><\/div>\n      <\/div>\n      <div class=\"sb-txt fade-l\">\n        <div class=\"sb-verb wbw-reveal\">Ancrer.<\/div>\n        <p>Chaque programme na\u00eet d&#8217;une lecture fine du territoire \u2014 son relief, ses usages, ses habitants. Notre ancrage local nous permet d&#8217;agir l\u00e0 o\u00f9 d&#8217;autres ne font que passer.<\/p>\n        <a href=\"#contact\" class=\"sb-link\">Nous contacter <i class=\"ti ti-arrow-right\" style=\"font-size:18px\" aria-hidden=\"true\"><\/i><\/a>\n        <div class=\"sb-kw\" style=\"margin-top:16px\">PROMOTEUR IMMOBILIER LOCAL \u00b7 REGION LYONNAISE<\/div>\n      <\/div>\n    <\/div>\n    <!-- B\u00e2tir (image droite) -->\n    <div class=\"sb flip dark rv\">\n      <div class=\"sb-img\">\n        <div class=\"curtain-cover\"><\/div>\n        <img decoding=\"async\" class=\"img-reveal\" src=\"https:\/\/m-3-c.fr\/wp-content\/uploads\/2026\/06\/projet-immobilier-eco-citoyen-tour-salvagny.jpg\" alt=\"B\u00e2tir \u2014 Programme neuf RE2020 Lyon\"\n          onerror=\"this.style.display='none';this.nextElementSibling.style.display='flex'\">\n        <div class=\"sb-img-ph\" style=\"display:none\"><i class=\"ti ti-building-skyscraper\" aria-hidden=\"true\"><\/i><span>Programme neuf Le Vallon<\/span><\/div>\n      <\/div>\n      <div class=\"sb-txt fade-r\">\n        <div class=\"sb-verb wbw-reveal\"><em>B\u00e2tir.<\/em><\/div>\n        <p>De l\u2019immeuble tertiaire \u2014 comme le b\u00e2timent EOLE \u00e0 Limonest \u2014 au programme r\u00e9sidentiel neuf RE2020, M3C ma\u00eetrise chaque \u00e9tape sans sous-traiter la d\u00e9cision. Tant dans le neuf qu&#8217;en r\u00e9novation.<\/p>\n        <a href=\"#projets\" class=\"sb-link\">Voir nos r\u00e9alisations <i class=\"ti ti-arrow-right\" style=\"font-size:11px\" aria-hidden=\"true\"><\/i><\/a>\n        <div class=\"sb-kw\" style=\"margin-top:16px\">PROMOTION IMMOBILI\u00c8RE LYON \u00b7 APPARTEMENT NEUF \u00b7 RE2020<\/div>\n      <\/div>\n    <\/div>\n    <!-- Pr\u00e9server (image gauche) -->\n    <div class=\"sb rv\">\n      <div class=\"sb-img\">\n        <div class=\"curtain-cover\"><\/div>\n        <img decoding=\"async\" class=\"img-reveal\" src=\"https:\/\/m-3-c.fr\/wp-content\/uploads\/2026\/06\/obligation-reelle-environnementale-immobilier-scaled.jpg\" alt=\"Pr\u00e9server \u2014 Biodiversit\u00e9 et RE2020\"\n          onerror=\"this.style.display='none';this.nextElementSibling.style.display='flex'\">\n        <div class=\"sb-img-ph\" style=\"display:none\"><i class=\"ti ti-leaf\" aria-hidden=\"true\"><\/i><span>Toiture v\u00e9g\u00e9talis\u00e9e \u00b7 ORE 30 ans<\/span><\/div>\n      <\/div>\n      <div class=\"sb-txt fade-l\">\n        <div class=\"sb-verb wbw-reveal\">Pr\u00e9server.<\/div>\n        <p>Toitures v\u00e9g\u00e9talis\u00e9es, ORE, voies douces, mat\u00e9riaux bas-carbone : la biodiversit\u00e9 s&#8217;int\u00e8gre d\u00e8s la conception, par exemple \u00e0 travers un corridor \u00e9cologique.<\/p>\n        <a href=\"#engagement\" class=\"sb-link\">Notre engagement <i class=\"ti ti-arrow-right\" style=\"font-size:11px\" aria-hidden=\"true\"><\/i><\/a>\n        <div class=\"sb-kw\" style=\"margin-top:16px\">IMMOBILIER DURABLE \u00b7 RE2020 \u00b7 ORE \u00b7 PROMOTEUR ECO-RESPONSABLE LYON<\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n<!-- \u2500\u2500\u2500 004 NOS PROJETS \u2500\u2500\u2500 -->\n<div id=\"projets\" style=\"margin-top:80px\">\n  <div class=\"sec-wrap\" style=\"background:#fff\">\n    <div class=\"sec-num-col\" style=\"background:#fff\">\n      <div class=\"sec-num-txt rv\">004 \u2014 Nos projets<\/div>\n    <\/div>\n    <div class=\"sec-body\" style=\"background:#fff\">\n      <div class=\"story-intro rv\" style=\"margin-bottom:56px\">\n        <div class=\"r-eyebrow\">Nos projets<\/div>\n        <h2 style=\"font-family:var(--serif);font-size:clamp(28px,4vw,40px);color:var(--dk);line-height:1.15\">EOLE &#038; Le Vallon de la Charri\u00e8re<\/h2>\n      <\/div>\n\n      <!-- EOLE PROJECT \u2014 media top, info bottom -->\n      <div style=\"margin-bottom:80px\">\n        <div class=\"rv\" style=\"margin-bottom:32px\">\n          <!-- EOLE CAROUSEL: 1 visible slide at a time -->\n          <div class=\"eole-car\" id=\"eole-car\" aria-label=\"Photos EOLE\">\n            <div class=\"eole-slides\" id=\"eole-slides\">\n              <div class=\"eole-slide\">\n                <img decoding=\"async\" src=\"https:\/\/m-3-c.fr\/wp-content\/uploads\/2026\/07\/EOLE-Limonest-69760.jpg\" alt=\"EOLE \u2014 fa\u00e7ade, Limonest\" loading=\"lazy\"\n                  onerror=\"this.style.display='none';this.nextElementSibling.style.display='flex'\">\n                <div class=\"rp-ph\" style=\"display:none\"><i class=\"ti ti-building-skyscraper\" aria-hidden=\"true\"><\/i><span>Fa\u00e7ade EOLE<\/span><\/div>\n              <\/div>\n              <div class=\"eole-slide\">\n                <img decoding=\"async\" src=\"https:\/\/m-3-c.fr\/wp-content\/uploads\/2026\/07\/Eo1-Immeuble-tertiaire.jpg\" alt=\"EOLE \u2014 vue ext\u00e9rieure\" loading=\"lazy\"\n                  onerror=\"this.style.display='none';this.nextElementSibling.style.display='flex'\">\n                <div class=\"rp-ph\" style=\"display:none\"><i class=\"ti ti-building\" aria-hidden=\"true\"><\/i><span>Vue ext\u00e9rieure<\/span><\/div>\n              <\/div>\n              <div class=\"eole-slide\">\n                <img decoding=\"async\" src=\"https:\/\/m-3-c.fr\/wp-content\/uploads\/2026\/07\/EOLE-Limonest-69760-1.jpg\" alt=\"EOLE \u2014 vue ext\u00e9rieure\" loading=\"lazy\"\n                  onerror=\"this.style.display='none';this.nextElementSibling.style.display='flex'\">\n                <div class=\"rp-ph\" style=\"display:none\"><i class=\"ti ti-building\" aria-hidden=\"true\"><\/i><span>Vue ext\u00e9rieure<\/span><\/div>\n              <\/div>\n            <\/div>\n            <button class=\"car-arr prev\" id=\"eole-prev\" aria-label=\"Photo pr\u00e9c\u00e9dente\"><i class=\"ti ti-arrow-left\" aria-hidden=\"true\"><\/i><\/button>\n            <button class=\"car-arr next\" id=\"eole-next\" aria-label=\"Photo suivante\"><i class=\"ti ti-arrow-right\" aria-hidden=\"true\"><\/i><\/button>\n          <\/div>\n          <div class=\"car-dots\" id=\"eole-dots\" aria-label=\"Navigation photos EOLE\">\n            <button class=\"car-dot active\" data-eole-dot=\"0\" aria-label=\"Photo 1\"><\/button>\n            <button class=\"car-dot\" data-eole-dot=\"1\" aria-label=\"Photo 2\"><\/button>\n            <button class=\"car-dot\" data-eole-dot=\"2\" aria-label=\"Photo 3\"><\/button>\n          <\/div>\n        <\/div>\n        <div class=\"res-info rv\">\n          <div class=\"r-eyebrow\">Tertiaire \u00b7 Vendu<\/div>\n          <h3 class=\"r-t wbw-reveal\">EOLE<\/h3>\n          <div class=\"r-loc\"><i class=\"ti ti-map-pin\" style=\"font-size:12px\" aria-hidden=\"true\"><\/i>Limonest (69760)<\/div>\n          <p class=\"r-desc\">En \u00e9troite collaboration avec l&#8217;architecte et les services de la Ville de Limonest, EOLE est un projet immobilier ambitieux, aboutissant \u00e0 l&#8217;obtention d&#8217;un permis de construire autorisant la r\u00e9alisation d&#8217;un ensemble tertiaire de 2 060 m\u00b2 de surface de plancher. Cette phase de conception, fond\u00e9e sur un dialogue constructif entre l&#8217;ensemble des parties prenantes, a permis de donner naissance \u00e0 un projet parfaitement int\u00e9gr\u00e9 \u00e0 son environnement.\nNous avons ensuite favoris\u00e9 la rencontre entre les propri\u00e9taires et la soci\u00e9t\u00e9 TIMS, d\u00e9j\u00e0 solidement implant\u00e9e sur le territoire et en recherche d&#8217;un nouvel \u00e9crin pour accompagner son d\u00e9veloppement. \nLe projet accorde \u00e9galement une place essentielle \u00e0 la qualit\u00e9 des am\u00e9nagements ext\u00e9rieurs. Les cheminements pi\u00e9tons, ponctu\u00e9s de plantations d&#8217;essences vari\u00e9es, structurent les espaces paysagers et assurent une transition douce entre la RN6, axe majeur de circulation, et le b\u00e2timent. Cette approche contribue \u00e0 la qualit\u00e9 d&#8217;usage du site tout en renfor\u00e7ant son insertion dans son environnement.\nCette r\u00e9alisation illustre notre capacit\u00e9 \u00e0 f\u00e9d\u00e9rer propri\u00e9taires, collectivit\u00e9s, concepteurs et utilisateurs autour d&#8217;une ambition commune : transformer une opportunit\u00e9 fonci\u00e8re en un projet immobilier p\u00e9renne, exigeant et porteur de valeur pour le territoire..<\/p>\n          <div class=\"r-tags\">\n            <span class=\"tag hl\">Tertiaire<\/span>\n            <span class=\"tag\">Bureaux &#038; services<\/span>\n            <span class=\"tag\">Vendu<\/span>\n          <\/div>\n          <div class=\"park-row rv\">\n            <div class=\"pk\" style=\"flex:none;min-width:170px\">\n              <div class=\"pk-n\">2 060 m\u00b2<\/div>\n              <div class=\"pk-l\">Surface de plancher<\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"sec-divider\" style=\"margin-bottom:80px\"><\/div>\n\n      <!-- LE VALLON PROJECT \u2014 Bellavista-style 2-up carousel, info below -->\n      <div>\n        <div class=\"rv\" style=\"margin-bottom:32px\">\n          <!-- 2 slides visible at once, advance 1 at a time -->\n          <div class=\"vallon-car\" id=\"vallon-car\" aria-label=\"Galerie Le Vallon de la Charri\u00e8re\">\n            <div class=\"vallon-track\" id=\"vallon-track\">\n              <div class=\"vallon-slide\" data-lb=\"0\">\n                <img decoding=\"async\" src=\"https:\/\/m-3-c.fr\/wp-content\/uploads\/2026\/07\/la-tou-de-salvagny-scaled.jpg\" alt=\"Vue d'ensemble \u2014 fa\u00e7ade pierre\" loading=\"lazy\"\n                  onerror=\"this.style.display='none';this.nextElementSibling.style.display='flex'\">\n                <div class=\"film-ph\" style=\"display:none\"><i class=\"ti ti-photo\" aria-hidden=\"true\"><\/i><span>Vue d&#8217;ensemble<\/span><\/div>\n                <span class=\"film-hint\">Voir en grand<\/span>\n              <\/div>\n              <div class=\"vallon-slide\" data-lb=\"1\">\n                <img decoding=\"async\" src=\"https:\/\/m-3-c.fr\/wp-content\/uploads\/2026\/07\/Amenagement-exterieur-mobilite-douce.jpg\" alt=\"All\u00e9e paysag\u00e9e\" loading=\"lazy\"\n                  onerror=\"this.style.display='none';this.nextElementSibling.style.display='flex'\">\n                <div class=\"film-ph\" style=\"display:none\"><i class=\"ti ti-home\" aria-hidden=\"true\"><\/i><span>Int\u00e9rieur T4<\/span><\/div>\n                <span class=\"film-hint\">Voir en grand<\/span>\n              <\/div>\n              <div class=\"vallon-slide\" data-lb=\"2\">\n                <img decoding=\"async\" src=\"https:\/\/m-3-c.fr\/wp-content\/uploads\/2026\/07\/Corridor-ecologique.png\" alt=\"Corridor \u00e9cologique\" loading=\"lazy\"\n                  onerror=\"this.style.display='none';this.nextElementSibling.style.display='flex'\">\n                <div class=\"film-ph\" style=\"display:none\"><i class=\"ti ti-sun\" aria-hidden=\"true\"><\/i><span>Terrasse<\/span><\/div>\n                <span class=\"film-hint\">Voir en grand<\/span>\n              <\/div>\n              <div class=\"vallon-slide\" data-lb=\"3\">\n                 <img decoding=\"async\" src=\"https:\/\/m-3-c.fr\/wp-content\/uploads\/2026\/06\/appartement-neuf-la-tour-de-salvagny.jpg\" alt=\"S\u00e9jour\" loading=\"lazy\"\n    onerror=\"this.style.display='none';this.nextElementSibling.style.display='flex'\">\n  <div class=\"film-ph\" style=\"display:none\"><i class=\"ti ti-photo\" aria-hidden=\"true\"><\/i><span>Photo 4<\/span><\/div>\n  <span class=\"film-hint\">Voir en grand<\/span>\n<\/div>\n\n              <div class=\"vallon-slide\" data-lb=\"4\">\n  <img decoding=\"async\" src=\"https:\/\/m-3-c.fr\/wp-content\/uploads\/2026\/07\/ORE.jpg\" alt=\"Pi\u00e8ce de vie\" loading=\"lazy\"\n    onerror=\"this.style.display='none';this.nextElementSibling.style.display='flex'\">\n  <div class=\"film-ph\" style=\"display:none\"><i class=\"ti ti-photo\" aria-hidden=\"true\"><\/i><span>Photo 4<\/span><\/div>\n  <span class=\"film-hint\">Voir en grand<\/span>\n\n<\/div>\n\n              <div class=\"vallon-slide\" data-lb=\"5\">\n  <img decoding=\"async\" src=\"https:\/\/m-3-c.fr\/wp-content\/uploads\/2026\/07\/Piece-principale.png\" alt=\"Espace vert\" loading=\"lazy\"\n    onerror=\"this.style.display='none';this.nextElementSibling.style.display='flex'\">\n  <div class=\"film-ph\" style=\"display:none\"><i class=\"ti ti-photo\" aria-hidden=\"true\"><\/i><span>Photo 4<\/span><\/div>\n  <span class=\"film-hint\">Voir en grand<\/span>\n\n              <\/div>\n              <div class=\"vallon-slide\" data-lb=\"6\">\n  <img decoding=\"async\" src=\"https:\/\/m-3-c.fr\/wp-content\/uploads\/2026\/06\/architecture-bioclimatique-ouest-lyonnais-scaled.jpg\" alt=\"Espace ext\u00e9rieur priv\u00e9\" loading=\"lazy\"\n    onerror=\"this.style.display='none';this.nextElementSibling.style.display='flex'\">\n  <div class=\"film-ph\" style=\"display:none\"><i class=\"ti ti-photo\" aria-hidden=\"true\"><\/i><span>Photo 4<\/span><\/div>\n  <span class=\"film-hint\">Voir en grand<\/span>\n              <\/div>\n\n              <div class=\"vallon-slide is-video\" data-lb=\"7\">\n                <img decoding=\"async\" src=\"https:\/\/m-3-c.fr\/wp-content\/uploads\/2026\/07\/Toitures-vegetalisees.jpg\" alt=\"Toitures vegetalises\" loading=\"lazy\"\n    onerror=\"this.style.display='none';this.nextElementSibling.style.display='flex'\">\n  <div class=\"film-ph\" style=\"display:none\"><i class=\"ti ti-photo\" aria-hidden=\"true\"><\/i><span>Photo 4<\/span><\/div>\n  <span class=\"film-hint\">Voir en grand<\/span>\n\n              <\/div>\n              <div class=\"vallon-slide is-video\" data-lb=\"8\">\n  <video src=\"https:\/\/m-3-c.fr\/wp-content\/uploads\/2026\/07\/T4-disponible-1.mp4\" preload=\"metadata\" playsinline\n    style=\"width:100%;height:100%;object-fit:cover;display:block;pointer-events:none\"><\/video>\n  <div class=\"film-play\"><div class=\"film-play-btn\"><i class=\"ti ti-player-play\" aria-hidden=\"true\"><\/i><\/div><\/div>\n  <span class=\"film-hint\">Visionner<\/span>\n<\/\n              <\/div>\n            <\/div>\n          <\/div>\n          <div class=\"vallon-nav\">\n            <div class=\"vallon-dots\" id=\"vallon-dots\" aria-label=\"Navigation galerie\"><\/div>\n            <div class=\"vallon-arrows\">\n              <button class=\"vallon-arr\" id=\"vallon-prev\" aria-label=\"Pr\u00e9c\u00e9dent\"><i class=\"ti ti-arrow-left\" aria-hidden=\"true\"><\/i><\/button>\n              <button class=\"vallon-arr\" id=\"vallon-next\" aria-label=\"Suivant\"><i class=\"ti ti-arrow-right\" aria-hidden=\"true\"><\/i><\/button>\n            <\/div>\n          <\/div>\n        <\/div>\n        <div class=\"res-info rv\">\n          <div class=\"r-eyebrow\">Nos projets \u00b7 La Tour-de-Salvagny<\/div>\n          <h3 class=\"r-t wbw-reveal\">Le Vallon de la Charri\u00e8re<\/h3>\n          <div class=\"r-loc\"><i class=\"ti ti-map-pin\" style=\"font-size:12px\" aria-hidden=\"true\"><\/i>M\u00e9tropole de Lyon \u00b7 Acc\u00e8s tram-train, A6, A89<\/div>\n          <p class=\"r-desc\">Situ\u00e9e au c\u0153ur du centre-ville, la r\u00e9sidence Le Vallon de la Charri\u00e8re conjugue qualit\u00e9 architecturale, confort de vie et engagement environnemental. Compos\u00e9e de b\u00e2timents \u00e0 taille humaine, inspir\u00e9s de l&#8217;habitat traditionnel, elle valorise des mat\u00e9riaux nobles, notamment un parement en pierre, et alterne harmonieusement toitures traditionnelles et toitures v\u00e9g\u00e9talis\u00e9es, favorisant son int\u00e9gration paysag\u00e8re. Les logements, du 2 au 4 pi\u00e8ces, disposent de g\u00e9n\u00e9reux espaces ext\u00e9rieurs privatifs offrant un cadre de vie lumineux et apais\u00e9. Au c\u0153ur du projet, un corridor \u00e9cologique de 7 800 m\u00b2 constitue un v\u00e9ritable poumon vert d\u00e9di\u00e9 \u00e0 la pr\u00e9servation de la biodiversit\u00e9 et au renforcement des continuit\u00e9s \u00e9cologiques. Cet espace naturel participe \u00e0 l&#8217;adaptation au changement climatique tout en am\u00e9liorant durablement le cadre de vie des habitants. Sa protection est assur\u00e9e par une Obligation R\u00e9elle Environnementale (ORE), garantissant le suivi et la conservation de la faune et de la flore locales sur le long terme.<\/p>\n          <div class=\"r-units\">\n            <div class=\"ru\">\n              <div class=\"ru-v\">5 T2<\/div>\n              <div class=\"ru-k\">49 m\u00b2 \u00b7 terrasse 8 m\u00b2<\/div>\n              <div class=\"ru-s sold\">Vendus<\/div>\n            <\/div>\n            <div class=\"ru\">\n              <div class=\"ru-v\">11 T3<\/div>\n              <div class=\"ru-k\">64 m\u00b2 \u00b7 terrasse 24 m\u00b2<\/div>\n              <div class=\"ru-s sold\">Vendus<\/div>\n            <\/div>\n            <div class=\"ru avail\">\n              <div class=\"ru-v\">6 T4<\/div>\n              <div class=\"ru-k\">80 m\u00b2 \u00b7 terrasse 17 m\u00b2<\/div>\n              <div class=\"ru-s ok\">Disponibles<\/div>\n            <\/div>\n          <\/div>\n          <div class=\"r-tags\">\n            <span class=\"tag hl\">ORE 30 ans<\/span>\n            <span class=\"tag hl\">1 531 m\u00b2 SDP<\/span>\n            <span class=\"tag\">Pierre en fa\u00e7ade<\/span>\n            <span class=\"tag\">Voies douces<\/span>\n            <span class=\"tag\">Tram-train \u00b7 A6 \u00b7 A89<\/span>\n          <\/div>\n          <a href=\"#contact\" class=\"r-cta\">T4 disponibles \u2014 En savoir plus <i class=\"ti ti-arrow-right\" aria-hidden=\"true\"><\/i><\/a>\n          <div class=\"park-row rv\">\n            <div class=\"pk\"><div class=\"pk-n\">20<\/div><div class=\"pk-l\">stationnements ext.<\/div><\/div>\n            <div class=\"pk\"><div class=\"pk-n\">4<\/div><div class=\"pk-l\">garages privatifs<\/div><\/div>\n            <div class=\"pk\"><div class=\"pk-n\">7<\/div><div class=\"pk-l\">parkings souterrains<\/div><\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n<!-- \u2500\u2500\u2500 005 ENGAGEMENT \u2500\u2500\u2500 -->\n<div id=\"engagement\">\n  <div class=\"sec-wrap\">\n    <div class=\"sec-num-col\">\n      <div class=\"sec-num-txt rv\">005 \u2014 L&#8217;engagement<\/div>\n    <\/div>\n    <div class=\"sec-body\">\n      <div class=\"eng-intro rv\">\n        <h2 class=\"wbw-reveal\">Une ma\u00eetrise compl\u00e8te de la cha\u00eene de valeur.<\/h2>\n        <p>De la n\u00e9gociation fonci\u00e8re \u00e0 la garantie de parfait ach\u00e8vement \u2014 cinq piliers qui structurent chaque                                      op\u00e9ration de M3C Promotion.<\/p>\n      <\/div>\n      <div class=\"eng-cols\">\n        <div class=\"eng-item rv\">\n          <div class=\"eng-n\">01<\/div>\n          <div><div class=\"eng-t\">Promotion immobili\u00e8re cl\u00e9 en main<\/div><div class=\"eng-d\">Montage juridique et financier, permis de construire, coordination compl\u00e8te \u2014 M3C pilote chaque op\u00e9ration de bout en bout en r\u00e9gion lyonnaise.<\/div><\/div>\n        <\/div>\n        <div class=\"eng-item rv\" style=\"transition-delay:.08s\">\n          <div class=\"eng-n\">02<\/div>\n          <div><div class=\"eng-t\">Construction durable RE2020<\/div><div class=\"eng-d\">Mat\u00e9riaux bas-carbone, performance \u00e9nerg\u00e9tique certifi\u00e9e \u2014 int\u00e9gr\u00e9s d\u00e8s la conception pour chaque programme neuf \u00e0 Lyon.<\/div><\/div>\n        <\/div>\n        <div class=\"eng-item rv\" style=\"transition-delay:.12s\">\n          <div class=\"eng-n\">03<\/div>\n          <div><div class=\"eng-t\">Anticipation Environnementale<\/div><div class=\"eng-d\">Un positionnement pr\u00e9curseur sur la biodiversit\u00e9 et les normes \u00e9nerg\u00e9tiques. En int\u00e9grant des dispositifs durables comme l&#8217;Obligation R\u00e9elle Environnementale (ORE) nous concr\u00e9tisons notre engagement pour la pr\u00e9servation des \u00e9cosyst\u00e8mes locaux et des corridors \u00e9cologiques.<\/div><\/div>\n        <\/div>\n        <div class=\"eng-item rv\" style=\"transition-delay:.16s\">\n          <div class=\"eng-n\">04<\/div>\n          <div><div class=\"eng-t\">Accompagnement acqu\u00e9reurs &#038; investisseurs<\/div><div class=\"eng-d\">Suivi personnalis\u00e9 de la r\u00e9servation \u00e0 la livraison, lev\u00e9e des r\u00e9serves rigoureuse et service apr\u00e8s-vente pour chaque acqu\u00e9reur.<\/div><\/div>\n        <\/div>\n        <div class=\"eng-item rv\" style=\"transition-delay:.3s\">\n          <div class=\"eng-n\">05<\/div>\n          <div><div class=\"eng-t\">Partenariats fonciers<\/div><div class=\"eng-d\">Propri\u00e9taire foncier ou collectivit\u00e9 ? M3C \u00e9tudie tout projet de d\u00e9veloppement en Rh\u00f4ne-Alpes. R\u00e9ponse sous une semaine.<\/div><\/div>\n        <\/div>\n      <\/div>\n      <div class=\"quote-block rv\" style=\"transition-delay:.3.5s\">\n        <div class=\"quote-texture-bg\"><\/div>\n        <div class=\"q-txt\">\u00ab L&#8217;exigence artisanale au service d&#8217;une vision industrielle \u2014 chaque programme que nous livrons engage notre r\u00e9putation pour les ann\u00e9es suivantes. \u00bb<\/div>\n        <div class=\"q-sig rv\"><strong>Mathieu Coque<strong><span>Fondateur &#038; Pr\u00e9sident \u00b7 M3C Promotion<\/span><\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n\n<div class=\"sec-divider\"><\/div>\n\n<!-- \u2500\u2500\u2500 006 CONTACT \u2500\u2500\u2500 -->\n<section class=\"contact-sec\" id=\"contact\" aria-labelledby=\"c-h2\">\n  <div class=\"grain on-dark\"><\/div>\n  <div class=\"contact-inner\">\n    <div class=\"c-left rv\">\n      <div class=\"c-top\">\n        <div class=\"c-n\">007 \u2014 Contact<\/div>\n        <h2 class=\"c-h2\" id=\"c-h2\">Investisseur,<br>acqu\u00e9reur ou<br>propri\u00e9taire foncier ?<\/h2>\n        <p class=\"c-sub\">Nous vous r\u00e9pondons directement sous 24 heures, du lundi au vendredi.<\/p>\n        <div class=\"c-info\">\n          <div class=\"c-row\">\n            <span class=\"c-label\">Adresse<\/span>\n            <span class=\"c-val\">18 Chemin Jean Marie Vianney<br>69130 \u00c9cully \u00b7 M\u00e9tropole de Lyon<\/span>\n          <\/div>\n          <div class=\"c-row\">\n            <span class=\"c-label\">T\u00e9l\u00e9phone<\/span>\n            <span class=\"c-val\"><a href=\"tel:+33676721498\">+33 6 76 72 14 98<\/a><\/span>\n          <\/div>\n          <div class=\"c-row\">\n            <span class=\"c-label\">E-mail<\/span>\n            <span class=\"c-val\"><a href=\"mailto:contact@m-3-c.fr\">contact@m-3-c.fr<\/a><\/span>\n          <\/div>\n          <div class=\"c-row\">\n            <span class=\"c-label\">Horaires<\/span>\n            <span class=\"c-val\">Lun \u2013 Ven \u00b7 R\u00e9ponse sous 24h<\/span>\n          <\/div>\n        <\/div>\n      <\/div>\n      <div class=\"c-bottom\">\n        <div class=\"social-row rv\">\n          <a href=\"https:\/\/www.instagram.com\/m3cpromotion\" target=\"_blank\" rel=\"noopener\" class=\"soc\"><i class=\"ti ti-brand-instagram\" aria-hidden=\"true\"><\/i> Instagram<\/a>\n          <a href=\"https:\/\/www.facebook.com\/M3Cpromotion\" target=\"_blank\" rel=\"noopener\" class=\"soc\"><i class=\"ti ti-brand-facebook\" aria-hidden=\"true\"><\/i> Facebook<\/a>\n          <a href=\"https:\/\/fr.linkedin.com\/company\/m3cpromotion\" target=\"_blank\" rel=\"noopener\" class=\"soc\"><i class=\"ti ti-brand-linkedin\" aria-hidden=\"true\"><\/i> LinkedIn<\/a>\n        <\/div>\n      <\/div>\n    <\/div>\n    <div class=\"c-right rv\" style=\"transition-delay:.15s\">\n      <form class=\"cf\" id=\"m3c-form\" novalidate>\n        <div class=\"frow\">\n          <div><div class=\"fl\">Nom<\/div><input class=\"fi\" type=\"text\" name=\"nom\" required placeholder=\"Dupont\"><\/div>\n          <div><div class=\"fl\">Pr\u00e9nom<\/div><input class=\"fi\" type=\"text\" name=\"prenom\" required placeholder=\"Jean\"><\/div>\n        <\/div>\n        <div><div class=\"fl\">E-mail<\/div><input class=\"fi\" type=\"email\" name=\"email\" required placeholder=\"jean.dupont@email.fr\"><\/div>\n        <div><div class=\"fl\">T\u00e9l\u00e9phone<\/div><input class=\"fi\" type=\"tel\" name=\"telephone\" placeholder=\"+33 6 00 00 00 00\"><\/div>\n        <div>\n          <div class=\"fl\">Type de projet<\/div>\n          <select class=\"fi-sel\" name=\"type_projet\">\n            <option>Appartement T4 \u2014 Le Vallon de la Charri\u00e8re<\/option>\n            <option>Projet foncier \u00e0 c\u00e9der<\/option>\n            <option>Assistance ma\u00eetrise d&#8217;ouvrage<\/option>\n            <option>Partenariat \/ Autre<\/option>\n          <\/select>\n        <\/div>\n        <div><div class=\"fl\">Message<\/div><textarea class=\"fi fi-ta\" name=\"message\" placeholder=\"D\u00e9crivez votre projet ou votre demande\u2026\"><\/textarea><\/div>\n        <button type=\"submit\" class=\"f-btn\">Envoyer la demande <i class=\"ti ti-arrow-right\" aria-hidden=\"true\"><\/i><\/button>\n        <div id=\"f-fb\"><\/div>\n        <p class=\"f-rgpd\">En soumettant ce formulaire, vous acceptez notre <a href=\"https:\/\/m-3-c.fr\/index.php\/politique-de-confidentialite\/\">politique de confidentialit\u00e9<\/a>. Donn\u00e9es conserv\u00e9es 3 ans, aucune transmission \u00e0 des tiers (RGPD \u00b7 art. 6(1)(b)).<\/p>\n      <\/form>\n      <div class=\"cf-legal\">\n        <a href=\"https:\/\/m-3-c.fr\/index.php\/mentions-legales\/\">Mentions l\u00e9gales<\/a>\n        <a href=\"https:\/\/m-3-c.fr\/index.php\/politique-de-confidentialite\/\">Politique de confidentialit\u00e9<\/a>\n        <a href=\"https:\/\/m-3-c.fr\/index.php\/gestion-des-cookies\/\">Politique de cookies<\/a>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<footer>\n  <div class=\"ft-copy\">\u00a9 2025 M3C Promotion SASU \u00b7 SIREN 891 206 005 \u00b7 18 Ch. Jean Marie Vianney, 69130 \u00c9cully<\/div>\n  <div class=\"ft-links\">\n    <a href=\"https:\/\/m-3-c.fr\/index.php\/mentions-legales\/\">Mentions l\u00e9gales<\/a>\n    <a href=\"https:\/\/m-3-c.fr\/index.php\/politique-de-confidentialite\/\">Politique de confidentialit\u00e9<\/a>\n    <a href=\"#\" id=\"https:\/\/m-3-c.fr\/index.php\/gestion-des-cookies\/\">Politique de cookies<\/a>\n  <\/div>\n<\/footer>\n\n<div class=\"rgpd\" id=\"rgpd\" role=\"dialog\" aria-label=\"Consentement cookies\">\n  <div class=\"rgpd-ic\"><i class=\"ti ti-shield-lock\" aria-hidden=\"true\"><\/i><\/div>\n  <div class=\"rgpd-tx\">Ce site utilise des cookies pour mesurer l&#8217;audience (Google Analytics 4). <a href=\"https:\/\/m-3-c.fr\/index.php\/gestion-des-cookies\/\">Politique de cookies<\/a> \u2014 conforme CNIL n\u00b02020-091.<\/div>\n  <button class=\"rb rb-y\" id=\"rgpd-ok\">Accepter<\/button>\n  <button class=\"rb rb-n\" id=\"rgpd-no\">Refuser<\/button>\n<\/div>\n\n<!-- LIGHTBOX -->\n<div class=\"m3c-lp-lb\" id=\"m3c-lb\" role=\"dialog\" aria-modal=\"true\" aria-label=\"Visionneuse\">\n  <button class=\"m3c-lp-lb-close\" id=\"lb-close\" aria-label=\"Fermer\"><i class=\"ti ti-x\" aria-hidden=\"true\"><\/i><\/button>\n  <button class=\"m3c-lp-lb-prev\" id=\"lb-prev\" aria-label=\"Pr\u00e9c\u00e9dent\"><i class=\"ti ti-arrow-left\" aria-hidden=\"true\"><\/i><\/button>\n  <div class=\"m3c-lp-lb-inner\" id=\"lb-content\"><\/div>\n  <button class=\"m3c-lp-lb-next\" id=\"lb-next\" aria-label=\"Suivant\"><i class=\"ti ti-arrow-right\" aria-hidden=\"true\"><\/i><\/button>\n  <div class=\"m3c-lp-lb-cap\" id=\"lb-cap\"><\/div>\n<\/div>\n\n<script>\ndocument.documentElement.classList.add('m3c-js');\n(function init(){\n  if(document.readyState==='loading'){\n    document.addEventListener('DOMContentLoaded',init);\n    return;\n  }\n  \/* \u2500\u2500 WORD-BY-WORD SPLITTER \u2500\u2500 *\/\n  \/* Splits .wbw-reveal text into per-word spans, preserving <em> tags *\/\n  function splitWbw(el){\n    \/* Collect child nodes: text and <em> *\/\n    var nodes=Array.from(el.childNodes);\n    var result=document.createDocumentFragment();\n    var wordIdx=0;\n\n    nodes.forEach(function(node){\n      if(node.nodeType===3){ \/* text *\/\n        var words=node.textContent.split(\/(\\s+)\/);\n        words.forEach(function(part){\n          if(\/^\\s+$\/.test(part)||part==='') return; \/* skip pure whitespace *\/\n          var w=document.createElement('span');\n          w.className='wbw-w';\n          var inner=document.createElement('span');\n          inner.className='wbw-i';\n          inner.style.transitionDelay=(wordIdx*0.1)+'s';\n          inner.textContent=part;\n          w.appendChild(inner);\n          result.appendChild(w);\n          wordIdx++;\n        });\n      } else if(node.nodeType===1&&node.tagName==='EM'){\n        \/* Wrap the em's text word by word *\/\n        var emWords=node.textContent.split(\/(\\s+)\/);\n        emWords.forEach(function(part){\n          if(\/^\\s+$\/.test(part)||part==='') return;\n          var w=document.createElement('span');\n          w.className='wbw-w';\n          var inner=document.createElement('span');\n          inner.className='wbw-i';\n          inner.style.transitionDelay=(wordIdx*0.06)+'s';\n          var em=document.createElement('em');\n          em.textContent=part;\n          inner.appendChild(em);\n          w.appendChild(inner);\n          result.appendChild(w);\n          wordIdx++;\n        });\n      } else if(node.nodeType===1&&node.tagName==='SPAN'){\n        \/* pass through (e.g. the line marker in eyebrow) *\/\n        result.appendChild(node.cloneNode(true));\n      }\n    });\n    el.innerHTML='';\n    el.appendChild(result);\n    el.setAttribute('data-wbw-split','1');\n  }\n\n  \/* Split all .wbw-reveal elements *\/\n  document.querySelectorAll('.wbw-reveal').forEach(function(el){\n    splitWbw(el);\n  });\n\n  \/* \u2500\u2500 ANIMATE wbw-i on scroll \u2500\u2500 *\/\n  var wbwObs=new IntersectionObserver(function(entries){\n    entries.forEach(function(e){\n      if(!e.isIntersecting) return;\n      e.target.querySelectorAll('.wbw-i').forEach(function(w){w.classList.add('in')});\n      wbwObs.unobserve(e.target);\n    });\n  },{threshold:0.1});\n  document.querySelectorAll('.wbw-reveal').forEach(function(el){wbwObs.observe(el)});\n\n  \/* \u2500\u2500 HERO: fire immediately on load \u2500\u2500 *\/\n  var heroH1=document.querySelector('.hero-h1.wbw-reveal');\n  if(heroH1){\n    window.addEventListener('load',function(){\n      setTimeout(function(){\n        heroH1.querySelectorAll('.wbw-i').forEach(function(w){w.classList.add('in')});\n      },300);\n    });\n  }\n\n  \/* NAV scroll effect *\/\n  var nav=document.getElementById('main-nav');\n  window.addEventListener('scroll',function(){\n    nav.classList.toggle('scrolled',window.scrollY>80);\n  },{passive:true});\n\n  \/* REVEAL on scroll \u2014 rv, rv2 + curtain + fade-l\/r *\/\n  var obs=new IntersectionObserver(function(entries){\n    entries.forEach(function(e){\n      if(!e.isIntersecting) return;\n      var el=e.target;\n      el.classList.add('in');\n      el.querySelectorAll('.curtain-cover').forEach(function(c){\n        setTimeout(function(){\n          var sbImg=c.closest('.sb-img');\n          if(sbImg) sbImg.classList.add('curtain-done');\n        },100);\n      });\n      el.querySelectorAll('.fade-l,.fade-r').forEach(function(f){\n        setTimeout(function(){f.classList.add('in')},180);\n      });\n      obs.unobserve(el);\n    });\n  },{threshold:0.05,rootMargin:'0px 0px -20px 0px'});\n  document.querySelectorAll('.rv,.rv2').forEach(function(el){obs.observe(el)});\n\n  \/* Standalone curtain images not inside .rv *\/\n  var curtainObs=new IntersectionObserver(function(entries){\n    entries.forEach(function(e){\n      if(e.isIntersecting){\n        setTimeout(function(){e.target.classList.add('curtain-done')},80);\n        curtainObs.unobserve(e.target);\n      }\n    });\n  },{threshold:0.15});\n  document.querySelectorAll('.sb-img').forEach(function(el){\n    if(!el.closest('.rv')) curtainObs.observe(el);\n  });\n\n  \/* fade-l\/r not inside .rv *\/\n  var fadeObs=new IntersectionObserver(function(entries){\n    entries.forEach(function(e){\n      if(e.isIntersecting){e.target.classList.add('in');fadeObs.unobserve(e.target)}\n    });\n  },{threshold:0.15});\n  document.querySelectorAll('.fade-l,.fade-r').forEach(function(el){\n    if(!el.closest('.rv')) fadeObs.observe(el);\n  });\n\n  \/* COUNT-UP *\/\n  var countObs=new IntersectionObserver(function(entries){\n    entries.forEach(function(e){\n      if(!e.isIntersecting) return;\n      countObs.unobserve(e.target);\n      var el=e.target,target=parseInt(el.getAttribute('data-count-to'),10);\n      var spaced=el.getAttribute('data-thousand-space')==='1';\n      var suffix=el.getAttribute('data-suffix')||'';\n      var dur=1400,start=null;\n      function fmt(n){n=Math.round(n);return spaced?n.toString().replace(\/\\B(?=(\\d{3})+(?!\\d))\/g,'\\u00A0'):n.toString()}\n      function step(ts){if(!start)start=ts;var p=Math.min((ts-start)\/dur,1),eased=1-Math.pow(1-p,3);el.textContent=fmt(target*eased)+suffix;if(p<1)requestAnimationFrame(step)}\n      requestAnimationFrame(step);\n    });\n  },{threshold:0.4});\n  document.querySelectorAll('[data-count-to]').forEach(function(el){countObs.observe(el)});\n\n  \/* PARALLAX *\/\n  var heroBgImg=document.querySelector('.hero-bg img, .hero-bg-ph');\n  if(heroBgImg){\n    window.addEventListener('scroll',function(){\n      var y=window.scrollY;\n      if(y<window.innerHeight)heroBgImg.style.transform='translateY('+(y*0.25)+'px) scale('+(1.04+y*0.0002)+')';\n    },{passive:true});\n  }\n\n  \/* RGPD *\/\n  var b=document.getElementById('rgpd');\n  if(!localStorage.getItem('m3c_cc'))b.style.display='flex';\n  document.getElementById('rgpd-ok').onclick=function(){localStorage.setItem('m3c_cc','y');b.style.display='none'};\n  document.getElementById('rgpd-no').onclick=function(){localStorage.setItem('m3c_cc','n');b.style.display='none'};\n  var mck=document.getElementById('manage-cookies');\n  if(mck)mck.onclick=function(e){e.preventDefault();localStorage.removeItem('m3c_cc');b.style.display='flex'};\n\n  \/* FORM *\/\ndocument.getElementById('m3c-form').addEventListener('submit',function(e){\n  e.preventDefault();\n  var fb=document.getElementById('f-fb'),btn=this.querySelector('.f-btn');\n  var nom=this.querySelector('[name=nom]').value.trim();\n  var email=this.querySelector('[name=email]').value.trim();\n  if(!nom||!email){\n    fb.style.cssText='display:block;color:#e07a40;font-size:12px;margin-top:8px';\n    fb.textContent='Veuillez remplir les champs Nom et E-mail.';\n    return;\n  }\n  btn.textContent='Envoi en cours\u2026';btn.disabled=true;\n  var fd=new FormData(this);\nfd.append('action','send_m3c_form');\n  fetch('\/wp-admin\/admin-ajax.php',{method:'POST',body:fd})\n  .then(function(r){return r.json();})\n  .then(function(d){\n    fb.style.cssText='display:block;background:rgba(243,229,216,.07);color:rgba(243,229,216,.65);padding:12px;border-radius:3px;font-size:12px;margin-top:8px';\n    fb.textContent=d.success?'\u2713 Message envoy\u00e9. Nous vous r\u00e9pondons sous 24h.':'\u2717 Erreur \u2014 contactez-nous \u00e0 contact@m-3-c.fr';\n    btn.textContent='Envoyer la demande';btn.disabled=false;\n  }).catch(function(){\n    fb.style.cssText='display:block;color:#e07a40;font-size:12px;margin-top:8px';\n    fb.textContent='X Erreur r\u00e9seau. Contactez-nous \u00e0 contact@m-3-c.fr';\n    btn.textContent='Envoyer la demande';btn.disabled=false;\n  });\n});\n\n  \/* \u2500\u2500 EOLE CAROUSEL (1 slide visible, 3 total) \u2500\u2500 *\/\n  var eoleSlides=document.getElementById('eole-slides');\n  var eoleDots=document.querySelectorAll('[data-eole-dot]');\n  var eoleIdx=0;\n  var EOLE_TOTAL=3;\n  function goEole(n){\n    eoleIdx=Math.max(0,Math.min(n,EOLE_TOTAL-1));\n    eoleSlides.style.transform='translateX('+(eoleIdx*-100)+'%)';\n    eoleDots.forEach(function(d,i){d.classList.toggle('active',i===eoleIdx)});\n  }\n  document.getElementById('eole-prev').onclick=function(){goEole(eoleIdx-1)};\n  document.getElementById('eole-next').onclick=function(){goEole(eoleIdx+1)};\n  eoleDots.forEach(function(d){d.onclick=function(){goEole(parseInt(d.getAttribute('data-eole-dot')))}});\n\n  \/* \u2500\u2500 VALLON 2-UP CAROUSEL (Bellavista style) \u2500\u2500 *\/\n  var vtrack=document.getElementById('vallon-track');\n  var vdotsEl=document.getElementById('vallon-dots');\n  if(vtrack){\n    var vSlides=Array.from(vtrack.querySelectorAll('.vallon-slide'));\n    var VCOLS=2; \/* 2 visible at once *\/\n    var VTOTAL=vSlides.length;\n    var VSTEPS=Math.ceil(VTOTAL\/VCOLS); \/* number of pages: ceil(9\/2)=5 *\/\n    var vIdx=0;\n\n    \/* Build dots *\/\n    for(var di=0;di<VSTEPS;di++){\n      var dot=document.createElement('button');\n      dot.className='vallon-dot'+(di===0?' active':'');\n      dot.setAttribute('aria-label','Groupe '+(di+1));\n      dot.setAttribute('data-v-dot',di);\n      vdotsEl.appendChild(dot);\n    }\n\n    function goVallon(n){\n      vIdx=Math.max(0,Math.min(n,VSTEPS-1));\n      \/* Advance by one slide at a time so right edge peeks *\/\n      var slideW=vSlides[0].offsetWidth+16; \/* width + margin *\/\n      vtrack.style.transform='translateX('+(-vIdx*slideW*VCOLS)+'px)';\n      vdotsEl.querySelectorAll('.vallon-dot').forEach(function(d,i){\n        d.classList.toggle('active',i===vIdx);\n      });\n    }\n\n    document.getElementById('vallon-prev').onclick=function(){goVallon(vIdx-1)};\n    document.getElementById('vallon-next').onclick=function(){goVallon(vIdx+1)};\n    vdotsEl.addEventListener('click',function(e){\n      var t=e.target.closest('[data-v-dot]');\n      if(t) goVallon(parseInt(t.getAttribute('data-v-dot')));\n    });\n\n    \/* Recalc on resize *\/\n    window.addEventListener('resize',function(){goVallon(vIdx)},{passive:true});\n\n    \/* Lightbox click *\/\n    vSlides.forEach(function(slide,i){\n      slide.addEventListener('click',function(){openLb(i)});\n    });\n  }\n\n  \/* \u2500\u2500 LIGHTBOX \u2500\u2500 *\/\n  var lbData=[\n    {type:'img',src:'https:\/\/m-3-c.fr\/wp-content\/uploads\/2026\/07\/la-tou-de-salvagny-scaled.jpg',cap:'Vue d\\'ensemble \u2014 fa\u00e7ade pierre'},\n    {type:'img',src:'https:\/\/m-3-c.fr\/wp-content\/uploads\/2026\/07\/Amenagement-exterieur-mobilite-douce.jpg',cap:'All\u00e9e paysag\u00e9e'},\n    {type:'img',src:'https:\/\/m-3-c.fr\/wp-content\/uploads\/2026\/07\/Corridor-ecologique.png',cap:'Corridor \u00e9cologique'},\n    {type:'img',src:'https:\/\/m-3-c.fr\/wp-content\/uploads\/2026\/06\/appartement-neuf-la-tour-de-salvagny.jpg',cap:'S\u00e9jour traversant'},\n    {type:'img',src:'https:\/\/m-3-c.fr\/wp-content\/uploads\/2026\/07\/ORE.jpg',cap:'Espace vert'},\n    {type:'img',src:'https:\/\/m-3-c.fr\/wp-content\/uploads\/2026\/07\/Piece-principale.png',cap:'Pi\u00e8ce principale'},\n    {type:'img',src:'https:\/\/m-3-c.fr\/wp-content\/uploads\/2026\/06\/architecture-bioclimatique-ouest-lyonnais-scaled.jpg',cap:'Espace ext\u00e9rieur priv\u00e9'},\n    {type:'img',src:'https:\/\/m-3-c.fr\/wp-content\/uploads\/2026\/07\/Toitures-vegetalisees.jpg',cap:'Toitures-vegetalisees'},\n    {type:'vid',src:'https:\/\/m-3-c.fr\/wp-content\/uploads\/2026\/07\/T4-disponible-1.mp4',cap:'T4'},\n    \n  ];\n  var lb=document.getElementById('m3c-lb');\n  var lbContent=document.getElementById('lb-content');\n  var lbCap=document.getElementById('lb-cap');\n  var curIdx=0;\n\n  function renderLb(){\n    var d=lbData[curIdx];\n    lbCap.textContent=d.cap+' ('+(curIdx+1)+'\/'+lbData.length+')';\n    if(d.type==='img'){\n  lbContent.innerHTML='<img decoding=\"async\" src=\"'+d.src+'\" alt=\"'+d.cap+'\">';\n} else if(d.type==='vid'){\n  lbContent.innerHTML='<video src=\"'+d.src+'\" controls playsinline style=\"max-width:90vw;max-height:85vh;border-radius:4px;display:block\"><\/video>';\n} else {\n  lbContent.innerHTML='<div class=\"m3c-lp-lb-ph\"><i class=\"ti ti-photo\" aria-hidden=\"true\"><\/i><span>'+d.cap+'<\/span><\/div>';\n    }\n  }\n  function openLb(idx){curIdx=idx;renderLb();lb.classList.add('open');document.body.style.overflow='hidden'}\n  function closeLb(){lb.classList.remove('open');document.body.style.overflow='';lbContent.innerHTML=''}\n\n  document.getElementById('lb-close').onclick=closeLb;\n  document.getElementById('lb-prev').onclick=function(){curIdx=(curIdx-1+lbData.length)%lbData.length;renderLb()};\n  document.getElementById('lb-next').onclick=function(){curIdx=(curIdx+1)%lbData.length;renderLb()};\n  lb.addEventListener('click',function(e){if(e.target===lb)closeLb()});\n  document.addEventListener('keydown',function(e){\n    if(!lb.classList.contains('open'))return;\n    if(e.key==='Escape')closeLb();\n    if(e.key==='ArrowLeft'){curIdx=(curIdx-1+lbData.length)%lbData.length;renderLb()}\n    if(e.key==='ArrowRight'){curIdx=(curIdx+1)%lbData.length;renderLb()}\n  });\n\n  if(vtrack){\n    \/* lightbox already wired above inside goVallon block *\/\n  }\n})();\n<\/script>\n<div id=\"cmplz-banner-optin\" style=\"display:none;position:fixed;top:0;left:0;right:0;bottom:0;z-index:99999;background:rgba(0,0,0,0.6);align-items:center;justify-content:center\">\n  <div style=\"background:#083335;border:1px solid rgba(243,229,216,0.15);border-radius:6px;padding:32px;max-width:480px;width:90%;position:relative\">\n    <p style=\"color:rgba(243,229,216,0.8);font-size:13px;line-height:1.7;margin-bottom:24px;font-family:Inter,sans-serif\"><strong style=\"color:#f3e5d8;display:block;font-size:16px;margin-bottom:12px\">Respect de votre vie priv\u00e9e<\/strong>Ce site utilise des cookies pour am\u00e9liorer votre exp\u00e9rience. <a href=\"\/politique-de-cookies\" style=\"color:#cc4e00;text-decoration:underline\">En savoir plus<\/a><\/p>\n    <div style=\"display:flex;gap:10px\">\n      <button onclick=\"document.getElementById('cmplz-banner-optin').style.display='none';localStorage.setItem('cookies_accepted','true')\" style=\"flex:1;background:#cc4e00;color:#f3e5d8;border:none;padding:12px;font-size:12px;cursor:pointer;border-radius:2px;font-family:Inter,sans-serif\">Tout accepter<\/button>\n      <button onclick=\"document.getElementById('cmplz-banner-optin').style.display='none';localStorage.setItem('cookies_accepted','false')\" style=\"flex:1;background:transparent;color:rgba(243,229,216,0.6);border:1px solid rgba(243,229,216,0.2);padding:12px;font-size:12px;cursor:pointer;border-radius:2px;font-family:Inter,sans-serif\">Tout refuser<\/button>\n    <\/div>\n    <div style=\"display:flex;gap:16px;justify-content:center;margin-top:16px\">\n      <a href=\"\/politique-de-cookies\" style=\"font-size:10px;color:rgba(243,229,216,0.3);text-decoration:underline\">Politique de cookies<\/a>\n      <a href=\"\/politique-de-confidentialite\" style=\"font-size:10px;color:rgba(243,229,216,0.3);text-decoration:underline\">Politique de confidentialit\u00e9<\/a>\n      <a href=\"\/mentions-legales\" style=\"font-size:10px;color:rgba(243,229,216,0.3);text-decoration:underline\">Mentions l\u00e9gales<\/a>\n    <\/div>\n  <\/div>\n<\/div>\n<script>\nif(!localStorage.getItem('cookies_accepted')){\n  document.getElementById('cmplz-banner-optin').style.display='flex';\n}\n<\/script>\n<\/div>\n\n","protected":false},"excerpt":{"rendered":"<p>M3C M3C PROMOTION Promoteur local \u00b7 Lyon \u00c0 propos L&#8217;impact La vision Nos projets L&#8217;engagement Contact 001 Promoteur immobilier \u00b7 Lyon Fa\u00e7onner la r\u00e9gion lyonnaise, une adresse \u00e0 la fois. De la prospection fonci\u00e8re \u00e0 la remise des cl\u00e9s, M3C Promotion con\u00e7oit l&#8217;immobilier de demain \u2014 en neuf et en r\u00e9habilitation. D\u00e9couvrir nos projets 002 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-555","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/m-3-c.fr\/index.php\/wp-json\/wp\/v2\/pages\/555","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/m-3-c.fr\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/m-3-c.fr\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/m-3-c.fr\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/m-3-c.fr\/index.php\/wp-json\/wp\/v2\/comments?post=555"}],"version-history":[{"count":263,"href":"https:\/\/m-3-c.fr\/index.php\/wp-json\/wp\/v2\/pages\/555\/revisions"}],"predecessor-version":[{"id":938,"href":"https:\/\/m-3-c.fr\/index.php\/wp-json\/wp\/v2\/pages\/555\/revisions\/938"}],"wp:attachment":[{"href":"https:\/\/m-3-c.fr\/index.php\/wp-json\/wp\/v2\/media?parent=555"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}