{"id":22,"date":"2026-07-27T13:54:21","date_gmt":"2026-07-27T11:54:21","guid":{"rendered":"https:\/\/test.fasoverse.com\/index.php\/mon-compte\/"},"modified":"2026-07-27T13:54:21","modified_gmt":"2026-07-27T11:54:21","slug":"mon-compte","status":"publish","type":"page","link":"https:\/\/test.fasoverse.com\/index.php\/mon-compte\/","title":{"rendered":"Mon Compte"},"content":{"rendered":"        <div class=\"wpsl-account-container\">\n            <div class=\"wpsl-account-box\">\n                <div class=\"wpsl-account-header\">\n                                        \n                    <h1 class=\"wpsl-site-title\">\n                        <span class=\"wpsl-icon-create\">\u2728<\/span>\n                        Cr\u00e9er un compte                    <\/h1>\n                    \n                                        \n                    <p class=\"wpsl-create-intro\">\n                        Rejoignez notre communaut\u00e9 en cr\u00e9ant votre compte gratuit.                    <\/p>\n                <\/div>\n                \n                <div class=\"wpsl-account-tabs\">\n                    <div class=\"wpsl-tab-switch\">\n                        <button class=\"wpsl-tab-switch-btn active\" data-tab=\"register\">Cr\u00e9er un compte<\/button>\n                        <button class=\"wpsl-tab-switch-btn\" data-tab=\"login\">D\u00e9j\u00e0 un compte ?<\/button>\n                    <\/div>\n                    \n                    <div class=\"wpsl-tab-panel active\" id=\"register-tab\">\n                                                \n                                                    <form method=\"post\" action=\"\" class=\"wpsl-register-form\" id=\"wpsl-register-form\">\n                                <input type=\"hidden\" id=\"wpsl_register_nonce\" name=\"wpsl_register_nonce\" value=\"8bc9cca4a7\" \/><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/index.php\/wp-json\/wp\/v2\/pages\/22\" \/>                                \n                                <div class=\"wpsl-form-steps\">\n                                    <div class=\"wpsl-step active\" data-step=\"1\">\n                                        <h3 class=\"wpsl-step-title\">\n                                            <span class=\"wpsl-step-number\">1<\/span>\n                                            Informations de connexion                                        <\/h3>\n                                        \n                                        <div class=\"wpsl-form-group\">\n                                            <label for=\"wpsl_reg_username\">\n                                                <span class=\"wpsl-label-icon\">\ud83d\udc64<\/span>\n                                                Nom d'utilisateur *                                            <\/label>\n                                            <input type=\"text\" name=\"wpsl_reg_username\" id=\"wpsl_reg_username\" \n                                                   required minlength=\"3\" maxlength=\"60\">\n                                            <p class=\"wpsl-field-description\">\n                                                3 \u00e0 60 caract\u00e8res. Lettres, chiffres et underscores autoris\u00e9s.                                            <\/p>\n                                        <\/div>\n                                        \n                                        <div class=\"wpsl-form-row\">\n                                            <div class=\"wpsl-form-half\">\n                                                <div class=\"wpsl-form-group\">\n                                                    <label for=\"wpsl_reg_email\">\n                                                        <span class=\"wpsl-label-icon\">\u2709\ufe0f<\/span>\n                                                        Email *                                                    <\/label>\n                                                    <input type=\"email\" name=\"wpsl_reg_email\" id=\"wpsl_reg_email\" required>\n                                                <\/div>\n                                            <\/div>\n                                            <div class=\"wpsl-form-half\">\n                                                <div class=\"wpsl-form-group\">\n                                                    <label for=\"wpsl_reg_confirm_email\">\n                                                        <span class=\"wpsl-label-icon\">\u2713<\/span>\n                                                        Confirmer l'email *                                                    <\/label>\n                                                    <input type=\"email\" name=\"wpsl_reg_confirm_email\" id=\"wpsl_reg_confirm_email\" required>\n                                                <\/div>\n                                            <\/div>\n                                        <\/div>\n                                        \n                                        <div class=\"wpsl-form-row\">\n                                            <div class=\"wpsl-form-half\">\n                                                <div class=\"wpsl-form-group\">\n                                                    <label for=\"wpsl_reg_password\">\n                                                        <span class=\"wpsl-label-icon\">\ud83d\udd12<\/span>\n                                                        Mot de passe *                                                    <\/label>\n                                                    <div class=\"wpsl-password-field\">\n                                                        <input type=\"password\" name=\"wpsl_reg_password\" id=\"wpsl_reg_password\" required>\n                                                        <button type=\"button\" class=\"wpsl-toggle-password\" data-target=\"wpsl_reg_password\">\n                                                            <span class=\"wpsl-eye-icon\">\ud83d\udc41\ufe0f<\/span>\n                                                        <\/button>\n                                                    <\/div>\n                                                <\/div>\n                                            <\/div>\n                                            <div class=\"wpsl-form-half\">\n                                                <div class=\"wpsl-form-group\">\n                                                    <label for=\"wpsl_reg_confirm_password\">\n                                                        <span class=\"wpsl-label-icon\">\u2713<\/span>\n                                                        Confirmer le mot de passe *                                                    <\/label>\n                                                    <div class=\"wpsl-password-field\">\n                                                        <input type=\"password\" name=\"wpsl_reg_confirm_password\" id=\"wpsl_reg_confirm_password\" required>\n                                                        <button type=\"button\" class=\"wpsl-toggle-password\" data-target=\"wpsl_reg_confirm_password\">\n                                                            <span class=\"wpsl-eye-icon\">\ud83d\udc41\ufe0f<\/span>\n                                                        <\/button>\n                                                    <\/div>\n                                                <\/div>\n                                            <\/div>\n                                        <\/div>\n                                        \n                                        <div class=\"wpsl-password-strength\">\n                                            <div class=\"wpsl-strength-meter\">\n                                                <div class=\"wpsl-strength-bar\"><\/div>\n                                            <\/div>\n                                            <div class=\"wpsl-strength-labels\">\n                                                <span class=\"wpsl-strength-text\"><\/span>\n                                                <span class=\"wpsl-strength-rules\">\n                                                    Minimum 8 caract\u00e8res avec majuscules, minuscules et chiffres                                                <\/span>\n                                            <\/div>\n                                        <\/div>\n                                    <\/div>\n                                    \n                                    <div class=\"wpsl-step\" data-step=\"2\">\n                                        <h3 class=\"wpsl-step-title\">\n                                            <span class=\"wpsl-step-number\">2<\/span>\n                                            Profil personnel                                        <\/h3>\n                                        \n                                        <div class=\"wpsl-form-row\">\n                                            <div class=\"wpsl-form-half\">\n                                                <div class=\"wpsl-form-group\">\n                                                    <label for=\"wpsl_reg_first_name\">\n                                                        <span class=\"wpsl-label-icon\">\ud83d\udc64<\/span>\n                                                        Pr\u00e9nom                                                    <\/label>\n                                                    <input type=\"text\" name=\"wpsl_reg_first_name\" id=\"wpsl_reg_first_name\">\n                                                <\/div>\n                                            <\/div>\n                                            <div class=\"wpsl-form-half\">\n                                                <div class=\"wpsl-form-group\">\n                                                    <label for=\"wpsl_reg_last_name\">\n                                                        <span class=\"wpsl-label-icon\">\ud83d\udc65<\/span>\n                                                        Nom                                                    <\/label>\n                                                    <input type=\"text\" name=\"wpsl_reg_last_name\" id=\"wpsl_reg_last_name\">\n                                                <\/div>\n                                            <\/div>\n                                        <\/div>\n                                        \n                                        <div class=\"wpsl-form-group\">\n                                            <label for=\"wpsl_reg_display_name\">\n                                                <span class=\"wpsl-label-icon\">\ud83d\udc41\ufe0f<\/span>\n                                                Nom affich\u00e9                                            <\/label>\n                                            <input type=\"text\" name=\"wpsl_reg_display_name\" id=\"wpsl_reg_display_name\">\n                                            <p class=\"wpsl-field-description\">\n                                                Le nom qui sera affich\u00e9. Laissez vide pour utiliser le nom d'utilisateur.                                            <\/p>\n                                        <\/div>\n                                        \n                                        <div class=\"wpsl-form-group\">\n                                            <label for=\"wpsl_reg_website\">\n                                                <span class=\"wpsl-label-icon\">\ud83c\udf10<\/span>\n                                                Site web (optionnel)                                            <\/label>\n                                            <input type=\"url\" name=\"wpsl_reg_website\" id=\"wpsl_reg_website\">\n                                        <\/div>\n                                        \n                                        <div class=\"wpsl-form-group\">\n                                            <label for=\"wpsl_reg_description\">\n                                                <span class=\"wpsl-label-icon\">\ud83d\udcdd<\/span>\n                                                \u00c0 propos de vous (optionnel)                                            <\/label>\n                                            <textarea name=\"wpsl_reg_description\" id=\"wpsl_reg_description\" rows=\"3\" \n                                                      placeholder=\"Parlez-nous un peu de vous...\"><\/textarea>\n                                        <\/div>\n                                    <\/div>\n                                    \n                                    <div class=\"wpsl-step\" data-step=\"3\">\n                                        <h3 class=\"wpsl-step-title\">\n                                            <span class=\"wpsl-step-number\">3<\/span>\n                                            Conditions d'utilisation                                        <\/h3>\n                                        \n                                        <div class=\"wpsl-terms-box\">\n                                            <div class=\"wpsl-terms-content\">\n                                                <h4>Conditions g\u00e9n\u00e9rales<\/h4>\n                                                <p>En cr\u00e9ant un compte, vous acceptez :<\/p>\n                                                <ul>\n                                                    <li>De fournir des informations exactes<\/li>\n                                                    <li>De respecter les r\u00e8gles de la plateforme<\/li>\n                                                    <li>De maintenir la confidentialit\u00e9 de votre compte<\/li>\n                                                    <li>Les conditions g\u00e9n\u00e9rales d'utilisation du site<\/li>\n                                                <\/ul>\n                                                \n                                                                                                <div class=\"wpsl-legal-links\">\n                                                                                                        \n                                                                                                        <a href=\"https:\/\/test.fasoverse.com\/index.php\/politique-de-confidentialite-2\/\" target=\"_blank\">\n                                                        Politique de confidentialit\u00e9                                                    <\/a>\n                                                                                                    <\/div>\n                                                                                            <\/div>\n                                            \n                                            <div class=\"wpsl-form-group wpsl-checkbox-group\">\n                                                <label for=\"wpsl_reg_terms\">\n                                                    <input type=\"checkbox\" name=\"wpsl_reg_terms\" id=\"wpsl_reg_terms\" required>\n                                                    <span class=\"wpsl-checkbox-text\">\n                                                        J'accepte les conditions g\u00e9n\u00e9rales et la <a href=\"https:\/\/test.fasoverse.com\/index.php\/politique-de-confidentialite-2\/\" target=\"_blank\">politique de confidentialit\u00e9<\/a> *                                                    <\/span>\n                                                <\/label>\n                                            <\/div>\n                                            \n                                            <div class=\"wpsl-form-group wpsl-checkbox-group\">\n                                                <label for=\"wpsl_reg_newsletter\">\n                                                    <input type=\"checkbox\" name=\"wpsl_reg_newsletter\" id=\"wpsl_reg_newsletter\" checked>\n                                                    <span class=\"wpsl-checkbox-text\">\n                                                        Je souhaite recevoir les actualit\u00e9s et offres par email                                                    <\/span>\n                                                <\/label>\n                                            <\/div>\n                                        <\/div>\n                                    <\/div>                                    \n                                <\/div>\n                                \n                                <div class=\"wpsl-form-navigation\">\n                                    <button type=\"button\" class=\"wpsl-nav-btn wpsl-prev-btn\" disabled>\n                                        <span class=\"wpsl-nav-icon\">\u2190<\/span>\n                                        Pr\u00e9c\u00e9dent                                    <\/button>\n                                    \n                                    <div class=\"wpsl-step-indicator\">\n                                                                                    <span class=\"wpsl-step-dot active\" data-step=\"1\"><\/span>\n                                                                                    <span class=\"wpsl-step-dot \" data-step=\"2\"><\/span>\n                                                                                    <span class=\"wpsl-step-dot \" data-step=\"3\"><\/span>\n                                                                            <\/div>\n                                    \n                                    <button type=\"button\" class=\"wpsl-nav-btn wpsl-next-btn\">\n                                        Suivant                                        <span class=\"wpsl-nav-icon\">\u2192<\/span>\n                                    <\/button>\n                                <\/div>\n                                \n                                <div class=\"wpsl-form-submit\" style=\"display: none;\">\n                                    <button type=\"submit\" name=\"wpsl_create_account\" class=\"wpsl-submit-button wpsl-create-btn\">\n                                        <span class=\"wpsl-button-icon\">\u2728<\/span>\n                                        Cr\u00e9er mon compte                                    <\/button>\n                                    \n                                    <p class=\"wpsl-form-note\">\n                                        En cliquant sur \"Cr\u00e9er mon compte\", vous acceptez nos conditions.                                    <\/p>\n                                <\/div>\n                            <\/form>\n                                            <\/div>\n                    \n                    <div class=\"wpsl-tab-panel\" id=\"login-tab\">\n                        <div class=\"wpsl-login-redirect\">\n                            <div class=\"wpsl-redirect-icon\">\ud83d\udd11<\/div>\n                            <h3>D\u00e9j\u00e0 inscrit ?<\/h3>\n                            <p>Connectez-vous pour acc\u00e9der \u00e0 votre compte.<\/p>\n                            \n                                                        <a href=\"https:\/\/test.fasoverse.com\/index.php\/secure-login\/\" class=\"wpsl-action-btn wpsl-login-redirect-btn\">\n                                <span class=\"wpsl-btn-icon\">\u2192<\/span>\n                                Aller \u00e0 la page de connexion                            <\/a>\n                            \n                            <div class=\"wpsl-redirect-info\">\n                                <p>Vous avez oubli\u00e9 votre mot de passe ?<\/p>\n                                                                <a href=\"https:\/\/test.fasoverse.com\/wp-login.php?action=lostpassword\" class=\"wpsl-link-small\">\n                                    R\u00e9initialiser mon mot de passe                                <\/a>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                \n                <div class=\"wpsl-account-footer\">\n                    <div class=\"wpsl-account-benefits\">\n                        <h4>Avantages d'avoir un compte :<\/h4>\n                        <ul>\n                            <li><span class=\"wpsl-benefit-icon\">\u2713<\/span> Acc\u00e8s \u00e0 votre profil personnalis\u00e9<\/li>\n                            <li><span class=\"wpsl-benefit-icon\">\u2713<\/span> Gestion de vos informations<\/li>\n                            <li><span class=\"wpsl-benefit-icon\">\u2713<\/span> Notifications personnalis\u00e9es<\/li>\n                            <li><span class=\"wpsl-benefit-icon\">\u2713<\/span> Support prioritaire<\/li>\n                        <\/ul>\n                    <\/div>\n                    \n                    <div class=\"wpsl-account-security\">\n                        <h4>Votre s\u00e9curit\u00e9 est importante :<\/h4>\n                        <ul>\n                            <li><span class=\"wpsl-security-icon\">\ud83d\udd12<\/span> Donn\u00e9es chiffr\u00e9es<\/li>\n                            <li><span class=\"wpsl-security-icon\">\ud83d\udee1\ufe0f<\/span> Confidentialit\u00e9 garantie<\/li>\n                            <li><span class=\"wpsl-security-icon\">\u26a1<\/span> Connexion s\u00e9curis\u00e9e<\/li>\n                        <\/ul>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n        \n        <script>\n        jQuery(document).ready(function($) {\n            \/\/ Gestion des onglets\n            $('.wpsl-tab-switch-btn').on('click', function() {\n                var tabId = $(this).data('tab');\n                \n                $('.wpsl-tab-switch-btn').removeClass('active');\n                $(this).addClass('active');\n                \n                $('.wpsl-tab-panel').removeClass('active');\n                $('#' + tabId + '-tab').addClass('active');\n            });\n            \n            \/\/ Formulaire en plusieurs \u00e9tapes\n            var currentStep = 1;\n            var totalSteps = 3;\n            \n            function updateStepNavigation() {\n                \/\/ Mettre \u00e0 jour les indicateurs\n                $('.wpsl-step-dot').removeClass('active');\n                $('.wpsl-step-dot[data-step=\"' + currentStep + '\"]').addClass('active');\n                \n                \/\/ Masquer\/afficher les \u00e9tapes\n                $('.wpsl-step').removeClass('active');\n                $('.wpsl-step[data-step=\"' + currentStep + '\"]').addClass('active');\n                \n                \/\/ Gestion des boutons pr\u00e9c\u00e9dent\/suivant\n                $('.wpsl-prev-btn').prop('disabled', currentStep === 1);\n                $('.wpsl-next-btn').show();\n                $('.wpsl-form-submit').hide();\n                \n                if (currentStep === totalSteps) {\n                    $('.wpsl-next-btn').hide();\n                    $('.wpsl-form-submit').show();\n                }\n                \n                \/\/ Animation\n                $('.wpsl-step.active').addClass('animate');\n                setTimeout(function() {\n                    $('.wpsl-step').removeClass('animate');\n                }, 300);\n            }\n            \n            $('.wpsl-next-btn').on('click', function() {\n                \/\/ Validation de l'\u00e9tape actuelle\n                if (validateStep(currentStep)) {\n                    currentStep++;\n                    updateStepNavigation();\n                }\n            });\n            \n            $('.wpsl-prev-btn').on('click', function() {\n                currentStep--;\n                updateStepNavigation();\n            });\n            \n            \/\/ Clic sur les indicateurs\n            $('.wpsl-step-dot').on('click', function() {\n                var step = $(this).data('step');\n                if (step <= currentStep) {\n                    currentStep = step;\n                    updateStepNavigation();\n                }\n            });\n            \n            function validateStep(step) {\n                var isValid = true;\n                \n                switch(step) {\n                    case 1:\n                        var username = $('#wpsl_reg_username').val();\n                        var email = $('#wpsl_reg_email').val();\n                        var confirmEmail = $('#wpsl_reg_confirm_email').val();\n                        var password = $('#wpsl_reg_password').val();\n                        var confirmPassword = $('#wpsl_reg_confirm_password').val();\n                        \n                        \/\/ Validation username\n                        if (username.length < 3 || username.length > 60) {\n                            showFieldError('wpsl_reg_username', 'Le nom d'utilisateur doit contenir entre 3 et 60 caract\u00e8res.');\n                            isValid = false;\n                        }\n                        \n                        \/\/ Validation email\n                        var emailRegex = \/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$\/;\n                        if (!emailRegex.test(email)) {\n                            showFieldError('wpsl_reg_email', 'Veuillez entrer une adresse email valide.');\n                            isValid = false;\n                        }\n                        \n                        if (email !== confirmEmail) {\n                            showFieldError('wpsl_reg_confirm_email', 'Les adresses email ne correspondent pas.');\n                            isValid = false;\n                        }\n                        \n                        \/\/ Validation mot de passe\n                        if (password.length < 8) {\n                            showFieldError('wpsl_reg_password', 'Le mot de passe doit contenir au moins 8 caract\u00e8res.');\n                            isValid = false;\n                        }\n                        \n                        if (password !== confirmPassword) {\n                            showFieldError('wpsl_reg_confirm_password', 'Les mots de passe ne correspondent pas.');\n                            isValid = false;\n                        }\n                        \n                        \/\/ V\u00e9rifier la force du mot de passe\n                        var strength = checkPasswordStrength(password);\n                        if (strength < 2) {\n                            showFieldError('wpsl_reg_password', 'Le mot de passe est trop faible. Utilisez des majuscules, minuscules et chiffres.');\n                            isValid = false;\n                        }\n                        break;\n                        \n                    case 2:\n                        \/\/ Pas de validation stricte pour les informations personnelles\n                        break;\n                        \n                    case 3:\n                        if (!$('#wpsl_reg_terms').is(':checked')) {\n                            showFieldError('wpsl_reg_terms', 'Vous devez accepter les conditions d'utilisation.');\n                            isValid = false;\n                        }\n                        break;\n                }\n                \n                return isValid;\n            }\n            \n            function showFieldError(fieldId, message) {\n                var field = $('#' + fieldId);\n                var formGroup = field.closest('.wpsl-form-group');\n                \n                formGroup.addClass('has-error');\n                var errorDiv = formGroup.find('.wpsl-field-error');\n                \n                if (errorDiv.length === 0) {\n                    formGroup.append('<div class=\"wpsl-field-error\">' + message + '<\/div>');\n                } else {\n                    errorDiv.text(message);\n                }\n                \n                \/\/ Scroll vers l'erreur\n                $('html, body').animate({\n                    scrollTop: formGroup.offset().top - 100\n                }, 500);\n                \n                \/\/ Supprimer l'erreur quand l'utilisateur corrige\n                field.on('input', function() {\n                    formGroup.removeClass('has-error');\n                    formGroup.find('.wpsl-field-error').remove();\n                });\n            }\n            \n            function checkPasswordStrength(password) {\n                var strength = 0;\n                \n                if (password.length >= 8) strength++;\n                if (\/[A-Z]\/.test(password)) strength++;\n                if (\/[a-z]\/.test(password)) strength++;\n                if (\/[0-9]\/.test(password)) strength++;\n                if (\/[^A-Za-z0-9]\/.test(password)) strength++;\n                \n                return strength;\n            }\n            \n            \/\/ Force du mot de passe\n            $('#wpsl_reg_password').on('keyup', function() {\n                var password = $(this).val();\n                var strength = checkPasswordStrength(password);\n                var strengthBar = $('.wpsl-strength-bar');\n                var strengthText = $('.wpsl-strength-text');\n                \n                var width = (strength \/ 5) * 100;\n                strengthBar.css('width', width + '%');\n                \n                strengthBar.removeClass('weak medium strong');\n                if (strength <= 2) {\n                    strengthBar.addClass('weak');\n                    strengthText.text('Faible');\n                } else if (strength <= 3) {\n                    strengthBar.addClass('medium');\n                    strengthText.text('Moyen');\n                } else {\n                    strengthBar.addClass('strong');\n                    strengthText.text('Fort');\n                }\n            });\n            \n            \/\/ Basculer la visibilit\u00e9 du mot de passe\n            $('.wpsl-toggle-password').on('click', function() {\n                var target = $(this).data('target');\n                var input = $('#' + target);\n                var icon = $(this).find('.wpsl-eye-icon');\n                \n                if (input.attr('type') === 'password') {\n                    input.attr('type', 'text');\n                    icon.text('\ud83d\ude48');\n                } else {\n                    input.attr('type', 'password');\n                    icon.text('\ud83d\udc41\ufe0f');\n                }\n            });\n            \n            \/\/ Initialisation\n            updateStepNavigation();\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-22","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/test.fasoverse.com\/index.php\/wp-json\/wp\/v2\/pages\/22","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/test.fasoverse.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/test.fasoverse.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/test.fasoverse.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/test.fasoverse.com\/index.php\/wp-json\/wp\/v2\/comments?post=22"}],"version-history":[{"count":0,"href":"https:\/\/test.fasoverse.com\/index.php\/wp-json\/wp\/v2\/pages\/22\/revisions"}],"wp:attachment":[{"href":"https:\/\/test.fasoverse.com\/index.php\/wp-json\/wp\/v2\/media?parent=22"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}