{"id":5,"date":"2026-06-02T11:42:23","date_gmt":"2026-06-02T09:42:23","guid":{"rendered":"http:\/\/studio.atelier4fdigital.com\/demo\/espace-stagiaire\/"},"modified":"2026-06-02T11:42:23","modified_gmt":"2026-06-02T09:42:23","slug":"espace-stagiaire","status":"publish","type":"page","link":"https:\/\/studio.atelier4fdigital.com\/demo\/espace-stagiaire\/","title":{"rendered":"Espace stagiaire"},"content":{"rendered":"\n<div id=\"ff-ep-app\" class=\"ff-ep-wrap\">\n\n  <!-- \u00c9tape 1 : Saisie du code -->\n  <div id=\"ff-step-code\" class=\"ff-step ff-step-active\">\n    <div class=\"ff-card\">\n      <div class=\"ff-logo\">\n        <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/studio.atelier4fdigital.com\/demo\/wp-content\/plugins\/4f-espace-participant\/assets\/logo.png\" alt=\"4F Formation\" width=\"120\" height=\"60\" onerror=\"this.style.display='none'\">\n        <h1>Espace Stagiaire<\/h1>\n        <p class=\"ff-subtitle\">Saisissez votre code d'acc\u00e8s pour acc\u00e9der \u00e0 votre espace personnel<\/p>\n      <\/div>\n\n      <div class=\"ff-code-input-wrap\">\n        <label for=\"ff-code-input\">Votre code d'acc\u00e8s<\/label>\n        <input\n          type=\"text\"\n          id=\"ff-code-input\"\n          placeholder=\"123-456-789\"\n          maxlength=\"11\"\n          pattern=\"\\d{3}-\\d{3}-\\d{3}\"\n          autocomplete=\"one-time-code\"\n          autocorrect=\"off\"\n          spellcheck=\"false\"\n          inputmode=\"numeric\"\n        >\n        <p class=\"ff-code-hint\">Format : XXX-XXX-XXX (remis par votre formateur)<\/p>\n        <p id=\"ff-saved-code-hint\" class=\"ff-saved-hint\" style=\"display:none\">\n          <span><\/span> \u2014 <button type=\"button\" id=\"ff-btn-forget-code\" class=\"ff-link-btn\">Oublier ce code<\/button>\n        <\/p>\n        <div id=\"ff-code-error\" class=\"ff-error\" style=\"display:none\"><\/div>\n      <\/div>\n\n      <button id=\"ff-btn-verify\" class=\"ff-btn ff-btn-primary\">\n        Acc\u00e9der \u00e0 mon espace\n      <\/button>\n    <\/div>\n  <\/div>\n\n  <!-- \u00c9tape 1bis : V\u00e9rification d'identit\u00e9 (nouveau device) -->\n  <div id=\"ff-step-challenge\" class=\"ff-step\" style=\"display:none\">\n    <div class=\"ff-card\">\n      <div class=\"ff-logo\">\n        <h1>V\u00e9rification d'identit\u00e9<\/h1>\n        <p class=\"ff-subtitle\" id=\"ff-challenge-greeting\">Confirmez votre identit\u00e9 pour acc\u00e9der \u00e0 votre espace.<\/p>\n      <\/div>\n\n      <div class=\"ff-code-input-wrap\">\n        <label for=\"ff-challenge-nom\">Votre nom de famille<\/label>\n        <input\n          type=\"text\"\n          id=\"ff-challenge-nom\"\n          placeholder=\"Ex : Dupont\"\n          autocomplete=\"family-name\"\n          autocorrect=\"off\"\n          spellcheck=\"false\"\n        >\n        <p class=\"ff-code-hint\">Saisissez exactement votre nom de famille (pas besoin d'accents ni de casse)<\/p>\n        <div id=\"ff-challenge-error\" class=\"ff-error\" style=\"display:none\"><\/div>\n      <\/div>\n\n      <button id=\"ff-btn-challenge-verify\" class=\"ff-btn ff-btn-primary\">\n        Valider\n      <\/button>\n      <button type=\"button\" id=\"ff-btn-challenge-back\" class=\"ff-link-btn\" style=\"margin-top:10px\">\n        \u2190 Retour\n      <\/button>\n    <\/div>\n  <\/div>\n\n  <!-- \u00c9tape 2 : Dashboard participant -->\n  <div id=\"ff-step-dashboard\" class=\"ff-step\" style=\"display:none\">\n\n    <div class=\"ff-header\">\n      <div class=\"ff-header-info\">\n        <h2 id=\"ff-participant-name\">Bonjour<\/h2>\n        <p id=\"ff-session-name\" class=\"ff-session-label\"><\/p>\n      <\/div>\n      <button id=\"ff-btn-logout\" class=\"ff-btn ff-btn-small ff-btn-outline\">Changer de code<\/button>\n    <\/div>\n\n    <div class=\"ff-tabs\">\n      <button class=\"ff-tab ff-tab-active\" data-tab=\"infos\">\n        <span class=\"ff-tab-icon\">\ud83d\udc64<\/span> Mes infos\n      <\/button>\n      <button class=\"ff-tab ff-tab-locked\" data-tab=\"emargement\" aria-disabled=\"true\">\n        <span class=\"ff-tab-icon\">\u270d\ufe0f<\/span> \u00c9margement\n      <\/button>\n      <button class=\"ff-tab ff-tab-locked\" data-tab=\"satisfaction\" aria-disabled=\"true\">\n        <span class=\"ff-tab-icon\">\u2b50<\/span> Satisfaction\n      <\/button>\n    <\/div>\n\n    <!-- Onglet \u00c9margement -->\n    <div id=\"ff-tab-emargement\" class=\"ff-tab-content\">\n      <div class=\"ff-card\">\n        <h3>Feuille d'\u00e9margement<\/h3>\n        <p class=\"ff-info-text\">S\u00e9lectionnez la p\u00e9riode et signez pour confirmer votre pr\u00e9sence.<\/p>\n\n        <div class=\"ff-emargement-form\">\n          <div class=\"ff-row\">\n            <div class=\"ff-field\">\n              <label for=\"ff-em-date\">Date<\/label>\n              <input type=\"date\" id=\"ff-em-date\" class=\"ff-input\">\n            <\/div>\n            <div class=\"ff-field\">\n              <label for=\"ff-em-periode\">P\u00e9riode<\/label>\n              <select id=\"ff-em-periode\" class=\"ff-input\">\n                <option value=\"matin\">Matin<\/option>\n                <option value=\"apres-midi\">Apr\u00e8s-midi<\/option>\n              <\/select>\n            <\/div>\n          <\/div>\n\n          <div class=\"ff-signature-wrap\">\n            <label>Votre signature<\/label>\n            <div class=\"ff-canvas-container\">\n              <canvas id=\"ff-signature-pad\"><\/canvas>\n            <\/div>\n            <div class=\"ff-signature-actions\">\n              <button id=\"ff-btn-clear-sig\" class=\"ff-btn ff-btn-small ff-btn-outline\">Effacer<\/button>\n            <\/div>\n          <\/div>\n\n          <div id=\"ff-em-error\" class=\"ff-error\" style=\"display:none\" aria-live=\"polite\"><\/div>\n          <div id=\"ff-em-success\" class=\"ff-success\" style=\"display:none\" aria-live=\"polite\"><\/div>\n\n          <button id=\"ff-btn-sign\" class=\"ff-btn ff-btn-primary\">Valider mon \u00e9margement<\/button>\n        <\/div>\n\n        <div class=\"ff-emargement-history\" id=\"ff-em-history\" style=\"display:none\">\n          <h4>\u00c9margements valid\u00e9s<\/h4>\n          <ul id=\"ff-em-history-list\"><\/ul>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- Onglet Infos personnelles -->\n    <div id=\"ff-tab-infos\" class=\"ff-tab-content ff-tab-content-active\">\n      <div class=\"ff-card\">\n        <h3>Mes informations personnelles<\/h3>\n        <p class=\"ff-info-text\">Ces informations sont n\u00e9cessaires pour l'\u00e9tablissement de votre attestation de formation.<\/p>\n\n        <form id=\"ff-form-infos\">\n          <div class=\"ff-row\">\n            <div class=\"ff-field\">\n              <label for=\"ff-prenom\">Pr\u00e9nom *<\/label>\n              <input type=\"text\" id=\"ff-prenom\" name=\"prenom\" class=\"ff-input\" required autocomplete=\"given-name\">\n            <\/div>\n            <div class=\"ff-field\">\n              <label for=\"ff-nom\">Nom *<\/label>\n              <input type=\"text\" id=\"ff-nom\" name=\"nom\" class=\"ff-input\" required autocomplete=\"family-name\">\n            <\/div>\n          <\/div>\n\n          <div class=\"ff-row\">\n            <div class=\"ff-field\">\n              <label for=\"ff-email\">Email <span class=\"ff-label-hint\">(pour recevoir les documents de la formation)<\/span><\/label>\n              <input type=\"email\" id=\"ff-email\" name=\"email\" class=\"ff-input\" autocomplete=\"email\">\n            <\/div>\n            <div class=\"ff-field\">\n              <label for=\"ff-telephone\">T\u00e9l\u00e9phone<\/label>\n              <input type=\"tel\" id=\"ff-telephone\" name=\"telephone\" class=\"ff-input\" autocomplete=\"tel\">\n            <\/div>\n          <\/div>\n\n          <div class=\"ff-row\">\n            <div class=\"ff-field\">\n              <label for=\"ff-entreprise\">Entreprise<\/label>\n              <input type=\"text\" id=\"ff-entreprise\" name=\"entreprise\" class=\"ff-input\" autocomplete=\"organization\">\n            <\/div>\n            <div class=\"ff-field\">\n              <label for=\"ff-poste\">Poste occup\u00e9<\/label>\n              <input type=\"text\" id=\"ff-poste\" name=\"poste\" class=\"ff-input\">\n            <\/div>\n          <\/div>\n\n          <div id=\"ff-infos-error\" class=\"ff-error\" style=\"display:none\" aria-live=\"polite\"><\/div>\n          <div id=\"ff-infos-success\" class=\"ff-success\" style=\"display:none\" aria-live=\"polite\"><\/div>\n\n          <button type=\"submit\" class=\"ff-btn ff-btn-primary\">Enregistrer mes informations<\/button>\n        <\/form>\n      <\/div>\n    <\/div>\n\n    <!-- Onglet Satisfaction (Wizard) -->\n    <div id=\"ff-tab-satisfaction\" class=\"ff-tab-content\">\n      <div class=\"ff-card\">\n        <h3>Questionnaire de satisfaction<\/h3>\n\n        <div id=\"ff-satisfaction-edit-hint\" class=\"ff-info-block\" style=\"display:none\">\n          <p>Vous avez d\u00e9j\u00e0 rempli ce questionnaire. Vos r\u00e9ponses sont pr\u00e9-remplies \u2014 vous pouvez les modifier.<\/p>\n        <\/div>\n\n        <!-- Barre de progression -->\n        <div class=\"ff-wizard-progress\">\n          <div class=\"ff-wizard-bar\"><div class=\"ff-wizard-bar-fill\" id=\"ff-wizard-fill\"><\/div><\/div>\n          <span class=\"ff-wizard-count\" id=\"ff-wizard-count\">1 \/ 12<\/span>\n        <\/div>\n\n        <form id=\"ff-form-satisfaction\">\n\n          <!-- \u00c9tape 1 : Note globale -->\n          <div class=\"ff-wiz-step ff-wiz-step-active\" data-step=\"1\" data-auto=\"true\">\n            <div class=\"ff-wiz-question\">Note globale \u2014 La formation a r\u00e9pondu \u00e0 vos attentes<\/div>\n            <div class=\"ff-field ff-field-note-globale\">\n              <div class=\"ff-note-scale\">\n                                <button type=\"button\" class=\"ff-note-btn\" data-value=\"1\">1<\/button>\n                                <button type=\"button\" class=\"ff-note-btn\" data-value=\"2\">2<\/button>\n                                <button type=\"button\" class=\"ff-note-btn\" data-value=\"3\">3<\/button>\n                                <button type=\"button\" class=\"ff-note-btn\" data-value=\"4\">4<\/button>\n                                <button type=\"button\" class=\"ff-note-btn\" data-value=\"5\">5<\/button>\n                                <button type=\"button\" class=\"ff-note-btn\" data-value=\"6\">6<\/button>\n                                <button type=\"button\" class=\"ff-note-btn\" data-value=\"7\">7<\/button>\n                                <button type=\"button\" class=\"ff-note-btn\" data-value=\"8\">8<\/button>\n                                <button type=\"button\" class=\"ff-note-btn\" data-value=\"9\">9<\/button>\n                                <button type=\"button\" class=\"ff-note-btn\" data-value=\"10\">10<\/button>\n                              <\/div>\n              <div class=\"ff-note-scale-labels\">\n                <span>Pas du tout<\/span><span>Tout \u00e0 fait<\/span>\n              <\/div>\n              <input type=\"hidden\" name=\"note_globale\" value=\"\">\n            <\/div>\n          <\/div>\n\n          <!-- \u00c9tapes 2-8 : Crit\u00e8res smileys -->\n                    <div class=\"ff-wiz-step\" data-step=\"2\" data-auto=\"true\">\n            <div class=\"ff-wiz-question\">La formation a r\u00e9pondu \u00e0 mes attentes<\/div>\n            <div class=\"ff-field ff-field-smiley\">\n              <div class=\"ff-smileys\" data-name=\"crit_attentes\">\n                                <button type=\"button\" class=\"ff-smiley-btn\" data-value=\"1\" title=\"Tr\u00e8s insatisfait\">\n                  \ud83d\ude1e                <\/button>\n                                <button type=\"button\" class=\"ff-smiley-btn\" data-value=\"2\" title=\"Insatisfait\">\n                  \ud83d\ude41                <\/button>\n                                <button type=\"button\" class=\"ff-smiley-btn\" data-value=\"3\" title=\"Satisfait\">\n                  \ud83d\ude42                <\/button>\n                                <button type=\"button\" class=\"ff-smiley-btn\" data-value=\"4\" title=\"Tr\u00e8s satisfait\">\n                  \ud83d\ude01                <\/button>\n                              <\/div>\n              <input type=\"hidden\" name=\"crit_attentes\" value=\"\">\n            <\/div>\n          <\/div>\n                    <div class=\"ff-wiz-step\" data-step=\"3\" data-auto=\"true\">\n            <div class=\"ff-wiz-question\">La formation peut me permettre de progresser dans mon travail<\/div>\n            <div class=\"ff-field ff-field-smiley\">\n              <div class=\"ff-smileys\" data-name=\"crit_progression\">\n                                <button type=\"button\" class=\"ff-smiley-btn\" data-value=\"1\" title=\"Tr\u00e8s insatisfait\">\n                  \ud83d\ude1e                <\/button>\n                                <button type=\"button\" class=\"ff-smiley-btn\" data-value=\"2\" title=\"Insatisfait\">\n                  \ud83d\ude41                <\/button>\n                                <button type=\"button\" class=\"ff-smiley-btn\" data-value=\"3\" title=\"Satisfait\">\n                  \ud83d\ude42                <\/button>\n                                <button type=\"button\" class=\"ff-smiley-btn\" data-value=\"4\" title=\"Tr\u00e8s satisfait\">\n                  \ud83d\ude01                <\/button>\n                              <\/div>\n              <input type=\"hidden\" name=\"crit_progression\" value=\"\">\n            <\/div>\n          <\/div>\n                    <div class=\"ff-wiz-step\" data-step=\"4\" data-auto=\"true\">\n            <div class=\"ff-wiz-question\">L&#039;utilisation au quotidien des outils apport\u00e9s<\/div>\n            <div class=\"ff-field ff-field-smiley\">\n              <div class=\"ff-smileys\" data-name=\"crit_outils\">\n                                <button type=\"button\" class=\"ff-smiley-btn\" data-value=\"1\" title=\"Tr\u00e8s insatisfait\">\n                  \ud83d\ude1e                <\/button>\n                                <button type=\"button\" class=\"ff-smiley-btn\" data-value=\"2\" title=\"Insatisfait\">\n                  \ud83d\ude41                <\/button>\n                                <button type=\"button\" class=\"ff-smiley-btn\" data-value=\"3\" title=\"Satisfait\">\n                  \ud83d\ude42                <\/button>\n                                <button type=\"button\" class=\"ff-smiley-btn\" data-value=\"4\" title=\"Tr\u00e8s satisfait\">\n                  \ud83d\ude01                <\/button>\n                              <\/div>\n              <input type=\"hidden\" name=\"crit_outils\" value=\"\">\n            <\/div>\n          <\/div>\n                    <div class=\"ff-wiz-step\" data-step=\"5\" data-auto=\"true\">\n            <div class=\"ff-wiz-question\">Les m\u00e9thodes p\u00e9dagogiques utilis\u00e9es<br \/>\n(\u00e9change groupe, exercices, mises en situation, \u2026)<\/div>\n            <div class=\"ff-field ff-field-smiley\">\n              <div class=\"ff-smileys\" data-name=\"crit_pedagogie\">\n                                <button type=\"button\" class=\"ff-smiley-btn\" data-value=\"1\" title=\"Tr\u00e8s insatisfait\">\n                  \ud83d\ude1e                <\/button>\n                                <button type=\"button\" class=\"ff-smiley-btn\" data-value=\"2\" title=\"Insatisfait\">\n                  \ud83d\ude41                <\/button>\n                                <button type=\"button\" class=\"ff-smiley-btn\" data-value=\"3\" title=\"Satisfait\">\n                  \ud83d\ude42                <\/button>\n                                <button type=\"button\" class=\"ff-smiley-btn\" data-value=\"4\" title=\"Tr\u00e8s satisfait\">\n                  \ud83d\ude01                <\/button>\n                              <\/div>\n              <input type=\"hidden\" name=\"crit_pedagogie\" value=\"\">\n            <\/div>\n          <\/div>\n                    <div class=\"ff-wiz-step\" data-step=\"6\" data-auto=\"true\">\n            <div class=\"ff-wiz-question\">La qualit\u00e9 et la pertinence des supports et contenus<\/div>\n            <div class=\"ff-field ff-field-smiley\">\n              <div class=\"ff-smileys\" data-name=\"crit_supports\">\n                                <button type=\"button\" class=\"ff-smiley-btn\" data-value=\"1\" title=\"Tr\u00e8s insatisfait\">\n                  \ud83d\ude1e                <\/button>\n                                <button type=\"button\" class=\"ff-smiley-btn\" data-value=\"2\" title=\"Insatisfait\">\n                  \ud83d\ude41                <\/button>\n                                <button type=\"button\" class=\"ff-smiley-btn\" data-value=\"3\" title=\"Satisfait\">\n                  \ud83d\ude42                <\/button>\n                                <button type=\"button\" class=\"ff-smiley-btn\" data-value=\"4\" title=\"Tr\u00e8s satisfait\">\n                  \ud83d\ude01                <\/button>\n                              <\/div>\n              <input type=\"hidden\" name=\"crit_supports\" value=\"\">\n            <\/div>\n          <\/div>\n                    <div class=\"ff-wiz-step\" data-step=\"7\" data-auto=\"true\">\n            <div class=\"ff-wiz-question\">La qualit\u00e9 du formateur<br \/>\n(animation, \u00e9coute, r\u00e9ponse aux questions, connaissance du sujet, etc\u2026)<\/div>\n            <div class=\"ff-field ff-field-smiley\">\n              <div class=\"ff-smileys\" data-name=\"crit_formateur\">\n                                <button type=\"button\" class=\"ff-smiley-btn\" data-value=\"1\" title=\"Tr\u00e8s insatisfait\">\n                  \ud83d\ude1e                <\/button>\n                                <button type=\"button\" class=\"ff-smiley-btn\" data-value=\"2\" title=\"Insatisfait\">\n                  \ud83d\ude41                <\/button>\n                                <button type=\"button\" class=\"ff-smiley-btn\" data-value=\"3\" title=\"Satisfait\">\n                  \ud83d\ude42                <\/button>\n                                <button type=\"button\" class=\"ff-smiley-btn\" data-value=\"4\" title=\"Tr\u00e8s satisfait\">\n                  \ud83d\ude01                <\/button>\n                              <\/div>\n              <input type=\"hidden\" name=\"crit_formateur\" value=\"\">\n            <\/div>\n          <\/div>\n                    <div class=\"ff-wiz-step\" data-step=\"8\" data-auto=\"true\">\n            <div class=\"ff-wiz-question\">L&#039;organisation et la logistique<br \/>\n(locaux et salle de formation, accessibilit\u00e9)<\/div>\n            <div class=\"ff-field ff-field-smiley\">\n              <div class=\"ff-smileys\" data-name=\"crit_organisation\">\n                                <button type=\"button\" class=\"ff-smiley-btn\" data-value=\"1\" title=\"Tr\u00e8s insatisfait\">\n                  \ud83d\ude1e                <\/button>\n                                <button type=\"button\" class=\"ff-smiley-btn\" data-value=\"2\" title=\"Insatisfait\">\n                  \ud83d\ude41                <\/button>\n                                <button type=\"button\" class=\"ff-smiley-btn\" data-value=\"3\" title=\"Satisfait\">\n                  \ud83d\ude42                <\/button>\n                                <button type=\"button\" class=\"ff-smiley-btn\" data-value=\"4\" title=\"Tr\u00e8s satisfait\">\n                  \ud83d\ude01                <\/button>\n                              <\/div>\n              <input type=\"hidden\" name=\"crit_organisation\" value=\"\">\n            <\/div>\n          <\/div>\n          \n          <!-- \u00c9tape 9 : Points forts -->\n          <div class=\"ff-wiz-step\" data-step=\"9\" data-auto=\"false\">\n            <div class=\"ff-wiz-question\">Quels sont les th\u00e8mes qui vous ont le plus int\u00e9ress\u00e9.e.s ? Les points forts de la formation ?<\/div>\n            <div class=\"ff-field\">\n              <textarea id=\"ff-points-forts\" name=\"points_forts\" class=\"ff-input ff-textarea\" rows=\"3\" placeholder=\"Th\u00e8mes, points forts...\"><\/textarea>\n            <\/div>\n            <button type=\"button\" class=\"ff-btn ff-btn-primary ff-wiz-next\">Suivant<\/button>\n          <\/div>\n\n          <!-- \u00c9tape 10 : Suggestions -->\n          <div class=\"ff-wiz-step\" data-step=\"10\" data-auto=\"false\">\n            <div class=\"ff-wiz-question\">Quelles sont vos remarques et suggestions pour am\u00e9liorer la qualit\u00e9 de cette formation ?<\/div>\n            <div class=\"ff-field\">\n              <textarea id=\"ff-suggestions\" name=\"suggestions\" class=\"ff-input ff-textarea\" rows=\"3\" placeholder=\"Remarques, suggestions...\"><\/textarea>\n            <\/div>\n            <button type=\"button\" class=\"ff-btn ff-btn-primary ff-wiz-next\">Suivant<\/button>\n          <\/div>\n\n          <!-- \u00c9tape 11 : Recommandation + besoin compl\u00e9mentaire -->\n          <div class=\"ff-wiz-step\" data-step=\"11\" data-auto=\"true\">\n            <div class=\"ff-wiz-question\">Recommanderiez-vous cette formation ?<\/div>\n            <div class=\"ff-field\">\n              <div class=\"ff-radio-group ff-radio-big\">\n                <label><input type=\"radio\" name=\"recommandation\" value=\"oui\"> Oui<\/label>\n                <label><input type=\"radio\" name=\"recommandation\" value=\"non\"> Non<\/label>\n              <\/div>\n            <\/div>\n            <div class=\"ff-field\" style=\"margin-top:16px\">\n              <div class=\"ff-wiz-sub-question\">Ressentez-vous le besoin d'une formation compl\u00e9mentaire ?<\/div>\n              <div class=\"ff-radio-group ff-radio-big\">\n                <label><input type=\"radio\" name=\"besoin_complementaire\" value=\"oui\"> Oui<\/label>\n                <label><input type=\"radio\" name=\"besoin_complementaire\" value=\"non\"> Non<\/label>\n              <\/div>\n            <\/div>\n            <div class=\"ff-field\" id=\"ff-field-sujet-complementaire\" style=\"display:none\">\n              <label for=\"ff-sujet-complementaire\">Si oui, sur quel sujet ?<\/label>\n              <input type=\"text\" id=\"ff-sujet-complementaire\" name=\"sujet_complementaire\" class=\"ff-input\" placeholder=\"Sujet souhait\u00e9...\">\n            <\/div>\n            <button type=\"button\" class=\"ff-btn ff-btn-primary ff-wiz-next\" style=\"margin-top:12px\">Suivant<\/button>\n          <\/div>\n\n          <!-- \u00c9tape 12 : Mot pour le formateur -->\n          <div class=\"ff-wiz-step\" data-step=\"12\" data-auto=\"false\">\n            <div class=\"ff-wiz-question\">Un dernier mot pour votre formateur.trice<\/div>\n            <div class=\"ff-field\">\n              <textarea id=\"ff-mot-formateur\" name=\"mot_formateur\" class=\"ff-input ff-textarea\" rows=\"3\" placeholder=\"Votre message...\"><\/textarea>\n            <\/div>\n            <div id=\"ff-sat-error\" class=\"ff-error\" style=\"display:none\"><\/div>\n            <div id=\"ff-sat-success\" class=\"ff-success\" style=\"display:none\"><\/div>\n            <button type=\"submit\" class=\"ff-btn ff-btn-primary\">Envoyer mon questionnaire<\/button>\n          <\/div>\n\n          <!-- Navigation wizard (sous chaque \u00e9tape) -->\n          <div class=\"ff-wiz-nav\">\n            <button type=\"button\" class=\"ff-wiz-prev\" id=\"ff-wiz-prev\" style=\"display:none\">\u2190 Retour<\/button>\n            <span class=\"ff-wiz-skip\" id=\"ff-wiz-skip\">Ignorer<\/span>\n          <\/div>\n\n        <\/form>\n\n        <!-- \u00c9cran de remerciement (affich\u00e9 apr\u00e8s envoi r\u00e9ussi) -->\n        <div id=\"ff-sat-thanks\" style=\"display:none\">\n          <div class=\"ff-sat-thanks-box\">\n            <div class=\"ff-sat-thanks-icon\">\ud83d\ude4f<\/div>\n            <h3>Merci pour votre retour !<\/h3>\n            <p>Votre avis a bien \u00e9t\u00e9 enregistr\u00e9. Il est pr\u00e9cieux pour nous aider \u00e0 am\u00e9liorer nos formations.<\/p>\n            <p class=\"ff-sat-thanks-sub\">Toute l'\u00e9quipe 4F Formation vous remercie et vous souhaite une bonne continuation.<\/p>\n            <button type=\"button\" id=\"ff-btn-sat-quit\" class=\"ff-btn ff-btn-primary\">Quitter<\/button>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n  <\/div><!-- \/dashboard -->\n\n<\/div><!-- \/ff-ep-app -->\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-5","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/studio.atelier4fdigital.com\/demo\/wp-json\/wp\/v2\/pages\/5","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/studio.atelier4fdigital.com\/demo\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/studio.atelier4fdigital.com\/demo\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/studio.atelier4fdigital.com\/demo\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/studio.atelier4fdigital.com\/demo\/wp-json\/wp\/v2\/comments?post=5"}],"version-history":[{"count":0,"href":"https:\/\/studio.atelier4fdigital.com\/demo\/wp-json\/wp\/v2\/pages\/5\/revisions"}],"wp:attachment":[{"href":"https:\/\/studio.atelier4fdigital.com\/demo\/wp-json\/wp\/v2\/media?parent=5"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}