Interactif Facilitateur<\/title>\n <style>\n body {\n font-family: Arial, sans-serif;\n background: #f4f4f4;\n padding: 20px;\n max-width: 700px;\n margin: auto;\n }\n .step {\n display: none;\n background: white;\n padding: 20px;\n border-radius: 12px;\n margin-bottom: 20px;\n box-shadow: 0 4px 10px rgba(0,0,0,0.1);\n }\n .active { display: block; }\n button {\n padding: 10px 20px;\n border: none;\n background: #0073e6;\n color: white;\n font-size: 16px;\n border-radius: 8px;\n cursor: pointer;\n margin-top: 15px;\n }\n button:hover { background: #005bb5; }\n textarea {\n width: 100%;\n height: 120px;\n padding: 10px;\n border-radius: 8px;\n border: 1px solid #ccc;\n margin-top: 10px;\n }\n .progress {\n margin-bottom: 20px;\n font-weight: bold;\n text-align: center;\n }\n <\/style>\n<\/head>\n<body>\n <h1>Parcours Interactif du Facilitateur<\/h1>\n <p>R\u00e9pondez aux questions \u00e9tape par \u00e9tape pour clarifier votre besoin et trouver vos propres solutions.<\/p>\n\n <div class=\"progress\" id=\"progress\"><\/div>\n\n \n <div class=\"step active\" id=\"step1\">\n <h2>\u00c9tape 1 \u2014 Entrer dans le sujet<\/h2>\n <p>Quel est le sujet que vous souhaitez explorer aujourd’hui ?<\/p>\n <textarea id=\"s1\"><\/textarea>\n <button onclick=\"nextStep()\">Continuer<\/button>\n <\/div>\n\n <div class=\"step\" id=\"step2\">\n <h2>\u00c9tape 2 \u2014 Explorer ce qui se passe en vous<\/h2>\n <p>Qu’est-ce que vous ressentez face \u00e0 cette situation ?<\/p>\n <textarea id=\"s2\"><\/textarea>\n <button onclick=\"nextStep()\">Continuer<\/button>\n <\/div>\n\n <div class=\"step\" id=\"step3\">\n <h2>\u00c9tape 3 \u2014 Comprendre les obstacles<\/h2>\n <p>Qu’est-ce qui rend cette situation difficile selon vous ?<\/p>\n <textarea id=\"s3\"><\/textarea>\n <button onclick=\"nextStep()\">Continuer<\/button>\n <\/div>\n\n <div class=\"step\" id=\"step4\">\n <h2>\u00c9tape 4 \u2014 Ouvrir le champ des possibles<\/h2>\n <p>Quelles options voyez-vous, m\u00eame les plus improbables ?<\/p>\n <textarea id=\"s4\"><\/textarea>\n <button onclick=\"nextStep()\">Continuer<\/button>\n <\/div>\n\n <div class=\"step\" id=\"step5\">\n <h2>\u00c9tape 5 \u2014 Identifier une action<\/h2>\n <p>Quelle serait la plus petite action que vous pourriez entreprendre maintenant ?<\/p>\n <textarea id=\"s5\"><\/textarea>\n <button onclick=\"nextStep()\">Continuer<\/button>\n <\/div>\n\n <div class=\"step\" id=\"step6\">\n <h2>\u00c9tape 6 \u2014 Projection positive<\/h2>\n <p>\u00c0 quoi ressemblerait une version r\u00e9ussie de cette situation pour vous ?<\/p>\n <textarea id=\"s6\"><\/textarea>\n <button onclick=\"finish()\">Terminer<\/button>\n <\/div>\n\n <div class=\"step\" id=\"finalStep\">\n <h2>\ud83c\udf89 Synth\u00e8se de votre parcours<\/h2>\n <p>Voici un r\u00e9sum\u00e9 de vos r\u00e9ponses :<\/p>\n <div id=\"summary\"><\/div>\n <\/div>\n\n <script>\n let currentStep = 1;\n const totalSteps = 6;\n\n function updateProgress() {\n document.getElementById(\"progress\").innerText =\n \"\u00c9tape \" + currentStep + \" sur \" + totalSteps;\n }\n\n updateProgress();\n\n function nextStep() {\n document.getElementById(\"step\" + currentStep).classList.remove(\"active\");\n currentStep++;\n document.getElementById(\"step\" + currentStep).classList.add(\"active\");\n updateProgress();\n }\n\n function finish() {\n document.getElementById(\"step\" + currentStep).classList.remove(\"active\");\n document.getElementById(\"finalStep\").classList.add(\"active\");\n\n const r\u00e9ponses = [1,2,3,4,5,6].map(i => document.getElementById(\"s\"+i).value);\n\n const labels = [\n \"Sujet explor\u00e9\",\n \"Ressenti\",\n \"Obstacle principal\",\n \"Options possibles\",\n \"Petite action\",\n \"Vision de r\u00e9ussite\"\n ];\n\n let html = \"\";\n\n r\u00e9ponses.forEach((rep, i) => {\n html += `<h3>${labels[i]}<\/h3><p>${rep || \"(aucune r\u00e9ponse)\"}<\/p>`;\n });\n\n document.getElementById(\"summary\").innerHTML = html;\n document.getElementById(\"progress\").innerText = \"Fin du parcours\";\n }\n <\/script>\n<\/body>\n<\/html>\n\n\n\n<p>Parcours Interactif du Facilitateur (R\u00e9ponses propos\u00e9es)<\/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.0\" \/>\n <title>Interactif Facilitateur – R\u00e9ponses pr\u00e9\u00e9tablies<\/title>\n <style>\n body {\n font-family: Arial, sans-serif;\n background: #f7f7f7;\n padding: 20px;\n max-width: 700px;\n margin: auto;\n }\n .step {\n display: none;\n background: white;\n padding: 20px;\n border-radius: 12px;\n margin-bottom: 20px;\n box-shadow: 0 4px 10px rgba(0,0,0,0.1);\n }\n .active { display: block; }\n button {\n padding: 10px 20px;\n border: none;\n background: #0073e6;\n color: white;\n font-size: 16px;\n border-radius: 8px;\n cursor: pointer;\n margin-top: 15px;\n }\n button:hover { background: #005bb5; }\n select, textarea {\n width: 100%;\n padding: 10px;\n border-radius: 8px;\n border: 1px solid #ccc;\n margin-top: 10px;\n }\n .progress {\n margin-bottom: 20px;\n font-weight: bold;\n text-align: center;\n }\n <\/style>\n<\/head>\n<body>\n <h1>Parcours Interactif du Facilitateur (R\u00e9ponses propos\u00e9es)<\/h1>\n <p>Choisissez des r\u00e9ponses parmi les options pour avancer \u00e9tape par \u00e9tape.<\/p>\n\n <div class=\"progress\" id=\"progress\"><\/div>\n\n \n <div class=\"step active\" id=\"step1\">\n <h2>\u00c9tape 1 \u2014 Le sujet que vous souhaitez explorer<\/h2>\n <select id=\"s1\">\n <option value=\"\">— Choisissez une r\u00e9ponse —<\/option>\n <option>Am\u00e9liorer ma communication<\/option>\n <option>G\u00e9rer un conflit<\/option>\n <option>Clarifier ma direction professionnelle<\/option>\n <option>Am\u00e9liorer ma confiance<\/option>\n <option>R\u00e9soudre une difficult\u00e9 personnelle<\/option>\n <\/select>\n <button onclick=\"nextStep()\">Continuer<\/button>\n <\/div>\n\n \n <div class=\"step\" id=\"step2\">\n <h2>\u00c9tape 2 \u2014 Vos \u00e9motions<\/h2>\n <select id=\"s2\">\n <option value=\"\">— Choisissez une r\u00e9ponse —<\/option>\n <option>Je me sens stress\u00e9(e)<\/option>\n <option>Je suis motiv\u00e9(e) \u00e0 changer<\/option>\n <option>Je suis confus(e)<\/option>\n <option>J\u2019ai envie d\u2019avancer mais je manque de clart\u00e9<\/option>\n <\/select>\n <button onclick=\"nextStep()\">Continuer<\/button>\n <\/div>\n\n \n <div class=\"step\" id=\"step3\">\n <h2>\u00c9tape 3 \u2014 L\u2019obstacle principal<\/h2>\n <select id=\"s3\">\n <option value=\"\">— Choisissez une r\u00e9ponse —<\/option>\n <option>Le manque de temps<\/option>\n <option>La peur d\u2019\u00e9chouer<\/option>\n <option>Le manque de soutien<\/option>\n <option>Je ne sais pas par o\u00f9 commencer<\/option>\n <option>Je me sens bloqu\u00e9(e)<\/option>\n <\/select>\n <button onclick=\"nextStep()\">Continuer<\/button>\n <\/div>\n\n \n <div class=\"step\" id=\"step4\">\n <h2>\u00c9tape 4 \u2014 Options possibles<\/h2>\n <select id=\"s4\">\n <option value=\"\">— Choisissez une r\u00e9ponse —<\/option>\n <option>Demander de l\u2019aide<\/option>\n <option>Essayer une nouvelle approche<\/option>\n <option>Me former davantage<\/option>\n <option>D\u00e9composer mon objectif en petites \u00e9tapes<\/option>\n <option>Prendre un moment pour clarifier mes priorit\u00e9s<\/option>\n <\/select>\n <button onclick=\"nextStep()\">Continuer<\/button>\n <\/div>\n\n \n <div class=\"step\" id=\"step5\">\n <h2>\u00c9tape 5 \u2014 Petite action imm\u00e9diate<\/h2>\n <select id=\"s5\">\n <option value=\"\">— Choisissez une r\u00e9ponse —<\/option>\n <option>\u00c9crire mes id\u00e9es pour y voir plus clair<\/option>\n <option>Parler \u00e0 une personne de confiance<\/option>\n <option>Planifier 10 minutes d\u2019action<\/option>\n <option>Identifier la premi\u00e8re micro-action<\/option>\n <option>Me fixer un objectif simple pour aujourd\u2019hui<\/option>\n <\/select>\n <button onclick=\"nextStep()\">Continuer<\/button>\n <\/div>\n\n \n <div class=\"step\" id=\"step6\">\n <h2>\u00c9tape 6 \u2014 Vision de r\u00e9ussite<\/h2>\n <select id=\"s6\">\n <option value=\"\">— Choisissez une r\u00e9ponse —<\/option>\n <option>Je me sens plus serein(e) et organis\u00e9(e)<\/option>\n <option>Je progresse avec confiance<\/option>\n <option>Je suis clair(e) sur ce que je veux<\/option>\n <option>Je retrouve de l\u2019\u00e9nergie et de la motivation<\/option>\n <\/select>\n <button onclick=\"finish()\">Terminer<\/button>\n <\/div>\n\n \n <div class=\"step\" id=\"finalStep\">\n <h2>\ud83c\udf89 Synth\u00e8se de votre parcours<\/h2>\n <p>Voici un r\u00e9sum\u00e9 de vos r\u00e9ponses :<\/p>\n <div id=\"summary\"><\/div>\n <\/div>\n\n <script>\n let currentStep = 1;\n const totalSteps = 6;\n\n function updateProgress() {\n document.getElementById(\"progress\").innerText =\n \"\u00c9tape \" + currentStep + \" sur \" + totalSteps;\n }\n\n updateProgress();\n\n function nextStep() {\n const select = document.getElementById(\"s\" + currentStep);\n if (!select.value) {\n alert(\"Veuillez choisir une r\u00e9ponse pour continuer.\");\n return;\n }\n document.getElementById(\"step\" + currentStep).classList.remove(\"active\");\n currentStep++;\n document.getElementById(\"step\" + currentStep).classList.add(\"active\");\n updateProgress();\n }\n\n function finish() {\n if (!document.getElementById(\"s6\").value) {\n alert(\"Veuillez choisir une r\u00e9ponse.\");\n return;\n }\n document.getElementById(\"step\" + currentStep).classList.remove(\"active\");\n document.getElementById(\"finalStep\").classList.add(\"active\");\n\n const r\u00e9ponses = [1,2,3,4,5,6].map(i => document.getElementById(\"s\"+i).value);\n\n const labels = [\n \"Sujet explor\u00e9\",\n \"Ressenti\",\n \"Obstacle principal\",\n \"Options possibles\",\n \"Petite action\",\n \"Vision de r\u00e9ussite\"\n ];\n\n let html = \"\";\n\n r\u00e9ponses.forEach((rep, i) => {\n html += `<h3>${labels[i]}<\/h3><p>${rep}<\/p>`;\n });\n\n document.getElementById(\"summary\").innerHTML = html;\n document.getElementById(\"progress\").innerText = \"Fin du parcours\";\n }\n <\/script>\n<\/body>\n<\/html>\n\n","protected":false},"excerpt":{"rendered":"<p>Interactif Facilitateur Parcours Interactif du Facilitateur R\u00e9pondez aux questions \u00e9tape par \u00e9tape pour clarifier votre besoin et trouver vos propres solutions. \u00c9tape 1 \u2014 Entrer dans le sujet Quel est le sujet que vous souhaitez explorer aujourd’hui ? Continuer \u00c9tape… <a href=\"https:\/\/clubvivremieux.com\/index.php\/1845-2\/\" class=\"readmore\">Read more<span class=\"screen-reader-text\">Parcours Interactif du Facilitateur<\/span><span class=\"fa fa-angle-double-right\" aria-hidden=\"true\"><\/span><\/a><\/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-1845","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/clubvivremieux.com\/index.php\/wp-json\/wp\/v2\/pages\/1845","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/clubvivremieux.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/clubvivremieux.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/clubvivremieux.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/clubvivremieux.com\/index.php\/wp-json\/wp\/v2\/comments?post=1845"}],"version-history":[{"count":3,"href":"https:\/\/clubvivremieux.com\/index.php\/wp-json\/wp\/v2\/pages\/1845\/revisions"}],"predecessor-version":[{"id":1851,"href":"https:\/\/clubvivremieux.com\/index.php\/wp-json\/wp\/v2\/pages\/1845\/revisions\/1851"}],"wp:attachment":[{"href":"https:\/\/clubvivremieux.com\/index.php\/wp-json\/wp\/v2\/media?parent=1845"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":1845,"date":"2025-12-06T01:12:22","date_gmt":"2025-12-06T01:12:22","guid":{"rendered":"https:\/\/clubvivremieux.com\/?page_id=1845"},"modified":"2025-12-06T01:15:30","modified_gmt":"2025-12-06T01:15:30","slug":"1845-2","status":"publish","type":"page","link":"https:\/\/clubvivremieux.com\/index.php\/1845-2\/","title":{"rendered":"Parcours Interactif du Facilitateur"},"content":{"rendered":"\n\n\n\n \n \n Interactif Facilitateur<\/title>\n <style>\n body {\n font-family: Arial, sans-serif;\n background: #f4f4f4;\n padding: 20px;\n max-width: 700px;\n margin: auto;\n }\n .step {\n display: none;\n background: white;\n padding: 20px;\n border-radius: 12px;\n margin-bottom: 20px;\n box-shadow: 0 4px 10px rgba(0,0,0,0.1);\n }\n .active { display: block; }\n button {\n padding: 10px 20px;\n border: none;\n background: #0073e6;\n color: white;\n font-size: 16px;\n border-radius: 8px;\n cursor: pointer;\n margin-top: 15px;\n }\n button:hover { background: #005bb5; }\n textarea {\n width: 100%;\n height: 120px;\n padding: 10px;\n border-radius: 8px;\n border: 1px solid #ccc;\n margin-top: 10px;\n }\n .progress {\n margin-bottom: 20px;\n font-weight: bold;\n text-align: center;\n }\n <\/style>\n<\/head>\n<body>\n <h1>Parcours Interactif du Facilitateur<\/h1>\n <p>R\u00e9pondez aux questions \u00e9tape par \u00e9tape pour clarifier votre besoin et trouver vos propres solutions.<\/p>\n\n <div class=\"progress\" id=\"progress\"><\/div>\n\n \n <div class=\"step active\" id=\"step1\">\n <h2>\u00c9tape 1 \u2014 Entrer dans le sujet<\/h2>\n <p>Quel est le sujet que vous souhaitez explorer aujourd’hui ?<\/p>\n <textarea id=\"s1\"><\/textarea>\n <button onclick=\"nextStep()\">Continuer<\/button>\n <\/div>\n\n <div class=\"step\" id=\"step2\">\n <h2>\u00c9tape 2 \u2014 Explorer ce qui se passe en vous<\/h2>\n <p>Qu’est-ce que vous ressentez face \u00e0 cette situation ?<\/p>\n <textarea id=\"s2\"><\/textarea>\n <button onclick=\"nextStep()\">Continuer<\/button>\n <\/div>\n\n <div class=\"step\" id=\"step3\">\n <h2>\u00c9tape 3 \u2014 Comprendre les obstacles<\/h2>\n <p>Qu’est-ce qui rend cette situation difficile selon vous ?<\/p>\n <textarea id=\"s3\"><\/textarea>\n <button onclick=\"nextStep()\">Continuer<\/button>\n <\/div>\n\n <div class=\"step\" id=\"step4\">\n <h2>\u00c9tape 4 \u2014 Ouvrir le champ des possibles<\/h2>\n <p>Quelles options voyez-vous, m\u00eame les plus improbables ?<\/p>\n <textarea id=\"s4\"><\/textarea>\n <button onclick=\"nextStep()\">Continuer<\/button>\n <\/div>\n\n <div class=\"step\" id=\"step5\">\n <h2>\u00c9tape 5 \u2014 Identifier une action<\/h2>\n <p>Quelle serait la plus petite action que vous pourriez entreprendre maintenant ?<\/p>\n <textarea id=\"s5\"><\/textarea>\n <button onclick=\"nextStep()\">Continuer<\/button>\n <\/div>\n\n <div class=\"step\" id=\"step6\">\n <h2>\u00c9tape 6 \u2014 Projection positive<\/h2>\n <p>\u00c0 quoi ressemblerait une version r\u00e9ussie de cette situation pour vous ?<\/p>\n <textarea id=\"s6\"><\/textarea>\n <button onclick=\"finish()\">Terminer<\/button>\n <\/div>\n\n <div class=\"step\" id=\"finalStep\">\n <h2>\ud83c\udf89 Synth\u00e8se de votre parcours<\/h2>\n <p>Voici un r\u00e9sum\u00e9 de vos r\u00e9ponses :<\/p>\n <div id=\"summary\"><\/div>\n <\/div>\n\n <script>\n let currentStep = 1;\n const totalSteps = 6;\n\n function updateProgress() {\n document.getElementById(\"progress\").innerText =\n \"\u00c9tape \" + currentStep + \" sur \" + totalSteps;\n }\n\n updateProgress();\n\n function nextStep() {\n document.getElementById(\"step\" + currentStep).classList.remove(\"active\");\n currentStep++;\n document.getElementById(\"step\" + currentStep).classList.add(\"active\");\n updateProgress();\n }\n\n function finish() {\n document.getElementById(\"step\" + currentStep).classList.remove(\"active\");\n document.getElementById(\"finalStep\").classList.add(\"active\");\n\n const r\u00e9ponses = [1,2,3,4,5,6].map(i => document.getElementById(\"s\"+i).value);\n\n const labels = [\n \"Sujet explor\u00e9\",\n \"Ressenti\",\n \"Obstacle principal\",\n \"Options possibles\",\n \"Petite action\",\n \"Vision de r\u00e9ussite\"\n ];\n\n let html = \"\";\n\n r\u00e9ponses.forEach((rep, i) => {\n html += `<h3>${labels[i]}<\/h3><p>${rep || \"(aucune r\u00e9ponse)\"}<\/p>`;\n });\n\n document.getElementById(\"summary\").innerHTML = html;\n document.getElementById(\"progress\").innerText = \"Fin du parcours\";\n }\n <\/script>\n<\/body>\n<\/html>\n\n\n\n<p>Parcours Interactif du Facilitateur (R\u00e9ponses propos\u00e9es)<\/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.0\" \/>\n <title>Interactif Facilitateur – R\u00e9ponses pr\u00e9\u00e9tablies<\/title>\n <style>\n body {\n font-family: Arial, sans-serif;\n background: #f7f7f7;\n padding: 20px;\n max-width: 700px;\n margin: auto;\n }\n .step {\n display: none;\n background: white;\n padding: 20px;\n border-radius: 12px;\n margin-bottom: 20px;\n box-shadow: 0 4px 10px rgba(0,0,0,0.1);\n }\n .active { display: block; }\n button {\n padding: 10px 20px;\n border: none;\n background: #0073e6;\n color: white;\n font-size: 16px;\n border-radius: 8px;\n cursor: pointer;\n margin-top: 15px;\n }\n button:hover { background: #005bb5; }\n select, textarea {\n width: 100%;\n padding: 10px;\n border-radius: 8px;\n border: 1px solid #ccc;\n margin-top: 10px;\n }\n .progress {\n margin-bottom: 20px;\n font-weight: bold;\n text-align: center;\n }\n <\/style>\n<\/head>\n<body>\n <h1>Parcours Interactif du Facilitateur (R\u00e9ponses propos\u00e9es)<\/h1>\n <p>Choisissez des r\u00e9ponses parmi les options pour avancer \u00e9tape par \u00e9tape.<\/p>\n\n <div class=\"progress\" id=\"progress\"><\/div>\n\n \n <div class=\"step active\" id=\"step1\">\n <h2>\u00c9tape 1 \u2014 Le sujet que vous souhaitez explorer<\/h2>\n <select id=\"s1\">\n <option value=\"\">— Choisissez une r\u00e9ponse —<\/option>\n <option>Am\u00e9liorer ma communication<\/option>\n <option>G\u00e9rer un conflit<\/option>\n <option>Clarifier ma direction professionnelle<\/option>\n <option>Am\u00e9liorer ma confiance<\/option>\n <option>R\u00e9soudre une difficult\u00e9 personnelle<\/option>\n <\/select>\n <button onclick=\"nextStep()\">Continuer<\/button>\n <\/div>\n\n \n <div class=\"step\" id=\"step2\">\n <h2>\u00c9tape 2 \u2014 Vos \u00e9motions<\/h2>\n <select id=\"s2\">\n <option value=\"\">— Choisissez une r\u00e9ponse —<\/option>\n <option>Je me sens stress\u00e9(e)<\/option>\n <option>Je suis motiv\u00e9(e) \u00e0 changer<\/option>\n <option>Je suis confus(e)<\/option>\n <option>J\u2019ai envie d\u2019avancer mais je manque de clart\u00e9<\/option>\n <\/select>\n <button onclick=\"nextStep()\">Continuer<\/button>\n <\/div>\n\n \n <div class=\"step\" id=\"step3\">\n <h2>\u00c9tape 3 \u2014 L\u2019obstacle principal<\/h2>\n <select id=\"s3\">\n <option value=\"\">— Choisissez une r\u00e9ponse —<\/option>\n <option>Le manque de temps<\/option>\n <option>La peur d\u2019\u00e9chouer<\/option>\n <option>Le manque de soutien<\/option>\n <option>Je ne sais pas par o\u00f9 commencer<\/option>\n <option>Je me sens bloqu\u00e9(e)<\/option>\n <\/select>\n <button onclick=\"nextStep()\">Continuer<\/button>\n <\/div>\n\n \n <div class=\"step\" id=\"step4\">\n <h2>\u00c9tape 4 \u2014 Options possibles<\/h2>\n <select id=\"s4\">\n <option value=\"\">— Choisissez une r\u00e9ponse —<\/option>\n <option>Demander de l\u2019aide<\/option>\n <option>Essayer une nouvelle approche<\/option>\n <option>Me former davantage<\/option>\n <option>D\u00e9composer mon objectif en petites \u00e9tapes<\/option>\n <option>Prendre un moment pour clarifier mes priorit\u00e9s<\/option>\n <\/select>\n <button onclick=\"nextStep()\">Continuer<\/button>\n <\/div>\n\n \n <div class=\"step\" id=\"step5\">\n <h2>\u00c9tape 5 \u2014 Petite action imm\u00e9diate<\/h2>\n <select id=\"s5\">\n <option value=\"\">— Choisissez une r\u00e9ponse —<\/option>\n <option>\u00c9crire mes id\u00e9es pour y voir plus clair<\/option>\n <option>Parler \u00e0 une personne de confiance<\/option>\n <option>Planifier 10 minutes d\u2019action<\/option>\n <option>Identifier la premi\u00e8re micro-action<\/option>\n <option>Me fixer un objectif simple pour aujourd\u2019hui<\/option>\n <\/select>\n <button onclick=\"nextStep()\">Continuer<\/button>\n <\/div>\n\n \n <div class=\"step\" id=\"step6\">\n <h2>\u00c9tape 6 \u2014 Vision de r\u00e9ussite<\/h2>\n <select id=\"s6\">\n <option value=\"\">— Choisissez une r\u00e9ponse —<\/option>\n <option>Je me sens plus serein(e) et organis\u00e9(e)<\/option>\n <option>Je progresse avec confiance<\/option>\n <option>Je suis clair(e) sur ce que je veux<\/option>\n <option>Je retrouve de l\u2019\u00e9nergie et de la motivation<\/option>\n <\/select>\n <button onclick=\"finish()\">Terminer<\/button>\n <\/div>\n\n \n <div class=\"step\" id=\"finalStep\">\n <h2>\ud83c\udf89 Synth\u00e8se de votre parcours<\/h2>\n <p>Voici un r\u00e9sum\u00e9 de vos r\u00e9ponses :<\/p>\n <div id=\"summary\"><\/div>\n <\/div>\n\n <script>\n let currentStep = 1;\n const totalSteps = 6;\n\n function updateProgress() {\n document.getElementById(\"progress\").innerText =\n \"\u00c9tape \" + currentStep + \" sur \" + totalSteps;\n }\n\n updateProgress();\n\n function nextStep() {\n const select = document.getElementById(\"s\" + currentStep);\n if (!select.value) {\n alert(\"Veuillez choisir une r\u00e9ponse pour continuer.\");\n return;\n }\n document.getElementById(\"step\" + currentStep).classList.remove(\"active\");\n currentStep++;\n document.getElementById(\"step\" + currentStep).classList.add(\"active\");\n updateProgress();\n }\n\n function finish() {\n if (!document.getElementById(\"s6\").value) {\n alert(\"Veuillez choisir une r\u00e9ponse.\");\n return;\n }\n document.getElementById(\"step\" + currentStep).classList.remove(\"active\");\n document.getElementById(\"finalStep\").classList.add(\"active\");\n\n const r\u00e9ponses = [1,2,3,4,5,6].map(i => document.getElementById(\"s\"+i).value);\n\n const labels = [\n \"Sujet explor\u00e9\",\n \"Ressenti\",\n \"Obstacle principal\",\n \"Options possibles\",\n \"Petite action\",\n \"Vision de r\u00e9ussite\"\n ];\n\n let html = \"\";\n\n r\u00e9ponses.forEach((rep, i) => {\n html += `<h3>${labels[i]}<\/h3><p>${rep}<\/p>`;\n });\n\n document.getElementById(\"summary\").innerHTML = html;\n document.getElementById(\"progress\").innerText = \"Fin du parcours\";\n }\n <\/script>\n<\/body>\n<\/html>\n\n","protected":false},"excerpt":{"rendered":"<p>Interactif Facilitateur Parcours Interactif du Facilitateur R\u00e9pondez aux questions \u00e9tape par \u00e9tape pour clarifier votre besoin et trouver vos propres solutions. \u00c9tape 1 \u2014 Entrer dans le sujet Quel est le sujet que vous souhaitez explorer aujourd’hui ? Continuer \u00c9tape… <a href=\"https:\/\/clubvivremieux.com\/index.php\/1845-2\/\" class=\"readmore\">Read more<span class=\"screen-reader-text\">Parcours Interactif du Facilitateur<\/span><span class=\"fa fa-angle-double-right\" aria-hidden=\"true\"><\/span><\/a><\/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-1845","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/clubvivremieux.com\/index.php\/wp-json\/wp\/v2\/pages\/1845","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/clubvivremieux.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/clubvivremieux.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/clubvivremieux.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/clubvivremieux.com\/index.php\/wp-json\/wp\/v2\/comments?post=1845"}],"version-history":[{"count":3,"href":"https:\/\/clubvivremieux.com\/index.php\/wp-json\/wp\/v2\/pages\/1845\/revisions"}],"predecessor-version":[{"id":1851,"href":"https:\/\/clubvivremieux.com\/index.php\/wp-json\/wp\/v2\/pages\/1845\/revisions\/1851"}],"wp:attachment":[{"href":"https:\/\/clubvivremieux.com\/index.php\/wp-json\/wp\/v2\/media?parent=1845"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}