Vivi Magn\u00e9tisme – Soins \u00e9nerg\u00e9tiques \u00e0 Martignas-sur-Jalle<\/title>\n<meta name=\"description\" content=\"Magn\u00e9tisme et soins \u00e9nerg\u00e9tiques en Gironde et \u00e0 distance. Approche intuitive et bienveillante. S\u00e9ances \u00e0 don libre.\">\n<meta name=\"keywords\" content=\"magn\u00e9tisme, soins \u00e9nerg\u00e9tiques, Martignas-sur-Jalle, gu\u00e9rison, bien-\u00eatre, don libre\">\n<meta property=\"og:title\" content=\"Vivi Magn\u00e9tisme - Soins \u00e9nerg\u00e9tiques\">\n<meta property=\"og:description\" content=\"Magn\u00e9tisme et soins \u00e9nerg\u00e9tiques. Une approche simple, humaine et s\u00e9rieuse au service du mieux-\u00eatre.\">\n<meta property=\"og:type\" content=\"website\">\n<link rel=\"icon\" href=\"data:image\/svg+xml,<svg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 100 100'><text y='.9em' font-size='90'>\u2728<\/text><\/svg>“>\n\n\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:wght@500;600;700&family=Quicksand:wght@400;600&display=swap\" rel=\"stylesheet\">\n<link href=\"https:\/\/cdn.jsdelivr.net\/npm\/tailwindcss@2.2.19\/dist\/tailwind.min.css\" rel=\"stylesheet\">\n\n<style>\n :root{\n --vert-profond:#2F4238;\n --sauge:#A9B79F;\n --sauge-clair:#C9D3C3;\n --sauge-pale:#EEF0EB; \/* fond sections neutres *\/\n --sauge-hero:#E8ECE4; \/* fond vert clair du hero *\/\n --sauge-bloc:#DCE1D4; \/* bloc Modalit\u00e9s *\/\n --beige:#EDE6D8; \/* base papier *\/\n --blanc:#F8F6F0;\n --dor\u00e9:#C5A43A; \/* dor\u00e9 adouci *\/\n --ligne:#D7D7CF;\n }\n\n html,body{scroll-behavior:smooth}\n body{\n background:var(--blanc);\n color:var(--vert-profond);\n font-family:'Quicksand', system-ui, -apple-system, Segoe UI, Roboto, sans-serif;\n line-height:1.7;\n }\n h1,h2,h3,h4{font-family:'Cormorant Garamond', serif; letter-spacing:.2px}\n h1,h2{font-weight:600; line-height:1.2}\n h2{ margin-bottom:1rem; }\n h3{font-weight:500}\n\n .container{max-width:1120px;margin:0 auto;padding:0 24px}\n section{scroll-margin-top:96px}\n\n \/* ANIMATIONS SCROLL *\/\n .fade-in{opacity:0;transform:translateY(20px);transition:opacity .8s ease, transform .8s ease}\n .fade-in.visible{opacity:1;transform:translateY(0)}\n\n \/* NAV *\/\n .site-nav{position:fixed;top:0;left:0;right:0;height:80px;z-index:80;background:var(--vert-profond);display:flex;align-items:center;box-shadow:0 10px 24px rgba(0,0,0,.10)}\n .nav-inner{max-width:1120px;margin:0 auto;width:100%;display:flex;justify-content:space-between;align-items:center;gap:24px;padding:0 24px}\n .brand{color:#fff;font-weight:700;font-size:1.1rem;white-space:nowrap}\n\n .nav-links{display:flex;gap:32px;align-items:center;flex-wrap:nowrap}\n .nav-links a{color:#F2F2EC;font-size:1.05rem;padding:.5rem .7rem;border-radius:.5rem;transition:all .2s ease;white-space:nowrap}\n .nav-links a:hover{background:rgba(255,255,255,.06)}\n .nav-links a.active{box-shadow:inset 0 -2.5px 0 var(--sauge)}\n\n .burger{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:8px}\n .burger span{width:25px;height:3px;background:#fff;border-radius:3px;transition:all .3s ease}\n .burger.open span:nth-child(1){transform:rotate(45deg) translate(7px, 7px)}\n .burger.open span:nth-child(2){opacity:0}\n .burger.open span:nth-child(3){transform:rotate(-45deg) translate(7px, -7px)}\n\n .mobile-menu{\n position:fixed;top:80px;left:0;right:0;background:var(--vert-profond);\n max-height:0;overflow:hidden;transition:max-height .3s ease;\n box-shadow:0 10px 24px rgba(0,0,0,.10);\n }\n .mobile-menu.open{max-height:500px}\n .mobile-menu a{display:block;color:#F2F2EC;padding:1rem 24px;border-bottom:1px solid rgba(255,255,255,.1)}\n .mobile-menu a:hover{background:rgba(255,255,255,.06)}\n .mobile-menu a.active{background:rgba(169,183,159,.15)}\n\n @media (max-width:900px){\n .nav-links{display:none}\n .burger{display:flex}\n .nav-cta-desktop{display:none}\n }\n\n \/* Header CTA \u2013 vert profond + accent dor\u00e9 + glow vert au hover *\/\n .nav-cta{\n background:var(--vert-profond);\n color:#fff;\n font-weight:700;\n padding:.6rem 1.4rem;\n border-radius:12px;\n border:1.5px solid rgba(197,164,58,.85); \/* dor\u00e9 fin *\/\n box-shadow:0 6px 18px rgba(0,0,0,.14);\n transition:transform .15s ease, box-shadow .2s ease, border-color .2s ease;\n white-space:nowrap;\n position:relative;\n overflow:hidden;\n flex-shrink:0;\n min-width:max-content;\n display:inline-flex;\n align-items:center;\n justify-content:center;\n }\n .nav-cta:hover{\n transform:translateY(-1px) scale(1.02);\n box-shadow:\n 0 0 0 3px rgba(197,164,58,.10),\n 0 0 14px rgba(47,66,56,.25),\n 0 10px 22px rgba(0,0,0,.18);\n border-color:rgba(197,164,58,1);\n }\n\n \/* ---------- HERO ---------- *\/\n .hero{\n background:var(--sauge-hero);\n padding-top:96px;\n padding-bottom:36px;\n position:relative; z-index:0;\n }\n .hero::after{\n content:'';position:absolute;bottom:0;left:0;right:0;height:80px;\n background:var(--sauge-hero);\n clip-path:ellipse(100% 100% at 50% 100%);\n z-index:-1;\n }\n .hero .container{align-items:center}\n .kicker{font-size:.9rem;opacity:.85}\n\n \/* Boutons g\u00e9n\u00e9riques *\/\n .btn{\n padding:.9rem 1.2rem;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;\n font-weight:700;transition:transform .2s ease, box-shadow .25s ease, border-color .2s ease, background .2s ease;\n }\n .btn-outline{background:transparent;border:2px solid var(--vert-profond);color:var(--vert-profond);box-shadow:0 4px 12px rgba(0,0,0,.06)}\n .btn-outline:hover{transform:translateY(-1px) scale(1.02);box-shadow:0 0 14px rgba(47,66,56,.25), 0 8px 18px rgba(0,0,0,.12)}\n .btn-solid{background:var(--vert-profond);color:#fff;border:2px solid var(--vert-profond);box-shadow:0 6px 18px rgba(0,0,0,.12)}\n .btn-solid:hover{transform:translateY(-1px) scale(1.02);box-shadow:0 0 18px rgba(47,66,56,.30), 0 10px 24px rgba(0,0,0,.18)}\n @media (max-width:768px){ .btn{padding:1rem 1.3rem} }\n\n .hero-video-container{\n background:#fff; border:1px solid var(--ligne); border-radius:14px; overflow:hidden;\n box-shadow:0 18px 40px rgba(0,0,0,.12);\n position:relative; z-index:1;\n display:flex; align-items:center; justify-content:center;\n margin-bottom:20px;\n }\n .hero-video{ width:100%; height:auto; min-height:260px; max-height:420px; object-fit:cover; display:block; }\n\n \/* ---------- PAPIER ---------- *\/\n .paper{\n background-color: var(--beige);\n background-image:\n url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='320' height='320'%3E%3Cfilter id='g1'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' seed='8'\/%3E%3CfeColorMatrix type='saturate' values='0'\/%3E%3CfeComponentTransfer%3E%3CfeFuncA type='table' tableValues='0 0.22'\/%3E%3C\/feComponentTransfer%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g1)'\/%3E%3C\/svg%3E\"),\n url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='220' height='220'%3E%3Cfilter id='g2'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.35' numOctaves='2' seed='11'\/%3E%3CfeColorMatrix type='saturate' values='0'\/%3E%3CfeComponentTransfer%3E%3CfeFuncA type='table' tableValues='0 0.12'\/%3E%3C\/feComponentTransfer%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g2)'\/%3E%3C\/svg%3E\");\n background-size: 700px 700px, 520px 520px;\n background-blend-mode: multiply;\n background-attachment: fixed;\n position:relative;\n }\n\n \/* Sections neutres *\/\n .section-neutral{background:var(--sauge-pale);}\n\n \/* Lignes de s\u00e9paration *\/\n .sep{height:1px;background:linear-gradient(90deg, transparent, rgba(47,66,56,0.6), transparent);margin:32px 0}\n\n \/* Listes *\/\n .list-check li{position:relative;padding-left:1.6rem;margin-bottom:.8rem}\n .list-check li::before{content:\"\"; position:absolute; left:.2rem; top:.6rem; width:.55rem; height:.55rem; border-radius:999px; background:var(--sauge); box-shadow:0 0 0 3px rgba(169,183,159,.28)}\n\n \/* Grille g\u00e9n\u00e9rique (si besoin ailleurs) *\/\n .grid-2-1{display:grid;grid-template-columns:1fr;gap:18px}\n @media (min-width:900px){ .grid-2-1{grid-template-columns:1fr 1fr;grid-auto-rows:1fr} }\n\n \/* Blocs *\/\n .bloc{border-radius:16px; color:#fff; padding:28px 24px; box-shadow:0 18px 36px rgba(0,0,0,.14)}\n .b3{background:#3E5F4D}\n .bloc h3{font-size:1.5rem;margin-bottom:.55rem}\n .bloc-sauge{background:var(--sauge-bloc); color:var(--vert-profond)}\n\n \/* \u2705 Les bienfaits \u2013 centrage parfait titre + colonnes *\/\n .benefits h3{ text-align:center; margin-bottom:1rem; }\n .benefits-list{\n display:inline-grid;\n grid-template-columns:1fr;\n gap:12px 48px;\n margin:0 auto;\n text-align:left;\n }\n @media (min-width:900px){\n .benefits-list{\n grid-template-columns:1fr 1fr;\n justify-content:center;\n }\n }\n\n \/* Qui suis-je *\/\n .qsj-grid{display:grid;grid-template-columns:1fr;gap:28px;align-items:center}\n @media (min-width:900px){ .qsj-grid{grid-template-columns:320px 1fr;gap:48px;align-items:center} }\n .qsj-img{border:1px solid var(--ligne); border-radius:14px; overflow:hidden; box-shadow:0 18px 40px rgba(0,0,0,.12); width:100%; max-width:320px; margin:0 auto;}\n .qsj-img img{width:100%; height:auto; aspect-ratio:1\/1; object-fit:cover; object-position:center;}\n\n \/* \u2705 Citation sous la photo : centr\u00e9e + fl\u00e8che toujours visible *\/\n .quote-under{\n width:100%;\n display:flex;\n justify-content:center;\n align-items:center;\n gap:.35rem;\n text-align:center;\n font-style:italic;\n opacity:.9;\n margin-top:.75rem;\n font-size:1.05rem;\n line-height:1.5;\n cursor:pointer;\n transition:opacity .25s ease;\n position:relative;\n }\n .quote-refresh{\n font-style:normal;\n font-size:1rem;\n opacity:.6;\n transition:opacity .3s ease, transform .3s ease;\n }\n .quote-under:hover .quote-refresh{ opacity:.75; transform:rotate(90deg); }\n .quote-under.fade{opacity:0;}\n\n \/* Slider avis *\/\n .scroll-x{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:12px;scrollbar-width:thin;scrollbar-color:var(--sauge) var(--sauge-clair)}\n .scroll-x::-webkit-scrollbar{height:8px}\n .scroll-x::-webkit-scrollbar-track{background:var(--sauge-clair);border-radius:10px}\n .scroll-x::-webkit-scrollbar-thumb{background:var(--sauge);border-radius:10px}\n .scroll-x > *{scroll-snap-align:start;flex:0 0 360px}\n .avis-card{background:#FAF8F2;border:1px solid var(--ligne); border-radius:16px; padding:22px 20px; box-shadow:0 10px 22px rgba(0,0,0,.08); transition:transform .3s ease, box-shadow .3s ease}\n .avis-card:hover{transform:translateY(-4px);box-shadow:0 14px 28px rgba(0,0,0,.12)}\n\n \/* CONTACT & divers *\/\n .contact-icon{width:22px;height:22px;margin-right:8px;display:inline-block;vertical-align:-4px}\n .backdrop{position:fixed;inset:0;background:rgba(0,0,0,.45);display:none;align-items:center;justify-content:center;z-index:90}\n .modal{width:min(760px,92vw);border-radius:18px;overflow:hidden;background:#fff;border:1px solid var(--ligne); box-shadow:0 20px 44px rgba(0,0,0,.25)}\n .modal-head{background:var(--sauge);color:#1b2b23;padding:22px 26px;font-weight:700}\n .modal-body{padding:22px 26px;background:#fff}\n .grid-2{display:grid;grid-template-columns:1fr;gap:14px}\n @media (min-width:720px){ .grid-2{grid-template-columns:1fr 1fr} }\n .field{display:flex;flex-direction:column;gap:6px}\n .input{background:#fff;border:1.5px solid #D7D7CF;border-radius:12px;padding:.9rem 1rem;transition:border .3s ease}\n .input:focus{outline:none;border-color:var(--sauge)}\n .close-x{cursor:pointer;font-size:24px;line-height:1}\n\n footer{background:var(--vert-profond);color:#EDEBE4;padding:40px 0}\n .section-spacing{padding-top:120px;padding-bottom:120px}\n @media (max-width:768px){ .section-spacing{padding-top:80px;padding-bottom:80px} }\n<\/style>\n<\/head>\n<body>\n\n\n<header class=\"site-nav\">\n <div class=\"nav-inner\">\n <div class=\"brand\">Vivi Magn\u00e9tisme<\/div>\n\n \n <nav class=\"nav-links\">\n <a href=\"#accueil\" class=\"active\">Accueil<\/a>\n <a href=\"#magnetisme\">Le magn\u00e9tisme<\/a>\n <a href=\"#section-blocs\">Mes accompagnements<\/a>\n <a href=\"#quisuisje\">Qui suis-je ?<\/a>\n <a href=\"#avis\">Avis<\/a>\n <a href=\"#contact\">Contact<\/a>\n <\/nav>\n\n \n <div class=\"burger\" id=\"burger\"><span><\/span><span><\/span><span><\/span><\/div>\n\n <a href=\"#\" class=\"nav-cta nav-cta-desktop\" id=\"openModalTop\">Se renseigner<\/a>\n <\/div>\n\n \n <div class=\"mobile-menu\" id=\"mobileMenu\">\n <a href=\"#accueil\" class=\"active\">Accueil<\/a>\n <a href=\"#magnetisme\">Le magn\u00e9tisme<\/a>\n <a href=\"#section-blocs\">Mes accompagnements<\/a>\n <a href=\"#quisuisje\">Qui suis-je ?<\/a>\n <a href=\"#avis\">Avis<\/a>\n <a href=\"#contact\">Contact<\/a>\n <a href=\"#\" id=\"openModalMobile\" style=\"background:var(--dor\u00e9);color:#1a1410;font-weight:700;text-align:center\">Se renseigner<\/a>\n <\/div>\n<\/header>\n\n\n<section id=\"accueil\" class=\"hero\">\n <div class=\"container grid md:grid-cols-2 gap-12 items-center\">\n <div class=\"fade-in\">\n <p class=\"kicker\">Gironde \u2022 Pr\u00e9sentiel & \u00e0 distance<\/p>\n <h1 class=\"mt-3 text-5xl md:text-6xl\">\n <span style=\"color:var(--vert-profond)\">Vivi<\/span> <span style=\"color:var(--dor\u00e9)\">Magn\u00e9tisme<\/span>\n <\/h1>\n <p class=\"mt-5 text-lg md:text-xl\">\n Magn\u00e9tisme et soins \u00e9nerg\u00e9tiques.<br>\n <span style=\"display:block\">Une approche simple, humaine et s\u00e9rieuse<\/span>\n <span style=\"display:block\">au service du mieux-\u00eatre.<\/span>\n <\/p>\n <div class=\"mt-8 flex flex-wrap gap-4\">\n <a href=\"#magnetisme\" class=\"btn btn-outline\">D\u00e9couvrir le magn\u00e9tisme<\/a>\n <a href=\"#\" id=\"openModalHero\" class=\"btn btn-solid\">Se renseigner<\/a>\n <\/div>\n <\/div>\n <div class=\"hero-video-container fade-in\" style=\"margin-top:24px\">\n <video class=\"hero-video\" autoplay muted loop playsinline\n poster=\"https:\/\/images.unsplash.com\/photo-1507525428034-b723cf961d3e?auto=format&fit=crop&w=1600&q=80\">\n <source src=\"https:\/\/res.cloudinary.com\/dua1g0k2t\/video\/upload\/v1762098815\/24216-340670744_gmqa03.mp4\" type=\"video\/mp4\">\n <source src=\"https:\/\/cdn.pixabay.com\/video\/2020\/11\/03\/54925-474806792_large.mp4\" type=\"video\/mp4\">\n Votre navigateur ne supporte pas la vid\u00e9o.\n <\/video>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section id=\"magnetisme\" class=\"paper wave-top wave-bottom\">\n <div class=\"container section-spacing\">\n <div class=\"max-w-3xl fade-in\">\n <h2 class=\"text-4xl font-semibold\">Le magn\u00e9tisme, simplement<\/h2>\n <div class=\"sep\"><\/div>\n <p class=\"text-lg\">\n Le magn\u00e9tisme part d\u2019une id\u00e9e simple : chacun\u00b7e de nous dispose d\u2019une circulation d\u2019\u00e9nergie qui peut parfois se d\u00e9r\u00e9gler ou s\u2019\u00e9puiser. Mon r\u00f4le est de canaliser et de transmettre une \u00e9nergie bienfaisante pour relancer cette dynamique naturelle, apaiser ce qui est en tension et soutenir ce qui a besoin de douceur.\n <\/p>\n <p class=\"text-lg mt-4\">\n Le soin repose sur une coop\u00e9ration entre vous et moi. Je canalise l\u2019\u00e9nergie pour stimuler et amplifier votre propre \u00e9nergie, et vous entrez dans un processus d\u2019autor\u00e9gulation. Votre participation compte : \u00e9coute de vous-m\u00eame, intention, confiance dans le processus. Pas de promesses miraculeuses. Simplement une pratique s\u00e9rieuse et humaine qui accompagne le corps et l\u2019esprit vers plus d\u2019\u00e9quilibre.\n <\/p>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section id=\"section-blocs\" class=\"section-neutral\">\n <div class=\"container section-spacing\">\n <div class=\"text-center max-w-3xl mx-auto fade-in\">\n <h2 class=\"text-4xl font-semibold\">Les accompagnements<\/h2>\n <div class=\"sep\"><\/div>\n <p style=\"font-style:italic; font-size:1.15rem;\">Un soutien pour avancer.<\/p>\n <p style=\"font-style:italic; opacity:.9; margin-top:.35rem;\">Mon accompagnement vise \u00e0 apaiser le corps, clarifier l\u2019esprit et lib\u00e9rer ce qui a besoin de l\u2019\u00eatre.<\/p>\n <\/div>\n\n <div class=\"sep\" style=\"margin:40px 0;\"><\/div>\n\n \n <div class=\"fade-in\">\n <div class=\"bloc b3 benefits text-center\">\n <h3>Les bienfaits d\u2019une s\u00e9ance<\/h3>\n <ul class=\"list-check benefits-list\">\n <li>Apaiser le mental et le stress<\/li>\n <li>Lib\u00e9rer les charges \u00e9motionnelles<\/li>\n <li><strong>Soulager les g\u00eanes et douleurs physiques<\/strong><\/li>\n <li>Retrouver de l\u2019\u00e9nergie et de la clart\u00e9<\/li>\n <li>Favoriser l\u2019\u00e9quilibre \u00e9motionnel<\/li>\n <li>Se sentir plus align\u00e9e au quotidien<\/li>\n <\/ul>\n <\/div>\n <\/div>\n\n \n <div class=\"fade-in\" style=\"margin-top:18px;\">\n <div class=\"bloc bloc-sauge\">\n <h3 class=\"text-center\">Modalit\u00e9s & contribution<\/h3>\n <p>Je vous accompagne :<\/p>\n <ul class=\"list-check\" style=\"margin-top:.6rem\">\n <li><strong>En pr\u00e9sentiel<\/strong> \u2013 \u00e0 domicile, Martignas-sur-Jalle et alentours<\/li>\n <li><strong>\u00c0 distance<\/strong> \u2013 apr\u00e8s un premier \u00e9change<\/li>\n <\/ul>\n <p class=\"mt-3\">Les s\u00e9ances sont actuellement propos\u00e9es <strong>\u00e0 don libre<\/strong> : vous contribuez selon vos moyens et la valeur que vous ressentez. Cette forme d\u2019\u00e9change me semble juste et humaine.<\/p>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section id=\"quisuisje\" class=\"paper wave-top wave-bottom\">\n <div class=\"container section-spacing\">\n <div class=\"qsj-grid\">\n <div class=\"fade-in\">\n <div class=\"qsj-img\">\n <img decoding=\"async\" src=\"https:\/\/i.imgur.com\/gzysSa2.jpeg\" alt=\"Virginie \u2014 magn\u00e9tiseuse en Gironde, soins \u00e9nerg\u00e9tiques avec une approche douce et intuitive\">\n <\/div>\n \n <div id=\"quoteDay\" class=\"quote-under\">\n <span id=\"quoteText\"><\/span>\n <span class=\"quote-refresh\" title=\"Changer la phrase\">\u21bb<\/span>\n <\/div>\n <\/div>\n <div class=\"fade-in\">\n <h2 class=\"text-4xl font-semibold\">Qui suis-je<\/h2>\n <div class=\"sep\"><\/div>\n <p>\n Mon premier souvenir de magn\u00e9tisme remonte \u00e0 l\u2019enfance : j\u2019avais mal au ventre, ma m\u00e8re posait sa main et la douleur s\u2019apaisait. Elle n\u2019avait pas conscience de ce geste, mais pour moi, il est rest\u00e9 grav\u00e9. Des ann\u00e9es plus tard, j\u2019ai reproduit ce geste naturellement, instinctivement.\n <\/p>\n <p class=\"mt-4\">\n C\u2019est en consultant moi-m\u00eame des magn\u00e9tiseurs pour me soigner que j\u2019ai vraiment compris ce qui se passait. Pendant ces s\u00e9ances, j\u2019ai ressenti intens\u00e9ment l\u2019\u00e9nergie circuler et j\u2019ai su que je voulais, \u00e0 mon tour, accompagner les autres sur ce chemin.\n <\/p>\n <p class=\"mt-4\">\n J\u2019ai commenc\u00e9 \u00e0 poser les mains, doucement, sur mon entourage. Les retours ont \u00e9t\u00e9 imm\u00e9diats et touchants. Chaque t\u00e9moignage, chaque soulagement me bouleverse encore aujourd\u2019hui : c\u2019est cet \u00e9merveillement qui nourrit ma pratique.\n <\/p>\n <p class=\"mt-4\"><strong>Mon approche repose sur l\u2019intuition et l\u2019intention.<\/strong> Je travaille avec douceur, bienveillance et authenticit\u00e9. Pas de protocoles rigides : j\u2019\u00e9coute ce qui se pr\u00e9sente, je canalise l\u2019\u00e9nergie l\u00e0 o\u00f9 elle est n\u00e9cessaire et je laisse le soin se faire dans le respect de votre rythme.<\/p>\n <p class=\"mt-4\">\n <em>Je prends soin de mon \u00e9nergie au quotidien : nature, calme, moments d\u2019introspection. Ces temps d\u2019ancrage me permettent de transmettre avec justesse et pr\u00e9sence.<\/em>\n <\/p>\n <div class=\"mt-6\">\n <a href=\"#contact\" class=\"btn btn-solid\">R\u00e9server un soin<\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section id=\"avis\" class=\"section-neutral\">\n <div class=\"container section-spacing\">\n <h2 class=\"text-4xl font-semibold text-center fade-in\">Ils en parlent mieux que moi<\/h2>\n <div class=\"sep fade-in\"><\/div>\n <div class=\"scroll-x fade-in\">\n <div class=\"avis-card\"><p class=\"italic\">“24h apr\u00e8s le soin, plus RIEN ! Un sentiment de clart\u00e9 et de paix int\u00e9rieure. Virginie est vraiment quelqu’un de bienveillant.”<\/p><p class=\"mt-3 font-semibold\">\u2014 Philippe H.<\/p><\/div>\n <div class=\"avis-card\"><p class=\"italic\">“Je suis arriv\u00e9e dans un \u00e9tat de stress \u00e9norme… Je suis repartie l\u00e9g\u00e8re, avec tellement de bonheur. Son travail est incroyable.”<\/p><p class=\"mt-3 font-semibold\">\u2014 Hanna L.<\/p><\/div>\n <div class=\"avis-card\"><p class=\"italic\">“D\u00e8s le d\u00e9but du soin, on ressent une \u00e9nergie qui circule. Les maux s’estompent et une sensation de bien-\u00eatre s’installe.”<\/p><p class=\"mt-3 font-semibold\">\u2014 M.<\/p><\/div>\n <div class=\"avis-card\"><p class=\"italic\">“Soulagement imm\u00e9diat sur ma blessure infect\u00e9e. La cicatrisation a \u00e9t\u00e9 tr\u00e8s rapide, j’en suis encore \u00e9tonn\u00e9 !”<\/p><p class=\"mt-3 font-semibold\">\u2014 L.<\/p><\/div>\n <div class=\"avis-card\"><p class=\"italic\">“\u00c9nergie douce, je me suis sentie en s\u00e9curit\u00e9.”<\/p><p class=\"mt-3 font-semibold\">\u2014 Sophie R.<\/p><\/div>\n <div class=\"avis-card\"><p class=\"italic\">“Apaisement imm\u00e9diat de mon \u00e9paule, bluffant.”<\/p><p class=\"mt-3 font-semibold\">\u2014 Claire D.<\/p><\/div>\n <\/div>\n <div class=\"text-center mt-8 fade-in\">\n <a href=\"https:\/\/www.facebook.com\/profile.php?id=61572669579226&sk=reviews&locale=fr_FR\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"btn btn-outline\">Voir plus d\u2019avis sur Facebook<\/a>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section id=\"contact\" class=\"paper wave-top\">\n <div class=\"container section-spacing\" style=\"text-align:center; max-width:760px;\">\n <div class=\"sep\" style=\"margin-top:-20px;\"><\/div>\n <p class=\"fade-in\" style=\"opacity:.9; font-size:.98rem; margin-top:-8px;\">\n Le magn\u00e9tisme est un accompagnement compl\u00e9mentaire, un soutien pour le corps et l\u2019esprit.<br>\n Il ne se substitue pas \u00e0 la m\u00e9decine, mais peut en \u00eatre un alli\u00e9 pr\u00e9cieux.\n <\/p>\n <div class=\"sep\"><\/div>\n\n <h2 class=\"text-4xl font-semibold fade-in\">Contact<\/h2>\n <p class=\"mb-5 fade-in\">Je r\u00e9ponds avec plaisir \u00e0 vos messages et vous explique le d\u00e9roulement d\u2019une s\u00e9ance avant toute prise de rendez-vous.<\/p>\n\n <p class=\"mb-2 fade-in\">\n <svg class=\"contact-icon\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M4 6h16a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2z\" stroke=\"#2F4238\" stroke-width=\"1.5\"\/><path d=\"M22 8l-8.5 6a2 2 0 0 1-2.5 0L2 8\" stroke=\"#2F4238\" stroke-width=\"1.5\"\/><\/svg>\n <a href=\"mailto:contact@vivimagnetisme.com\" class=\"underline\">contact@vivimagnetisme.com<\/a>\n <\/p>\n <p class=\"mb-2 fade-in\">\n <svg class=\"contact-icon\" viewBox=\"0 0 24 24\" fill=\"none\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"5\" stroke=\"#2F4238\" stroke-width=\"1.5\"\/><circle cx=\"12\" cy=\"12\" r=\"3.5\" stroke=\"#2F4238\" stroke-width=\"1.5\"\/><circle cx=\"17.5\" cy=\"6.5\" r=\"1\" fill=\"#2F4238\"\/><\/svg>\n <a href=\"https:\/\/instagram.com\/Vivi.magnetisme\" target=\"_blank\" rel=\"noreferrer\" style=\"text-decoration:underline;\">@Vivi.magnetisme<\/a>\n <\/p>\n <p class=\"mb-6 fade-in\">\n <svg class=\"contact-icon\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z\" stroke=\"#2F4238\" stroke-width=\"1.5\" fill=\"none\"\/><\/svg>\n <a href=\"https:\/\/www.facebook.com\/profile.php?id=61572669579226\" target=\"_blank\" rel=\"noreferrer\" style=\"text-decoration:underline;\">Facebook<\/a>\n <\/p>\n\n <a href=\"#\" id=\"openModalBottom\" class=\"btn btn-solid fade-in\">Se renseigner<\/a>\n <div style=\"height:24px\"><\/div>\n <\/div>\n<\/section>\n\n\n<footer>\n <div class=\"container grid md:grid-cols-2 gap-8 items-center\">\n <div class=\"text-lg\" style=\"color:#E9E4D6;\">Vivi Magn\u00e9tisme<\/div>\n <div class=\"text-sm md:text-right opacity-80\">\u00a9 <span id=\"year\"><\/span> \u2013 Tous droits r\u00e9serv\u00e9s<\/div>\n <\/div>\n<\/footer>\n\n\n<div id=\"modal\" class=\"backdrop\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"dialogTitle\">\n <div class=\"modal\">\n <div class=\"modal-head flex items-center justify-between\">\n <div id=\"dialogTitle\">Se renseigner<\/div>\n <button class=\"close-x\" id=\"closeX\" aria-label=\"Fermer\">\u00d7<\/button>\n <\/div>\n <div class=\"modal-body\">\n <form id=\"contactForm\" class=\"space-y-4\">\n <div class=\"grid-2\">\n <div class=\"field\"><label>Pr\u00e9nom<\/label><input class=\"input\" name=\"prenom\" required><\/div>\n <div class=\"field\"><label>Nom<\/label><input class=\"input\" name=\"nom\" required><\/div>\n <\/div>\n <div class=\"grid-2\">\n <div class=\"field\"><label>E-mail<\/label><input class=\"input\" type=\"email\" name=\"email\" required><\/div>\n <div class=\"field\"><label>Instagram (optionnel)<\/label><input class=\"input\" name=\"ig\" placeholder=\"@votre.compte\"><\/div>\n <\/div>\n <div class=\"field\"><label>Message<\/label><textarea class=\"input\" name=\"message\" rows=\"4\" placeholder=\"Votre besoin, disponibilit\u00e9s\u2026\"><\/textarea><\/div>\n <div class=\"pt-2\">\n <button class=\"btn btn-solid\" type=\"submit\">Envoyer<\/button>\n <button type=\"button\" class=\"btn btn-outline\" id=\"closeBtn\">Fermer<\/button>\n <\/div>\n <\/form>\n <p class=\"text-xs mt-3 opacity-70\">S\u00e9ances \u00e0 don libre. Aucune promesse m\u00e9dicale n\u2019est formul\u00e9e.<\/p>\n <\/div>\n <\/div>\n<\/div>\n\n<script>\n \/\/ Ann\u00e9e\n document.getElementById('year').textContent = new Date().getFullYear();\n\n \/\/ Burger menu\n const burger = document.getElementById('burger');\n const mobileMenu = document.getElementById('mobileMenu');\n burger.addEventListener('click', () => {\n burger.classList.toggle('open');\n mobileMenu.classList.toggle('open');\n });\n\n \/\/ Fermer menu mobile au clic sur lien\n document.querySelectorAll('.mobile-menu a').forEach(link => {\n link.addEventListener('click', () => {\n burger.classList.remove('open');\n mobileMenu.classList.remove('open');\n });\n });\n\n \/\/ Nav actif on scroll\n const navLinks = [...document.querySelectorAll('.nav-links a, .mobile-menu a:not([id])')];\n const secs = ['accueil','magnetisme','section-blocs','quisuisje','avis','contact'].map(id=>document.getElementById(id));\n const setActive = () => {\n const y = window.scrollY + 120;\n let idx = 0;\n secs.forEach((s,i)=>{ if(s && s.offsetTop <= y) idx = i; });\n navLinks.forEach((a,i)=> a.classList.toggle('active', i===idx || i===idx+6));\n };\n document.addEventListener('scroll', setActive, {passive:true});\n setActive();\n\n \/\/ Animations scroll\n const observer = new IntersectionObserver((entries) => {\n entries.forEach(entry => { if (entry.isIntersecting) entry.target.classList.add('visible'); });\n }, { threshold: 0.1, rootMargin: '0px 0px -50px 0px' });\n document.querySelectorAll('.fade-in').forEach(el => observer.observe(el));\n\n \/\/ Modal\n const modal = document.getElementById('modal');\n const open = ()=> modal.style.display='flex';\n const close = ()=> modal.style.display='none';\n ['openModalTop','openModalHero','openModalBottom','openModalMobile'].forEach(id=>{\n const btn = document.getElementById(id);\n if(btn) btn.addEventListener('click', e=>{e.preventDefault(); open();});\n });\n document.getElementById('closeX').addEventListener('click', close);\n document.getElementById('closeBtn').addEventListener('click', close);\n modal.addEventListener('click', e=>{ if(e.target===modal) close(); });\n\n \/* ====== Envoi via WordPress (admin-ajax) \u2014 remplace l'ancien mailto ====== *\/\n document.getElementById('contactForm').addEventListener('submit', async function(e){\n e.preventDefault();\n const form = e.currentTarget;\n const fd = new FormData(form);\n fd.append('action','vivi_contact'); \/\/ doit correspondre \u00e0 l'action PHP dans functions.php\n\n try {\n const res = await fetch('\/wp-admin\/admin-ajax.php', {\n method: 'POST',\n body: fd\n });\n const data = await res.json();\n if (data && data.success) {\n alert('Merci ! Votre message a bien \u00e9t\u00e9 envoy\u00e9. Je vous r\u00e9ponds rapidement.');\n form.reset();\n if (typeof close === 'function') close();\n } else {\n alert(\"Oups, l'envoi a \u00e9chou\u00e9. Vous pouvez \u00e9crire \u00e0 contact@vivimagnetisme.com\");\n }\n } catch (err) {\n alert(\"Probl\u00e8me de connexion. R\u00e9essayez dans un instant.\");\n }\n });\n\n \/\/ \u2728 Citation sous la photo : phrase du jour + clic\/\u21bb\n (function(){\n const quotes = [\n \"L\u2019\u00e9nergie suit l\u2019intention.\",\n \"Avance doucement, mais avance.\",\n \"Ce dont tu as besoin te cherche aussi.\",\n \"Respire. Tu es d\u00e9j\u00e0 sur le chemin.\",\n \"Chaque jour contient une petite gu\u00e9rison.\",\n \"Le calme se trouve \u00e0 l\u2019int\u00e9rieur.\",\n \"Ton corps sait d\u00e9j\u00e0. \u00c9coute-le.\",\n \"La douceur n\u2019emp\u00eache pas la force.\"\n ];\n\n const quoteDay = document.getElementById('quoteDay');\n if(!quoteDay) return;\n const textEl = document.getElementById('quoteText');\n const refreshBtn = quoteDay.querySelector('.quote-refresh');\n\n \/\/ phrase du jour (d\u00e9terministe)\n const d = new Date();\n const key = d.getFullYear()+'-'+(d.getMonth()+1)+'-'+d.getDate();\n let sum = 0; for(const c of key) sum += c.charCodeAt(0);\n let idx = sum % quotes.length;\n\n const render = ()=> textEl.textContent = quotes[idx];\n render();\n\n const nextQuote = ()=>{\n quoteDay.classList.add('fade');\n setTimeout(()=>{\n idx = (idx + 1) % quotes.length;\n render();\n quoteDay.classList.remove('fade');\n },180);\n };\n\n quoteDay.addEventListener('click', nextQuote);\n if(refreshBtn) refreshBtn.addEventListener('click', e=>{\n e.stopPropagation();\n nextQuote();\n });\n })();\n<\/script>\n<\/body>\n<\/html>\n\n\n","protected":false},"excerpt":{"rendered":"<p>Vivi Magn\u00e9tisme – Soins \u00e9nerg\u00e9tiques \u00e0 Martignas-sur-Jalle<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-8","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/vivimagnetisme.com\/index.php\/wp-json\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/vivimagnetisme.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/vivimagnetisme.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/vivimagnetisme.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/vivimagnetisme.com\/index.php\/wp-json\/wp\/v2\/comments?post=8"}],"version-history":[{"count":8,"href":"https:\/\/vivimagnetisme.com\/index.php\/wp-json\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":32,"href":"https:\/\/vivimagnetisme.com\/index.php\/wp-json\/wp\/v2\/pages\/8\/revisions\/32"}],"wp:attachment":[{"href":"https:\/\/vivimagnetisme.com\/index.php\/wp-json\/wp\/v2\/media?parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":8,"date":"2025-11-05T16:15:56","date_gmt":"2025-11-05T16:15:56","guid":{"rendered":"https:\/\/vivimagnetisme.com\/?page_id=8"},"modified":"2025-11-06T13:52:49","modified_gmt":"2025-11-06T13:52:49","slug":"accueil","status":"publish","type":"page","link":"https:\/\/vivimagnetisme.com\/","title":{"rendered":""},"content":{"rendered":"\n\n\n\n\n\n\nVivi Magn\u00e9tisme – Soins \u00e9nerg\u00e9tiques \u00e0 Martignas-sur-Jalle<\/title>\n<meta name=\"description\" content=\"Magn\u00e9tisme et soins \u00e9nerg\u00e9tiques en Gironde et \u00e0 distance. Approche intuitive et bienveillante. S\u00e9ances \u00e0 don libre.\">\n<meta name=\"keywords\" content=\"magn\u00e9tisme, soins \u00e9nerg\u00e9tiques, Martignas-sur-Jalle, gu\u00e9rison, bien-\u00eatre, don libre\">\n<meta property=\"og:title\" content=\"Vivi Magn\u00e9tisme - Soins \u00e9nerg\u00e9tiques\">\n<meta property=\"og:description\" content=\"Magn\u00e9tisme et soins \u00e9nerg\u00e9tiques. Une approche simple, humaine et s\u00e9rieuse au service du mieux-\u00eatre.\">\n<meta property=\"og:type\" content=\"website\">\n<link rel=\"icon\" href=\"data:image\/svg+xml,<svg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 100 100'><text y='.9em' font-size='90'>\u2728<\/text><\/svg>“>\n\n\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:wght@500;600;700&family=Quicksand:wght@400;600&display=swap\" rel=\"stylesheet\">\n<link href=\"https:\/\/cdn.jsdelivr.net\/npm\/tailwindcss@2.2.19\/dist\/tailwind.min.css\" rel=\"stylesheet\">\n\n<style>\n :root{\n --vert-profond:#2F4238;\n --sauge:#A9B79F;\n --sauge-clair:#C9D3C3;\n --sauge-pale:#EEF0EB; \/* fond sections neutres *\/\n --sauge-hero:#E8ECE4; \/* fond vert clair du hero *\/\n --sauge-bloc:#DCE1D4; \/* bloc Modalit\u00e9s *\/\n --beige:#EDE6D8; \/* base papier *\/\n --blanc:#F8F6F0;\n --dor\u00e9:#C5A43A; \/* dor\u00e9 adouci *\/\n --ligne:#D7D7CF;\n }\n\n html,body{scroll-behavior:smooth}\n body{\n background:var(--blanc);\n color:var(--vert-profond);\n font-family:'Quicksand', system-ui, -apple-system, Segoe UI, Roboto, sans-serif;\n line-height:1.7;\n }\n h1,h2,h3,h4{font-family:'Cormorant Garamond', serif; letter-spacing:.2px}\n h1,h2{font-weight:600; line-height:1.2}\n h2{ margin-bottom:1rem; }\n h3{font-weight:500}\n\n .container{max-width:1120px;margin:0 auto;padding:0 24px}\n section{scroll-margin-top:96px}\n\n \/* ANIMATIONS SCROLL *\/\n .fade-in{opacity:0;transform:translateY(20px);transition:opacity .8s ease, transform .8s ease}\n .fade-in.visible{opacity:1;transform:translateY(0)}\n\n \/* NAV *\/\n .site-nav{position:fixed;top:0;left:0;right:0;height:80px;z-index:80;background:var(--vert-profond);display:flex;align-items:center;box-shadow:0 10px 24px rgba(0,0,0,.10)}\n .nav-inner{max-width:1120px;margin:0 auto;width:100%;display:flex;justify-content:space-between;align-items:center;gap:24px;padding:0 24px}\n .brand{color:#fff;font-weight:700;font-size:1.1rem;white-space:nowrap}\n\n .nav-links{display:flex;gap:32px;align-items:center;flex-wrap:nowrap}\n .nav-links a{color:#F2F2EC;font-size:1.05rem;padding:.5rem .7rem;border-radius:.5rem;transition:all .2s ease;white-space:nowrap}\n .nav-links a:hover{background:rgba(255,255,255,.06)}\n .nav-links a.active{box-shadow:inset 0 -2.5px 0 var(--sauge)}\n\n .burger{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:8px}\n .burger span{width:25px;height:3px;background:#fff;border-radius:3px;transition:all .3s ease}\n .burger.open span:nth-child(1){transform:rotate(45deg) translate(7px, 7px)}\n .burger.open span:nth-child(2){opacity:0}\n .burger.open span:nth-child(3){transform:rotate(-45deg) translate(7px, -7px)}\n\n .mobile-menu{\n position:fixed;top:80px;left:0;right:0;background:var(--vert-profond);\n max-height:0;overflow:hidden;transition:max-height .3s ease;\n box-shadow:0 10px 24px rgba(0,0,0,.10);\n }\n .mobile-menu.open{max-height:500px}\n .mobile-menu a{display:block;color:#F2F2EC;padding:1rem 24px;border-bottom:1px solid rgba(255,255,255,.1)}\n .mobile-menu a:hover{background:rgba(255,255,255,.06)}\n .mobile-menu a.active{background:rgba(169,183,159,.15)}\n\n @media (max-width:900px){\n .nav-links{display:none}\n .burger{display:flex}\n .nav-cta-desktop{display:none}\n }\n\n \/* Header CTA \u2013 vert profond + accent dor\u00e9 + glow vert au hover *\/\n .nav-cta{\n background:var(--vert-profond);\n color:#fff;\n font-weight:700;\n padding:.6rem 1.4rem;\n border-radius:12px;\n border:1.5px solid rgba(197,164,58,.85); \/* dor\u00e9 fin *\/\n box-shadow:0 6px 18px rgba(0,0,0,.14);\n transition:transform .15s ease, box-shadow .2s ease, border-color .2s ease;\n white-space:nowrap;\n position:relative;\n overflow:hidden;\n flex-shrink:0;\n min-width:max-content;\n display:inline-flex;\n align-items:center;\n justify-content:center;\n }\n .nav-cta:hover{\n transform:translateY(-1px) scale(1.02);\n box-shadow:\n 0 0 0 3px rgba(197,164,58,.10),\n 0 0 14px rgba(47,66,56,.25),\n 0 10px 22px rgba(0,0,0,.18);\n border-color:rgba(197,164,58,1);\n }\n\n \/* ---------- HERO ---------- *\/\n .hero{\n background:var(--sauge-hero);\n padding-top:96px;\n padding-bottom:36px;\n position:relative; z-index:0;\n }\n .hero::after{\n content:'';position:absolute;bottom:0;left:0;right:0;height:80px;\n background:var(--sauge-hero);\n clip-path:ellipse(100% 100% at 50% 100%);\n z-index:-1;\n }\n .hero .container{align-items:center}\n .kicker{font-size:.9rem;opacity:.85}\n\n \/* Boutons g\u00e9n\u00e9riques *\/\n .btn{\n padding:.9rem 1.2rem;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;\n font-weight:700;transition:transform .2s ease, box-shadow .25s ease, border-color .2s ease, background .2s ease;\n }\n .btn-outline{background:transparent;border:2px solid var(--vert-profond);color:var(--vert-profond);box-shadow:0 4px 12px rgba(0,0,0,.06)}\n .btn-outline:hover{transform:translateY(-1px) scale(1.02);box-shadow:0 0 14px rgba(47,66,56,.25), 0 8px 18px rgba(0,0,0,.12)}\n .btn-solid{background:var(--vert-profond);color:#fff;border:2px solid var(--vert-profond);box-shadow:0 6px 18px rgba(0,0,0,.12)}\n .btn-solid:hover{transform:translateY(-1px) scale(1.02);box-shadow:0 0 18px rgba(47,66,56,.30), 0 10px 24px rgba(0,0,0,.18)}\n @media (max-width:768px){ .btn{padding:1rem 1.3rem} }\n\n .hero-video-container{\n background:#fff; border:1px solid var(--ligne); border-radius:14px; overflow:hidden;\n box-shadow:0 18px 40px rgba(0,0,0,.12);\n position:relative; z-index:1;\n display:flex; align-items:center; justify-content:center;\n margin-bottom:20px;\n }\n .hero-video{ width:100%; height:auto; min-height:260px; max-height:420px; object-fit:cover; display:block; }\n\n \/* ---------- PAPIER ---------- *\/\n .paper{\n background-color: var(--beige);\n background-image:\n url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='320' height='320'%3E%3Cfilter id='g1'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' seed='8'\/%3E%3CfeColorMatrix type='saturate' values='0'\/%3E%3CfeComponentTransfer%3E%3CfeFuncA type='table' tableValues='0 0.22'\/%3E%3C\/feComponentTransfer%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g1)'\/%3E%3C\/svg%3E\"),\n url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='220' height='220'%3E%3Cfilter id='g2'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.35' numOctaves='2' seed='11'\/%3E%3CfeColorMatrix type='saturate' values='0'\/%3E%3CfeComponentTransfer%3E%3CfeFuncA type='table' tableValues='0 0.12'\/%3E%3C\/feComponentTransfer%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g2)'\/%3E%3C\/svg%3E\");\n background-size: 700px 700px, 520px 520px;\n background-blend-mode: multiply;\n background-attachment: fixed;\n position:relative;\n }\n\n \/* Sections neutres *\/\n .section-neutral{background:var(--sauge-pale);}\n\n \/* Lignes de s\u00e9paration *\/\n .sep{height:1px;background:linear-gradient(90deg, transparent, rgba(47,66,56,0.6), transparent);margin:32px 0}\n\n \/* Listes *\/\n .list-check li{position:relative;padding-left:1.6rem;margin-bottom:.8rem}\n .list-check li::before{content:\"\"; position:absolute; left:.2rem; top:.6rem; width:.55rem; height:.55rem; border-radius:999px; background:var(--sauge); box-shadow:0 0 0 3px rgba(169,183,159,.28)}\n\n \/* Grille g\u00e9n\u00e9rique (si besoin ailleurs) *\/\n .grid-2-1{display:grid;grid-template-columns:1fr;gap:18px}\n @media (min-width:900px){ .grid-2-1{grid-template-columns:1fr 1fr;grid-auto-rows:1fr} }\n\n \/* Blocs *\/\n .bloc{border-radius:16px; color:#fff; padding:28px 24px; box-shadow:0 18px 36px rgba(0,0,0,.14)}\n .b3{background:#3E5F4D}\n .bloc h3{font-size:1.5rem;margin-bottom:.55rem}\n .bloc-sauge{background:var(--sauge-bloc); color:var(--vert-profond)}\n\n \/* \u2705 Les bienfaits \u2013 centrage parfait titre + colonnes *\/\n .benefits h3{ text-align:center; margin-bottom:1rem; }\n .benefits-list{\n display:inline-grid;\n grid-template-columns:1fr;\n gap:12px 48px;\n margin:0 auto;\n text-align:left;\n }\n @media (min-width:900px){\n .benefits-list{\n grid-template-columns:1fr 1fr;\n justify-content:center;\n }\n }\n\n \/* Qui suis-je *\/\n .qsj-grid{display:grid;grid-template-columns:1fr;gap:28px;align-items:center}\n @media (min-width:900px){ .qsj-grid{grid-template-columns:320px 1fr;gap:48px;align-items:center} }\n .qsj-img{border:1px solid var(--ligne); border-radius:14px; overflow:hidden; box-shadow:0 18px 40px rgba(0,0,0,.12); width:100%; max-width:320px; margin:0 auto;}\n .qsj-img img{width:100%; height:auto; aspect-ratio:1\/1; object-fit:cover; object-position:center;}\n\n \/* \u2705 Citation sous la photo : centr\u00e9e + fl\u00e8che toujours visible *\/\n .quote-under{\n width:100%;\n display:flex;\n justify-content:center;\n align-items:center;\n gap:.35rem;\n text-align:center;\n font-style:italic;\n opacity:.9;\n margin-top:.75rem;\n font-size:1.05rem;\n line-height:1.5;\n cursor:pointer;\n transition:opacity .25s ease;\n position:relative;\n }\n .quote-refresh{\n font-style:normal;\n font-size:1rem;\n opacity:.6;\n transition:opacity .3s ease, transform .3s ease;\n }\n .quote-under:hover .quote-refresh{ opacity:.75; transform:rotate(90deg); }\n .quote-under.fade{opacity:0;}\n\n \/* Slider avis *\/\n .scroll-x{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:12px;scrollbar-width:thin;scrollbar-color:var(--sauge) var(--sauge-clair)}\n .scroll-x::-webkit-scrollbar{height:8px}\n .scroll-x::-webkit-scrollbar-track{background:var(--sauge-clair);border-radius:10px}\n .scroll-x::-webkit-scrollbar-thumb{background:var(--sauge);border-radius:10px}\n .scroll-x > *{scroll-snap-align:start;flex:0 0 360px}\n .avis-card{background:#FAF8F2;border:1px solid var(--ligne); border-radius:16px; padding:22px 20px; box-shadow:0 10px 22px rgba(0,0,0,.08); transition:transform .3s ease, box-shadow .3s ease}\n .avis-card:hover{transform:translateY(-4px);box-shadow:0 14px 28px rgba(0,0,0,.12)}\n\n \/* CONTACT & divers *\/\n .contact-icon{width:22px;height:22px;margin-right:8px;display:inline-block;vertical-align:-4px}\n .backdrop{position:fixed;inset:0;background:rgba(0,0,0,.45);display:none;align-items:center;justify-content:center;z-index:90}\n .modal{width:min(760px,92vw);border-radius:18px;overflow:hidden;background:#fff;border:1px solid var(--ligne); box-shadow:0 20px 44px rgba(0,0,0,.25)}\n .modal-head{background:var(--sauge);color:#1b2b23;padding:22px 26px;font-weight:700}\n .modal-body{padding:22px 26px;background:#fff}\n .grid-2{display:grid;grid-template-columns:1fr;gap:14px}\n @media (min-width:720px){ .grid-2{grid-template-columns:1fr 1fr} }\n .field{display:flex;flex-direction:column;gap:6px}\n .input{background:#fff;border:1.5px solid #D7D7CF;border-radius:12px;padding:.9rem 1rem;transition:border .3s ease}\n .input:focus{outline:none;border-color:var(--sauge)}\n .close-x{cursor:pointer;font-size:24px;line-height:1}\n\n footer{background:var(--vert-profond);color:#EDEBE4;padding:40px 0}\n .section-spacing{padding-top:120px;padding-bottom:120px}\n @media (max-width:768px){ .section-spacing{padding-top:80px;padding-bottom:80px} }\n<\/style>\n<\/head>\n<body>\n\n\n<header class=\"site-nav\">\n <div class=\"nav-inner\">\n <div class=\"brand\">Vivi Magn\u00e9tisme<\/div>\n\n \n <nav class=\"nav-links\">\n <a href=\"#accueil\" class=\"active\">Accueil<\/a>\n <a href=\"#magnetisme\">Le magn\u00e9tisme<\/a>\n <a href=\"#section-blocs\">Mes accompagnements<\/a>\n <a href=\"#quisuisje\">Qui suis-je ?<\/a>\n <a href=\"#avis\">Avis<\/a>\n <a href=\"#contact\">Contact<\/a>\n <\/nav>\n\n \n <div class=\"burger\" id=\"burger\"><span><\/span><span><\/span><span><\/span><\/div>\n\n <a href=\"#\" class=\"nav-cta nav-cta-desktop\" id=\"openModalTop\">Se renseigner<\/a>\n <\/div>\n\n \n <div class=\"mobile-menu\" id=\"mobileMenu\">\n <a href=\"#accueil\" class=\"active\">Accueil<\/a>\n <a href=\"#magnetisme\">Le magn\u00e9tisme<\/a>\n <a href=\"#section-blocs\">Mes accompagnements<\/a>\n <a href=\"#quisuisje\">Qui suis-je ?<\/a>\n <a href=\"#avis\">Avis<\/a>\n <a href=\"#contact\">Contact<\/a>\n <a href=\"#\" id=\"openModalMobile\" style=\"background:var(--dor\u00e9);color:#1a1410;font-weight:700;text-align:center\">Se renseigner<\/a>\n <\/div>\n<\/header>\n\n\n<section id=\"accueil\" class=\"hero\">\n <div class=\"container grid md:grid-cols-2 gap-12 items-center\">\n <div class=\"fade-in\">\n <p class=\"kicker\">Gironde \u2022 Pr\u00e9sentiel & \u00e0 distance<\/p>\n <h1 class=\"mt-3 text-5xl md:text-6xl\">\n <span style=\"color:var(--vert-profond)\">Vivi<\/span> <span style=\"color:var(--dor\u00e9)\">Magn\u00e9tisme<\/span>\n <\/h1>\n <p class=\"mt-5 text-lg md:text-xl\">\n Magn\u00e9tisme et soins \u00e9nerg\u00e9tiques.<br>\n <span style=\"display:block\">Une approche simple, humaine et s\u00e9rieuse<\/span>\n <span style=\"display:block\">au service du mieux-\u00eatre.<\/span>\n <\/p>\n <div class=\"mt-8 flex flex-wrap gap-4\">\n <a href=\"#magnetisme\" class=\"btn btn-outline\">D\u00e9couvrir le magn\u00e9tisme<\/a>\n <a href=\"#\" id=\"openModalHero\" class=\"btn btn-solid\">Se renseigner<\/a>\n <\/div>\n <\/div>\n <div class=\"hero-video-container fade-in\" style=\"margin-top:24px\">\n <video class=\"hero-video\" autoplay muted loop playsinline\n poster=\"https:\/\/images.unsplash.com\/photo-1507525428034-b723cf961d3e?auto=format&fit=crop&w=1600&q=80\">\n <source src=\"https:\/\/res.cloudinary.com\/dua1g0k2t\/video\/upload\/v1762098815\/24216-340670744_gmqa03.mp4\" type=\"video\/mp4\">\n <source src=\"https:\/\/cdn.pixabay.com\/video\/2020\/11\/03\/54925-474806792_large.mp4\" type=\"video\/mp4\">\n Votre navigateur ne supporte pas la vid\u00e9o.\n <\/video>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section id=\"magnetisme\" class=\"paper wave-top wave-bottom\">\n <div class=\"container section-spacing\">\n <div class=\"max-w-3xl fade-in\">\n <h2 class=\"text-4xl font-semibold\">Le magn\u00e9tisme, simplement<\/h2>\n <div class=\"sep\"><\/div>\n <p class=\"text-lg\">\n Le magn\u00e9tisme part d\u2019une id\u00e9e simple : chacun\u00b7e de nous dispose d\u2019une circulation d\u2019\u00e9nergie qui peut parfois se d\u00e9r\u00e9gler ou s\u2019\u00e9puiser. Mon r\u00f4le est de canaliser et de transmettre une \u00e9nergie bienfaisante pour relancer cette dynamique naturelle, apaiser ce qui est en tension et soutenir ce qui a besoin de douceur.\n <\/p>\n <p class=\"text-lg mt-4\">\n Le soin repose sur une coop\u00e9ration entre vous et moi. Je canalise l\u2019\u00e9nergie pour stimuler et amplifier votre propre \u00e9nergie, et vous entrez dans un processus d\u2019autor\u00e9gulation. Votre participation compte : \u00e9coute de vous-m\u00eame, intention, confiance dans le processus. Pas de promesses miraculeuses. Simplement une pratique s\u00e9rieuse et humaine qui accompagne le corps et l\u2019esprit vers plus d\u2019\u00e9quilibre.\n <\/p>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section id=\"section-blocs\" class=\"section-neutral\">\n <div class=\"container section-spacing\">\n <div class=\"text-center max-w-3xl mx-auto fade-in\">\n <h2 class=\"text-4xl font-semibold\">Les accompagnements<\/h2>\n <div class=\"sep\"><\/div>\n <p style=\"font-style:italic; font-size:1.15rem;\">Un soutien pour avancer.<\/p>\n <p style=\"font-style:italic; opacity:.9; margin-top:.35rem;\">Mon accompagnement vise \u00e0 apaiser le corps, clarifier l\u2019esprit et lib\u00e9rer ce qui a besoin de l\u2019\u00eatre.<\/p>\n <\/div>\n\n <div class=\"sep\" style=\"margin:40px 0;\"><\/div>\n\n \n <div class=\"fade-in\">\n <div class=\"bloc b3 benefits text-center\">\n <h3>Les bienfaits d\u2019une s\u00e9ance<\/h3>\n <ul class=\"list-check benefits-list\">\n <li>Apaiser le mental et le stress<\/li>\n <li>Lib\u00e9rer les charges \u00e9motionnelles<\/li>\n <li><strong>Soulager les g\u00eanes et douleurs physiques<\/strong><\/li>\n <li>Retrouver de l\u2019\u00e9nergie et de la clart\u00e9<\/li>\n <li>Favoriser l\u2019\u00e9quilibre \u00e9motionnel<\/li>\n <li>Se sentir plus align\u00e9e au quotidien<\/li>\n <\/ul>\n <\/div>\n <\/div>\n\n \n <div class=\"fade-in\" style=\"margin-top:18px;\">\n <div class=\"bloc bloc-sauge\">\n <h3 class=\"text-center\">Modalit\u00e9s & contribution<\/h3>\n <p>Je vous accompagne :<\/p>\n <ul class=\"list-check\" style=\"margin-top:.6rem\">\n <li><strong>En pr\u00e9sentiel<\/strong> \u2013 \u00e0 domicile, Martignas-sur-Jalle et alentours<\/li>\n <li><strong>\u00c0 distance<\/strong> \u2013 apr\u00e8s un premier \u00e9change<\/li>\n <\/ul>\n <p class=\"mt-3\">Les s\u00e9ances sont actuellement propos\u00e9es <strong>\u00e0 don libre<\/strong> : vous contribuez selon vos moyens et la valeur que vous ressentez. Cette forme d\u2019\u00e9change me semble juste et humaine.<\/p>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section id=\"quisuisje\" class=\"paper wave-top wave-bottom\">\n <div class=\"container section-spacing\">\n <div class=\"qsj-grid\">\n <div class=\"fade-in\">\n <div class=\"qsj-img\">\n <img decoding=\"async\" src=\"https:\/\/i.imgur.com\/gzysSa2.jpeg\" alt=\"Virginie \u2014 magn\u00e9tiseuse en Gironde, soins \u00e9nerg\u00e9tiques avec une approche douce et intuitive\">\n <\/div>\n \n <div id=\"quoteDay\" class=\"quote-under\">\n <span id=\"quoteText\"><\/span>\n <span class=\"quote-refresh\" title=\"Changer la phrase\">\u21bb<\/span>\n <\/div>\n <\/div>\n <div class=\"fade-in\">\n <h2 class=\"text-4xl font-semibold\">Qui suis-je<\/h2>\n <div class=\"sep\"><\/div>\n <p>\n Mon premier souvenir de magn\u00e9tisme remonte \u00e0 l\u2019enfance : j\u2019avais mal au ventre, ma m\u00e8re posait sa main et la douleur s\u2019apaisait. Elle n\u2019avait pas conscience de ce geste, mais pour moi, il est rest\u00e9 grav\u00e9. Des ann\u00e9es plus tard, j\u2019ai reproduit ce geste naturellement, instinctivement.\n <\/p>\n <p class=\"mt-4\">\n C\u2019est en consultant moi-m\u00eame des magn\u00e9tiseurs pour me soigner que j\u2019ai vraiment compris ce qui se passait. Pendant ces s\u00e9ances, j\u2019ai ressenti intens\u00e9ment l\u2019\u00e9nergie circuler et j\u2019ai su que je voulais, \u00e0 mon tour, accompagner les autres sur ce chemin.\n <\/p>\n <p class=\"mt-4\">\n J\u2019ai commenc\u00e9 \u00e0 poser les mains, doucement, sur mon entourage. Les retours ont \u00e9t\u00e9 imm\u00e9diats et touchants. Chaque t\u00e9moignage, chaque soulagement me bouleverse encore aujourd\u2019hui : c\u2019est cet \u00e9merveillement qui nourrit ma pratique.\n <\/p>\n <p class=\"mt-4\"><strong>Mon approche repose sur l\u2019intuition et l\u2019intention.<\/strong> Je travaille avec douceur, bienveillance et authenticit\u00e9. Pas de protocoles rigides : j\u2019\u00e9coute ce qui se pr\u00e9sente, je canalise l\u2019\u00e9nergie l\u00e0 o\u00f9 elle est n\u00e9cessaire et je laisse le soin se faire dans le respect de votre rythme.<\/p>\n <p class=\"mt-4\">\n <em>Je prends soin de mon \u00e9nergie au quotidien : nature, calme, moments d\u2019introspection. Ces temps d\u2019ancrage me permettent de transmettre avec justesse et pr\u00e9sence.<\/em>\n <\/p>\n <div class=\"mt-6\">\n <a href=\"#contact\" class=\"btn btn-solid\">R\u00e9server un soin<\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section id=\"avis\" class=\"section-neutral\">\n <div class=\"container section-spacing\">\n <h2 class=\"text-4xl font-semibold text-center fade-in\">Ils en parlent mieux que moi<\/h2>\n <div class=\"sep fade-in\"><\/div>\n <div class=\"scroll-x fade-in\">\n <div class=\"avis-card\"><p class=\"italic\">“24h apr\u00e8s le soin, plus RIEN ! Un sentiment de clart\u00e9 et de paix int\u00e9rieure. Virginie est vraiment quelqu’un de bienveillant.”<\/p><p class=\"mt-3 font-semibold\">\u2014 Philippe H.<\/p><\/div>\n <div class=\"avis-card\"><p class=\"italic\">“Je suis arriv\u00e9e dans un \u00e9tat de stress \u00e9norme… Je suis repartie l\u00e9g\u00e8re, avec tellement de bonheur. Son travail est incroyable.”<\/p><p class=\"mt-3 font-semibold\">\u2014 Hanna L.<\/p><\/div>\n <div class=\"avis-card\"><p class=\"italic\">“D\u00e8s le d\u00e9but du soin, on ressent une \u00e9nergie qui circule. Les maux s’estompent et une sensation de bien-\u00eatre s’installe.”<\/p><p class=\"mt-3 font-semibold\">\u2014 M.<\/p><\/div>\n <div class=\"avis-card\"><p class=\"italic\">“Soulagement imm\u00e9diat sur ma blessure infect\u00e9e. La cicatrisation a \u00e9t\u00e9 tr\u00e8s rapide, j’en suis encore \u00e9tonn\u00e9 !”<\/p><p class=\"mt-3 font-semibold\">\u2014 L.<\/p><\/div>\n <div class=\"avis-card\"><p class=\"italic\">“\u00c9nergie douce, je me suis sentie en s\u00e9curit\u00e9.”<\/p><p class=\"mt-3 font-semibold\">\u2014 Sophie R.<\/p><\/div>\n <div class=\"avis-card\"><p class=\"italic\">“Apaisement imm\u00e9diat de mon \u00e9paule, bluffant.”<\/p><p class=\"mt-3 font-semibold\">\u2014 Claire D.<\/p><\/div>\n <\/div>\n <div class=\"text-center mt-8 fade-in\">\n <a href=\"https:\/\/www.facebook.com\/profile.php?id=61572669579226&sk=reviews&locale=fr_FR\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"btn btn-outline\">Voir plus d\u2019avis sur Facebook<\/a>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section id=\"contact\" class=\"paper wave-top\">\n <div class=\"container section-spacing\" style=\"text-align:center; max-width:760px;\">\n <div class=\"sep\" style=\"margin-top:-20px;\"><\/div>\n <p class=\"fade-in\" style=\"opacity:.9; font-size:.98rem; margin-top:-8px;\">\n Le magn\u00e9tisme est un accompagnement compl\u00e9mentaire, un soutien pour le corps et l\u2019esprit.<br>\n Il ne se substitue pas \u00e0 la m\u00e9decine, mais peut en \u00eatre un alli\u00e9 pr\u00e9cieux.\n <\/p>\n <div class=\"sep\"><\/div>\n\n <h2 class=\"text-4xl font-semibold fade-in\">Contact<\/h2>\n <p class=\"mb-5 fade-in\">Je r\u00e9ponds avec plaisir \u00e0 vos messages et vous explique le d\u00e9roulement d\u2019une s\u00e9ance avant toute prise de rendez-vous.<\/p>\n\n <p class=\"mb-2 fade-in\">\n <svg class=\"contact-icon\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M4 6h16a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2z\" stroke=\"#2F4238\" stroke-width=\"1.5\"\/><path d=\"M22 8l-8.5 6a2 2 0 0 1-2.5 0L2 8\" stroke=\"#2F4238\" stroke-width=\"1.5\"\/><\/svg>\n <a href=\"mailto:contact@vivimagnetisme.com\" class=\"underline\">contact@vivimagnetisme.com<\/a>\n <\/p>\n <p class=\"mb-2 fade-in\">\n <svg class=\"contact-icon\" viewBox=\"0 0 24 24\" fill=\"none\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"5\" stroke=\"#2F4238\" stroke-width=\"1.5\"\/><circle cx=\"12\" cy=\"12\" r=\"3.5\" stroke=\"#2F4238\" stroke-width=\"1.5\"\/><circle cx=\"17.5\" cy=\"6.5\" r=\"1\" fill=\"#2F4238\"\/><\/svg>\n <a href=\"https:\/\/instagram.com\/Vivi.magnetisme\" target=\"_blank\" rel=\"noreferrer\" style=\"text-decoration:underline;\">@Vivi.magnetisme<\/a>\n <\/p>\n <p class=\"mb-6 fade-in\">\n <svg class=\"contact-icon\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z\" stroke=\"#2F4238\" stroke-width=\"1.5\" fill=\"none\"\/><\/svg>\n <a href=\"https:\/\/www.facebook.com\/profile.php?id=61572669579226\" target=\"_blank\" rel=\"noreferrer\" style=\"text-decoration:underline;\">Facebook<\/a>\n <\/p>\n\n <a href=\"#\" id=\"openModalBottom\" class=\"btn btn-solid fade-in\">Se renseigner<\/a>\n <div style=\"height:24px\"><\/div>\n <\/div>\n<\/section>\n\n\n<footer>\n <div class=\"container grid md:grid-cols-2 gap-8 items-center\">\n <div class=\"text-lg\" style=\"color:#E9E4D6;\">Vivi Magn\u00e9tisme<\/div>\n <div class=\"text-sm md:text-right opacity-80\">\u00a9 <span id=\"year\"><\/span> \u2013 Tous droits r\u00e9serv\u00e9s<\/div>\n <\/div>\n<\/footer>\n\n\n<div id=\"modal\" class=\"backdrop\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"dialogTitle\">\n <div class=\"modal\">\n <div class=\"modal-head flex items-center justify-between\">\n <div id=\"dialogTitle\">Se renseigner<\/div>\n <button class=\"close-x\" id=\"closeX\" aria-label=\"Fermer\">\u00d7<\/button>\n <\/div>\n <div class=\"modal-body\">\n <form id=\"contactForm\" class=\"space-y-4\">\n <div class=\"grid-2\">\n <div class=\"field\"><label>Pr\u00e9nom<\/label><input class=\"input\" name=\"prenom\" required><\/div>\n <div class=\"field\"><label>Nom<\/label><input class=\"input\" name=\"nom\" required><\/div>\n <\/div>\n <div class=\"grid-2\">\n <div class=\"field\"><label>E-mail<\/label><input class=\"input\" type=\"email\" name=\"email\" required><\/div>\n <div class=\"field\"><label>Instagram (optionnel)<\/label><input class=\"input\" name=\"ig\" placeholder=\"@votre.compte\"><\/div>\n <\/div>\n <div class=\"field\"><label>Message<\/label><textarea class=\"input\" name=\"message\" rows=\"4\" placeholder=\"Votre besoin, disponibilit\u00e9s\u2026\"><\/textarea><\/div>\n <div class=\"pt-2\">\n <button class=\"btn btn-solid\" type=\"submit\">Envoyer<\/button>\n <button type=\"button\" class=\"btn btn-outline\" id=\"closeBtn\">Fermer<\/button>\n <\/div>\n <\/form>\n <p class=\"text-xs mt-3 opacity-70\">S\u00e9ances \u00e0 don libre. Aucune promesse m\u00e9dicale n\u2019est formul\u00e9e.<\/p>\n <\/div>\n <\/div>\n<\/div>\n\n<script>\n \/\/ Ann\u00e9e\n document.getElementById('year').textContent = new Date().getFullYear();\n\n \/\/ Burger menu\n const burger = document.getElementById('burger');\n const mobileMenu = document.getElementById('mobileMenu');\n burger.addEventListener('click', () => {\n burger.classList.toggle('open');\n mobileMenu.classList.toggle('open');\n });\n\n \/\/ Fermer menu mobile au clic sur lien\n document.querySelectorAll('.mobile-menu a').forEach(link => {\n link.addEventListener('click', () => {\n burger.classList.remove('open');\n mobileMenu.classList.remove('open');\n });\n });\n\n \/\/ Nav actif on scroll\n const navLinks = [...document.querySelectorAll('.nav-links a, .mobile-menu a:not([id])')];\n const secs = ['accueil','magnetisme','section-blocs','quisuisje','avis','contact'].map(id=>document.getElementById(id));\n const setActive = () => {\n const y = window.scrollY + 120;\n let idx = 0;\n secs.forEach((s,i)=>{ if(s && s.offsetTop <= y) idx = i; });\n navLinks.forEach((a,i)=> a.classList.toggle('active', i===idx || i===idx+6));\n };\n document.addEventListener('scroll', setActive, {passive:true});\n setActive();\n\n \/\/ Animations scroll\n const observer = new IntersectionObserver((entries) => {\n entries.forEach(entry => { if (entry.isIntersecting) entry.target.classList.add('visible'); });\n }, { threshold: 0.1, rootMargin: '0px 0px -50px 0px' });\n document.querySelectorAll('.fade-in').forEach(el => observer.observe(el));\n\n \/\/ Modal\n const modal = document.getElementById('modal');\n const open = ()=> modal.style.display='flex';\n const close = ()=> modal.style.display='none';\n ['openModalTop','openModalHero','openModalBottom','openModalMobile'].forEach(id=>{\n const btn = document.getElementById(id);\n if(btn) btn.addEventListener('click', e=>{e.preventDefault(); open();});\n });\n document.getElementById('closeX').addEventListener('click', close);\n document.getElementById('closeBtn').addEventListener('click', close);\n modal.addEventListener('click', e=>{ if(e.target===modal) close(); });\n\n \/* ====== Envoi via WordPress (admin-ajax) \u2014 remplace l'ancien mailto ====== *\/\n document.getElementById('contactForm').addEventListener('submit', async function(e){\n e.preventDefault();\n const form = e.currentTarget;\n const fd = new FormData(form);\n fd.append('action','vivi_contact'); \/\/ doit correspondre \u00e0 l'action PHP dans functions.php\n\n try {\n const res = await fetch('\/wp-admin\/admin-ajax.php', {\n method: 'POST',\n body: fd\n });\n const data = await res.json();\n if (data && data.success) {\n alert('Merci ! Votre message a bien \u00e9t\u00e9 envoy\u00e9. Je vous r\u00e9ponds rapidement.');\n form.reset();\n if (typeof close === 'function') close();\n } else {\n alert(\"Oups, l'envoi a \u00e9chou\u00e9. Vous pouvez \u00e9crire \u00e0 contact@vivimagnetisme.com\");\n }\n } catch (err) {\n alert(\"Probl\u00e8me de connexion. R\u00e9essayez dans un instant.\");\n }\n });\n\n \/\/ \u2728 Citation sous la photo : phrase du jour + clic\/\u21bb\n (function(){\n const quotes = [\n \"L\u2019\u00e9nergie suit l\u2019intention.\",\n \"Avance doucement, mais avance.\",\n \"Ce dont tu as besoin te cherche aussi.\",\n \"Respire. Tu es d\u00e9j\u00e0 sur le chemin.\",\n \"Chaque jour contient une petite gu\u00e9rison.\",\n \"Le calme se trouve \u00e0 l\u2019int\u00e9rieur.\",\n \"Ton corps sait d\u00e9j\u00e0. \u00c9coute-le.\",\n \"La douceur n\u2019emp\u00eache pas la force.\"\n ];\n\n const quoteDay = document.getElementById('quoteDay');\n if(!quoteDay) return;\n const textEl = document.getElementById('quoteText');\n const refreshBtn = quoteDay.querySelector('.quote-refresh');\n\n \/\/ phrase du jour (d\u00e9terministe)\n const d = new Date();\n const key = d.getFullYear()+'-'+(d.getMonth()+1)+'-'+d.getDate();\n let sum = 0; for(const c of key) sum += c.charCodeAt(0);\n let idx = sum % quotes.length;\n\n const render = ()=> textEl.textContent = quotes[idx];\n render();\n\n const nextQuote = ()=>{\n quoteDay.classList.add('fade');\n setTimeout(()=>{\n idx = (idx + 1) % quotes.length;\n render();\n quoteDay.classList.remove('fade');\n },180);\n };\n\n quoteDay.addEventListener('click', nextQuote);\n if(refreshBtn) refreshBtn.addEventListener('click', e=>{\n e.stopPropagation();\n nextQuote();\n });\n })();\n<\/script>\n<\/body>\n<\/html>\n\n\n","protected":false},"excerpt":{"rendered":"<p>Vivi Magn\u00e9tisme – Soins \u00e9nerg\u00e9tiques \u00e0 Martignas-sur-Jalle<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-8","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/vivimagnetisme.com\/index.php\/wp-json\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/vivimagnetisme.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/vivimagnetisme.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/vivimagnetisme.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/vivimagnetisme.com\/index.php\/wp-json\/wp\/v2\/comments?post=8"}],"version-history":[{"count":8,"href":"https:\/\/vivimagnetisme.com\/index.php\/wp-json\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":32,"href":"https:\/\/vivimagnetisme.com\/index.php\/wp-json\/wp\/v2\/pages\/8\/revisions\/32"}],"wp:attachment":[{"href":"https:\/\/vivimagnetisme.com\/index.php\/wp-json\/wp\/v2\/media?parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}