{"id":13,"date":"2026-09-03T22:10:26","date_gmt":"2026-09-03T20:10:26","guid":{"rendered":"https:\/\/www.hetadam.com\/jeux\/?page_id=13"},"modified":"2026-09-03T22:10:26","modified_gmt":"2026-09-03T20:10:26","slug":"le-cercle","status":"publish","type":"page","link":"https:\/\/www.hetadam.com\/jeux\/le-cercle\/","title":{"rendered":"Le Cercle"},"content":{"rendered":"        <div class=\"cercle-v1 cercle-v1--verrouille\">\n            <style>\n                .cercle-v1--verrouille{font-family:\"Hanken Grotesk\",system-ui,-apple-system,sans-serif;font-weight:300;background:#F2EFE6;color:#20302A;line-height:1.62;min-height:78vh;display:flex;flex-direction:column;padding:0 24px}\n                .cercle-v1--verrouille *{box-sizing:border-box}\n                .cercle-v1--verrouille .barre{width:100%;max-width:1080px;margin:0 auto;padding:20px 0 0}\n                .cercle-v1--verrouille .marque{font-family:\"Fraunces\",Georgia,serif;font-size:19px;letter-spacing:.18em;text-transform:lowercase;color:#16312A;text-decoration:none;transition:color .25s ease}\n                .cercle-v1--verrouille .marque:hover{color:#B8893C}\n                .cercle-v1--verrouille .coeur{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:48px 0}\n                .cercle-v1--verrouille .eyebrow{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:#B8893C;font-weight:500;margin:0}\n                .cercle-v1--verrouille h2{font-family:\"Fraunces\",Georgia,serif;font-weight:300;font-size:clamp(26px,3.2vw,34px);line-height:1.16;letter-spacing:-.02em;margin:12px 0 0}\n                .cercle-v1--verrouille p.intro{margin:16px auto 0;max-width:46ch;font-size:15px;color:#4E5C54}\n                .cercle-v1--verrouille .cv1-connexion{margin:28px auto 0;max-width:380px;width:100%;text-align:left;display:flex;flex-direction:column;gap:9px}\n                .cercle-v1--verrouille .cv1-connexion label{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:#B8893C;font-weight:500}\n                .cercle-v1--verrouille .cv1-connexion input{font-family:inherit;font-size:14.5px;padding:11px 13px;border:1px solid rgba(32,48,42,.25);border-radius:2px;background:#FBF9F3;color:#20302A}\n                .cercle-v1--verrouille .cv1-connexion input:focus{outline:2px solid #C9A05A;outline-offset:1px}\n                .cercle-v1--verrouille .cv1-connexion button{font-family:inherit;background:#16312A;color:#ECE7D9;border:none;cursor:pointer;border-radius:2px;font-weight:500;font-size:13.5px;padding:12px 24px;transition:background .25s ease,color .25s ease}\n                .cercle-v1--verrouille .cv1-connexion button:hover:not(:disabled){background:#B8893C;color:#102420}\n                .cercle-v1--verrouille .cv1-connexion button:disabled{opacity:.55;cursor:default}\n                .cercle-v1--verrouille .cv1-message{font-size:13px;color:#4E5C54;margin:2px 0 0;min-height:1.2em}\n                .cercle-v1--verrouille .pas-membre{margin:34px 0 0;padding-top:26px;border-top:1px solid rgba(32,48,42,.15);font-size:14px;color:#4E5C54;width:100%;max-width:380px}\n                .cercle-v1--verrouille .pas-membre a{color:#16312A;text-decoration:none;border-bottom:1px solid rgba(184,137,60,.5);transition:color .25s ease}\n                .cercle-v1--verrouille .pas-membre a:hover{color:#B8893C}\n                .cercle-v1--verrouille .legal{max-width:1080px;margin:0 auto;padding:0 0 40px;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#4E5C54}\n                .cercle-v1--verrouille .legal a{color:inherit;text-decoration:none;border-bottom:1px solid rgba(32,48,42,.15)}\n                .cercle-v1--verrouille .legal a:hover{color:#B8893C;border-color:#B8893C}\n            <\/style>\n\n            <div class=\"barre\">\n                <a class=\"marque\" href=\"https:\/\/www.hetadam.com\/\">hetadam<\/a>\n            <\/div>\n\n            <div class=\"coeur\">\n                <p class=\"eyebrow\">Le Cercle Hetadam<\/p>\n                <h2>Vous revenez au Cercle.<\/h2>\n                <p class=\"intro\">Cette page est r\u00e9serv\u00e9e aux membres. Si vous avez adh\u00e9r\u00e9, indiquez l\u2019adresse que vous avez donn\u00e9e au moment du paiement : nous vous envoyons un code \u00e0 saisir ici, sans mot de passe.<\/p>\n                    <form class=\"cv1-connexion\" id=\"cv1-connexion-1\" novalidate\n          data-endpoint=\"https:\/\/www.hetadam.com\/jeux\/wp-json\/hetadam\/v1\/login\"\n          data-code-endpoint=\"https:\/\/www.hetadam.com\/jeux\/wp-json\/hetadam\/v1\/login-code\"\n          data-retour=\"https:\/\/www.hetadam.com\/jeux\/le-cercle\/\">\n        <div class=\"cv1-etape cv1-etape-adresse\">\n            <label for=\"cv1-connexion-1-email\">Votre adresse de membre<\/label>\n            <input type=\"email\" id=\"cv1-connexion-1-email\" name=\"email\" required\n                   autocomplete=\"email\" placeholder=\"celle donn\u00e9e au moment du paiement\">\n            <button type=\"submit\">Recevoir mon code<\/button>\n        <\/div>\n        <div class=\"cv1-etape cv1-etape-code\" hidden>\n            <label for=\"cv1-connexion-1-code\">Le code re\u00e7u par courriel<\/label>\n            <input type=\"text\" id=\"cv1-connexion-1-code\" name=\"code\"\n                   inputmode=\"numeric\" autocomplete=\"one-time-code\" pattern=\"[0-9]*\" maxlength=\"7\"\n                   placeholder=\"6 chiffres\">\n            <button type=\"submit\">Entrer dans le Cercle<\/button>\n            <p class=\"cv1-autres\">\n                <button type=\"button\" class=\"cv1-lien\" data-action=\"renvoyer\">Recevoir un nouveau code<\/button>\n                <span aria-hidden=\"true\">\u00b7<\/span>\n                <button type=\"button\" class=\"cv1-lien\" data-action=\"adresse\">Changer d\u2019adresse<\/button>\n            <\/p>\n        <\/div>\n        <p class=\"cv1-message\" role=\"status\" aria-live=\"polite\"><\/p>\n    <\/form>\n                    <p class=\"pas-membre\">Pas encore membre&nbsp;? <a href=\"https:\/\/www.hetadam.com\/le-cercle.html\">D\u00e9couvrir le Cercle Hetadam<\/a><\/p>\n            <\/div>\n\n            <div class=\"legal\">\n                Hetadam Production\u00ae \u00b7\n                <a href=\"https:\/\/www.hetadam.com\/mentions-legales.html\">Mentions l\u00e9gales<\/a> \u00b7\n                <a href=\"https:\/\/www.hetadam.com\/cgv.html\">CGV<\/a> \u00b7\n                <a href=\"https:\/\/www.hetadam.com\/confidentialite.html\">Confidentialit\u00e9<\/a> \u00b7\n                <a href=\"https:\/\/www.hetadam.com\/cookies.html\">Cookies<\/a>\n            <\/div>\n        <\/div>\n            <style>\n      .cercle-v1 .cv1-connexion .cv1-etape{display:flex;flex-direction:column;gap:9px}\n      .cercle-v1 .cv1-connexion .cv1-etape[hidden]{display:none}\n      .cercle-v1 .cv1-connexion input[name=code]{font-size:22px;letter-spacing:.35em;text-align:center;padding:10px 13px}\n      .cercle-v1 .cv1-connexion input[name=code]::placeholder{font-size:14.5px;letter-spacing:.05em}\n      .cercle-v1 .cv1-connexion .cv1-autres{margin:4px 0 0;font-size:13px;color:#4E5C54;text-align:center}\n      .cercle-v1 .cv1-connexion button.cv1-lien{background:none;border:none;padding:0;font:inherit;font-size:13px;color:#16312A;border-bottom:1px solid rgba(184,137,60,.5);border-radius:0;cursor:pointer}\n      .cercle-v1 .cv1-connexion button.cv1-lien:hover:not(:disabled){background:none;color:#B8893C}\n    <\/style>\n    <script>\n    (function(){\n      var formulaires = document.querySelectorAll('.cv1-connexion');\n      Array.prototype.forEach.call(formulaires, function(f){\n        if (f.dataset.branche) return;\n        f.dataset.branche = '1';\n        var message  = f.querySelector('.cv1-message');\n        var etapeA   = f.querySelector('.cv1-etape-adresse');\n        var etapeC   = f.querySelector('.cv1-etape-code');\n        var champA   = etapeA.querySelector('input');\n        var champC   = etapeC.querySelector('input');\n        var boutonA  = etapeA.querySelector('button');\n        var boutonC  = etapeC.querySelector('button[type=submit]');\n        var adresse  = '';\n        var envoiEnCours = false;\n\n        function poster(url, corps){\n          return fetch(url, {\n            method: 'POST',\n            credentials: 'same-origin',\n            headers: {'Content-Type': 'application\/json'},\n            body: JSON.stringify(corps)\n          }).then(function(r){\n            return r.json().then(function(d){ return { ok: r.ok, data: d || {} }; },\n                                 function(){ return { ok: false, data: {} }; });\n          });\n        }\n\n        function montrerAdresse(){\n          etapeC.hidden = true; etapeA.hidden = false;\n          boutonA.disabled = false; champC.value = '';\n          champA.focus();\n        }\n\n        function demanderCode(){\n          adresse = champA.value.trim();\n          if (!adresse || adresse.indexOf('@') < 1) {\n            message.textContent = 'Indiquez votre adresse courriel.';\n            champA.focus();\n            return;\n          }\n          boutonA.disabled = true;\n          message.textContent = 'Envoi en cours\u2026';\n          poster(f.dataset.endpoint, { email: adresse, redirect_to: f.dataset.retour, code: 1 }).then(function(res){\n            if (!res.ok) {\n              message.textContent = res.data.error || 'Envoi impossible pour le moment.';\n              boutonA.disabled = false;\n              return;\n            }\n            if (!res.data.code) {\n              \/\/ Plugin des cartes pas encore \u00e0 jour : seul le lien est parti.\n              message.textContent = \"C\\u2019est envoy\\u00e9. Ouvrez votre bo\\u00eete courriel : le lien est valable 24 heures.\";\n              return;\n            }\n            etapeA.hidden = true; etapeC.hidden = false;\n            boutonC.disabled = false;\n            message.textContent = 'Un code vient de partir vers ' + adresse + '. Il est valable ' + (res.data.minutes || 10) + ' minutes.';\n            champC.focus();\n          }).catch(function(){\n            message.textContent = 'Envoi impossible pour le moment.';\n            boutonA.disabled = false;\n          });\n        }\n\n        function verifierCode(){\n          var code = champC.value.replace(\/\\D\/g, '');\n          if (code.length !== 6) {\n            message.textContent = 'Saisissez les 6 chiffres re\u00e7us par courriel.';\n            champC.focus();\n            return;\n          }\n          if (envoiEnCours) return;\n          envoiEnCours = true;\n          boutonC.disabled = true;\n          message.textContent = 'V\u00e9rification\u2026';\n          poster(f.dataset.codeEndpoint, { email: adresse, code: code }).then(function(res){\n            envoiEnCours = false;\n            if (res.ok) {\n              message.textContent = 'Bienvenue. Le Cercle s\u2019ouvre\u2026';\n              window.location.replace(f.dataset.retour);\n              return;\n            }\n            message.textContent = res.data.error || 'V\u00e9rification impossible pour le moment.';\n            champC.value = '';\n            boutonC.disabled = !!res.data.nouveau;\n            champC.focus();\n          }).catch(function(){\n            envoiEnCours = false;\n            boutonC.disabled = false;\n            message.textContent = 'V\u00e9rification impossible pour le moment.';\n          });\n        }\n\n        f.addEventListener('submit', function(e){\n          e.preventDefault();\n          if (etapeC.hidden) demanderCode(); else verifierCode();\n        });\n\n        \/\/ Code coll\u00e9 ou propos\u00e9 par le t\u00e9l\u00e9phone : on valide d\u00e8s 6 chiffres.\n        champC.addEventListener('input', function(){\n          if (champC.value.replace(\/\\D\/g, '').length === 6 && !boutonC.disabled) verifierCode();\n        });\n\n        f.addEventListener('click', function(e){\n          var action = e.target && e.target.getAttribute('data-action');\n          if (action === 'adresse') { message.textContent = ''; montrerAdresse(); }\n          if (action === 'renvoyer') demanderCode();\n        });\n      });\n    })();\n    <\/script>\n            \n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-13","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.hetadam.com\/jeux\/wp-json\/wp\/v2\/pages\/13","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hetadam.com\/jeux\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.hetadam.com\/jeux\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.hetadam.com\/jeux\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hetadam.com\/jeux\/wp-json\/wp\/v2\/comments?post=13"}],"version-history":[{"count":1,"href":"https:\/\/www.hetadam.com\/jeux\/wp-json\/wp\/v2\/pages\/13\/revisions"}],"predecessor-version":[{"id":15,"href":"https:\/\/www.hetadam.com\/jeux\/wp-json\/wp\/v2\/pages\/13\/revisions\/15"}],"wp:attachment":[{"href":"https:\/\/www.hetadam.com\/jeux\/wp-json\/wp\/v2\/media?parent=13"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}