{"id":13,"date":"2026-09-07T11:18:10","date_gmt":"2026-09-07T11:18:10","guid":{"rendered":"https:\/\/hoa-mana.fr\/?page_id=13"},"modified":"2026-09-07T11:19:10","modified_gmt":"2026-09-07T11:19:10","slug":"accueil-hoa-mana","status":"publish","type":"page","link":"https:\/\/hoa-mana.fr\/","title":{"rendered":"Accueil Hoa Mana"},"content":{"rendered":"\n<style>\n:root{\n  --teal:#1B536E; --teal-d:#123C50; --teal-ink:#0E3244;\n  --orange:#E94E1A; --orange-d:#CF4413;\n  --sage:#DCE6E6; --sage-2:#CDDCDC; --sage-3:#EAF1F0;\n  --paper:#F6F9F8; --paper-2:#FFFFFF;\n  --ink:#1E2E34; --muted:#5A6E75; --hair:#CBD9D9;\n  --r-panel:18px; --r-tag:999px; --shadow:0 24px 60px -34px rgba(18,60,80,.55);\n  --serif:\"Cormorant Garamond\",\"Cormorant\",Georgia,\"Times New Roman\",serif;\n  --sans:-apple-system,BlinkMacSystemFont,\"Segoe UI\",Helvetica,Arial,sans-serif;\n}\n*{box-sizing:border-box}\nhtml{scroll-behavior:smooth}\nbody{margin:0;font-family:var(--sans);color:var(--ink);background:var(--paper);\n  line-height:1.62;font-size:16px;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}\nimg{max-width:100%;display:block}\na{color:inherit}\nh1,h2,h3{font-family:var(--serif);font-weight:600;letter-spacing:.005em;margin:0}\n.wrap{max-width:1180px;margin:0 auto;padding:0 26px}\n.chev{display:inline-block;width:1em;height:.6em;position:relative;vertical-align:.05em}\n.chev::before,.chev::after{content:\"\";position:absolute;top:0;width:.5em;height:.16em;background:var(--orange);border-radius:2px}\n.chev::before{left:.02em;transform:rotate(38deg);transform-origin:left}\n.chev::after{right:.02em;transform:rotate(-38deg);transform-origin:right}\n\n\/* buttons \u2014 one shape system: pill *\/\n.btn{display:inline-flex;align-items:center;gap:.5em;text-decoration:none;font-weight:600;\n  font-size:15px;padding:14px 26px;border-radius:var(--r-tag);transition:transform .16s ease,background .16s ease,box-shadow .16s ease;white-space:nowrap}\n.btn-p{background:var(--orange);color:#fff;box-shadow:0 10px 24px -12px rgba(233,78,26,.7)}\n.btn-p:hover{background:var(--orange-d);transform:translateY(-2px)}\n.btn-p:active{transform:translateY(0)}\n.btn-s{background:transparent;color:var(--teal);border:1.6px solid var(--teal)}\n.btn-s:hover{background:var(--teal);color:#fff;transform:translateY(-2px)}\n\n\/* header \u2014 bandeau pleine largeur : logo \u00e0 gauche, bouton \u00e0 droite *\/\nsection[id]{scroll-margin-top:92px}\nheader{position:sticky;top:0;z-index:40;background:rgba(246,249,248,.92);\n  backdrop-filter:saturate(1.3) blur(10px);border-bottom:1px solid var(--hair)}\n.bar{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:20px;padding:15px 0}\n.brand-center{display:flex;align-items:center}\n.bar .logo{height:44px;width:auto}\nnav.main{display:flex;align-items:center;gap:26px}\nnav.main a{text-decoration:none;font-size:14.5px;font-weight:600;color:var(--teal);letter-spacing:.01em}\nnav.main a:hover{color:var(--orange)}\nnav.main .btn-p{padding:11px 22px;font-size:14px;color:#fff}\n.menu-t{display:none}\n@media(max-width:820px){\n  nav.main a.link{display:none}\n  .bar{padding:12px 0}.bar .logo{height:36px}\n}\n\n\/* r\u00e9seau iad \u2014 emplacement logo groupement *\/\n.reseau{background:var(--paper);border-bottom:1px solid var(--hair)}\n.reseau .wrap{display:flex;align-items:center;justify-content:center;gap:20px;\n  padding:20px 26px;flex-wrap:wrap;text-align:center}\n.reseau-lbl{font-size:13.5px;color:var(--muted);letter-spacing:.02em}\n.iad-slot{min-width:158px;height:48px;display:flex;align-items:center;justify-content:center;\n  border:1px dashed #c7d2d0;border-radius:10px;color:#9aa9ae;font-size:11px;\n  letter-spacing:.16em;text-transform:uppercase}\n\n\/* bandeau photo \u2014 emplacement image (\u00e0 remplir sur WordPress) *\/\n.photoband{height:clamp(200px,26vw,320px);\n  background:linear-gradient(120deg,var(--sage-3) 0%, var(--sage) 55%, var(--paper-2) 100%);\n  background-size:cover;background-position:center;\n  display:flex;align-items:center;justify-content:center;\n  border-top:1px solid var(--hair);border-bottom:1px solid var(--hair)}\n.photoband span{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:#8ea0a0;\n  border:1px dashed #b8c6c4;border-radius:999px;padding:9px 20px;background:rgba(255,255,255,.4)}\n\n\/* HERO *\/\n.hero{position:relative;overflow:hidden;background:\n  radial-gradient(120% 90% at 82% 6%, var(--sage-3) 0%, transparent 58%),\n  linear-gradient(180deg,var(--sage) 0%, var(--paper) 82%)}\n.hero .wrap{max-width:820px;margin:0 auto;text-align:center;padding:74px 26px 78px}\n.hero .eyebrow{font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:var(--orange);\n  font-weight:700;margin-bottom:20px}\n.hero h1{font-size:clamp(38px,6vw,66px);line-height:1.03;color:var(--teal-ink);margin-bottom:20px;letter-spacing:0}\n.hero h1 em{font-style:italic;color:var(--teal);line-height:1.06;padding-bottom:.04em}\n.hero p.lead{font-size:18px;color:var(--muted);max-width:52ch;margin:0 auto 30px}\n.hero .cta-row{display:flex;gap:14px;flex-wrap:wrap;justify-content:center}\n@media(max-width:880px){\n  .hero .wrap{padding:52px 24px 58px}\n}\n\n\/* section rhythm *\/\nsection{position:relative}\n.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease}\n.reveal.in{opacity:1;transform:none}\n@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}}\n\n\/* POURQUOI \u2014 editorial split *\/\n.why{padding:92px 0}\n.why .grid{display:grid;grid-template-columns:1.05fr .95fr;gap:60px;align-items:center}\n.why .lbl{font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--orange);font-weight:700;margin-bottom:14px}\n.why h2{font-size:clamp(30px,4.4vw,44px);line-height:1.08;color:var(--teal-ink);margin-bottom:22px}\n.why p{font-size:16.5px;color:#374a52;margin:0 0 16px;max-width:62ch}\n.why em.w{color:var(--teal);font-weight:600;font-style:normal}\n.panel{background:var(--sage);border-radius:var(--r-panel);padding:34px 36px}\n.panel .pair{display:flex;gap:22px;padding:20px 0;border-bottom:1px solid var(--sage-2)}\n.panel .pair:first-child{padding-top:4px}\n.panel .pair:last-of-type{border-bottom:none}\n.panel .term{font-family:var(--serif);font-size:34px;line-height:1;color:var(--teal);font-weight:600;min-width:118px}\n.panel .term b{color:var(--orange);font-weight:600}\n.panel .def{align-self:center;font-size:15.5px;color:#374a52}\n.panel .sig{margin-top:20px;font-size:14px;color:var(--muted);font-style:italic}\n@media(max-width:880px){.why{padding:60px 0}.why .grid{grid-template-columns:1fr;gap:34px}}\n\n\/* TEAM *\/\n.team{background:var(--sage);padding:90px 0 96px}\n.team .top{max-width:60ch;margin-bottom:46px}\n.team .lbl{font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--orange);font-weight:700;margin-bottom:14px}\n.team h2{font-size:clamp(30px,4.4vw,44px);line-height:1.08;color:var(--teal-ink);margin-bottom:14px}\n.team .top p{color:var(--muted);font-size:17px;margin:0;max-width:56ch}\n\n.avatar{border-radius:50%;background:\n  radial-gradient(120% 120% at 30% 25%, var(--sage-3), var(--sage-2));\n  display:flex;align-items:center;justify-content:center;position:relative;flex:none}\n.avatar::after{content:\"\";position:absolute;inset:-7px;border-radius:50%;border:2px solid var(--paper-2)}\n.avatar .mono{font-family:var(--serif);font-weight:600;color:var(--teal);letter-spacing:.02em}\n.avatar .dot{position:absolute;bottom:6%;right:6%;width:26%;height:26%;border-radius:50%;\n  background:var(--orange);box-shadow:0 0 0 4px var(--paper-2)}\n\n\/* featured (Christelle) *\/\n.lead-card{background:var(--paper-2);border-radius:24px;box-shadow:var(--shadow);\n  display:grid;grid-template-columns:auto 1fr;gap:40px;align-items:center;padding:38px 42px;margin-bottom:26px}\n.lead-card .avatar{width:190px;height:190px}\n.lead-card .avatar .mono{font-size:60px}\n.lead-card .tag{display:inline-block;background:var(--orange);color:#fff;font-size:11px;font-weight:700;\n  letter-spacing:.06em;text-transform:uppercase;padding:6px 13px;border-radius:var(--r-tag);margin-bottom:12px}\n.lead-card h3{font-size:32px;color:var(--teal-ink);margin-bottom:4px}\n.lead-card .role{color:var(--muted);font-size:15px;margin-bottom:14px}\n.lead-card .quote{font-style:italic;color:#374a52;font-size:16px;max-width:60ch;margin:0 0 18px}\n.meta{display:flex;flex-wrap:wrap;gap:10px 22px;align-items:center;margin-bottom:20px}\n.meta .sect{background:var(--sage);color:var(--teal);font-weight:600;font-size:14px;padding:7px 15px;border-radius:var(--r-tag)}\n.meta a{text-decoration:none;color:var(--teal);font-weight:600;font-size:14.5px}\n.meta a:hover{color:var(--orange)}\n.lead-card .legal{font-size:11px;color:#9aa9ae;margin-top:16px}\n@media(max-width:760px){\n  .lead-card{grid-template-columns:1fr;text-align:center;gap:22px;padding:30px 24px}\n  .lead-card .avatar{margin:0 auto}.meta{justify-content:center}\n}\n\n\/* the two others *\/\n.trio{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;align-items:stretch}\n.mate .tag{display:inline-block;background:var(--orange);color:#fff;font-size:11px;font-weight:700;\n  letter-spacing:.08em;text-transform:uppercase;padding:5px 12px;border-radius:999px;margin-bottom:12px}\n.mate .tag.ghost{visibility:hidden}\n.mate{background:var(--paper-2);border-radius:24px;box-shadow:var(--shadow);padding:34px 32px;\n  display:flex;flex-direction:column;align-items:flex-start}\n.mate .avatar{width:120px;height:120px;margin-bottom:22px}\n.mate .avatar .mono{font-size:40px}\n.mate h3{font-size:25px;color:var(--teal-ink);margin-bottom:3px}\n.mate .role{color:var(--muted);font-size:14px;margin-bottom:14px}\n.mate .quote{font-style:italic;color:#374a52;font-size:15px;margin:0 0 18px;flex:1}\n.mate .btn{align-self:stretch;justify-content:center;margin-top:4px}\n.mate .legal{font-size:11px;color:#9aa9ae;margin-top:14px}\n@media(max-width:980px){.trio{grid-template-columns:1fr}.mate .tag.ghost{display:none}}\n\n\/* HOW \u2014 numbered flow *\/\n.how{padding:92px 0}\n.how h2{font-size:clamp(28px,4vw,40px);color:var(--teal-ink);margin-bottom:44px;max-width:22ch}\n.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}\n.step{padding:28px 26px 26px;border-top:2px solid var(--teal);background:linear-gradient(180deg,var(--sage-3),transparent 70%);border-radius:0 0 16px 16px}\n.step .n{font-family:var(--serif);font-size:20px;color:var(--orange);font-weight:600;margin-bottom:10px}\n.step h3{font-size:20px;color:var(--teal-ink);margin-bottom:8px}\n.step p{margin:0;color:#3d4f56;font-size:15px}\n@media(max-width:820px){.how{padding:60px 0}.steps{grid-template-columns:1fr;gap:0}\n  .step{border-top:none;border-left:2px solid var(--teal);border-radius:0 16px 16px 0;background:none;margin-bottom:14px}}\n\n\/* FAQ *\/\n.faq{background:var(--sage);padding:88px 0}\n.faq .grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:50px;align-items:start}\n.faq h2{font-size:clamp(28px,4vw,40px);color:var(--teal-ink);margin-bottom:14px}\n.faq .grid>div:first-child p{color:var(--muted);font-size:16px;max-width:34ch}\n.faq details{background:var(--paper-2);border-radius:14px;margin-bottom:12px;overflow:hidden;border:1px solid var(--hair)}\n.faq summary{list-style:none;cursor:pointer;padding:20px 24px;font-weight:600;color:var(--teal-ink);\n  font-size:16.5px;display:flex;justify-content:space-between;gap:16px;align-items:center}\n.faq summary::-webkit-details-marker{display:none}\n.faq summary .ic{flex:none;width:22px;height:22px;position:relative;transition:transform .25s}\n.faq summary .ic::before,.faq summary .ic::after{content:\"\";position:absolute;background:var(--orange);border-radius:2px}\n.faq summary .ic::before{top:10px;left:3px;right:3px;height:2px}\n.faq summary .ic::after{left:10px;top:3px;bottom:3px;width:2px}\n.faq details[open] summary .ic{transform:rotate(45deg)}\n.faq details .a{padding:0 24px 22px;color:#3d4f56;font-size:15.5px}\n@media(max-width:820px){.faq .grid{grid-template-columns:1fr;gap:26px}}\n\n\/* CTA band *\/\n.band{background:linear-gradient(150deg,var(--teal) 0%,var(--teal-d) 100%);color:#fff;text-align:center;padding:74px 0}\n.band .tri{width:46px;height:27px;margin:0 auto 20px}\n.band h2{font-size:clamp(28px,4vw,42px);margin-bottom:12px}\n.band p{color:#bcd3dd;max-width:52ch;margin:0 auto 26px;font-size:17px}\n\n\/* footer *\/\nfooter{background:var(--teal-ink);color:#9fb7c0;padding:52px 0 34px;font-size:14px}\nfooter .fgrid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:34px}\nfooter h4{font-family:var(--serif);font-size:20px;color:#e9f1f4;margin:0 0 10px;font-weight:600;letter-spacing:.02em}\nfooter a{color:#cfe0e7;text-decoration:none}\nfooter a:hover{color:#fff}\nfooter .col p{margin:0 0 6px}\nfooter .fine{margin-top:30px;padding-top:20px;border-top:1px solid #204b5e;font-size:12px;color:#7f99a2;line-height:1.7}\n@media(max-width:820px){footer .fgrid{grid-template-columns:1fr;gap:24px}}\n.tri svg{display:block;width:100%;height:100%}\n<\/style>\n<header>\n  <div class=\"wrap bar\">\n    <div class=\"brand-center\"><img decoding=\"async\" class=\"logo\" src=\"https:\/\/hoa-mana.fr\/wp-content\/uploads\/2026\/09\/Hoa-Mana_Team_coul.png\" alt=\"Hoa M\u00e2na, team immobili\u00e8re\">\n    <\/div>\n    <nav class=\"main\">\n      <a class=\"link\" href=\"#pourquoi\">Pourquoi Hoa M\u00e2na<\/a>\n      <a class=\"link\" href=\"#equipe\">L&rsquo;\u00e9quipe<\/a>\n      <a class=\"link\" href=\"#faq\">Questions<\/a>\n      <a class=\"btn btn-p\" href=\"#equipe\">Estimer mon bien<\/a>\n    <\/nav>\n  <\/div>\n<\/header>\n\n<section class=\"hero\">\n  <div class=\"wrap\">\n    <div>\n      <div class=\"eyebrow\">Team immobili\u00e8re &middot; iad France<\/div>\n      <h1>Estimer, vendre, avancer.<br><em>Avec une \u00e9quipe \u00e0 vos c\u00f4t\u00e9s.<\/em><\/h1>\n      <p class=\"lead\">Des conseill\u00e8res iad France sur Lyon, Villeurbanne et le nord-ouest lyonnais.\n      Une estimation \u00e9crite, gratuite, et sans d\u00e9marchage.<\/p>\n      <div class=\"cta-row\">\n        <a class=\"btn btn-p\" href=\"#equipe\">Estimer mon bien<\/a>\n        <a class=\"btn btn-s\" href=\"#equipe\">L&rsquo;\u00e9quipe<\/a>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ================= R\u00c9SEAU iad ==================\n     EMPLACEMENT DU LOGO iad : remplace tout le bloc <div class=\"iad-slot\">\u2026<\/div>\n     ci-dessous par ton image, par exemple :\n     <img decoding=\"async\" src=\"iad-logo.png\" alt=\"R\u00e9seau iad France\" style=\"height:40px;width:auto\">\n================================================= -->\n<section class=\"reseau\">\n  <div class=\"wrap\">\n    <span class=\"reseau-lbl\">Trois conseill\u00e8res ind\u00e9pendantes du r\u00e9seau<\/span>\n    <img decoding=\"async\" src=\"https:\/\/hoa-mana.fr\/wp-content\/uploads\/2026\/09\/Logo-IAD-2025.png\" alt=\"R\u00e9seau iad France\" style=\"height:52px;width:auto\">\n  <\/div>\n<\/section>\n\n<section class=\"why\" id=\"pourquoi\">\n  <div class=\"wrap grid\">\n    <div class=\"reveal\">\n      <div class=\"lbl\">Pourquoi Hoa M\u00e2na<\/div>\n      <h2>Une histoire de force et d&rsquo;amiti\u00e9<\/h2>\n      <p>J&rsquo;ai eu la chance de vivre trois ann\u00e9es \u00e0 Tahiti. Une exp\u00e9rience profond\u00e9ment humaine,\n      qui a fa\u00e7onn\u00e9 ma vision, mes valeurs, et ma fa\u00e7on de travailler avec les autres.<\/p>\n      <p>En tahitien, <em class=\"w\">M\u00e2na<\/em> \u00e9voque la force, et <em class=\"w\">Hoa<\/em> signifie l&rsquo;amiti\u00e9.\n      Hoa M\u00e2na, c&rsquo;est ce qui unit notre \u00e9quipe : la confiance, la bienveillance, et des relations vraies,\n      autour d&rsquo;un m\u00eame m\u00e9tier bien fait.<\/p>\n    <\/div>\n    <div class=\"panel reveal\">\n      <div class=\"pair\"><div class=\"term\">Hoa<\/div><div class=\"def\">L&rsquo;amiti\u00e9. La proximit\u00e9 et la confiance avec ceux que nous accompagnons, du premier \u00e9change \u00e0 la signature.<\/div><\/div>\n      <div class=\"pair\"><div class=\"term\">M\u00e2na<\/div><div class=\"def\">La force. Celle du collectif : quel que soit votre secteur, il y a toujours quelqu&rsquo;un de l&rsquo;\u00e9quipe \u00e0 vos c\u00f4t\u00e9s.<\/div><\/div>\n      <div class=\"sig\">Christelle Klein, fondatrice de la team Hoa M\u00e2na<\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<section class=\"team\" id=\"equipe\">\n  <div class=\"wrap\">\n    <div class=\"top reveal\">\n      <div class=\"lbl\">L&rsquo;\u00e9quipe<\/div>\n      <h2>Trois conseill\u00e8res, un m\u00eame engagement<\/h2>\n      <p>Chacune sur son secteur, chacune joignable en direct. Vous choisissez la v\u00f4tre,\n      elle vous r\u00e9pond sous 72 heures.<\/p>\n    <\/div>\n\n    <!-- PHOTO : remplacer le m\u00e9daillon monogramme par la vraie photo (voir note en fin de fichier) -->\n    <div class=\"trio\">\n      <article class=\"mate reveal\">\n        <div class=\"avatar\" aria-hidden=\"true\"><img decoding=\"async\" src=\"https:\/\/hoa-mana.fr\/wp-content\/uploads\/2026\/09\/Christelle.png\" alt=\"Christelle Klein\" style=\"width:100%;height:100%;border-radius:50%;object-fit:cover\"><\/div>\n        <span class=\"tag\">Marraine de l&rsquo;\u00e9quipe<\/span>\n        <h3>Christelle Klein<\/h3>\n        <div class=\"role\">Mandataire iad France &middot; fondatrice de Hoa M\u00e2na<\/div>\n        <p class=\"quote\">\u00ab J&rsquo;ai cr\u00e9\u00e9 Hoa M\u00e2na pour qu&rsquo;aucun vendeur ne reste seul face \u00e0 son projet.\n        Derri\u00e8re chacune de nous, c&rsquo;est toute une \u00e9quipe qui veille. \u00bb<\/p>\n        <div class=\"meta\">\n          <span class=\"sect\"><span class=\"chev\"><\/span> Villeurbanne &amp; Lyon<\/span>\n        <\/div>\n        <div class=\"meta\" style=\"margin-bottom:14px\">\n          <a href=\"tel:+33673149469\">06 73 14 94 69<\/a>\n          <a href=\"mailto:christelle.klein@iadfrance.fr\">christelle.klein@iadfrance.fr<\/a>\n        <\/div>\n        <a class=\"btn btn-p\" href=\"https:\/\/estimation-christelle.hoa-mana.fr\/\" target=\"_blank\" rel=\"noopener\">Estimer mon bien<\/a>\n        <div class=\"legal\">iad France &middot; agente commerciale EI &middot; RSAC 823&nbsp;116&nbsp;744, Lyon<\/div>\n      <\/article>\n\n      <article class=\"mate reveal\">\n        <div class=\"avatar\" aria-hidden=\"true\"><img decoding=\"async\" src=\"https:\/\/hoa-mana.fr\/wp-content\/uploads\/2026\/09\/Karine.png\" alt=\"Karine Saignant\" style=\"width:100%;height:100%;border-radius:50%;object-fit:cover\"><\/div>\n        <span class=\"tag ghost\">\u00b7<\/span>\n        <h3>Karine Saignant<\/h3>\n        <div class=\"role\">Mandataire iad France<\/div>\n        <p class=\"quote\">\u00ab Conna\u00eetre un secteur, c&rsquo;est en conna\u00eetre les rues, les \u00e9coles, les vraies valeurs.\n        J&rsquo;estime votre bien comme s&rsquo;il \u00e9tait le mien. \u00bb<\/p>\n        <div class=\"meta\">\n          <span class=\"sect\"><span class=\"chev\"><\/span> Nord-ouest lyonnais<\/span>\n        <\/div>\n        <div class=\"meta\" style=\"margin-bottom:14px\">\n          <a href=\"tel:+33698402326\">06 98 40 23 26<\/a>\n          <a href=\"mailto:karine.saignant@iadfrance.fr\">karine.saignant@iadfrance.fr<\/a>\n        <\/div>\n        <a class=\"btn btn-p\" href=\"https:\/\/estimation-karine.hoa-mana.fr\/\" target=\"_blank\" rel=\"noopener\">Estimer mon bien<\/a>\n        <div class=\"legal\">iad France &middot; agente commerciale EI &middot; RSAC 930&nbsp;200&nbsp;837, Villefranche-Tarare<\/div>\n      <\/article>\n\n      <article class=\"mate reveal\">\n        <div class=\"avatar\" aria-hidden=\"true\"><img decoding=\"async\" src=\"https:\/\/hoa-mana.fr\/wp-content\/uploads\/2026\/09\/Stephanie.png\" alt=\"St\u00e9phanie Patruno\" style=\"width:100%;height:100%;border-radius:50%;object-fit:cover\"><\/div>\n        <span class=\"tag ghost\">\u00b7<\/span>\n        <h3>St\u00e9phanie Patruno<\/h3>\n        <div class=\"role\">Mandataire iad France<\/div>\n        <p class=\"quote\">\u00ab Vendre un bien, c&rsquo;est tourner une page de vie. Je suis l\u00e0 pour que ce moment\n        soit juste, clair et serein. \u00bb<\/p>\n        <div class=\"meta\">\n          <span class=\"sect\"><span class=\"chev\"><\/span> Lyon 5<sup>e<\/sup>, 4<sup>e<\/sup> et 1<sup>er<\/sup><\/span>\n        <\/div>\n        <div class=\"meta\" style=\"margin-bottom:14px\">\n          <a href=\"tel:+33663922622\">06 63 92 26 22<\/a>\n          <a href=\"mailto:stephanie.patruno@iadfrance.fr\">stephanie.patruno@iadfrance.fr<\/a>\n        <\/div>\n        <a class=\"btn btn-p\" href=\"https:\/\/www.stephaniepatruno.fr\/estimation\/\" target=\"_blank\" rel=\"noopener\">Estimer mon bien<\/a>\n        <div class=\"legal\">iad France &middot; agente commerciale EI &middot; RSAC 894&nbsp;665&nbsp;306, Lyon<\/div>\n      <\/article>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ============ BANDEAU PHOTO ============\n     EMPLACEMENT PHOTO : une fois le site sur WordPress, ajoute ton image ainsi \u2014\n     remplace la ligne <section ...> ci-dessous par :\n     <section class=\"photoband\" style=\"background-image:url('photo-equipe.jpg')\"><\/section>\n     (l'image se recadre automatiquement, garde un visuel large \/ panoramique)\n========================================= -->\n<section class=\"photoband\" style=\"background-image:url('https:\/\/hoa-mana.fr\/wp-content\/uploads\/2026\/09\/Lyon-V2.png')\"><\/section>\n\n<section class=\"how\">\n  <div class=\"wrap\">\n    <h2 class=\"reveal\">De la curiosit\u00e9 \u00e0 l&rsquo;estimation, en trois gestes.<\/h2>\n    <div class=\"steps\">\n      <div class=\"step reveal\"><div class=\"n\">Flashez ou cliquez<\/div><h3>Ouvrez le formulaire<\/h3>\n        <p>Depuis un flyer, une story ou ce site : la page s&rsquo;ouvre sur votre t\u00e9l\u00e9phone, sans rien installer.<\/p><\/div>\n      <div class=\"step reveal\"><div class=\"n\">Deux minutes<\/div><h3>D\u00e9crivez votre bien<\/h3>\n        <p>Adresse, surface, quelques caract\u00e9ristiques. Vous d\u00e9cidez si et quand nous vous recontactons.<\/p><\/div>\n      <div class=\"step reveal\"><div class=\"n\">Sous 72 heures<\/div><h3>Recevez votre valeur<\/h3>\n        <p>Une estimation \u00e9crite, argument\u00e9e sur les ventes r\u00e9elles de votre quartier. Pas un chiffre d&rsquo;algorithme.<\/p><\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<section class=\"faq\" id=\"faq\">\n  <div class=\"wrap grid\">\n    <div class=\"reveal\">\n      <div class=\"lbl\" style=\"font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--orange);font-weight:700;margin-bottom:14px\">Bon \u00e0 savoir<\/div>\n      <h2>Les questions que vous vous posez<\/h2>\n      <p>Et les r\u00e9ponses, sans d\u00e9tour. Une autre question ? \u00c9crivez \u00e0 la conseill\u00e8re de votre secteur.<\/p>\n    <\/div>\n    <div class=\"reveal\">\n      <details open><summary>L&rsquo;estimation est-elle vraiment gratuite ?<span class=\"ic\"><\/span><\/summary>\n        <div class=\"a\">Oui. L&rsquo;estimation \u00e9crite est gratuite et sans engagement. Vous n&rsquo;\u00eates oblig\u00e9 ni de vendre, ni de nous confier un mandat.<\/div><\/details>\n      <details><summary>Vais-je \u00eatre rappel\u00e9 sans mon accord ?<span class=\"ic\"><\/span><\/summary>\n        <div class=\"a\">Non. Depuis l&rsquo;interdiction du d\u00e9marchage t\u00e9l\u00e9phonique, votre accord est recueilli sur le formulaire et conserv\u00e9. Sans cet accord, aucun appel n&rsquo;est pass\u00e9.<\/div><\/details>\n      <details><summary>Sous combien de temps ai-je ma r\u00e9ponse ?<span class=\"ic\"><\/span><\/summary>\n        <div class=\"a\">Sous 72 heures ouvr\u00e9es, par la conseill\u00e8re de votre secteur.<\/div><\/details>\n      <details><summary>Quels secteurs couvrez-vous ?<span class=\"ic\"><\/span><\/summary>\n        <div class=\"a\">Lyon et Villeurbanne avec Christelle Klein, le nord-ouest lyonnais avec Karine Saignant, et Lyon 5<sup>e<\/sup>, 4<sup>e<\/sup> et 1<sup>er<\/sup> arrondissement avec St\u00e9phanie Patruno.<\/div><\/details>\n      <details><summary>Qui r\u00e9alise l&rsquo;estimation ?<span class=\"ic\"><\/span><\/summary>\n        <div class=\"a\">Une conseill\u00e8re iad France, agente commerciale ind\u00e9pendante inscrite au RSAC, sp\u00e9cialiste de votre secteur.<\/div><\/details>\n    <\/div>\n  <\/div>\n<\/section>\n\n<section class=\"band\">\n  <div class=\"wrap\">\n    <div class=\"tri\" aria-hidden=\"true\"><svg viewBox=\"0 0 46 27\"><path d=\"M2 25 L23 3 L44 25\" fill=\"none\" stroke=\"#E94E1A\" stroke-width=\"4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/div>\n    <h2>Combien vaut votre bien aujourd&rsquo;hui ?<\/h2>\n    <p>Une estimation \u00e9crite, gratuite, fond\u00e9e sur les ventes r\u00e9elles de votre quartier.\n    Choisissez la conseill\u00e8re de votre secteur.<\/p>\n    <a class=\"btn btn-p\" href=\"#equipe\">Estimer mon bien<\/a>\n  <\/div>\n<\/section>\n\n<footer>\n  <div class=\"wrap\">\n    <div class=\"fgrid\">\n      <div class=\"col\">\n        <h4>HOA M\u00c2NA<\/h4>\n        <p>Team immobili\u00e8re de Christelle Klein.<\/p>\n        <p>Lyon &middot; Villeurbanne &middot; nord-ouest lyonnais.<\/p>\n      <\/div>\n      <div class=\"col\">\n        <h4>L&rsquo;\u00e9quipe<\/h4>\n        <p><a href=\"https:\/\/estimation-christelle.hoa-mana.fr\/\">Christelle Klein<\/a> &middot; Villeurbanne &amp; Lyon<\/p>\n        <p><a href=\"https:\/\/estimation-karine.hoa-mana.fr\/\">Karine Saignant<\/a> &middot; nord-ouest lyonnais<\/p>\n        <p><a href=\"https:\/\/www.stephaniepatruno.fr\/estimation\/\">St\u00e9phanie Patruno<\/a> &middot; Lyon 5<sup>e<\/sup>, 4<sup>e<\/sup>, 1<sup>er<\/sup><\/p>\n      <\/div>\n      <div class=\"col\">\n        <h4>Contact<\/h4>\n        <p><a href=\"mailto:christelle.klein@iadfrance.fr\">christelle.klein@iadfrance.fr<\/a><\/p>\n        <p><a href=\"tel:+33673149469\">06 73 14 94 69<\/a><\/p>\n      <\/div>\n    <\/div>\n    <div class=\"fine\">\n      Hoa M\u00e2na r\u00e9unit des conseill\u00e8res ind\u00e9pendantes iad France (agentes commerciales EI), inscrites au RSAC,\n      chacune responsable de son secteur et de ses mandats. Les demandes d&rsquo;estimation sont trait\u00e9es directement\n      par la conseill\u00e8re choisie. \u00a9 2026 Hoa M\u00e2na. Site r\u00e9alis\u00e9 par MDS Puls.art.\n     &middot; <a href=\"https:\/\/hoa-mana.fr\/?page_id=26\" style=\"color:#cfe0e7;text-decoration:underline\">Mentions l\u00e9gales<\/a><\/div>\n  <\/div>\n<\/footer>\n\n<script>\n(function(){\n  if (window.matchMedia && window.matchMedia('(prefers-reduced-motion: reduce)').matches) {\n    document.querySelectorAll('.reveal').forEach(function(el){el.classList.add('in')}); return;\n  }\n  var io = new IntersectionObserver(function(entries){\n    entries.forEach(function(e){ if(e.isIntersecting){ e.target.classList.add('in'); io.unobserve(e.target);} });\n  }, {threshold:0.16, rootMargin:'0px 0px -8% 0px'});\n  document.querySelectorAll('.reveal').forEach(function(el){io.observe(el)});\n})();\n<\/script>\n\n<!--\n  ============================================================================\n  POUR INS\u00c9RER LES PHOTOS DES TROIS CONSEILL\u00c8RES\n  ----------------------------------------------------------------------------\n  Chaque portrait est pour l'instant un m\u00e9daillon avec les initiales (CK, KS, SP).\n  Pour mettre une vraie photo : dans le bloc <div class=\"avatar\">\u2026<\/div> concern\u00e9,\n  remplace le contenu par :   <img decoding=\"async\" src=\"photo-christelle.jpg\" alt=\"Christelle Klein\">\n  et ajoute cette r\u00e8gle CSS :  .avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover}\n  (les photos rondes fonctionnent le mieux, format carr\u00e9, 600\u00d7600 px minimum).\n  Ou envoie-les-moi et je les int\u00e8gre proprement.\n  ============================================================================\n-->\n","protected":false},"excerpt":{"rendered":"<p>Pourquoi Hoa M\u00e2na L&rsquo;\u00e9quipe Questions Estimer mon bien Team immobili\u00e8re &middot; iad France Estimer, vendre, avancer.Avec une \u00e9quipe \u00e0 vos c\u00f4t\u00e9s. Des conseill\u00e8res iad France sur Lyon, Villeurbanne et le nord-ouest lyonnais. Une estimation \u00e9crite, gratuite, et sans d\u00e9marchage. Estimer mon bien L&rsquo;\u00e9quipe Trois conseill\u00e8res ind\u00e9pendantes du r\u00e9seau Pourquoi Hoa M\u00e2na Une histoire de force [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-13","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/hoa-mana.fr\/index.php\/wp-json\/wp\/v2\/pages\/13","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hoa-mana.fr\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hoa-mana.fr\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hoa-mana.fr\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hoa-mana.fr\/index.php\/wp-json\/wp\/v2\/comments?post=13"}],"version-history":[{"count":7,"href":"https:\/\/hoa-mana.fr\/index.php\/wp-json\/wp\/v2\/pages\/13\/revisions"}],"predecessor-version":[{"id":29,"href":"https:\/\/hoa-mana.fr\/index.php\/wp-json\/wp\/v2\/pages\/13\/revisions\/29"}],"wp:attachment":[{"href":"https:\/\/hoa-mana.fr\/index.php\/wp-json\/wp\/v2\/media?parent=13"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}