{"id":530,"date":"2026-02-14T15:43:02","date_gmt":"2026-02-14T15:43:02","guid":{"rendered":"https:\/\/anaisreflexologie.fr\/?page_id=530"},"modified":"2026-02-21T17:53:06","modified_gmt":"2026-02-21T17:53:06","slug":"un-peu-dhistoire-2","status":"publish","type":"page","link":"https:\/\/anaisreflexologie.fr\/index.php\/un-peu-dhistoire-2\/","title":{"rendered":"UN PEU D&rsquo;HISTOIRE"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"530\" class=\"elementor elementor-530\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7caf0bb e-con-full e-flex e-con e-parent\" data-id=\"7caf0bb\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-995ed10 elementor-widget elementor-widget-shortcode\" data-id=\"995ed10\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><!-- ANA\u00cfS R\u00c9FLEXOLOGIE \u2014 PAGE 2 : \"UN PEU D\u2019HISTOIRE\" (Elementor HTML) -->\n<section id=\"anais-histoire\">\n  <style>\n    :root{\n      --sage:#879A84;\n      --sage2:#657D65;\n      --beige:#FFFAF1;\n      --ink:#1F2A20;\n      --muted: rgba(31,42,32,.72);\n      --line: rgba(101,125,101,.22);\n      --shadow: 0 22px 70px rgba(22,32,22,.14);\n      --r: 22px;\n    }\n\n    #anais-histoire{\n      position:relative; overflow:hidden; isolation:isolate;\n      border-radius: calc(var(--r) + 10px);\n      padding: clamp(22px, 3.5vw, 56px);\n      background:\n        radial-gradient(1100px 680px at 20% -10%, rgba(135,154,132,.34), transparent 55%),\n        radial-gradient(900px 560px at 95% 10%, rgba(101,125,101,.24), transparent 55%),\n        linear-gradient(180deg, var(--beige), rgba(255,250,241,.92));\n      color: var(--ink);\n    }\n    #anais-histoire *{ box-sizing:border-box; }\n    #anais-histoire a{ color:inherit; text-decoration:none; }\n    .ah-container{ max-width:1100px; margin:0 auto; position:relative; z-index:2; }\n\n    \/* soft animated light *\/\n    #anais-histoire::before{\n      content:\"\"; position:absolute; inset:-45%;\n      background: conic-gradient(from 210deg, transparent 0 35%, rgba(255,255,255,.22) 44%, rgba(135,154,132,.17) 50%, transparent 60% 100%);\n      filter: blur(18px);\n      animation: ahSpin 12s linear infinite;\n      opacity:.78; pointer-events:none; z-index:1;\n    }\n    @keyframes ahSpin{ to{ transform:rotate(360deg); } }\n\n    \/* reveal *\/\n    .ah-reveal{ opacity:0; transform: translateY(18px); filter: blur(2px); }\n    .ah-reveal.is-in{\n      opacity:1; transform: translateY(0); filter: blur(0);\n      transition: opacity .85s ease, transform .85s ease, filter .85s ease;\n    }\n    .ah-stagger > *{ opacity:0; transform: translateY(10px); }\n    .ah-stagger.is-in > *{ opacity:1; transform: translateY(0); transition: opacity .75s ease, transform .75s ease; }\n    .ah-stagger.is-in > *:nth-child(1){ transition-delay:.00s; }\n    .ah-stagger.is-in > *:nth-child(2){ transition-delay:.10s; }\n    .ah-stagger.is-in > *:nth-child(3){ transition-delay:.20s; }\n    .ah-stagger.is-in > *:nth-child(4){ transition-delay:.30s; }\n\n    \/* header *\/\n    .ah-kicker{\n      display:inline-flex; align-items:center; gap:10px;\n      padding: 10px 14px; border-radius: 999px;\n      background: rgba(135,154,132,.14);\n      border: 1px solid var(--line);\n      font-weight: 800; letter-spacing:.2px;\n      width: fit-content;\n    }\n    .ah-dot{\n      width:10px; height:10px; border-radius:999px;\n      background: radial-gradient(circle at 30% 30%, #fff, var(--sage2));\n      box-shadow: 0 0 0 4px rgba(135,154,132,.16);\n    }\n    .ah-h1{\n      margin: 16px 0 10px;\n      font-size: clamp(32px, 3.2vw, 54px);\n      line-height: 1.02;\n      letter-spacing: -0.9px;\n      max-width: 26ch;\n    }\n    .ah-lead{\n      margin: 0 0 14px;\n      font-size: clamp(15px, 1.15vw, 18px);\n      line-height: 1.7;\n      color: var(--muted);\n      max-width: 75ch;\n    }\n\n    .ah-divider{\n      height: 1px;\n      background: linear-gradient(90deg, transparent, rgba(101,125,101,.28), transparent);\n      margin: clamp(20px, 3.2vw, 42px) 0;\n    }\n\n    \/* hero media (not too big) *\/\n    .ah-hero{\n      display:grid;\n      grid-template-columns: 1.05fr .95fr;\n      gap: clamp(14px, 2.6vw, 28px);\n      align-items:start;\n    }\n    @media (max-width: 980px){ .ah-hero{ grid-template-columns:1fr; } }\n\n    .ah-card{\n      position:relative; overflow:hidden;\n      border-radius: var(--r);\n      border: 1px solid var(--line);\n      background: linear-gradient(180deg, rgba(255,250,241,.86), rgba(255,250,241,.62));\n      box-shadow: var(--shadow);\n      padding: clamp(18px, 2.4vw, 26px);\n    }\n    .ah-card::before{\n      content:\"\"; position:absolute; inset:-25%;\n      background: radial-gradient(520px 340px at 20% 20%, rgba(135,154,132,.22), transparent 60%),\n                  radial-gradient(520px 340px at 85% 35%, rgba(101,125,101,.18), transparent 60%);\n      filter: blur(14px);\n      opacity:.70; pointer-events:none;\n    }\n\n    .ah-media{\n      position:relative; overflow:hidden;\n      border-radius: var(--r);\n      border: 1px solid var(--line);\n      background: rgba(255,255,255,.20);\n      box-shadow: var(--shadow);\n      height: clamp(260px, 34vw, 360px);\n      --reveal: 0%;\n      -webkit-mask-image: linear-gradient(90deg, #000 0, #000 var(--reveal), transparent calc(var(--reveal) + 12%), transparent 100%);\n              mask-image: linear-gradient(90deg, #000 0, #000 var(--reveal), transparent calc(var(--reveal) + 12%), transparent 100%);\n      transform: translateZ(0);\n      transition: transform .22s ease;\n    }\n    .ah-media.is-in{ --reveal: 120%; }\n    .ah-media img{\n      width:100%; height:100%;\n      object-fit: cover;\n      object-position: 50% 50%;\n      transform: scale(1.02);\n      filter: contrast(1.02) saturate(1.02);\n    }\n    .ah-media::after{\n      content:\"\"; position:absolute; inset:-35% -60%;\n      background: linear-gradient(120deg, transparent 40%, rgba(255,255,255,.36) 50%, transparent 60%);\n      transform: translateX(-40%) rotate(10deg);\n      opacity:.0; pointer-events:none;\n      transition: opacity .25s ease;\n    }\n    .ah-media:hover{ transform: translateY(-3px); }\n    .ah-media:hover::after{ opacity:.75; animation: ahSweep 1.2s ease forwards; }\n    @keyframes ahSweep{ to{ transform: translateX(40%) rotate(10deg); } }\n\n    \/* timeline *\/\n    .ah-timeline{\n      display:grid;\n      gap: 14px;\n      margin-top: 6px;\n      position:relative;\n      z-index:2;\n    }\n    .ah-step{\n      display:grid;\n      grid-template-columns: 44px 1fr;\n      gap: 14px;\n      align-items:start;\n      padding: 14px 14px;\n      border-radius: 18px;\n      border: 1px solid var(--line);\n      background: rgba(255,255,255,.26);\n      backdrop-filter: blur(10px);\n      transition: transform .18s ease, box-shadow .18s ease;\n    }\n    .ah-step:hover{ transform: translateY(-2px); box-shadow: 0 16px 34px rgba(22,32,22,.12); }\n    .ah-bullet{\n      width: 44px; height: 44px;\n      border-radius: 16px;\n      border: 1px solid var(--line);\n      background: radial-gradient(circle at 30% 30%, rgba(255,255,255,.95), rgba(135,154,132,.55));\n      box-shadow: 0 12px 24px rgba(22,32,22,.10);\n      display:flex; align-items:center; justify-content:center;\n      font-weight: 900;\n      color: rgba(31,42,32,.75);\n    }\n    .ah-step h4{\n      margin: 2px 0 6px;\n      font-size: 16px;\n      letter-spacing: -.2px;\n    }\n    .ah-step p{\n      margin:0;\n      color: var(--muted);\n      line-height: 1.65;\n      font-size: 15px;\n    }\n\n    \/* callouts *\/\n    .ah-callouts{\n      display:grid;\n      grid-template-columns: 1fr 1fr;\n      gap: 12px;\n      margin-top: 14px;\n    }\n    @media (max-width: 980px){ .ah-callouts{ grid-template-columns:1fr; } }\n    .ah-call{\n      border-radius: 18px;\n      border: 1px solid var(--line);\n      background: rgba(255,250,241,.70);\n      padding: 14px 14px;\n      box-shadow: 0 14px 30px rgba(22,32,22,.08);\n    }\n    .ah-call strong{ display:block; margin-bottom:6px; }\n    .ah-call span{ color: var(--muted); line-height:1.6; display:block; }\n\n    \/* CTA *\/\n    .ah-btnRow{ display:flex; flex-wrap:wrap; gap:12px; margin-top: 14px; }\n    .ah-btn{\n      display:inline-flex; align-items:center; justify-content:center; gap:10px;\n      padding: 12px 16px; border-radius: 14px;\n      border: 1px solid var(--line);\n      background: rgba(255,255,255,.30);\n      backdrop-filter: blur(10px);\n      box-shadow: 0 14px 34px rgba(22,32,22,.10);\n      transition: transform .18s ease, box-shadow .18s ease, background .18s ease;\n      font-weight: 800;\n    }\n    .ah-btnPrimary{\n      background: linear-gradient(135deg, rgba(101,125,101,.96), rgba(135,154,132,.92));\n      color: var(--beige);\n      border-color: rgba(255,255,255,.18);\n    }\n    .ah-btn:hover{ transform: translateY(-2px); box-shadow: 0 18px 44px rgba(22,32,22,.14); }\n  <\/style>\n\n  <div class=\"ah-container\">\n    <!-- TOP -->\n    <div class=\"ah-hero\">\n      <div class=\"ah-card ah-reveal\">\n        <div class=\"ah-kicker\"><span class=\"ah-dot\"><\/span> R\u00e9flexologie<\/div>\n        <h2 class=\"ah-h1\">Un peu d\u2019histoire<\/h2>\n\n        <!-- TEXTE repris de la page -->\n        <p class=\"ah-lead\">\n          La r\u00e9flexologie plantaire et palmaire trouve ses origines dans les civilisations anciennes d\u2019\u00c9gypte, de Chine et d\u2019Inde,\n          o\u00f9 l\u2019on consid\u00e9rait d\u00e9j\u00e0 les pieds et les mains comme des zones refl\u00e9tant l\u2019ensemble du corps.\n        <\/p>\n        <p class=\"ah-lead\">\n          Red\u00e9couverte au d\u00e9but du XX\u1d49 si\u00e8cle par le Dr William Fitzgerald, puis d\u00e9velopp\u00e9e par Eunice Ingham,\n          cette pratique s\u2019est progressivement r\u00e9pandue dans le monde.\n        <\/p>\n        <p class=\"ah-lead\">\n          En France, la r\u00e9flexologie s\u2019est r\u00e9ellement d\u00e9velopp\u00e9e \u00e0 partir des ann\u00e9es 1980 et est aujourd\u2019hui reconnue comme\n          une th\u00e9rapie compl\u00e9mentaire \u00e0 vis\u00e9e pr\u00e9ventive et relaxante.\n        <\/p>\n        <p class=\"ah-lead\" style=\"margin-bottom:0;\">\n          Reconnue \u00e9galement par l\u2019Union europ\u00e9enne comme une m\u00e9decine douce favorisant le bien-\u00eatre global, la r\u00e9flexologie est de plus en plus\n          conseill\u00e9e pour accompagner la gestion du stress, les troubles du sommeil et certaines douleurs chroniques, gr\u00e2ce \u00e0 son approche naturelle\n          et holistique de l\u2019\u00e9quilibre du corps.\n        <\/p>\n\n        <!-- Ajouts \u201cbonus\u201d (propres, sans en faire trop) -->\n        <div class=\"ah-callouts ah-stagger\">\n          <div class=\"ah-call\">\n            <strong>Une approche douce<\/strong>\n            <span>Compl\u00e9mentaire, ax\u00e9e sur la pr\u00e9vention, le rel\u00e2chement et l\u2019\u00e9quilibre global.<\/span>\n          <\/div>\n          <div class=\"ah-call\">\n            <strong>Une pratique moderne<\/strong>\n            <span>Structur\u00e9e en cartographies des pieds et des mains, utilis\u00e9e pour mieux g\u00e9rer stress et tensions.<\/span>\n          <\/div>\n        <\/div>\n\n        <div class=\"ah-btnRow ah-stagger\">\n          <a class=\"ah-btn ah-btnPrimary\" href=\"https:\/\/resalib.fr\/\" target=\"_blank\" rel=\"noopener\">Prendre rendez-vous<\/a>\n          <a class=\"ah-btn\" href=\"https:\/\/anaisreflexologie.fr\/\" target=\"_blank\" rel=\"noopener\">Retour au site<\/a>\n        <\/div>\n      <\/div>\n\n      <!-- PHOTO fournie -->\n      <figure class=\"ah-media ah-reveal\" data-media>\n        <img decoding=\"async\" src=\"http:\/\/anaisreflexologie.fr\/wp-content\/uploads\/2026\/02\/Capture-decran-2026-02-14-163830.png\" alt=\"Un peu d\u2019histoire - illustration\">\n      <\/figure>\n    <\/div>\n\n    <div class=\"ah-divider\"><\/div>\n\n    <!-- TIMELINE (tr\u00e8s lisible + hauteur) -->\n    <div class=\"ah-card ah-reveal\">\n      <div class=\"ah-kicker\" style=\"margin-bottom:14px;\"><span class=\"ah-dot\"><\/span> Rep\u00e8res<\/div>\n\n      <div class=\"ah-timeline ah-stagger\">\n        <div class=\"ah-step\">\n          <div class=\"ah-bullet\">1<\/div>\n          <div>\n            <h4>Origines anciennes<\/h4>\n            <p>\u00c9gyptiens, Chinois, Indiens : les mains et les pieds sont vus comme des \u201cmiroirs\u201d du corps.<\/p>\n          <\/div>\n        <\/div>\n\n        <div class=\"ah-step\">\n          <div class=\"ah-bullet\">2<\/div>\n          <div>\n            <h4>XX\u1d49 si\u00e8cle<\/h4>\n            <p>Le Dr William Fitzgerald relance l\u2019int\u00e9r\u00eat, puis Eunice Ingham d\u00e9veloppe et structure la pratique.<\/p>\n          <\/div>\n        <\/div>\n\n        <div class=\"ah-step\">\n          <div class=\"ah-bullet\">3<\/div>\n          <div>\n            <h4>Ann\u00e9es 1980 en France<\/h4>\n            <p>La r\u00e9flexologie se d\u00e9veloppe et s\u2019inscrit comme une approche compl\u00e9mentaire, relaxante et pr\u00e9ventive.<\/p>\n          <\/div>\n        <\/div>\n\n        <div class=\"ah-step\">\n          <div class=\"ah-bullet\">4<\/div>\n          <div>\n            <h4>Aujourd\u2019hui<\/h4>\n            <p>Utilis\u00e9e pour soutenir la gestion du stress, du sommeil et de certaines douleurs chroniques, dans une approche holistique.<\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <script>\n    (function(){\n      const root = document.getElementById('anais-histoire');\n      if(!root) return;\n\n      \/\/ reveal blocks + stagger\n      const reveal = root.querySelectorAll('.ah-reveal, .ah-stagger');\n      const io = new IntersectionObserver((entries)=>{\n        entries.forEach(e=>{\n          if(!e.isIntersecting) return;\n          e.target.classList.add('is-in');\n          io.unobserve(e.target);\n        });\n      }, { threshold: 0.14 });\n      reveal.forEach(el => io.observe(el));\n\n      \/\/ mask reveal for media\n      const medias = root.querySelectorAll('[data-media]');\n      const io2 = new IntersectionObserver((entries)=>{\n        entries.forEach(e=>{\n          if(!e.isIntersecting) return;\n          e.target.classList.add('is-in');\n          io2.unobserve(e.target);\n        });\n      }, { threshold: 0.12 });\n      medias.forEach(el => io2.observe(el));\n    })();\n  <\/script>\n<\/section>\n<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>R\u00e9flexologie Un peu d\u2019histoire La r\u00e9flexologie plantaire et palmaire trouve ses origines dans les civilisations anciennes d\u2019\u00c9gypte, de Chine et d\u2019Inde, o\u00f9 l\u2019on consid\u00e9rait d\u00e9j\u00e0 les pieds et les mains comme des zones refl\u00e9tant l\u2019ensemble du corps. Red\u00e9couverte au d\u00e9but du XX\u1d49 si\u00e8cle par le Dr William Fitzgerald, puis d\u00e9velopp\u00e9e par Eunice Ingham, cette pratique [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-530","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/anaisreflexologie.fr\/index.php\/wp-json\/wp\/v2\/pages\/530","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/anaisreflexologie.fr\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/anaisreflexologie.fr\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/anaisreflexologie.fr\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/anaisreflexologie.fr\/index.php\/wp-json\/wp\/v2\/comments?post=530"}],"version-history":[{"count":7,"href":"https:\/\/anaisreflexologie.fr\/index.php\/wp-json\/wp\/v2\/pages\/530\/revisions"}],"predecessor-version":[{"id":638,"href":"https:\/\/anaisreflexologie.fr\/index.php\/wp-json\/wp\/v2\/pages\/530\/revisions\/638"}],"wp:attachment":[{"href":"https:\/\/anaisreflexologie.fr\/index.php\/wp-json\/wp\/v2\/media?parent=530"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}