{"id":2604,"date":"2025-06-25T16:42:42","date_gmt":"2025-06-25T14:42:42","guid":{"rendered":"https:\/\/entrez-en-asana.com\/?page_id=2604"},"modified":"2026-03-20T16:08:55","modified_gmt":"2026-03-20T15:08:55","slug":"2604-2","status":"publish","type":"page","link":"https:\/\/entrez-en-asana.com\/index.php\/2604-2\/","title":{"rendered":""},"content":{"rendered":"\n<p><\/p>\n\n\n\n<!DOCTYPE html>\n<html lang=\"fr\">\n<head>\n  <meta charset=\"UTF-8\" \/>\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\" \/>\n  <title>Inscription Ateliers de Yoga 2025\u20132026<\/title>\n  <style>\n    :root{\n      --bg:#0f172a;        \/* slate-900 *\/\n      --card:#0b1225;      \/* custom dark *\/\n      --ink:#e5e7eb;       \/* gray-200 *\/\n      --muted:#94a3b8;     \/* slate-400 *\/\n      --accent:#a7f3d0;    \/* mint *\/\n      --accent-ink:#064e3b;\/* emerald-900 *\/\n      --ring:#22d3ee;      \/* cyan-400 *\/\n      --ok:#22c55e;        \/* green-500 *\/\n      --err:#ef4444;       \/* red-500 *\/\n    }\n    *{box-sizing:border-box}\n    body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif;background:radial-gradient(1200px 800px at 10% -10%,#1e293b,transparent),radial-gradient(1200px 800px at 110% 40%,#1f2937,transparent),var(--bg);color:var(--ink);}\n    .wrap{max-width:880px;margin:auto;padding:24px}\n    .card{background:linear-gradient(180deg,#0b1225,#0a1020);border:1px solid #1f2a44;border-radius:20px;padding:28px;box-shadow:0 10px 30px #00000066}\n    h1{margin:0 0 6px;font-size: clamp(1.4rem, 1.1rem + 1.5vw, 2.1rem);letter-spacing:.2px}\n    .sub{color:var(--muted);margin:0 0 18px}\n    .grid{display:grid;grid-template-columns:1fr;gap:16px}\n    @media(min-width:720px){.grid{grid-template-columns:1fr 1fr}}\n    label{display:block;font-weight:600;margin-bottom:6px}\n    .hint{color:var(--muted);font-weight:400;font-size:.92rem}\n    input[type=\"text\"],input[type=\"email\"],input[type=\"tel\"],textarea{width:100%;padding:12px 14px;background:#0a0f1f;border:1px solid #223257;border-radius:12px;color:var(--ink);outline:none}\n    input:focus,textarea:focus{border-color:var(--ring);box-shadow:0 0 0 3px #22d3ee33}\n    .stages{display:grid;grid-template-columns:1fr;gap:10px}\n    .stage-item{display:flex;gap:12px;align-items:flex-start;background:#0a0f1f;border:1px solid #1b2a48;border-radius:14px;padding:12px}\n    .stage-item input{margin-top:3px}\n    .pill{display:inline-block;font-size:.78rem;padding:3px 8px;border-radius:999px;background:#133a2f;color:#b9f1da;border:1px solid #215e4e;margin-left:8px}\n    .tarif{background:#0a0f1f;border:1px dashed #2a3a60;padding:14px;border-radius:14px;margin:10px 0 18px}\n    .total{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #233457;padding-top:16px;margin-top:6px}\n    .total .amount{font-size:1.25rem;font-weight:800}\n    .btns{display:flex;gap:12px;flex-wrap:wrap}\n    button{appearance:none;border:0;border-radius:12px;padding:12px 18px;font-weight:700;cursor:pointer}\n    .primary{background:linear-gradient(135deg,#34d399,#22d3ee);color:#04121a}\n    .ghost{background:transparent;border:1px solid #2a3a60;color:var(--ink)}\n    .ok{color:#052914;background:#34d399}\n    .err{color:#1a0606;background:#ef4444}\n    .footer{margin-top:16px;color:var(--muted);font-size:.9rem}\n    .consent{display:flex;gap:10px;align-items:flex-start;margin-top:6px}\n    .hidden{display:none}\n    .success{background:#062415;border:1px solid #1b5e3a;padding:20px;border-radius:16px}\n    .success h3{margin-top:0}\n    .danger{color:#fca5a5}\n  <\/style>\n<\/head>\n<body>\n  <div class=\"wrap\">\n    <div class=\"card\" id=\"app\">\n      <h1>Ateliers de Yoga \u2014 Saison 2025\u20132026<\/h1>\n      <p class=\"sub\">Chaque atelier dure <strong>3&nbsp;heures<\/strong>. Tarif&nbsp;: <strong>35&nbsp;\u20ac \/ personne \/ atelier<\/strong>.<\/p>\n\n      <div class=\"tarif\">\n        <strong>Infos pratiques<\/strong>\n        <ul>\n          <li>Inscription simple : cochez un ou plusieurs ateliers.<\/li>\n          <li>Paiement sur place le jour J (esp\u00e8ces \/ ch\u00e8que).<\/li>\n          <li>Minimum 4 inscrits pour confirmer chaque date.<\/li>\n        <\/ul>\n      <\/div>\n\n      <!-- Coordonn\u00e9es -->\n      <div class=\"grid\">\n        <div>\n          <label for=\"name\">Nom \/ Pr\u00e9nom<\/label>\n          <input id=\"name\" type=\"text\" placeholder=\"Votre nom\" required \/>\n        <\/div>\n        <div>\n          <label for=\"email\">Email<\/label>\n          <input id=\"email\" type=\"email\" placeholder=\"nom@exemple.fr\" required \/>\n        <\/div>\n        <div>\n          <label for=\"phone\">T\u00e9l\u00e9phone <span class=\"hint\">(facultatif)<\/span><\/label>\n          <input id=\"phone\" type=\"tel\" placeholder=\"06 12 34 56 78\" \/>\n        <\/div>\n        <div>\n          <label for=\"note\">Message <span class=\"hint\">(facultatif)<\/span><\/label>\n          <textarea id=\"note\" rows=\"1\" placeholder=\"Besoin particulier, question\u2026\"><\/textarea>\n        <\/div>\n      <\/div>\n\n      <!-- Choix des ateliers -->\n      <h2 style=\"margin-top:18px\">Choix des ateliers<\/h2>\n      <div class=\"stages\" id=\"stages\"><\/div>\n\n      <!-- Consentement simple -->\n      <div class=\"consent\">\n        <input type=\"checkbox\" id=\"consent\" \/>\n        <label for=\"consent\" class=\"hint\">Je consens \u00e0 \u00eatre contact\u00e9\u00b7e par email \/ t\u00e9l\u00e9phone pour confirmer l&rsquo;inscription et recevoir les infos pratiques.<\/label>\n      <\/div>\n\n      <!-- R\u00e9cap & actions -->\n      <div class=\"total\">\n        <div>\n          <div class=\"hint\">Total<\/div>\n          <div class=\"amount\" id=\"total\">0&nbsp;\u20ac<\/div>\n        <\/div>\n        <div class=\"btns\">\n          <button class=\"ghost\" type=\"button\" id=\"resetBtn\">R\u00e9initialiser<\/button>\n          <button class=\"primary\" type=\"button\" id=\"submitBtn\">Valider mon inscription<\/button>\n        <\/div>\n      <\/div>\n\n      <p class=\"footer\">En validant, un r\u00e9capitulatif s\u2019affichera \u00e0 l\u2019\u00e9cran dans quelques secondes.<\/p>\n\n      <!-- Zone de succ\u00e8s -->\n      <div id=\"success\" class=\"success hidden\" aria-live=\"polite\"><\/div>\n\n      <!-- Discret anti\u2011spam -->\n      <input type=\"text\" id=\"website\" class=\"hidden\" autocomplete=\"off\" \/>\n    <\/div>\n  <\/div>\n\n  <script>\n    \/\/ === Donn\u00e9es ateliers ===\n    const PRICE = 35;\n    const WORKSHOPS = [\n      {\n        date: \"25 octobre\",\n        title: \"La science des contraires : \u00e9quilibre et unit\u00e9\",\n        desc: \"Travailler les polarit\u00e9s \u2014 force\/d\u00e9tente, effort\/abandon \u2014 pour en percevoir l\u2019harmonie.\"\n      },\n      {\n        date: \"8 novembre\",\n        title: \"Lib\u00e9rer les \u00e9paules\",\n        desc: \"Assouplir, renforcer, retrouver l\u00e9g\u00e8ret\u00e9 et amplitude.\"\n      },\n      {\n        date: \"22 novembre\",\n        title: \"Le flow continu : mouvement et respiration\",\n        desc: \"Encha\u00eener sans rupture, comme une vague qui porte.\"\n      },\n      {\n        date: \"13 d\u00e9cembre\",\n        title: \"Explorer la sangle : soutien et ouverture\",\n        desc: \"D\u00e9couvrir comment les accessoires prolongent et approfondissent la pratique.\"\n      },\n      {\n        date: \"10 janvier\",\n        title: \"Mani\u00e8res d\u2019\u00eatre vivant : une \u00e9cologie du yoga\",\n        desc: \"Atelier inspir\u00e9 par Baptiste Morizot, croisant corps, souffle et vivant.\"\n      },\n      {\n        date: \"24 janvier\",\n        title: \"Le souffle au c\u0153ur de la pratique\",\n        desc: \"Respiration profonde et rythme int\u00e9rieur comme fil conducteur.\"\n      },\n      {\n        date: \"28 f\u00e9vrier\",\n        title: \"Mudras : l\u2019art du geste conscient\",\n        desc: \"Explorer la puissance symbolique et \u00e9nerg\u00e9tique des mains.\"\n      },\n      {\n        date: \"14 mars\",\n        title: \"Salutations au soleil : rythme et \u00e9nergie\",\n        desc: \"Plonger dans la dimension rituelle et revitalisante de Surya Namaskar.\"\n      },\n      {\n        date: \"25 avril\",\n        title: \"Du vide na\u00eet la forme : approche tantrique\",\n        desc: \"M\u00e9diter sur l\u2019espace int\u00e9rieur qui fa\u00e7onne les postures et la conscience.\"\n      },\n      {\n        date: \"23 mai\",\n        title: \"Le rythme du mouvement\",\n        desc: \"Explorer l\u2019impulsion, le tempo, les transitions. Comment les postures prennent vie dans le temps.\"\n      },\n{\n        date: \"27 juin\",\n        title: \"La pr\u00e9sence dans la pratique\",\n        desc: \"Relier souffle, geste, espace et rythme. Pour une pratique plus simple, plus unifi\u00e9e.\"\n      }\n    ];\n\n    \/\/ === Rendu des ateliers ===\n    const stageContainer = document.getElementById('stages');\n    stageContainer.innerHTML = WORKSHOPS.map((w, i) => {\n      const id = `w_${i}`;\n      return `\n        <label class=\"stage-item\" for=\"${id}\">\n          <input type=\"checkbox\" class=\"stage\" id=\"${id}\" value=\"${w.date} \u2014 ${w.title}\" \/>\n          <div>\n            <div style=\"font-weight:700\">${w.date} \u2014 ${w.title} <span class=\"pill\">3h \u2022 ${PRICE}\u20ac<\/span><\/div>\n            <div class=\"hint\">${w.desc}<\/div>\n          <\/div>\n        <\/label>\n      `;\n    }).join('');\n\n    const totalEl = document.getElementById('total');\n    const submitBtn = document.getElementById('submitBtn');\n    const resetBtn = document.getElementById('resetBtn');\n    const successBox = document.getElementById('success');\n\n    function calcTotal(){\n      const count = document.querySelectorAll('.stage:checked').length;\n      const total = count * PRICE;\n      totalEl.textContent = `${total.toLocaleString('fr-FR')} \u20ac`;\n      return total;\n    }\n\n    document.querySelectorAll('.stage').forEach(cb => cb.addEventListener('change', calcTotal));\n    calcTotal();\n\n    resetBtn.addEventListener('click', ()=>{\n      document.getElementById('name').value = '';\n      document.getElementById('email').value = '';\n      document.getElementById('phone').value = '';\n      document.getElementById('note').value = '';\n      document.getElementById('consent').checked = false;\n      document.querySelectorAll('.stage').forEach(cb => cb.checked = false);\n      calcTotal();\n      successBox.classList.add('hidden');\n      successBox.innerHTML = '';\n      window.scrollTo({top:0, behavior:'smooth'});\n    });\n\n    submitBtn.addEventListener('click', async ()=>{\n      const name = document.getElementById('name').value.trim();\n      const email = document.getElementById('email').value.trim();\n      const phone = document.getElementById('phone').value.trim();\n      const note  = document.getElementById('note').value.trim();\n      const consent = document.getElementById('consent').checked;\n      const website = document.getElementById('website').value.trim(); \/\/ honeypot\n      const selected = Array.from(document.querySelectorAll('.stage:checked')).map(x => x.value);\n      const total = calcTotal();\n\n      \/\/ Validations simples\n      if(website){ return; } \/\/ bot detected\n      if(!name || !email){\n        alert('Merci d\u2019indiquer au minimum votre nom et votre email.');\n        return;\n      }\n      if(!consent){\n        alert('Merci de cocher la case de consentement pour que nous puissions vous contacter.');\n        return;\n      }\n      if(selected.length === 0){\n        alert('Merci de s\u00e9lectionner au moins un atelier.');\n        return;\n      }\n\n      const payload = { name, email, phone, note, consent, stages: selected, total };\n\n      \/\/ \u26a0\ufe0f Remplacez l\u2019URL ci\u2011dessous par VOTRE URL Apps Script (Web App) en mode \"Anyone\".\n      const url = 'https:\/\/script.google.com\/macros\/s\/AKfycbxMf2i8a3l9srng2VBtK3KfoGbIdcIoKgg_9QfQwwjltk-LsETWkpLodAjbkdsxVQqR\/exec';\n\n      try{\n        await fetch(url, {\n          method: 'POST',\n          mode: 'no-cors',\n          headers: { 'Content-Type': 'application\/json' },\n          body: JSON.stringify(payload)\n        });\n\n        \/\/ Affichage d\u2019un r\u00e9capitulatif lisible\n        successBox.innerHTML = `\n          <h3>Votre inscription a bien \u00e9t\u00e9 enregistr\u00e9e \u2705<\/h3>\n          <p><strong>Nom&nbsp;:<\/strong> ${escapeHtml(name)}<\/p>\n          <p><strong>Email&nbsp;:<\/strong> ${escapeHtml(email)}<\/p>\n          ${phone ? `<p><strong>T\u00e9l\u00e9phone&nbsp;:<\/strong> ${escapeHtml(phone)}<\/p>` : ''}\n          ${note ? `<p><strong>Message&nbsp;:<\/strong> ${escapeHtml(note)}<\/p>` : ''}\n          <p><strong>Atelier(s) choisi(s) :<\/strong><\/p>\n          <ul>${selected.map(s => `<li>${escapeHtml(s)}<\/li>`).join('')}<\/ul>\n          <p><strong>Total :<\/strong> ${total.toLocaleString('fr-FR')} \u20ac<\/p>\n          <p class=\"hint\">Vous recevrez un email de confirmation ult\u00e9rieurement. Si vous ne voyez rien venir, v\u00e9rifiez vos spams ou contactez\u2011nous.<\/p>\n        `;\n        successBox.classList.remove('hidden');\n        window.scrollTo({ top: document.body.scrollHeight, behavior: 'smooth' });\n      }catch(e){\n        alert('Erreur lors de l\u2019envoi du formulaire. Merci de r\u00e9essayer plus tard.');\n      }\n    });\n\n    \/\/ Petit utilitaire anti\u2011injection dans l\u2019aper\u00e7u r\u00e9capitulatif\n    function escapeHtml(str){\n      return str.replace(\/[&<>\"']\/g, m => ({'&':'&amp;','<':'&lt;','>':'&gt;','\"':'&quot;','\\'':'&#39;'}[m]));\n    }\n  <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Inscription Ateliers de Yoga 2025\u20132026 Ateliers de Yoga \u2014 Saison 2025\u20132026 Chaque atelier dure 3&nbsp;heures. Tarif&nbsp;: 35&nbsp;\u20ac \/ personne \/ atelier. Infos pratiques Inscription simple : cochez un ou plusieurs&hellip;&nbsp;<a href=\"https:\/\/entrez-en-asana.com\/index.php\/2604-2\/\" class=\"\" rel=\"bookmark\">Lire la suite &raquo;<span class=\"screen-reader-text\"><\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"content-type":"","_uag_custom_page_level_css":"","neve_meta_sidebar":"","neve_meta_container":"","neve_meta_enable_content_width":"","neve_meta_content_width":0,"neve_meta_title_alignment":"","neve_meta_author_avatar":"","neve_post_elements_order":"","neve_meta_disable_header":"","neve_meta_disable_footer":"","neve_meta_disable_title":"","_ti_tpc_template_sync":false,"_ti_tpc_template_id":"","footnotes":""},"class_list":["post-2604","page","type-page","status-publish","hentry"],"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false,"neve-blog":false},"uagb_author_info":{"display_name":"admin2026","author_link":"https:\/\/entrez-en-asana.com\/index.php\/author\/admin2026\/"},"uagb_comment_info":0,"uagb_excerpt":"Inscription Ateliers de Yoga 2025\u20132026 Ateliers de Yoga \u2014 Saison 2025\u20132026 Chaque atelier dure 3&nbsp;heures. Tarif&nbsp;: 35&nbsp;\u20ac \/ personne \/ atelier. Infos pratiques Inscription simple : cochez un ou plusieurs&hellip;&nbsp;Lire la suite &raquo;","_links":{"self":[{"href":"https:\/\/entrez-en-asana.com\/index.php\/wp-json\/wp\/v2\/pages\/2604","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/entrez-en-asana.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/entrez-en-asana.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/entrez-en-asana.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/entrez-en-asana.com\/index.php\/wp-json\/wp\/v2\/comments?post=2604"}],"version-history":[{"count":52,"href":"https:\/\/entrez-en-asana.com\/index.php\/wp-json\/wp\/v2\/pages\/2604\/revisions"}],"predecessor-version":[{"id":2683,"href":"https:\/\/entrez-en-asana.com\/index.php\/wp-json\/wp\/v2\/pages\/2604\/revisions\/2683"}],"wp:attachment":[{"href":"https:\/\/entrez-en-asana.com\/index.php\/wp-json\/wp\/v2\/media?parent=2604"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}