{"id":4,"date":"2026-08-29T22:18:25","date_gmt":"2026-08-29T20:18:25","guid":{"rendered":"https:\/\/www.hetadam.com\/jeux\/tirer-une-carte\/"},"modified":"2026-08-31T19:05:26","modified_gmt":"2026-08-31T17:05:26","slug":"tirer-une-carte","status":"publish","type":"page","link":"https:\/\/www.hetadam.com\/jeux\/tirer-une-carte\/","title":{"rendered":"Hetadam ou Eidalam"},"content":{"rendered":"<div class=\"kj\" id=\"kj\">\n<!-- Accueil -->\n<section class=\"ecran accueil\" id=\"accueil\">\n  <div class=\"accueil-inner\">\n    <div class=\"halo\" aria-hidden=\"true\"><\/div>\n    <p class=\"surtitre\" id=\"accSurtitre\"><\/p>\n    <h1 id=\"accTitre\"><\/h1>\n    <p class=\"accroche\" id=\"accAccroche\"><\/p>\n    <button class=\"bouton or\" id=\"btnEntrer\">Entrer<\/button>\n    <p class=\"petit\">Mettez un casque ou montez le son : une musique douce accompagne le tirage.<br>Vous pouvez la couper \u00e0 tout moment.<\/p>\n  <\/div>\n<\/section>\n\n<!-- Table de tirage -->\n<section class=\"ecran table\" id=\"table\" hidden>\n  <header class=\"barre\">\n    <span class=\"marque\" id=\"barreTitre\"><\/span>\n    <nav class=\"barre-actions\">\n      <button class=\"lien\" id=\"btnJournal\">Mes tirages<\/button>\n      <button class=\"lien\" id=\"btnRegle\">R\u00e8gle<\/button>\n      <button class=\"lien son\" id=\"btnSon\" aria-pressed=\"true\" title=\"Couper la musique\">\u266a<\/button>\n    <\/nav>\n  <\/header>\n  <!-- Barre de compte : remplie par la couche d'acc\u00e8s du site (vide et masqu\u00e9e dans le kit).\n       Ses boutons #subscribeBtn \/ #resubBtn servent de rep\u00e8re \u00e0 l'extension hetadam-deux-offres. -->\n  <div class=\"account-bar\" id=\"accountBar\"><\/div>\n  <div class=\"consigne\">\n    <p id=\"consigne\"><\/p>\n    <div class=\"filtres\" id=\"filtres\"><\/div>\n  <\/div>\n  <div class=\"tapis\" id=\"tapis\" aria-live=\"polite\"><\/div>\n  <div class=\"commandes\">\n    <button class=\"bouton or\" id=\"btnMelanger\">M\u00e9langer les cartes<\/button>\n    <button class=\"bouton contour\" id=\"btnHasard\" hidden>Laisser le hasard choisir<\/button>\n    <button class=\"lien\" id=\"btnRevoir\" hidden>Revoir ma carte du jour<\/button>\n    <button class=\"lien\" id=\"btnNumero\">Choisir par num\u00e9ro<\/button>\n    <button class=\"lien\" id=\"btnImage\">Choisir \u00e0 l'image<\/button>\n  <\/div>\n<\/section>\n\n<!-- R\u00e9v\u00e9lation -->\n<section class=\"ecran revelation\" id=\"revelation\" hidden>\n  <header class=\"barre\">\n    <span class=\"marque\" id=\"barreTitre2\"><\/span>\n    <nav class=\"barre-actions\">\n      <button class=\"lien\" id=\"btnJournal2\">Mes tirages<\/button>\n      <button class=\"lien son\" id=\"btnSon2\" aria-pressed=\"true\" title=\"Couper la musique\">\u266a<\/button>\n    <\/nav>\n  <\/header>\n  <div class=\"rev-grille\">\n    <div class=\"scene\">\n      <div class=\"carte3d\" id=\"carte3d\">\n        <div class=\"face face-a\" id=\"faceA\"><\/div>\n        <div class=\"face face-b\" id=\"faceB\"><\/div>\n      <\/div>\n      <button class=\"lien\" id=\"btnRetourner\" hidden>Retourner la carte<\/button>\n    <\/div>\n    <div class=\"lecture\" id=\"lecture\"><\/div>\n  <\/div>\n  <div class=\"commandes\">\n    <button class=\"bouton contour\" id=\"btnPause\">Un temps avec la question<\/button>\n    <button class=\"bouton or\" id=\"btnNouveau\">Nouveau tirage<\/button>\n  <\/div>\n<\/section>\n\n<!-- Fen\u00eatres -->\n<dialog class=\"fenetre\" id=\"fenRegle\"><button class=\"fermer\" data-ferme>\u00d7<\/button><div id=\"regleContenu\"><\/div><\/dialog>\n<dialog class=\"fenetre\" id=\"fenNumero\"><button class=\"fermer\" data-ferme>\u00d7<\/button><h2>Choisir par num\u00e9ro<\/h2><div class=\"grille-num\" id=\"grilleNum\"><\/div><\/dialog>\n<dialog class=\"fenetre large\" id=\"fenImage\"><button class=\"fermer\" data-ferme>\u00d7<\/button><h2>Choisir \u00e0 l'image<\/h2><p class=\"petit\">Laissez-vous attirer par une illustration, sans r\u00e9fl\u00e9chir.<\/p><div class=\"grille-img\" id=\"grilleImg\"><\/div><\/dialog>\n<dialog class=\"fenetre\" id=\"fenJournal\"><button class=\"fermer\" data-ferme>\u00d7<\/button><h2>Mes tirages<\/h2><p class=\"petit\" id=\"journalNote\">Gard\u00e9s sur cet appareil seulement.<\/p><ol class=\"journal\" id=\"journal\"><\/ol><button class=\"lien\" id=\"btnVider\">Effacer l'historique<\/button><\/dialog>\n<dialog class=\"fenetre pause\" id=\"fenPause\"><button class=\"fermer\" data-ferme>\u00d7<\/button>\n  <p class=\"petit\" id=\"pauseQuestion\"><\/p>\n  <div class=\"souffle\" id=\"souffle\"><span id=\"souffleMot\">Pr\u00eat ?<\/span><\/div>\n  <p class=\"petit\" id=\"pauseReste\">Une minute : inspirez quand le cercle grandit, expirez quand il se resserre.<\/p>\n<\/dialog>\n<!-- Site seulement : panneau \u00ab r\u00e9serv\u00e9 aux abonn\u00e9s \u00bb (#lockedNotice, rep\u00e8re de hetadam-deux-offres) et connexion. -->\n<dialog class=\"fenetre\" id=\"lockedNotice\"><button class=\"fermer\" data-ferme>\u00d7<\/button><div id=\"lockedContenu\"><\/div><\/dialog>\n<dialog class=\"fenetre\" id=\"authModal\"><button class=\"fermer\" data-ferme>\u00d7<\/button><div id=\"authModalContent\"><\/div><\/dialog>\n\n<\/div>\n    <style>\n        .hetadam-surclasser{\n            font-family:\"Hanken Grotesk\",system-ui,-apple-system,sans-serif;\n            margin:10px 0 0;padding:14px 16px;\n            background:#16312A;border-radius:3px;text-align:center;\n        }\n        .hetadam-surclasser .bouton{\n            display:inline-block;padding:11px 22px;border-radius:3px;\n            background:#C9A227;color:#16312A;font-weight:700;font-size:15px;\n            text-decoration:none;transition:background .15s;\n        }\n        .hetadam-surclasser .bouton:hover,.hetadam-surclasser .bouton:focus{background:#F2EFE6}\n        .hetadam-surclasser .note{\n            display:block;margin-top:9px;font-size:13.5px;line-height:1.5;color:#C9BFA6;\n        }\n        \/* Dans le panneau \u00ab ce mode est reserve aux abonnes \u00bb, le bandeau\n           vert ferait une boite dans une boite : on l'allege. *\/\n        .hetadam-surclasser.compact{\n            background:none;padding:12px 0 0;margin:0;\n        }\n        .hetadam-surclasser.compact .note{color:#4A5A52}\n        @media (max-width:600px){\n            .hetadam-surclasser .bouton{display:block;width:100%}\n        }\n    <\/style>\n    <script>\n    (function(){\n        var PAIEMENT = \"https:\\\/\\\/buy.stripe.com\\\/3cI7sK3I46U81hj4zQgbm00?prefilled_promo_code=PIONNIER\";\n\n        function construire(ou){\n            var d = document.createElement('div');\n            d.className = 'hetadam-surclasser';\n            d.setAttribute('data-hetadam-surclasser', ou || 'barre');\n            var a = document.createElement('a');\n            a.className = 'bouton';\n            a.href = PAIEMENT;\n            a.textContent = 'Surclassez-vous : devenez Pionnier \u2014 29 \u20ac';\n            var n = document.createElement('span');\n            n.className = 'note';\n            n.textContent = \"Les deux jeux sans limite, et tout le Cercle. Premi\u00e8re ann\u00e9e \u00e0 29 \u20ac au lieu de 55 \u20ac, pour les 500 premiers.\";\n            d.appendChild(a);\n            d.appendChild(n);\n            return d;\n        }\n\n        function ajuster(barre){\n            \/\/ On ne le propose qu'a qui voit un bouton de deblocage :\n            \/\/ inutile de vendre 29 \u20ac a quelqu'un qui est deja abonne.\n            var proposable = barre.querySelector('#subscribeBtn, #resubBtn');\n\n            \/* Ne regarder QUE le voisin immediat.\n               Une premiere version cherchait dans tout le conteneur\n               parent : elle y trouvait le bouton pose dans le panneau\n               \u00ab mode reserve aux abonnes \u00bb \u2014 qui est dans le meme\n               parent \u2014 et le supprimait aussitot. Le panneau restait\n               donc sans second choix, sans la moindre erreur visible. *\/\n            var voisin = barre.nextElementSibling;\n            var existant = (voisin && voisin.hasAttribute('data-hetadam-surclasser'))\n                ? voisin\n                : null;\n\n            if (proposable && !existant) {\n                barre.parentNode.insertBefore(construire('barre'), barre.nextSibling);\n            } else if (!proposable && existant) {\n                existant.parentNode.removeChild(existant);\n            }\n        }\n\n        \/* Second point de deblocage : le panneau \u00ab Ce mode est reserve\n           aux abonnes \u00bb, cache par defaut, qui s'ouvre quand un visiteur\n           gratuit clique un mode cadenasse. C'est le meilleur moment de\n           vente des deux : il voulait ce mode precisement.\n           Le panneau n'est montre qu'aux non-abonnes par le jeu lui-meme,\n           on peut donc y poser le choix sans condition. *\/\n        function greffonPanneau(){\n            var panneau = document.getElementById('lockedNotice');\n            if (!panneau) return;\n            if (panneau.querySelector('[data-hetadam-surclasser]')) return;\n            var bloc = construire('panneau');\n            bloc.className = 'hetadam-surclasser compact';\n            panneau.appendChild(bloc);\n        }\n\n        function demarrer(){\n            greffonPanneau();\n\n            var barre = document.getElementById('accountBar');\n            if (!barre) return;\n            ajuster(barre);\n            new MutationObserver(function(){ ajuster(barre); })\n                .observe(barre, {childList:true, subtree:true});\n        }\n\n        if (document.readyState === 'loading') {\n            document.addEventListener('DOMContentLoaded', demarrer);\n        } else {\n            demarrer();\n        }\n    })();\n    <\/script>\n        <div class=\"hetadam-cdj\" id=\"cdj-1\">\n        <style>\n            .hetadam-cdj{\n                font-family:\"Hanken Grotesk\",system-ui,-apple-system,sans-serif;\n                background:#F2EFE6;border:1px solid rgba(184,137,60,.35);\n                border-radius:3px;padding:22px 24px;margin:28px 0 0;\n                color:#20302A;line-height:1.6;font-size:15px;\n            }\n            .hetadam-cdj .titre{\n                font-size:11px;letter-spacing:.18em;text-transform:uppercase;\n                color:#B8893C;font-weight:600;margin:0 0 8px;\n            }\n            .hetadam-cdj p{margin:0 0 14px}\n            .hetadam-cdj .ligne{display:flex;flex-wrap:wrap;gap:10px;align-items:stretch}\n            .hetadam-cdj input[type=email]{\n                flex:1 1 220px;min-width:0;padding:11px 13px;font:inherit;\n                border:1px solid rgba(32,48,42,.28);border-radius:3px;\n                background:#fff;color:#20302A;\n            }\n            .hetadam-cdj input[type=email]:focus{outline:2px solid rgba(184,137,60,.55);outline-offset:1px}\n            .hetadam-cdj button{\n                padding:11px 22px;font:inherit;font-weight:600;cursor:pointer;\n                border:1px solid #B8893C;border-radius:3px;\n                background:#B8893C;color:#fff;transition:background .15s,color .15s;\n            }\n            .hetadam-cdj button:hover{background:#20302A;border-color:#20302A}\n            .hetadam-cdj button[disabled]{opacity:.55;cursor:default}\n            .hetadam-cdj .consent{display:flex;gap:9px;margin:13px 0 0;font-size:13.5px;line-height:1.5}\n            .hetadam-cdj .consent input{margin-top:3px;flex:0 0 auto}\n            .hetadam-cdj .piege{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}\n            .hetadam-cdj .reponse{margin:13px 0 0;font-size:14.5px;min-height:1.2em}\n            .hetadam-cdj .reponse.ok{color:#20302A;font-weight:600}\n            .hetadam-cdj .reponse.ko{color:#9B2C1F}\n        <\/style>\n\n        <p class=\"titre\">La carte du jour<\/p>\n        <p>Chaque matin, par e-mail&nbsp;: une carte de chacun des deux jeux, tir\u00e9e pour vous, et la question qu'elle pose. Rien \u00e0 installer, rien \u00e0 payer.<\/p>\n\n        <form novalidate>\n            <div class=\"ligne\">\n                <input type=\"email\" name=\"email\" required autocomplete=\"email\"\n                       placeholder=\"votre adresse e-mail\" aria-label=\"Votre adresse e-mail\">\n                <button type=\"submit\">Recevoir la carte du jour<\/button>\n            <\/div>\n\n            <div class=\"piege\" aria-hidden=\"true\">\n                <label>Ne pas remplir <input type=\"text\" name=\"site_web\" tabindex=\"-1\" autocomplete=\"off\"><\/label>\n            <\/div>\n\n            <label class=\"consent\">\n                <input type=\"checkbox\" name=\"consent\" required>\n                <span>J&#039;accepte de recevoir la carte du jour par e-mail : une carte de chaque jeu, une fois par jour. D\u00e9sinscription en un clic, \u00e0 tout moment.<\/span>\n            <\/label>\n\n            <p class=\"reponse\" role=\"status\" aria-live=\"polite\"><\/p>\n        <\/form>\n    <\/div>\n\n    <script>\n    (function(){\n        var bloc = document.getElementById(\"cdj-1\");\n        if (!bloc) return;\n        var form = bloc.querySelector('form');\n        var champ = form.querySelector('input[type=email]');\n        var piege = form.querySelector('input[name=site_web]');\n        var consent = form.querySelector('input[name=consent]');\n        var bouton = form.querySelector('button');\n        var reponse = form.querySelector('.reponse');\n        var url = \"https:\\\/\\\/www.hetadam.com\\\/jeux\\\/wp-json\\\/carte-du-jour\\\/v1\\\/inscription\";\n\n        function dire(texte, ok){\n            reponse.textContent = texte;\n            reponse.className = 'reponse ' + (ok ? 'ok' : 'ko');\n        }\n\n        form.addEventListener('submit', function(e){\n            e.preventDefault();\n            if (!champ.value.trim()) { dire(\"Indiquez votre adresse e-mail.\", false); champ.focus(); return; }\n            if (!consent.checked)    { dire(\"Merci de cocher la case pour donner votre accord.\", false); return; }\n\n            bouton.disabled = true;\n            dire('', true);\n\n            fetch(url, {\n                method: 'POST',\n                headers: {'Content-Type': 'application\/json'},\n                body: JSON.stringify({\n                    email: champ.value.trim(),\n                    site_web: piege.value,\n                    source: window.location.href\n                })\n            })\n            .then(function(r){ return r.json().catch(function(){ return {ok:false}; }); })\n            .then(function(d){\n                if (d && d.ok) {\n                    var p = document.createElement('p');\n                    p.className = 'reponse ok';\n                    p.textContent = d.message || \"C'est not\u00e9.\";\n                    form.innerHTML = '';\n                    form.appendChild(p);\n                } else {\n                    dire((d && d.message) || \"Envoi impossible pour le moment.\", false);\n                    bouton.disabled = false;\n                }\n            })\n            .catch(function(){\n                dire(\"Envoi impossible pour le moment.\", false);\n                bouton.disabled = false;\n            });\n        });\n    })();\n    <\/script>\n    \n\n\n\n<div style=\"max-width:720px;margin:0 auto;padding:48px 32px;background:#F7F2E9;border-radius:4px;font-family:Georgia,'Times New Roman',serif;color:#2C2C2C;\">\n\n  <h2 style=\"text-align:center;font-size:28px;font-weight:400;letter-spacing:0.5px;margin:0 0 8px;\">R&egrave;gles du jeu<\/h2>\n  <p style=\"text-align:center;font-style:italic;font-size:16px;line-height:1.6;color:#4A4A4A;margin:0 0 40px;\">72 cartes, une question au centre&nbsp;: qu&#8217;est-ce qui, dans ce que je vis, demande &agrave; &ecirc;tre compris plut&ocirc;t que r&eacute;par&eacute;&nbsp;?<\/p>\n\n  <div style=\"height:1px;background:#D8CBB0;margin:0 0 32px;\"><\/div>\n\n  <h3 style=\"font-size:15px;text-transform:uppercase;letter-spacing:1.5px;color:#168C78;font-weight:600;margin:0 0 16px;\">Comment tirer<\/h3>\n  <table style=\"width:100%;border-collapse:collapse;margin:0 0 40px;\">\n    <tr>\n      <td style=\"padding:12px 16px;background:#FFFFFF;border-radius:3px;font-size:15px;\">Au hasard &mdash; <strong>1 tirage gratuit par jour<\/strong>, illimit&eacute; pour les abonn&eacute;s<\/td>\n    <\/tr>\n    <tr><td style=\"height:8px;\"><\/td><\/tr>\n    <tr>\n      <td style=\"padding:12px 16px;background:#FFFFFF;border-radius:3px;font-size:15px;\">Par num&eacute;ro &mdash; <em>r&eacute;serv&eacute; aux abonn&eacute;s<\/em><\/td>\n    <\/tr>\n    <tr><td style=\"height:8px;\"><\/td><\/tr>\n    <tr>\n      <td style=\"padding:12px 16px;background:#FFFFFF;border-radius:3px;font-size:15px;\">Par image &mdash; <em>r&eacute;serv&eacute; aux abonn&eacute;s<\/em><\/td>\n    <\/tr>\n  <\/table>\n\n  <h3 style=\"font-size:15px;text-transform:uppercase;letter-spacing:1.5px;color:#168C78;font-weight:600;margin:0 0 16px;\">Comment lire<\/h3>\n  <p style=\"font-size:15px;line-height:1.6;margin:0 0 20px;\">Chaque carte se d&eacute;ploie en deux mouvements.<\/p>\n\n  <table style=\"width:100%;border-collapse:separate;border-spacing:16px 0;margin:0 0 40px;\">\n    <tr>\n      <td style=\"width:50%;vertical-align:top;padding:20px;background:#FFFFFF;border-left:3px solid #168C78;border-radius:3px;\">\n        <div style=\"font-size:13px;text-transform:uppercase;letter-spacing:1px;color:#168C78;font-weight:600;margin:0 0 8px;\">Hetadam<\/div>\n        <p style=\"font-size:14px;line-height:1.6;margin:0;color:#4A4A4A;\">Ce que je vis &mdash; le m&eacute;canisme tel qu&#8217;il se manifeste, son contexte, ce qu&#8217;il permet une fois reconnu.<\/p>\n      <\/td>\n      <td style=\"width:50%;vertical-align:top;padding:20px;background:#FFFFFF;border-left:3px solid #B8935A;border-radius:3px;\">\n        <div style=\"font-size:13px;text-transform:uppercase;letter-spacing:1px;color:#B8935A;font-weight:600;margin:0 0 8px;\">Eidalam<\/div>\n        <p style=\"font-size:14px;line-height:1.6;margin:0;color:#4A4A4A;\">Ce qui aide &mdash; le m&ecirc;me m&eacute;canisme vu depuis ce qui soutient, avec la question qu&#8217;il ouvre.<\/p>\n      <\/td>\n    <\/tr>\n  <\/table>\n\n  <div style=\"height:1px;background:#D8CBB0;margin:0 0 32px;\"><\/div>\n\n  <h3 style=\"font-size:15px;text-transform:uppercase;letter-spacing:1.5px;color:#168C78;font-weight:600;margin:0 0 16px;\">L&#8217;esprit<\/h3>\n  <p style=\"font-size:15px;line-height:1.7;margin:0 0 16px;\">Aucune carte ne donne de r&eacute;ponse. Elle ouvre une question &mdash; et cette question suffit &agrave; faire reconna&icirc;tre un fonctionnement souvent transg&eacute;n&eacute;rationnel, une fois nomm&eacute;.<\/p>\n  <p style=\"font-size:15px;line-height:1.7;font-style:italic;color:#4A4A4A;margin:0;\">Pas de bonne carte, pas de r&eacute;sultat &agrave; atteindre. Ce n&#8217;est pas un oracle, c&#8217;est un support de questionnement &mdash; seul ou en s&eacute;ance.<\/p>\n\n<\/div>\n\n","protected":false},"excerpt":{"rendered":"<p>R&egrave;gles du jeu 72 cartes, une question au centre&nbsp;: qu&#8217;est-ce qui, dans ce que je vis, demande &agrave; &ecirc;tre compris plut&ocirc;t que r&eacute;par&eacute;&nbsp;? Comment tirer Au hasard &mdash; 1 tirage gratuit par jour, illimit&eacute; pour les abonn&eacute;s Par num&eacute;ro &mdash; r&eacute;serv&eacute; aux abonn&eacute;s Par image &mdash; r&eacute;serv&eacute; aux abonn&eacute;s Comment lire Chaque carte se d&eacute;ploie [&hellip;]<\/p>\n","protected":false},"author":0,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-4","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.hetadam.com\/jeux\/wp-json\/wp\/v2\/pages\/4","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"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hetadam.com\/jeux\/wp-json\/wp\/v2\/comments?post=4"}],"version-history":[{"count":1,"href":"https:\/\/www.hetadam.com\/jeux\/wp-json\/wp\/v2\/pages\/4\/revisions"}],"predecessor-version":[{"id":8,"href":"https:\/\/www.hetadam.com\/jeux\/wp-json\/wp\/v2\/pages\/4\/revisions\/8"}],"wp:attachment":[{"href":"https:\/\/www.hetadam.com\/jeux\/wp-json\/wp\/v2\/media?parent=4"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}