{"id":521,"date":"2026-01-08T16:44:38","date_gmt":"2026-01-08T15:44:38","guid":{"rendered":"https:\/\/juricoservices.com\/?page_id=521"},"modified":"2026-01-10T20:39:48","modified_gmt":"2026-01-10T19:39:48","slug":"elementor-521","status":"publish","type":"page","link":"https:\/\/juricoservices.com\/index.php\/elementor-521\/","title":{"rendered":"Domiciliation:"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"521\" class=\"elementor elementor-521\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-22959d5 e-flex e-con-boxed e-con e-parent\" data-id=\"22959d5\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9e8ea9e elementor-widget elementor-widget-shortcode\" data-id=\"9e8ea9e\" data-element_type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">    <div id=\"domiciliation-form-container\">\n        <h2>Demande de domiciliation commerciale<\/h2>\n        \n                \n        <form id=\"domiciliation-form\" method=\"post\" enctype=\"multipart\/form-data\" action=\"\">\n            <!-- \u00c9tape 1: Informations de l'entreprise -->\n            <div class=\"form-etape active\" id=\"etape-1\">\n                <h3>1. Informations de l'entreprise<\/h3>\n                \n                <div class=\"form-group\">\n                    <label for=\"ville\">Ville *<\/label>\n                    <input type=\"text\" id=\"ville\" name=\"ville\" required placeholder=\"Saisir la ville\">\n                <\/div>\n                \n                <div class=\"form-group\">\n                    <label for=\"raison_sociale\">Raison sociale *<\/label>\n                    <input type=\"text\" id=\"raison_sociale\" name=\"raison_sociale\" required placeholder=\"Raison sociale de l'entreprise\">\n                <\/div>\n                \n                <div class=\"form-group\">\n                    <label for=\"ice\">ICE (Identifiant Commun de l'Entreprise)<\/label>\n                    <input type=\"text\" id=\"ice\" name=\"ice\" placeholder=\"Ex: 001234567890\">\n                <\/div>\n                \n                <div class=\"form-group\">\n                    <label for=\"nom_gerant\">Nom du g\u00e9rant *<\/label>\n                    <input type=\"text\" id=\"nom_gerant\" name=\"nom_gerant\" required placeholder=\"Nom complet du g\u00e9rant\">\n                <\/div>\n                \n                <div class=\"form-group\">\n                    <label for=\"adresse\">Adresse compl\u00e8te *<\/label>\n                    <textarea id=\"adresse\" name=\"adresse\" rows=\"3\" required placeholder=\"Adresse compl\u00e8te de l'entreprise\"><\/textarea>\n                <\/div>\n                \n                <div class=\"boutons-navigation\">\n                    <button type=\"button\" class=\"btn-suivant\" data-next=\"etape-2\">Suivant \u2192<\/button>\n                <\/div>\n            <\/div>\n\n            <!-- \u00c9tape 2: Informations personnelles -->\n            <div class=\"form-etape\" id=\"etape-2\">\n                <h3>2. Informations personnelles<\/h3>\n                \n                <div class=\"form-group\">\n                    <label for=\"nom_complet\">Votre nom complet *<\/label>\n                    <input type=\"text\" id=\"nom_complet\" name=\"nom_complet\" required placeholder=\"Votre nom et pr\u00e9nom\">\n                <\/div>\n                \n                <div class=\"form-group\">\n                    <label for=\"date_naissance\">Date de naissance *<\/label>\n                    <input type=\"date\" id=\"date_naissance\" name=\"date_naissance\" required>\n                <\/div>\n                \n                <div class=\"form-group\">\n                    <label for=\"photo_cin\">Photo de votre CIN recto-verso *<\/label>\n                    <input type=\"file\" id=\"photo_cin\" name=\"photo_cin\" accept=\"image\/*,.pdf\" required>\n                    <small>Formats accept\u00e9s: JPG, PNG, PDF. Taille max: 5MB<\/small>\n                <\/div>\n                \n                <div class=\"boutons-navigation\">\n                    <button type=\"button\" class=\"btn-precedent\" data-prev=\"etape-1\">\u2190 Pr\u00e9c\u00e9dent<\/button>\n                    <button type=\"button\" class=\"btn-suivant\" data-next=\"etape-3\">Suivant \u2192<\/button>\n                <\/div>\n            <\/div>\n\n            <!-- \u00c9tape 3: D\u00e9tails de domiciliation -->\n            <div class=\"form-etape\" id=\"etape-3\">\n                <h3>3. D\u00e9tails de la domiciliation<\/h3>\n                \n                <div class=\"form-group\">\n                    <label for=\"duree_domiciliation\">Dur\u00e9e de domiciliation souhait\u00e9e *<\/label>\n                    <select id=\"duree_domiciliation\" name=\"duree_domiciliation\" required>\n                        <option value=\"\">S\u00e9lectionnez une dur\u00e9e<\/option>\n                        <option value=\"6 mois\">6 mois<\/option>\n                        <option value=\"1 an\">1 an<\/option>\n                        <option value=\"2 ans\">2 ans<\/option>\n                        <option value=\"3 ans\">3 ans<\/option>\n                        <option value=\"5 ans\">5 ans<\/option>\n                    <\/select>\n                <\/div>\n                \n                <div class=\"form-group\">\n                    <label>Signature \u00e9lectronique *<\/label>\n                    <div class=\"radio-group\">\n                        <label class=\"radio-option\">\n                            <input type=\"radio\" name=\"signature_electronique\" value=\"oui\" required>\n                            <span>Oui, je souhaite la signature \u00e9lectronique<\/span>\n                        <\/label>\n                        <label class=\"radio-option\">\n                            <input type=\"radio\" name=\"signature_electronique\" value=\"non\">\n                            <span>Non, je ne souhaite pas la signature \u00e9lectronique<\/span>\n                        <\/label>\n                    <\/div>\n                    <small>La signature \u00e9lectronique permet de signer vos documents \u00e0 distance<\/small>\n                <\/div>\n                \n                <div class=\"boutons-navigation\">\n                    <button type=\"button\" class=\"btn-precedent\" data-prev=\"etape-2\">\u2190 Pr\u00e9c\u00e9dent<\/button>\n                    <button type=\"button\" class=\"btn-suivant\" data-next=\"etape-4\">Suivant \u2192<\/button>\n                <\/div>\n            <\/div>\n\n            <!-- \u00c9tape 4: Compte utilisateur -->\n            <div class=\"form-etape\" id=\"etape-4\">\n                <h3>4. Cr\u00e9ation de votre compte<\/h3>\n                <p class=\"description-etape\">Cr\u00e9ez vos identifiants pour suivre votre demande<\/p>\n                \n                <div class=\"form-group\">\n                    <label for=\"email\">Email *<\/label>\n                    <input type=\"email\" id=\"email\" name=\"email\" required placeholder=\"votre@email.com\">\n                    <small>Cet email servira \u00e0 vous connecter \u00e0 votre espace client<\/small>\n                <\/div>\n                \n                <div class=\"form-group\">\n                    <label for=\"password\">Mot de passe *<\/label>\n                    <input type=\"password\" id=\"password\" name=\"password\" required placeholder=\"Cr\u00e9ez un mot de passe s\u00e9curis\u00e9\">\n                    <small>Minimum 8 caract\u00e8res avec chiffres et lettres<\/small>\n                <\/div>\n                \n                <div class=\"form-group checkbox\">\n                    <input type=\"checkbox\" id=\"accept_conditions_domiciliation\" name=\"accept_conditions\" required>\n                    <label for=\"accept_conditions_domiciliation\">J'accepte les conditions g\u00e9n\u00e9rales et la politique de confidentialit\u00e9 *<\/label>\n                <\/div>\n                \n                <div class=\"boutons-navigation\">\n                    <button type=\"button\" class=\"btn-precedent\" data-prev=\"etape-3\">\u2190 Pr\u00e9c\u00e9dent<\/button>\n                    <button type=\"submit\" name=\"submit_domiciliation\" class=\"btn-submit\">Envoyer la demande<\/button>\n                <\/div>\n            <\/div>\n        <\/form>\n    <\/div>\n\n    <style>\n    \/* Styles pour le formulaire de domiciliation *\/\n    #domiciliation-form-container {\n        max-width: 800px;\n        margin: 0 auto;\n        padding: 30px;\n        background: white;\n        border-radius: 10px;\n        box-shadow: 0 5px 20px rgba(0,0,0,0.1);\n    }\n    \n    .form-etape {\n        display: none;\n        animation: fadeIn 0.5s ease;\n    }\n    \n    .form-etape.active {\n        display: block;\n    }\n    \n    @keyframes fadeIn {\n        from { opacity: 0; transform: translateY(20px); }\n        to { opacity: 1; transform: translateY(0); }\n    }\n    \n    h2, h3 {\n        color: #333;\n        margin-bottom: 20px;\n    }\n    \n    .description-etape {\n        color: #666;\n        margin-bottom: 25px;\n    }\n    \n    .form-group {\n        margin-bottom: 20px;\n    }\n    \n    label {\n        display: block;\n        margin-bottom: 8px;\n        font-weight: 600;\n        color: #333;\n    }\n    \n    input[type=\"text\"],\n    input[type=\"email\"],\n    input[type=\"password\"],\n    input[type=\"date\"],\n    select,\n    textarea {\n        width: 100%;\n        padding: 12px 15px;\n        border: 1px solid #ddd;\n        border-radius: 6px;\n        font-size: 16px;\n        transition: border-color 0.3s;\n    }\n    \n    input:focus,\n    select:focus,\n    textarea:focus {\n        outline: none;\n        border-color: #0073aa;\n        box-shadow: 0 0 0 3px rgba(0, 115, 170, 0.1);\n    }\n    \n    .radio-group {\n        display: flex;\n        flex-direction: column;\n        gap: 10px;\n    }\n    \n    .radio-option {\n        display: flex;\n        align-items: center;\n        gap: 10px;\n        padding: 10px;\n        border: 1px solid #ddd;\n        border-radius: 6px;\n        cursor: pointer;\n        transition: all 0.3s;\n    }\n    \n    .radio-option:hover {\n        background: #f8f9fa;\n        border-color: #0073aa;\n    }\n    \n    .radio-option input[type=\"radio\"] {\n        margin: 0;\n    }\n    \n    .checkbox {\n        display: flex;\n        align-items: center;\n        gap: 10px;\n    }\n    \n    .checkbox input[type=\"checkbox\"] {\n        width: auto;\n    }\n    \n    small {\n        display: block;\n        margin-top: 5px;\n        color: #666;\n        font-size: 13px;\n    }\n    \n    \/* Boutons de navigation *\/\n    .boutons-navigation {\n        display: flex;\n        justify-content: space-between;\n        margin-top: 30px;\n        padding-top: 20px;\n        border-top: 1px solid #eee;\n    }\n    \n    .btn-precedent,\n    .btn-suivant,\n    .btn-submit {\n        padding: 12px 30px;\n        border: none;\n        border-radius: 6px;\n        font-size: 16px;\n        cursor: pointer;\n        transition: all 0.3s;\n    }\n    \n    .btn-precedent {\n        background: #6c757d;\n        color: white;\n    }\n    \n    .btn-precedent:hover {\n        background: #5a6268;\n    }\n    \n    .btn-suivant,\n    .btn-submit {\n        background: #0073aa;\n        color: white;\n    }\n    \n    .btn-suivant:hover,\n    .btn-submit:hover {\n        background: #005a87;\n    }\n    \n    .btn-submit {\n        background: #28a745;\n    }\n    \n    .btn-submit:hover {\n        background: #218838;\n    }\n    \n    \/* Messages *\/\n    .success-message, .error-message {\n        padding: 15px;\n        border-radius: 5px;\n        margin-bottom: 20px;\n    }\n    \n    .success-message {\n        background: #d4edda;\n        color: #155724;\n        border: 1px solid #c3e6cb;\n    }\n    \n    .error-message {\n        background: #f8d7da;\n        color: #721c24;\n        border: 1px solid #f5c6cb;\n    }\n    <\/style>\n\n    <script>\n    document.addEventListener('DOMContentLoaded', function() {\n        \/\/ Navigation entre \u00e9tapes\n        document.querySelectorAll('.btn-suivant').forEach(btn => {\n            btn.addEventListener('click', function() {\n                const etapeActuelleDiv = document.querySelector('.form-etape.active');\n                const nextEtapeId = this.getAttribute('data-next');\n                const nextEtape = document.getElementById(nextEtapeId);\n                \n                if (nextEtape) {\n                    etapeActuelleDiv.classList.remove('active');\n                    nextEtape.classList.add('active');\n                }\n            });\n        });\n        \n        document.querySelectorAll('.btn-precedent').forEach(btn => {\n            btn.addEventListener('click', function() {\n                const etapeActuelleDiv = document.querySelector('.form-etape.active');\n                const prevEtapeId = this.getAttribute('data-prev');\n                const prevEtape = document.getElementById(prevEtapeId);\n                \n                if (prevEtape) {\n                    etapeActuelleDiv.classList.remove('active');\n                    prevEtape.classList.add('active');\n                }\n            });\n        });\n        \n        \/\/ Validation du formulaire\n        document.getElementById('domiciliation-form').addEventListener('submit', function(e) {\n            \/\/ Validation simple\n            let isValid = true;\n            const requiredFields = this.querySelectorAll('[required]');\n            \n            requiredFields.forEach(field => {\n                if (!field.value.trim()) {\n                    isValid = false;\n                    field.style.borderColor = '#dc3545';\n                } else {\n                    field.style.borderColor = '#ddd';\n                }\n            });\n            \n            \/\/ Validation sp\u00e9cifique pour le mot de passe\n            const password = document.getElementById('password');\n            if (password.value.length < 8) {\n                isValid = false;\n                password.style.borderColor = '#dc3545';\n                alert('Le mot de passe doit contenir au moins 8 caract\u00e8res.');\n            }\n            \n            \/\/ Validation de la date de naissance\n            const dateNaissance = document.getElementById('date_naissance');\n            if (dateNaissance.value) {\n                const birthDate = new Date(dateNaissance.value);\n                const today = new Date();\n                const age = today.getFullYear() - birthDate.getFullYear();\n                \n                if (age < 18) {\n                    isValid = false;\n                    dateNaissance.style.borderColor = '#dc3545';\n                    alert('Vous devez avoir au moins 18 ans pour effectuer cette demande.');\n                }\n            }\n            \n            if (!isValid) {\n                e.preventDefault();\n                alert('Veuillez remplir correctement tous les champs obligatoires.');\n            }\n        });\n        \n        \/\/ Indicateur visuel pour les champs requis\n        const inputs = document.querySelectorAll('input, select, textarea');\n        inputs.forEach(input => {\n            input.addEventListener('blur', function() {\n                if (this.hasAttribute('required') && !this.value.trim()) {\n                    this.style.borderColor = '#dc3545';\n                } else {\n                    this.style.borderColor = '#ddd';\n                }\n            });\n            \n            input.addEventListener('input', function() {\n                if (this.value.trim()) {\n                    this.style.borderColor = '#28a745';\n                }\n            });\n        });\n        \n        \/\/ Masquer la date de naissance future\n        const dateInput = document.getElementById('date_naissance');\n        if (dateInput) {\n            const today = new Date().toISOString().split('T')[0];\n            dateInput.setAttribute('max', today);\n        }\n    });\n    <\/script>\n    <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"inline_featured_image":false,"footnotes":""},"class_list":["post-521","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/juricoservices.com\/index.php\/wp-json\/wp\/v2\/pages\/521","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/juricoservices.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/juricoservices.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/juricoservices.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/juricoservices.com\/index.php\/wp-json\/wp\/v2\/comments?post=521"}],"version-history":[{"count":89,"href":"https:\/\/juricoservices.com\/index.php\/wp-json\/wp\/v2\/pages\/521\/revisions"}],"predecessor-version":[{"id":708,"href":"https:\/\/juricoservices.com\/index.php\/wp-json\/wp\/v2\/pages\/521\/revisions\/708"}],"wp:attachment":[{"href":"https:\/\/juricoservices.com\/index.php\/wp-json\/wp\/v2\/media?parent=521"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}