{"id":28,"date":"2026-03-30T21:18:25","date_gmt":"2026-03-30T21:18:25","guid":{"rendered":"http:\/\/mignoline.fr\/?page_id=28"},"modified":"2026-04-08T08:39:57","modified_gmt":"2026-04-08T08:39:57","slug":"hello-theme-28","status":"publish","type":"page","link":"https:\/\/mignoline.fr\/","title":{"rendered":"Hello Theme #28"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n\r\n\r\nMIGNOLINE \u2014 Exploitation Immobili\u00e8re Professionnelle<\/title>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Raleway:wght@200;300;400;500;600&family=Cormorant+Garamond:ital,wght@0,300;0,400;1,300;1,400&family=Josefin+Sans:wght@200;300;400;500\" rel=\"stylesheet\">\r\n<style>\r\n:root {\r\n --peach: #fef6f0;\r\n --terra: #c0622a;\r\n --terra-lt: #d47840;\r\n --dark: #2a1a10;\r\n --mid: #6b5040;\r\n --light: #f5ede4;\r\n --white: #ffffff;\r\n --border: #e8ddd4;\r\n --grey: #9a8878;\r\n}\r\n\r\n*, *::before, *::after { margin:0; padding:0; box-sizing:border-box; }\r\nhtml { scroll-behavior: smooth; }\r\n\r\nbody {\r\n background: var(--peach);\r\n color: var(--dark);\r\n font-family: 'Raleway', sans-serif;\r\n font-weight: 300;\r\n line-height: 1.7;\r\n overflow-x: hidden;\r\n}\r\n\r\n::-webkit-scrollbar { width: 3px; }\r\n::-webkit-scrollbar-track { background: var(--peach); }\r\n::-webkit-scrollbar-thumb { background: var(--terra); border-radius: 2px; }\r\n\r\n\/* \u2500\u2500 NAV \u2500\u2500 *\/\r\nnav {\r\n position: fixed; top: 0; left: 0; right: 0; z-index: 100;\r\n padding: 0 48px;\r\n height: 68px;\r\n display: flex; align-items: center; justify-content: space-between;\r\n background: rgba(254,246,240,0.95);\r\n backdrop-filter: blur(16px);\r\n border-bottom: 1px solid transparent;\r\n transition: border-color 0.4s, box-shadow 0.4s;\r\n}\r\nnav.scrolled {\r\n border-bottom-color: var(--border);\r\n box-shadow: 0 4px 24px rgba(42,26,16,0.06);\r\n}\r\n\r\n.nav-logo { display: flex; align-items: center; gap: 12px; text-decoration: none; }\r\n.nav-logo .circle {\r\n width: 34px; height: 34px;\r\n border: 1.5px solid var(--terra); border-radius: 50%;\r\n display: flex; align-items: center; justify-content: center; flex-shrink: 0;\r\n transition: background 0.25s;\r\n}\r\n.nav-logo:hover .circle { background: var(--terra); }\r\n.nav-logo:hover .circle svg path,\r\n.nav-logo:hover .circle svg rect { stroke: white; }\r\n.nav-logo .text-block { display: flex; flex-direction: column; align-items: center; }\r\n.nav-logo .name {\r\n font-family: 'Raleway', sans-serif; font-weight: 200; font-size: 15px;\r\n letter-spacing: 5px; color: var(--dark); text-transform: uppercase; line-height: 1;\r\n}\r\n.nav-logo .sub {\r\n font-size: 6px; font-weight: 400; letter-spacing: 2px;\r\n color: var(--terra); text-transform: uppercase; opacity: 0.8;\r\n}\r\n\r\n.nav-links { display: flex; align-items: center; gap: 32px; list-style: none; }\r\n.nav-links a {\r\n font-family: 'Josefin Sans', sans-serif;\r\n font-size: 10px; font-weight: 300; letter-spacing: 3px; text-transform: uppercase;\r\n color: var(--mid); text-decoration: none; position: relative; padding-bottom: 2px;\r\n transition: color 0.2s;\r\n}\r\n.nav-links a::after {\r\n content: ''; position: absolute; bottom: 0; left: 0; right: 0;\r\n height: 1px; background: var(--terra);\r\n transform: scaleX(0); transition: transform 0.3s;\r\n}\r\n.nav-links a:hover { color: var(--terra); }\r\n.nav-links a:hover::after { transform: scaleX(1); }\r\n\r\n.nav-cta {\r\n font-family: 'Josefin Sans', sans-serif;\r\n font-size: 10px; font-weight: 400; letter-spacing: 2px; text-transform: uppercase;\r\n color: var(--white); background: var(--terra);\r\n padding: 10px 20px; text-decoration: none;\r\n transition: background 0.25s, transform 0.2s;\r\n}\r\n.nav-cta:hover { background: var(--dark); transform: translateY(-1px); }\r\n\r\n.nav-burger {\r\n display: none; flex-direction: column; gap: 5px;\r\n background: none; border: none; cursor: pointer; padding: 4px;\r\n}\r\n.nav-burger span {\r\n display: block; width: 22px; height: 1.5px; background: var(--dark);\r\n transition: transform 0.3s, opacity 0.3s;\r\n}\r\n\r\n\/* mobile menu *\/\r\n.mobile-menu {\r\n display: none; position: fixed; inset: 68px 0 0 0; z-index: 99;\r\n background: var(--peach); padding: 40px 24px;\r\n flex-direction: column; gap: 0;\r\n border-top: 1px solid var(--border);\r\n}\r\n.mobile-menu.open { display: flex; }\r\n.mobile-menu a {\r\n font-family: 'Josefin Sans', sans-serif;\r\n font-size: 12px; font-weight: 300; letter-spacing: 4px; text-transform: uppercase;\r\n color: var(--dark); text-decoration: none;\r\n padding: 20px 0; border-bottom: 1px solid var(--border);\r\n transition: color 0.2s;\r\n}\r\n.mobile-menu a:hover { color: var(--terra); }\r\n.mobile-menu .mob-cta {\r\n margin-top: 32px;\r\n background: var(--terra); color: white;\r\n text-align: center; padding: 16px; border: none;\r\n}\r\n\r\n\/* \u2500\u2500 HERO \u2500\u2500 *\/\r\n#hero {\r\n min-height: 100vh;\r\n display: flex; align-items: center;\r\n padding: 68px 48px 0;\r\n position: relative; overflow: hidden;\r\n}\r\n\r\n.hero-bg {\r\n position: absolute; inset: 0;\r\n background:\r\n radial-gradient(ellipse 70% 90% at 85% 40%, rgba(192,98,42,0.07) 0%, transparent 65%),\r\n radial-gradient(ellipse 50% 70% at 15% 85%, rgba(192,98,42,0.04) 0%, transparent 65%);\r\n}\r\n\r\n\/* animated grain overlay *\/\r\n.hero-grain {\r\n position: absolute; inset: 0; pointer-events: none;\r\n opacity: 0.025;\r\n background-image: url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'\/%3E%3C\/svg%3E\");\r\n background-size: 180px;\r\n}\r\n\r\n.hero-content {\r\n max-width: 620px; position: relative; z-index: 1;\r\n padding: 80px 0 80px;\r\n}\r\n\r\n.hero-eyebrow {\r\n font-family: 'Josefin Sans', sans-serif;\r\n font-size: 10px; font-weight: 300; letter-spacing: 6px; text-transform: uppercase;\r\n color: var(--terra); margin-bottom: 28px;\r\n display: flex; align-items: center; gap: 14px;\r\n opacity: 0; animation: fadeUp 0.9s 0.15s forwards;\r\n}\r\n.hero-eyebrow::before {\r\n content: ''; width: 28px; height: 1px; background: var(--terra); display: block;\r\n}\r\n\r\n.hero-title {\r\n font-family: 'Cormorant Garamond', serif;\r\n font-size: clamp(48px, 6.5vw, 84px);\r\n font-weight: 300; line-height: 1.05;\r\n color: var(--dark); margin-bottom: 28px;\r\n opacity: 0; animation: fadeUp 0.9s 0.3s forwards;\r\n}\r\n.hero-title em { font-style: italic; color: var(--terra); }\r\n\r\n.hero-sub {\r\n font-size: 15px; font-weight: 300; color: var(--mid); line-height: 1.85;\r\n max-width: 460px; margin-bottom: 44px;\r\n opacity: 0; animation: fadeUp 0.9s 0.45s forwards;\r\n}\r\n\r\n.hero-actions {\r\n display: flex; align-items: center; gap: 28px; flex-wrap: wrap;\r\n opacity: 0; animation: fadeUp 0.9s 0.6s forwards;\r\n}\r\n\r\n.btn-primary {\r\n font-family: 'Josefin Sans', sans-serif;\r\n font-size: 11px; font-weight: 400; letter-spacing: 3px; text-transform: uppercase;\r\n color: var(--white); background: var(--terra);\r\n padding: 15px 34px; text-decoration: none;\r\n transition: background 0.25s, transform 0.25s, box-shadow 0.25s;\r\n display: inline-block;\r\n}\r\n.btn-primary:hover {\r\n background: var(--dark); transform: translateY(-2px);\r\n box-shadow: 0 8px 24px rgba(42,26,16,0.15);\r\n}\r\n\r\n.btn-secondary {\r\n font-family: 'Josefin Sans', sans-serif;\r\n font-size: 11px; font-weight: 300; letter-spacing: 3px; text-transform: uppercase;\r\n color: var(--terra); text-decoration: none;\r\n display: flex; align-items: center; gap: 10px; transition: gap 0.25s;\r\n}\r\n.btn-secondary:hover { gap: 16px; }\r\n.btn-secondary::after { content: '\u2192'; }\r\n\r\n\/* hero stats *\/\r\n.hero-stats { display: none; }\r\n.hero-stats-inline {\r\n display: flex; gap: 2px; flex-wrap: wrap;\r\n margin-top: 48px;\r\n}\r\n.hero-stat {\r\n border: 1px solid var(--border);\r\n padding: 20px 28px;\r\n background: rgba(255,255,255,0.7);\r\n text-align: center; flex: 1; min-width: 120px;\r\n}\r\n.hero-stat .num {\r\n font-family: 'Cormorant Garamond', serif;\r\n font-size: 34px; font-weight: 300; color: var(--terra); line-height: 1; display: block;\r\n}\r\n.hero-stat .label {\r\n font-family: 'Josefin Sans', sans-serif;\r\n font-size: 9px; font-weight: 300; letter-spacing: 3px; text-transform: uppercase;\r\n color: var(--grey); margin-top: 6px; display: block;\r\n}\r\n\r\n.scroll-hint { display: none !important; }\r\n\r\n\/* \u2500\u2500 SECTIONS \u2500\u2500 *\/\r\nsection { padding: 96px 48px; }\r\n\r\n.section-tag {\r\n font-family: 'Josefin Sans', sans-serif;\r\n font-size: 10px; font-weight: 300; letter-spacing: 6px; text-transform: uppercase;\r\n color: var(--terra); margin-bottom: 14px;\r\n display: flex; align-items: center; gap: 14px;\r\n}\r\n.section-tag::before { content: ''; width: 22px; height: 1px; background: var(--terra); display: block; }\r\n\r\n.section-title {\r\n font-family: 'Cormorant Garamond', serif;\r\n font-size: clamp(34px, 4vw, 52px); font-weight: 300; line-height: 1.1;\r\n color: var(--dark); margin-bottom: 18px;\r\n}\r\n.section-title em { font-style: italic; color: var(--terra); }\r\n\r\n.section-lead { font-size: 15px; font-weight: 300; color: var(--mid); line-height: 1.85; max-width: 540px; }\r\n\r\n\/* \u2500\u2500 \u00c0 PROPOS \u2500\u2500 *\/\r\n#about { background: var(--white); display: grid; grid-template-columns: 1fr 1fr; gap: 80px; align-items: center; }\r\n\r\n.about-frame {\r\n border: 1px solid var(--border); padding: 44px; position: relative; background: var(--peach);\r\n transition: box-shadow 0.3s;\r\n}\r\n.about-frame:hover { box-shadow: 0 12px 40px rgba(42,26,16,0.08); }\r\n.about-frame::before {\r\n content: ''; position: absolute; top: -10px; left: -10px; right: 10px; bottom: 10px;\r\n border: 1px solid var(--terra); opacity: 0.15; pointer-events: none;\r\n transition: opacity 0.3s;\r\n}\r\n.about-frame:hover::before { opacity: 0.3; }\r\n\r\n.about-principle {\r\n font-family: 'Cormorant Garamond', serif;\r\n font-size: 21px; font-weight: 300; font-style: italic;\r\n color: var(--dark); line-height: 1.55; margin-bottom: 24px;\r\n}\r\n.about-arrow {\r\n display: flex; align-items: flex-start; gap: 12px;\r\n font-size: 13px; font-weight: 300; color: var(--mid); line-height: 1.7;\r\n}\r\n.about-arrow::before {\r\n content: '\u2192'; color: var(--terra); font-size: 14px; flex-shrink: 0; margin-top: 3px;\r\n}\r\n\r\n\/* \u2500\u2500 MISSION \u2500\u2500 *\/\r\n#mission { background: var(--peach); }\r\n.mission-grid {\r\n display: grid; grid-template-columns: repeat(4, 1fr);\r\n gap: 1px; background: var(--border); border: 1px solid var(--border); margin-top: 56px;\r\n}\r\n.mission-item {\r\n background: var(--white); padding: 40px 32px;\r\n transition: background 0.35s, transform 0.35s;\r\n position: relative; overflow: hidden;\r\n}\r\n.mission-item::after {\r\n content: ''; position: absolute; bottom: 0; left: 0; right: 0;\r\n height: 2px; background: var(--terra);\r\n transform: scaleX(0); transition: transform 0.35s; transform-origin: left;\r\n}\r\n.mission-item:hover { background: var(--peach); }\r\n.mission-item:hover::after { transform: scaleX(1); }\r\n.mission-item .icon {\r\n width: 42px; height: 42px; border: 1px solid var(--terra); border-radius: 50%;\r\n display: flex; align-items: center; justify-content: center;\r\n margin-bottom: 22px; color: var(--terra); font-size: 16px;\r\n transition: background 0.3s;\r\n}\r\n.mission-item:hover .icon { background: var(--terra); color: white; }\r\n.mission-item h3 {\r\n font-family: 'Cormorant Garamond', serif; font-size: 21px; font-weight: 400;\r\n color: var(--dark); margin-bottom: 10px;\r\n}\r\n.mission-item p { font-size: 13px; font-weight: 300; color: var(--grey); line-height: 1.7; }\r\n\r\n\/* \u2500\u2500 SERVICES \u2500\u2500 *\/\r\n#services { background: var(--dark); }\r\n#services .section-tag { color: var(--terra); }\r\n#services .section-tag::before { background: var(--terra); }\r\n#services .section-title { color: var(--white); }\r\n#services .section-lead { color: rgba(255,255,255,0.45); }\r\n\r\n.services-grid {\r\n display: grid; grid-template-columns: 1fr 1fr;\r\n gap: 2px; margin-top: 56px;\r\n}\r\n.service-card {\r\n background: rgba(255,255,255,0.03); padding: 52px 48px;\r\n border: 1px solid rgba(255,255,255,0.06);\r\n transition: border-color 0.35s, background 0.35s;\r\n position: relative; overflow: hidden;\r\n}\r\n.service-card::before {\r\n content: ''; position: absolute; top: 0; left: 0; right: 0;\r\n height: 1px; background: var(--terra);\r\n transform: scaleX(0); transition: transform 0.4s; transform-origin: left;\r\n}\r\n.service-card:hover { background: rgba(192,98,42,0.05); border-color: rgba(192,98,42,0.25); }\r\n.service-card:hover::before { transform: scaleX(1); }\r\n.service-icon { font-size: 30px; margin-bottom: 26px; display: block; }\r\n.service-card h3 {\r\n font-family: 'Cormorant Garamond', serif; font-size: 26px; font-weight: 300;\r\n color: var(--white); margin-bottom: 22px; font-style: italic;\r\n}\r\n.service-list { list-style: none; display: flex; flex-direction: column; gap: 10px; }\r\n.service-list li {\r\n font-size: 13px; font-weight: 300; color: rgba(255,255,255,0.45);\r\n padding-left: 18px; position: relative; line-height: 1.65;\r\n}\r\n.service-list li::before {\r\n content: '\u2014'; position: absolute; left: 0;\r\n color: var(--terra); font-size: 10px; top: 4px;\r\n}\r\n.service-note {\r\n margin-top: 26px; padding-top: 22px; border-top: 1px solid rgba(255,255,255,0.07);\r\n font-size: 12px; font-weight: 300; color: rgba(255,255,255,0.3); font-style: italic; line-height: 1.7;\r\n}\r\n\r\n\/* \u2500\u2500 POURQUOI \u2500\u2500 *\/\r\n#why { background: var(--white); }\r\n#why .inner { max-width: 1100px; margin: 0 auto; }\r\n.why-header { display: grid; grid-template-columns: 1fr 1fr; gap: 80px; align-items: end; margin-bottom: 56px; }\r\n.why-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; background: var(--border); border: 1px solid var(--border); }\r\n.why-item {\r\n background: var(--white); padding: 28px 24px;\r\n display: flex; gap: 14px; align-items: flex-start;\r\n transition: background 0.25s;\r\n}\r\n.why-item:hover { background: var(--peach); }\r\n.why-check {\r\n width: 18px; height: 18px; border: 1px solid var(--terra); border-radius: 50%;\r\n display: flex; align-items: center; justify-content: center;\r\n flex-shrink: 0; margin-top: 3px; color: var(--terra); font-size: 8px;\r\n}\r\n.why-item p { font-size: 13px; font-weight: 300; color: var(--mid); line-height: 1.7; }\r\n.why-item strong { display: block; font-size: 13px; font-weight: 500; color: var(--dark); margin-bottom: 3px; }\r\n\r\n\/* \u2500\u2500 RISQUES \u2500\u2500 *\/\r\n#risks { background: var(--peach); }\r\n#risks .inner { max-width: 1100px; margin: 0 auto; }\r\n.risks-intro { display: grid; grid-template-columns: 1fr 1fr; gap: 80px; margin-bottom: 56px; align-items: center; }\r\n.risk-costs { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; background: var(--border); border: 1px solid var(--border); }\r\n.risk-card {\r\n background: var(--white); padding: 32px 28px;\r\n transition: background 0.25s;\r\n}\r\n.risk-card:hover { background: var(--light); }\r\n.risk-card .num {\r\n font-family: 'Cormorant Garamond', serif; font-size: 34px; font-weight: 300;\r\n color: var(--terra); display: block; line-height: 1; margin-bottom: 4px;\r\n}\r\n.risk-card .unit {\r\n font-family: 'Josefin Sans', sans-serif; font-size: 9px; font-weight: 300;\r\n letter-spacing: 3px; text-transform: uppercase; color: var(--grey); display: block; margin-bottom: 14px;\r\n}\r\n.risk-card p { font-size: 12px; font-weight: 300; color: var(--mid); line-height: 1.6; }\r\n.risk-list-section { margin-top: 48px; }\r\n.risk-list-section h3 {\r\n font-family: 'Josefin Sans', sans-serif; font-size: 10px; font-weight: 400;\r\n letter-spacing: 4px; text-transform: uppercase; color: var(--grey);\r\n margin-bottom: 20px; padding-bottom: 12px; border-bottom: 1px solid var(--border);\r\n}\r\n.risk-items { display: grid; grid-template-columns: repeat(2, 1fr); gap: 0; }\r\n.risk-row {\r\n display: flex; justify-content: space-between; align-items: baseline;\r\n padding: 14px 0; border-bottom: 1px solid var(--border);\r\n font-size: 13px; font-weight: 300; color: var(--mid);\r\n transition: color 0.2s;\r\n}\r\n.risk-row:hover { color: var(--dark); }\r\n.risk-row .cost {\r\n font-family: 'Cormorant Garamond', serif; font-size: 17px; font-weight: 400;\r\n color: var(--terra); white-space: nowrap; margin-left: 16px;\r\n}\r\n\r\n\/* \u2500\u2500 ENGAGEMENT \u2500\u2500 *\/\r\n#engagement { background: var(--terra); padding: 80px 48px; min-height: auto; }\r\n.engagement-inner {\r\n max-width: 960px; margin: 0 auto;\r\n display: grid; grid-template-columns: 1fr 1fr; gap: 80px; align-items: start;\r\n}\r\n#engagement .section-tag { color: rgba(255,255,255,0.5); }\r\n#engagement .section-tag::before { background: rgba(255,255,255,0.4); }\r\n#engagement .section-title { color: var(--white); }\r\n#engagement .section-title em { color: rgba(255,255,255,0.6); font-style: italic; }\r\n#engagement .section-lead { color: rgba(255,255,255,0.7); max-width: 100%; }\r\n.engage-values { display: flex; flex-direction: column; gap: 2px; }\r\n.engage-val {\r\n background: rgba(255,255,255,0.07); padding: 22px 26px;\r\n display: flex; align-items: center; gap: 18px;\r\n transition: background 0.25s, transform 0.25s;\r\n cursor: default;\r\n}\r\n.engage-val:hover { background: rgba(255,255,255,0.14); transform: translateX(4px); }\r\n.val-num {\r\n font-family: 'Cormorant Garamond', serif; font-size: 26px; font-weight: 300;\r\n color: rgba(255,255,255,0.2); line-height: 1; flex-shrink: 0; width: 34px;\r\n}\r\n.val-text h4 {\r\n font-family: 'Cormorant Garamond', serif; font-size: 19px; font-weight: 400;\r\n color: var(--white); font-style: italic;\r\n}\r\n.val-text p { font-size: 12px; font-weight: 300; color: rgba(255,255,255,0.5); margin-top: 2px; }\r\n\r\n\/* \u2500\u2500 FAQ pure CSS \u2500\u2500 *\/\r\n#faq { background: var(--white); }\r\n#faq .inner { max-width: 760px; margin: 0 auto; }\r\n.faq-list { margin-top: 48px; }\r\n\r\n.faq-item { border-bottom: 1px solid var(--border); }\r\n.faq-item:first-child { border-top: 1px solid var(--border); }\r\n\r\n\/* Cache la checkbox *\/\r\n.faq-toggle { display: none; }\r\n\r\n.faq-q {\r\n width: 100%; padding: 24px 0;\r\n display: flex; justify-content: space-between; align-items: center;\r\n cursor: pointer; user-select: none;\r\n font-family: 'Raleway', sans-serif; font-size: 14px; font-weight: 400;\r\n color: var(--dark); transition: color 0.2s; gap: 20px;\r\n list-style: none;\r\n}\r\n.faq-q:hover { color: var(--terra); }\r\n\r\n.faq-icon {\r\n width: 22px; height: 22px; flex-shrink: 0;\r\n border: 1px solid var(--border); border-radius: 50%;\r\n display: flex; align-items: center; justify-content: center;\r\n font-size: 16px; color: var(--terra); line-height: 1;\r\n transition: transform 0.35s, border-color 0.35s, background 0.35s;\r\n}\r\n\r\n.faq-a {\r\n max-height: 0; overflow: hidden;\r\n transition: max-height 0.45s ease;\r\n font-size: 14px; font-weight: 300; color: var(--mid); line-height: 1.85;\r\n}\r\n\r\n\/* Quand la checkbox est coch\u00e9e *\/\r\n.faq-toggle:checked ~ .faq-q { color: var(--terra); }\r\n.faq-toggle:checked ~ .faq-q .faq-icon {\r\n transform: rotate(45deg);\r\n border-color: var(--terra); background: var(--terra); color: white;\r\n}\r\n.faq-toggle:checked ~ .faq-a { max-height: 400px; padding-bottom: 24px; }\r\n\r\n\/* \u2500\u2500 CONTACT \u2500\u2500 *\/\r\n#contact { background: var(--dark); padding: 96px 48px; text-align: center; }\r\n#contact .section-tag { justify-content: center; color: var(--terra); }\r\n#contact .section-tag::before { display: none; }\r\n#contact .section-title { color: var(--white); text-align: center; }\r\n#contact .section-lead { color: rgba(255,255,255,0.45); max-width: 460px; margin: 0 auto 48px; }\r\n\r\n.contact-info {\r\n display: flex; justify-content: center; gap: 2px;\r\n flex-wrap: wrap; margin-bottom: 48px;\r\n}\r\n.contact-item {\r\n background: rgba(255,255,255,0.03); border: 1px solid rgba(255,255,255,0.08);\r\n padding: 28px 40px; text-align: center; min-width: 190px;\r\n text-decoration: none; transition: background 0.25s, border-color 0.25s, transform 0.25s;\r\n}\r\n.contact-item:hover {\r\n background: rgba(192,98,42,0.1); border-color: rgba(192,98,42,0.35); transform: translateY(-3px);\r\n}\r\n.contact-item .ci-icon { font-size: 20px; display: block; margin-bottom: 10px; }\r\n.contact-item .ci-label {\r\n font-family: 'Josefin Sans', sans-serif; font-size: 9px; font-weight: 300;\r\n letter-spacing: 3px; text-transform: uppercase; color: var(--grey); display: block; margin-bottom: 5px;\r\n}\r\n.contact-item .ci-value { font-size: 13px; font-weight: 300; color: var(--white); }\r\n\r\n.contact-form {\r\n max-width: 560px; margin: 0 auto;\r\n display: flex; flex-direction: column; gap: 2px;\r\n}\r\n.form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 2px; }\r\n.form-field {\r\n background: rgba(255,255,255,0.04); border: 1px solid rgba(255,255,255,0.08);\r\n padding: 16px 20px;\r\n font-family: 'Raleway', sans-serif; font-size: 13px; font-weight: 300;\r\n color: var(--white); outline: none;\r\n transition: border-color 0.25s, background 0.25s; width: 100%;\r\n}\r\n.form-field::placeholder { color: rgba(255,255,255,0.22); }\r\n.form-field:focus { border-color: var(--terra); background: rgba(192,98,42,0.05); }\r\ntextarea.form-field { resize: none; height: 110px; }\r\n.form-submit {\r\n font-family: 'Josefin Sans', sans-serif; font-size: 11px; font-weight: 400;\r\n letter-spacing: 3px; text-transform: uppercase;\r\n color: var(--white); background: var(--terra); border: none; padding: 17px;\r\n cursor: pointer; transition: background 0.25s, transform 0.2s;\r\n}\r\n.form-submit:hover { background: var(--terra-lt); transform: translateY(-1px); }\r\n\r\n\/* \u2500\u2500 FOOTER \u2500\u2500 *\/\r\nfooter {\r\n background: #1a0e08;\r\n border-top: 1px solid rgba(255,255,255,0.05);\r\n padding: 28px 48px;\r\n display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 12px;\r\n}\r\n.footer-logo {\r\n font-family: 'Raleway', sans-serif; font-weight: 200; font-size: 12px;\r\n letter-spacing: 6px; text-transform: uppercase; color: rgba(255,255,255,0.25);\r\n}\r\n.footer-links { display: flex; gap: 24px; }\r\n.footer-links a {\r\n font-family: 'Josefin Sans', sans-serif; font-size: 9px; letter-spacing: 2px;\r\n text-transform: uppercase; color: rgba(255,255,255,0.2); text-decoration: none;\r\n transition: color 0.2s;\r\n}\r\n.footer-links a:hover { color: var(--terra); }\r\n.footer-copy { font-size: 10px; font-weight: 300; color: rgba(255,255,255,0.15); }\r\n\r\n\/* \u2500\u2500 ANIMATIONS \u2500\u2500 *\/\r\n@keyframes fadeUp {\r\n from { opacity:0; transform: translateY(22px); }\r\n to { opacity:1; transform: translateY(0); }\r\n}\r\n@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }\r\n@keyframes scrollPulse {\r\n 0%, 100% { opacity: 0.4; transform: scaleY(1); }\r\n 50% { opacity: 0.8; transform: scaleY(1.15); }\r\n}\r\n\r\n.reveal {\r\n opacity: 1; transform: translateY(0);\r\n transition: opacity 0.75s ease, transform 0.75s ease;\r\n}\r\n.reveal.visible { opacity:1; transform: translateY(0); }\r\n.reveal-delay-1 { transition-delay: 0.1s; }\r\n.reveal-delay-2 { transition-delay: 0.2s; }\r\n.reveal-delay-3 { transition-delay: 0.3s; }\r\n\r\n\/* \u2500\u2500 RESPONSIVE MOBILE \u2500\u2500 *\/\r\n@media (max-width: 900px) {\r\n nav { padding: 0 20px; }\r\n .nav-links, .nav-cta { display: none; }\r\n .nav-burger { display: flex; }\r\n\r\n #hero { padding: 68px 20px 0; min-height: 100svh; }\r\n .hero-content { padding: 48px 0 48px; }\r\n .hero-stats { display: none; }\r\n .scroll-hint { display: none; }\r\n .hero-actions { flex-direction: column; align-items: flex-start; gap: 16px; }\r\n\r\n section { padding: 64px 20px; }\r\n #engagement { padding: 64px 20px; }\r\n #engagement .section-title { font-size: 36px !important; }\r\n #contact { padding: 64px 20px; }\r\n\r\n #about { grid-template-columns: 1fr; gap: 40px; }\r\n .about-frame { padding: 32px; }\r\n .mission-grid { grid-template-columns: repeat(2, 1fr); }\r\n .services-grid { grid-template-columns: 1fr; }\r\n .why-header { grid-template-columns: 1fr; gap: 24px; }\r\n .why-grid { grid-template-columns: repeat(2, 1fr); }\r\n .risks-intro { grid-template-columns: 1fr; gap: 32px; }\r\n .risk-costs { grid-template-columns: 1fr; }\r\n .risk-items { grid-template-columns: 1fr; }\r\n .engagement-inner { grid-template-columns: 1fr; gap: 40px; }\r\n .form-row { grid-template-columns: 1fr; }\r\n .contact-info { flex-direction: column; align-items: center; }\r\n .contact-item { width: 100%; max-width: 320px; }\r\n footer { flex-direction: column; text-align: center; padding: 24px 20px; }\r\n .footer-links { flex-wrap: wrap; justify-content: center; }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n .mission-grid { grid-template-columns: 1fr; }\r\n .why-grid { grid-template-columns: 1fr; }\r\n .hero-title { font-size: 42px; }\r\n .section-title { font-size: 32px; }\r\n}\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<!-- \u2500\u2500 NAV \u2500\u2500 -->\r\n<nav id=\"navbar\">\r\n <a href=\"#hero\" class=\"nav-logo\">\r\n <div class=\"circle\">\r\n <svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\">\r\n <path d=\"M3 11L12 4l9 7\" stroke=\"#c0622a\" stroke-width=\"1.5\" stroke-linejoin=\"round\"\/>\r\n <rect x=\"6\" y=\"11\" width=\"12\" height=\"9\" stroke=\"#c0622a\" stroke-width=\"1.4\"\/>\r\n <rect x=\"10\" y=\"15\" width=\"4\" height=\"5\" stroke=\"#c0622a\" stroke-width=\"1.3\"\/>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"text-block\">\r\n <span class=\"name\">MIGNOLINE<\/span>\r\n <span class=\"sub\">Location professionnelle<\/span>\r\n <\/div>\r\n <\/a>\r\n <ul class=\"nav-links\">\r\n <li><a href=\"#about\">\u00c0 propos<\/a><\/li>\r\n <li><a href=\"#services\">Services<\/a><\/li>\r\n <li><a href=\"#why\">Avantages<\/a><\/li>\r\n <li><a href=\"#faq\">FAQ<\/a><\/li>\r\n <\/ul>\r\n <a href=\"#contact\" class=\"nav-cta\">Nous contacter<\/a>\r\n <button class=\"nav-burger\" id=\"burger\" aria-label=\"Menu\">\r\n <span><\/span><span><\/span><span><\/span>\r\n <\/button>\r\n<\/nav>\r\n\r\n<!-- mobile menu -->\r\n<div class=\"mobile-menu\" id=\"mobileMenu\">\r\n <a href=\"#about\" class=\"mob-link\">\u00c0 propos<\/a>\r\n <a href=\"#services\" class=\"mob-link\">Services<\/a>\r\n <a href=\"#why\" class=\"mob-link\">Avantages<\/a>\r\n <a href=\"#risks\" class=\"mob-link\">Chiffres cl\u00e9s<\/a>\r\n <a href=\"#faq\" class=\"mob-link\">FAQ<\/a>\r\n <a href=\"#contact\" class=\"mob-cta mob-link\">Nous contacter<\/a>\r\n<\/div>\r\n\r\n<!-- \u2500\u2500 HERO \u2500\u2500 -->\r\n<section id=\"hero\">\r\n <div class=\"hero-bg\"><\/div>\r\n <div class=\"hero-grain\"><\/div>\r\n <div class=\"hero-content\">\r\n <div class=\"hero-eyebrow\">Exploitation immobili\u00e8re professionnelle<\/div>\r\n <h1 class=\"hero-title\">Votre bien,<br>notre <em>expertise<\/em><\/h1>\r\n <p class=\"hero-sub\">MIGNOLINE exploite et valorise des biens immobiliers dans un cadre professionnel structur\u00e9 et s\u00e9curis\u00e9. Le propri\u00e9taire per\u00e7oit un loyer stable \u2014 sans aucune gestion.<\/p>\r\n <div class=\"hero-actions\">\r\n <a href=\"#contact\" class=\"btn-primary\">Parler de votre bien<\/a>\r\n <a href=\"#about\" class=\"btn-secondary\">D\u00e9couvrir<\/a>\r\n <div class=\"hero-stats-inline\">\r\n <div class=\"hero-stat\">\r\n <span class=\"num\">0 \u20ac<\/span>\r\n <span class=\"label\">De gestion pour vous<\/span>\r\n <\/div>\r\n <div class=\"hero-stat\">\r\n <span class=\"num\">100%<\/span>\r\n <span class=\"label\">Loyer garanti<\/span>\r\n <\/div>\r\n <div class=\"hero-stat\">\r\n <span class=\"num\">1 mois<\/span>\r\n <span class=\"label\">D\u00e9lai de r\u00e9siliation<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n<\/section>\r\n\r\n<!-- \u2500\u2500 \u00c0 PROPOS \u2500\u2500 -->\r\n<section id=\"about\">\r\n <div class=\"about-visual reveal\">\r\n <div class=\"about-frame\">\r\n <p class=\"about-principle\">\u00ab Nous prenons le risque, nous g\u00e9rons l'exploitation, le propri\u00e9taire per\u00e7oit un loyer stable. \u00bb<\/p>\r\n <div class=\"about-arrow\">Interlocuteur professionnel unique \u00b7 Cadre contractuel clair<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"about-text\">\r\n <div class=\"section-tag reveal\">Qui sommes-nous<\/div>\r\n <h2 class=\"section-title reveal\">Une soci\u00e9t\u00e9 <em>sp\u00e9cialis\u00e9e<\/em><br>dans la sous-location<\/h2>\r\n <p class=\"section-lead reveal\" style=\"margin-bottom:20px;\">MIGNOLINE est une soci\u00e9t\u00e9 sp\u00e9cialis\u00e9e dans l'exploitation et la sous-location professionnelle de biens immobiliers.<\/p>\r\n <p class=\"section-lead reveal\">Nous louons des logements meubl\u00e9s et des emplacements de stationnement afin de les exploiter en courte et moyenne dur\u00e9e, dans un cadre structur\u00e9 et s\u00e9curis\u00e9, pour des professionnels et des particuliers.<\/p>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- \u2500\u2500 MISSION \u2500\u2500 -->\r\n<section id=\"mission\">\r\n <div class=\"section-tag reveal\">Notre mission<\/div>\r\n <h2 class=\"section-title reveal\">Valoriser chaque bien<br>avec <em>rigueur<\/em><\/h2>\r\n <div class=\"mission-grid\">\r\n <div class=\"mission-item reveal reveal-delay-1\">\r\n <div class=\"icon\">\u2693<\/div>\r\n <h3>Stabilit\u00e9<\/h3>\r\n <p>Un loyer fixe vers\u00e9 chaque mois, ind\u00e9pendamment du taux d'occupation.<\/p>\r\n <\/div>\r\n <div class=\"mission-item reveal reveal-delay-2\">\r\n <div class=\"icon\">\u2726<\/div>\r\n <h3>Qualit\u00e9<\/h3>\r\n <p>Un accueil soign\u00e9 pour chaque occupant, avec un entretien permanent.<\/p>\r\n <\/div>\r\n <div class=\"mission-item reveal reveal-delay-3\">\r\n <div class=\"icon\">\u25ce<\/div>\r\n <h3>Rigueur<\/h3>\r\n <p>Une gestion structur\u00e9e, document\u00e9e et transparente \u00e0 chaque \u00e9tape.<\/p>\r\n <\/div>\r\n <div class=\"mission-item reveal\">\r\n <div class=\"icon\">\u221e<\/div>\r\n <h3>P\u00e9rennit\u00e9<\/h3>\r\n <p>Des relations durables bas\u00e9es sur la confiance et le respect mutuel.<\/p>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- \u2500\u2500 SERVICES \u2500\u2500 -->\r\n<section id=\"services\">\r\n <div class=\"section-tag reveal\">Ce que nous faisons<\/div>\r\n <h2 class=\"section-title reveal\">Deux domaines<br>d'<em>exploitation<\/em><\/h2>\r\n <p class=\"section-lead reveal\">Une prise en charge compl\u00e8te, de la signature du bail \u00e0 la gestion quotidienne.<\/p>\r\n <div class=\"services-grid\">\r\n <div class=\"service-card reveal\">\r\n <span class=\"service-icon\">\ud83c\udfe0<\/span>\r\n <h3>Logements meubl\u00e9s<\/h3>\r\n <ul class=\"service-list\">\r\n <li>Prise \u00e0 bail de logements meubl\u00e9s<\/li>\r\n <li>Exploitation en courte et moyenne dur\u00e9e<\/li>\r\n <li>Gestion compl\u00e8te des s\u00e9jours<\/li>\r\n <li>Entretien et valorisation continue<\/li>\r\n <li>M\u00e9nage r\u00e9gulier et suivi de l'\u00e9tat<\/li>\r\n <\/ul>\r\n <p class=\"service-note\">Le propri\u00e9taire per\u00e7oit un loyer convenu et n'assure aucune gestion op\u00e9rationnelle.<\/p>\r\n <\/div>\r\n <div class=\"service-card reveal\">\r\n <span class=\"service-icon\">\ud83d\ude97<\/span>\r\n <h3>Emplacements de stationnement<\/h3>\r\n <ul class=\"service-list\">\r\n <li>Exploitation de parkings, box et garages<\/li>\r\n <li>Optimisation des cr\u00e9neaux d'occupation<\/li>\r\n <li>Gestion flexible journali\u00e8re ou nocturne<\/li>\r\n <li>Suivi s\u00e9curis\u00e9 de l'occupation<\/li>\r\n <li>Interlocuteur unique pour le propri\u00e9taire<\/li>\r\n <\/ul>\r\n <p class=\"service-note\">Une solution optimis\u00e9e pour maximiser la valeur de votre emplacement.<\/p>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- \u2500\u2500 POURQUOI \u2500\u2500 -->\r\n<section id=\"why\">\r\n <div class=\"inner\">\r\n <div class=\"why-header\">\r\n <div>\r\n <div class=\"section-tag reveal\">Pourquoi nous choisir<\/div>\r\n <h2 class=\"section-title reveal\">Des avantages <em>concrets<\/em><br>pour le propri\u00e9taire<\/h2>\r\n <\/div>\r\n <p class=\"section-lead reveal\">Un mod\u00e8le qui \u00e9limine toutes les contraintes de la location classique, avec une s\u00e9curit\u00e9 maximale pour votre patrimoine.<\/p>\r\n <\/div>\r\n <div class=\"why-grid\">\r\n <div class=\"why-item reveal\"><div class=\"why-check\">\u2713<\/div><div><strong>Loyer garanti chaque mois<\/strong><p>Versement ponctuel, ind\u00e9pendamment du taux d'occupation.<\/p><\/div><\/div>\r\n <div class=\"why-item reveal\"><div class=\"why-check\">\u2713<\/div><div><strong>Aucune vacance locative<\/strong><p>Votre bien g\u00e9n\u00e8re des revenus en continu.<\/p><\/div><\/div>\r\n <div class=\"why-item reveal\"><div class=\"why-check\">\u2713<\/div><div><strong>Z\u00e9ro impay\u00e9 possible<\/strong><p>Contrat professionnel avec engagement de paiement.<\/p><\/div><\/div>\r\n <div class=\"why-item reveal\"><div class=\"why-check\">\u2713<\/div><div><strong>Caution d'un mois<\/strong><p>Garantie financi\u00e8re \u00e0 la signature du bail.<\/p><\/div><\/div>\r\n <div class=\"why-item reveal\"><div class=\"why-check\">\u2713<\/div><div><strong>R\u00e9siliation en 1 mois<\/strong><p>Aucun engagement long terme pour le propri\u00e9taire.<\/p><\/div><\/div>\r\n <div class=\"why-item reveal\"><div class=\"why-check\">\u2713<\/div><div><strong>Assurance compl\u00e8te<\/strong><p>Responsabilit\u00e9 Civile Professionnelle + Multirisque sur tous les biens exploit\u00e9s.<\/p><\/div><\/div>\r\n <div class=\"why-item reveal\"><div class=\"why-check\">\u2713<\/div><div><strong>Entretien permanent<\/strong><p>M\u00e9nage r\u00e9gulier et pr\u00e9servation du bien dans le temps.<\/p><\/div><\/div>\r\n <div class=\"why-item reveal\"><div class=\"why-check\">\u2713<\/div><div><strong>Z\u00e9ro fraude documentaire<\/strong><p>Interlocuteur professionnel unique et identifi\u00e9.<\/p><\/div><\/div>\r\n <div class=\"why-item reveal\"><div class=\"why-check\">\u2713<\/div><div><strong>Cadre juridique clair<\/strong><p>Exploitation pour compte propre, sans interm\u00e9diaire.<\/p><\/div><\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- \u2500\u2500 RISQUES \u2500\u2500 -->\r\n<section id=\"risks\">\r\n <div class=\"inner\">\r\n <div class=\"risks-intro\">\r\n <div>\r\n <div class=\"section-tag reveal\">Le march\u00e9 locatif classique<\/div>\r\n <h2 class=\"section-title reveal\">Des risques <em>r\u00e9els<\/em><br>pour le propri\u00e9taire<\/h2>\r\n <\/div>\r\n <p class=\"section-lead reveal\">Impay\u00e9s, fraudes, vacances locatives, frais d'agence\u2026 La location classique expose les propri\u00e9taires \u00e0 des co\u00fbts souvent sous-estim\u00e9s.<\/p>\r\n <\/div>\r\n <div class=\"risk-costs reveal\">\r\n <div class=\"risk-card\">\r\n <span class=\"num\">26%<\/span>\r\n <span class=\"unit\">des dossiers locataires<\/span>\r\n <p>contiennent au moins un document falsifi\u00e9 (source : TF1 Info, Zelok)<\/p>\r\n <\/div>\r\n <div class=\"risk-card\">\r\n <span class=\"num\">12\u201324<\/span>\r\n <span class=\"unit\">mois d'immobilisation<\/span>\r\n <p>en cas d'impay\u00e9, entre proc\u00e9dure judiciaire et expulsion (source : Litige.fr)<\/p>\r\n <\/div>\r\n <div class=\"risk-card\">\r\n <span class=\"num\">5 mois<\/span>\r\n <span class=\"unit\">de tr\u00eave hivernale<\/span>\r\n <p>pendant lesquels toute expulsion est impossible (source : Service Public)<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"risk-list-section reveal\">\r\n <h3>Co\u00fbts cach\u00e9s en cas d'impay\u00e9 (hors loyers perdus)<\/h3>\r\n <div class=\"risk-items\">\r\n <div class=\"risk-row\"><span>Proc\u00e9dure judiciaire + avocat<\/span><span class=\"cost\">1 200 \u2013 2 500 \u20ac<\/span><\/div>\r\n <div class=\"risk-row\"><span>Frais commissaire de justice<\/span><span class=\"cost\">500 \u2013 1 000 \u20ac<\/span><\/div>\r\n <div class=\"risk-row\"><span>Acte d'expulsion (r\u00e9glement\u00e9)<\/span><span class=\"cost\">153,67 \u20ac<\/span><\/div>\r\n <div class=\"risk-row\"><span>Stockage des meubles<\/span><span class=\"cost\">70 \u2013 150 \u20ac\/mois<\/span><\/div>\r\n <div class=\"risk-row\"><span>D\u00e9gradations \/ remise en \u00e9tat<\/span><span class=\"cost\">15 \u2013 50 \u20ac\/m\u00b2<\/span><\/div>\r\n <div class=\"risk-row\"><span>Gestion locative agence<\/span><span class=\"cost\">5 \u2013 10 % des loyers<\/span><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- \u2500\u2500 ENGAGEMENT \u2500\u2500 -->\r\n<section id=\"engagement\">\r\n <div class=\"engagement-inner\">\r\n <div>\r\n <div class=\"section-tag reveal\">Notre engagement<\/div>\r\n <h2 class=\"section-title reveal\">Des valeurs au c\u0153ur de chaque <em>collaboration<\/em><\/h2>\r\n <p class=\"section-lead reveal\" style=\"margin-top:14px;\">Chaque bien confi\u00e9 fait l'objet d'un suivi attentif et structur\u00e9. Nous privil\u00e9gions des relations durables fond\u00e9es sur la confiance.<\/p>\r\n <\/div>\r\n <div class=\"engage-values reveal\">\r\n <div class=\"engage-val\"><span class=\"val-num\">01<\/span><div class=\"val-text\"><h4>Transparence<\/h4><p>Communication claire et r\u00e9guli\u00e8re sur l'exploitation<\/p><\/div><\/div>\r\n <div class=\"engage-val\"><span class=\"val-num\">02<\/span><div class=\"val-text\"><h4>Fiabilit\u00e9<\/h4><p>Engagement tenu, loyers vers\u00e9s \u00e0 date fixe<\/p><\/div><\/div>\r\n <div class=\"engage-val\"><span class=\"val-num\">03<\/span><div class=\"val-text\"><h4>Qualit\u00e9 d'exploitation<\/h4><p>Entretien permanent, accueil soign\u00e9 des occupants<\/p><\/div><\/div>\r\n <div class=\"engage-val\"><span class=\"val-num\">04<\/span><div class=\"val-text\"><h4>Relations durables<\/h4><p>Vision long terme, partenariats fond\u00e9s sur la confiance<\/p><\/div><\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- \u2500\u2500 FAQ \u2500\u2500 -->\r\n<section id=\"faq\">\r\n <div class=\"inner\">\r\n <div class=\"section-tag reveal\">Questions fr\u00e9quentes<\/div>\r\n <h2 class=\"section-title reveal\">Tout ce que vous <em>devez<\/em> savoir<\/h2>\r\n <div class=\"faq-list reveal\">\r\n\r\n <div class=\"faq-item\">\r\n <input type=\"checkbox\" class=\"faq-toggle\" id=\"faq1\">\r\n <label class=\"faq-q\" for=\"faq1\">En quoi consiste exactement votre activit\u00e9 ?<span class=\"faq-icon\">+<\/span><\/label>\r\n <div class=\"faq-a\">MIGNOLINE prend des biens immobiliers \u00e0 bail (logements meubl\u00e9s ou places de stationnement) afin de les exploiter pour son compte propre en courte ou moyenne dur\u00e9e. Nous ne sommes pas interm\u00e9diaires : nous sommes exploitants.<\/div>\r\n <\/div>\r\n\r\n <div class=\"faq-item\">\r\n <input type=\"checkbox\" class=\"faq-toggle\" id=\"faq2\">\r\n <label class=\"faq-q\" for=\"faq2\">\u00cates-vous une agence immobili\u00e8re ?<span class=\"faq-icon\">+<\/span><\/label>\r\n <div class=\"faq-a\">Non. Nous n'exer\u00e7ons aucune activit\u00e9 de gestion locative pour le compte de tiers. Nous exploitons uniquement des biens lou\u00e9s par la soci\u00e9t\u00e9, dans un cadre contractuel clair.<\/div>\r\n <\/div>\r\n\r\n <div class=\"faq-item\">\r\n <input type=\"checkbox\" class=\"faq-toggle\" id=\"faq3\">\r\n <label class=\"faq-q\" for=\"faq3\">Le propri\u00e9taire garde-t-il la ma\u00eetrise de son bien ?<span class=\"faq-icon\">+<\/span><\/label>\r\n <div class=\"faq-a\">Oui. Le propri\u00e9taire reste pleinement propri\u00e9taire du bien et peut d\u00e9cider de mettre fin au bail dans les conditions pr\u00e9vues au contrat. MIGNOLINE assure simplement l'exploitation pendant la dur\u00e9e convenue.<\/div>\r\n <\/div>\r\n\r\n <div class=\"faq-item\">\r\n <input type=\"checkbox\" class=\"faq-toggle\" id=\"faq4\">\r\n <label class=\"faq-q\" for=\"faq4\">Comment le loyer est-il s\u00e9curis\u00e9 ?<span class=\"faq-icon\">+<\/span><\/label>\r\n <div class=\"faq-a\">Un loyer fixe est d\u00e9fini contractuellement. MIGNOLINE assume le risque d'exploitation et verse le loyer convenu, ind\u00e9pendamment du taux d'occupation.<\/div>\r\n <\/div>\r\n\r\n <div class=\"faq-item\">\r\n <input type=\"checkbox\" class=\"faq-toggle\" id=\"faq5\">\r\n <label class=\"faq-q\" for=\"faq5\">Qui g\u00e8re l'entretien du logement ?<span class=\"faq-icon\">+<\/span><\/label>\r\n <div class=\"faq-a\">La soci\u00e9t\u00e9 prend en charge l'organisation de l'exploitation et veille au bon entretien du bien. L'objectif est de maintenir le logement en excellent \u00e9tat sur la dur\u00e9e.<\/div>\r\n <\/div>\r\n\r\n <div class=\"faq-item\">\r\n <input type=\"checkbox\" class=\"faq-toggle\" id=\"faq6\">\r\n <label class=\"faq-q\" for=\"faq6\">Le bien est-il assur\u00e9 ?<span class=\"faq-icon\">+<\/span><\/label>\r\n <div class=\"faq-a\">Oui. Chaque bien exploit\u00e9 b\u00e9n\u00e9ficie d'une assurance habitation adapt\u00e9e. La soci\u00e9t\u00e9 dispose \u00e9galement d'une Responsabilit\u00e9 Civile Professionnelle couvrant son activit\u00e9.<\/div>\r\n <\/div>\r\n\r\n <div class=\"faq-item\">\r\n <input type=\"checkbox\" class=\"faq-toggle\" id=\"faq7\">\r\n <label class=\"faq-q\" for=\"faq7\">L'activit\u00e9 est-elle l\u00e9gale ?<span class=\"faq-icon\">+<\/span><\/label>\r\n <div class=\"faq-a\">Oui. Notre mod\u00e8le repose sur la prise \u00e0 bail et l'exploitation pour compte propre, dans le respect du cadre juridique en vigueur.<\/div>\r\n <\/div>\r\n\r\n <div class=\"faq-item\">\r\n <input type=\"checkbox\" class=\"faq-toggle\" id=\"faq8\">\r\n <label class=\"faq-q\" for=\"faq8\">Travaillez-vous aussi avec des places de parking ?<span class=\"faq-icon\">+<\/span><\/label>\r\n <div class=\"faq-a\">Oui. Nous exploitons \u00e9galement des emplacements de stationnement (parkings, box, garages), avec des solutions optimis\u00e9es en cr\u00e9neaux journaliers ou nocturnes.<\/div>\r\n <\/div>\r\n\r\n <div class=\"faq-item\">\r\n <input type=\"checkbox\" class=\"faq-toggle\" id=\"faq9\">\r\n <label class=\"faq-q\" for=\"faq9\">Pourquoi ne pas g\u00e9rer le bien directement en courte dur\u00e9e ?<span class=\"faq-icon\">+<\/span><\/label>\r\n <div class=\"faq-a\">L'exploitation en courte dur\u00e9e demande du temps, une organisation rigoureuse et une gestion constante. MIGNOLINE prend en charge cette complexit\u00e9, permettant au propri\u00e9taire de b\u00e9n\u00e9ficier d'un cadre simplifi\u00e9 et s\u00e9curis\u00e9.<\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- \u2500\u2500 CONTACT \u2500\u2500 -->\r\n<section id=\"contact\">\r\n <div class=\"section-tag reveal\">Contact<\/div>\r\n <h2 class=\"section-title reveal\">Parlons de <em>votre bien<\/em><\/h2>\r\n <p class=\"section-lead reveal\">Vous \u00eates propri\u00e9taire d'un logement ou d'un emplacement de stationnement ? Contactez-nous pour \u00e9changer sur votre projet.<\/p>\r\n <div class=\"contact-info reveal\">\r\n <a href=\"\/cdn-cgi\/l\/email-protection#62010d0c16030116220f0b050c0d0e0b0c074c0410\" class=\"contact-item\">\r\n <span class=\"ci-icon\">\ud83d\udce9<\/span>\r\n <span class=\"ci-label\">Email<\/span>\r\n <span class=\"ci-value\"><span class=\"__cf_email__\" data-cfemail=\"d9bab6b7adb8baad99b4b0beb7b6b5b0b7bcf7bfab\">contact@mignoline.fr<\/span><\/span>\r\n <\/a>\r\n <a href=\"tel:0783808678\" class=\"contact-item\">\r\n <span class=\"ci-icon\">\ud83d\udcde<\/span>\r\n <span class=\"ci-label\">T\u00e9l\u00e9phone<\/span>\r\n <span class=\"ci-value\">07 83 80 86 78<\/span>\r\n <\/a>\r\n <a href=\"https:\/\/www.mignoline.fr\" class=\"contact-item\">\r\n <span class=\"ci-icon\">\ud83c\udf10<\/span>\r\n <span class=\"ci-label\">Site web<\/span>\r\n <span class=\"ci-value\">www.mignoline.fr<\/span>\r\n <\/a>\r\n <\/div>\r\n\r\n<\/section>\r\n\r\n<!-- \u2500\u2500 FOOTER \u2500\u2500 -->\r\n<footer>\r\n <span class=\"footer-logo\">MIGNOLINE<\/span>\r\n <div class=\"footer-links\">\r\n <a href=\"#about\">\u00c0 propos<\/a>\r\n <a href=\"#services\">Services<\/a>\r\n <a href=\"#faq\">FAQ<\/a>\r\n <a href=\"#contact\">Contact<\/a>\r\n <\/div>\r\n <span class=\"footer-copy\">\u00a9 2025 MIGNOLINE<\/span>\r\n<\/footer>\r\n\r\n<script data-cfasync=\"false\" src=\"\/cdn-cgi\/scripts\/5c5dd728\/cloudflare-static\/email-decode.min.js\"><\/script><script data-cfasync=\"false\" src=\"\/cdn-cgi\/scripts\/5c5dd728\/cloudflare-static\/email-decode.min.js\"><\/script><script>\r\n\/\/ \u2500\u2500 Nav scroll\r\nconst navbar = document.getElementById('navbar');\r\nwindow.addEventListener('scroll', () => {\r\n navbar.classList.toggle('scrolled', window.scrollY > 20);\r\n}, { passive: true });\r\n\r\n\/\/ \u2500\u2500 Burger menu\r\nconst burger = document.getElementById('burger');\r\nconst mobileMenu = document.getElementById('mobileMenu');\r\nburger.addEventListener('click', () => {\r\n mobileMenu.classList.toggle('open');\r\n const spans = burger.querySelectorAll('span');\r\n if (mobileMenu.classList.contains('open')) {\r\n spans[0].style.transform = 'rotate(45deg) translate(5px, 5px)';\r\n spans[1].style.opacity = '0';\r\n spans[2].style.transform = 'rotate(-45deg) translate(5px, -5px)';\r\n } else {\r\n spans[0].style.transform = '';\r\n spans[1].style.opacity = '';\r\n spans[2].style.transform = '';\r\n }\r\n});\r\ndocument.querySelectorAll('.mob-link').forEach(l => {\r\n l.addEventListener('click', () => {\r\n mobileMenu.classList.remove('open');\r\n burger.querySelectorAll('span').forEach(s => { s.style.transform=''; s.style.opacity=''; });\r\n });\r\n});\r\n\r\n\/\/ \u2500\u2500 Scroll reveal\r\nconst reveals = document.querySelectorAll('.reveal');\r\nconst io = new IntersectionObserver((entries) => {\r\n entries.forEach(e => {\r\n if (e.isIntersecting) {\r\n e.target.classList.add('visible');\r\n io.unobserve(e.target);\r\n }\r\n });\r\n}, { threshold: 0.1, rootMargin: '0px 0px -40px 0px' });\r\nreveals.forEach(el => io.observe(el));\r\n\r\n\/\/ \u2500\u2500 FAQ\r\ndocument.querySelectorAll('.faq-q').forEach(btn => {\r\n btn.addEventListener('click', () => {\r\n const item = btn.parentElement;\r\n const wasOpen = item.classList.contains('open');\r\n document.querySelectorAll('.faq-item.open').forEach(i => i.classList.remove('open'\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>MIGNOLINE \u2014 Exploitation Immobili\u00e8re Professionnelle MIGNOLINE Location professionnelle \u00c0 propos Services Avantages FAQ Nous contacter \u00c0 propos Services Avantages Chiffres cl\u00e9s FAQ Nous contacter Exploitation immobili\u00e8re professionnelle Votre bien,notre expertise MIGNOLINE exploite et valorise des biens immobiliers dans un cadre professionnel structur\u00e9 et s\u00e9curis\u00e9. Le propri\u00e9taire per\u00e7oit un loyer stable \u2014 sans aucune gestion. Parler […]<\/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-28","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/mignoline.fr\/index.php?rest_route=\/wp\/v2\/pages\/28","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mignoline.fr\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mignoline.fr\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/mignoline.fr\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mignoline.fr\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=28"}],"version-history":[{"count":10,"href":"https:\/\/mignoline.fr\/index.php?rest_route=\/wp\/v2\/pages\/28\/revisions"}],"predecessor-version":[{"id":47,"href":"https:\/\/mignoline.fr\/index.php?rest_route=\/wp\/v2\/pages\/28\/revisions\/47"}],"wp:attachment":[{"href":"https:\/\/mignoline.fr\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=28"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}