{"id":4376,"date":"2026-01-28T15:04:51","date_gmt":"2026-01-28T14:04:51","guid":{"rendered":"https:\/\/www.solutat.fr\/?page_id=4376"},"modified":"2026-01-29T16:25:16","modified_gmt":"2026-01-29T15:25:16","slug":"inscription","status":"publish","type":"page","link":"https:\/\/www.solutat.fr\/en\/inscription\/","title":{"rendered":"Inscription"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"4376\" class=\"elementor elementor-4376\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-dac2873 e-flex e-con-boxed e-con e-parent\" data-id=\"dac2873\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2267dbfc elementor-widget elementor-widget-shortcode\" data-id=\"2267dbfc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><div class=\"tattoo-registration-wrapper\">\n<style>\n.tattoo-registration-wrapper {\n    max-width: 680px;\n    margin: 40px auto;\n    padding: 20px;\n    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, sans-serif;\n}\n\n.tattoo-card {\n    background: white;\n    padding: 40px;\n    border-radius: 16px;\n    box-shadow: 0 8px 32px rgba(0,0,0,0.08);\n}\n\n.tattoo-header {\n    text-align: center;\n    margin-bottom: 36px;\n}\n\n.tattoo-header h2 {\n    font-size: 30px;\n    margin: 0 0 8px 0;\n    color: #1a1a1a;\n    font-weight: 700;\n}\n\n.tattoo-header p {\n    color: #666;\n    font-size: 15px;\n    margin: 0;\n}\n\n\/* ---- Progress (3 \u00e9tapes) ---- *\/\n.tattoo-progress {\n    display: flex;\n    justify-content: space-between;\n    margin-bottom: 36px;\n    position: relative;\n    padding: 0 20px;\n}\n\n.tattoo-progress::before {\n    content: '';\n    position: absolute;\n    top: 16px;\n    left: 40px;\n    right: 40px;\n    height: 3px;\n    background: #e0e0e0;\n    z-index: 0;\n}\n\n.tattoo-progress-fill {\n    position: absolute;\n    top: 16px;\n    left: 40px;\n    height: 3px;\n    background: #d4a100;\n    transition: width 0.4s ease;\n    z-index: 1;\n}\n\n.tattoo-progress-step {\n    position: relative;\n    z-index: 2;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    flex: 1;\n}\n\n.tattoo-step-circle {\n    width: 36px;\n    height: 36px;\n    border-radius: 50%;\n    background: white;\n    border: 3px solid #e0e0e0;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-weight: 700;\n    color: #999;\n    font-size: 14px;\n    transition: all 0.3s ease;\n    margin-bottom: 8px;\n}\n\n.tattoo-progress-step.active .tattoo-step-circle,\n.tattoo-progress-step.completed .tattoo-step-circle {\n    background: #d4a100;\n    border-color: #d4a100;\n    color: white;\n}\n\n.tattoo-step-label {\n    font-size: 12px;\n    color: #999;\n    font-weight: 600;\n    text-align: center;\n}\n\n.tattoo-progress-step.active .tattoo-step-label {\n    color: #d4a100;\n}\n\n\/* ---- Dur\u00e9e estim\u00e9e ---- *\/\n.step-duration {\n    display: inline-block;\n    font-size: 12px;\n    color: #999;\n    background: #f5f5f5;\n    padding: 3px 10px;\n    border-radius: 20px;\n    margin-left: 10px;\n    font-weight: normal;\n    vertical-align: middle;\n}\n\n\/* ---- Messages ---- *\/\n.tattoo-message {\n    padding: 14px 18px;\n    border-radius: 10px;\n    margin-bottom: 20px;\n    display: none;\n    animation: slideDown 0.3s ease;\n}\n.tattoo-message.show { display: block; }\n.tattoo-error   { background: #fee; color: #c00; border-left: 4px solid #f44; }\n.tattoo-success { background: #d4edda; color: #155724; border-left: 4px solid #28a745; }\n\n@keyframes slideDown {\n    from { opacity: 0; transform: translateY(-8px); }\n    to   { opacity: 1; transform: translateY(0); }\n}\n\n\/* ---- Steps ---- *\/\n.tattoo-step { display: none; animation: fadeIn 0.35s ease; }\n.tattoo-step.active { display: block; }\n\n@keyframes fadeIn {\n    from { opacity: 0; transform: translateY(16px); }\n    to   { opacity: 1; transform: translateY(0); }\n}\n\n.tattoo-step-title {\n    font-size: 22px;\n    font-weight: 700;\n    margin: 0 0 22px 0;\n    color: #1a1a1a;\n}\n\n\/* ---- Form ---- *\/\n.tattoo-form-group { margin-bottom: 18px; }\n\n.tattoo-form-group label {\n    display: block;\n    font-weight: 600;\n    margin-bottom: 7px;\n    color: #1a1a1a;\n    font-size: 14px;\n}\n\n.required { color: #e74c3c; }\n\n.tattoo-input,\n.tattoo-select {\n    width: 100%;\n    padding: 13px 15px;\n    border: 2px solid #e0e0e0;\n    border-radius: 10px;\n    font-size: 15px;\n    transition: all 0.2s ease;\n    box-sizing: border-box;\n    font-family: inherit;\n    background: white;\n}\n\n.tattoo-input:focus,\n.tattoo-select:focus {\n    outline: none;\n    border-color: #000;\n    box-shadow: 0 0 0 3px rgba(0,0,0,0.05);\n}\n\n.tattoo-input::placeholder { color: #999; }\n.tattoo-hint { font-size: 13px; color: #666; margin-top: 5px; }\n\n\/* ---- Grille 2 colonnes ---- *\/\n.tattoo-grid-2 {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 14px;\n}\n\n\/* ---- Radio options ---- *\/\n.tattoo-radio-group { display: flex; flex-direction: column; gap: 10px; }\n\n.tattoo-radio-option {\n    display: flex;\n    align-items: center;\n    padding: 14px 18px;\n    border: 2px solid #e0e0e0;\n    border-radius: 10px;\n    cursor: pointer;\n    transition: all 0.2s ease;\n}\n.tattoo-radio-option:hover { border-color: #000; background: #f9f9f9; }\n.tattoo-radio-option input { margin-right: 12px; width: 18px; height: 18px; cursor: pointer; flex-shrink: 0; }\n.tattoo-radio-option.selected { border-color: #000; background: #f5f5f5; }\n\n\/* ---- S\u00e9parateur de section ---- *\/\n.section-sep {\n    border: none;\n    border-top: 1px solid #eee;\n    margin: 24px 0;\n}\n\n\/* ---- Checkboxes ---- *\/\n.tattoo-checkbox {\n    display: flex;\n    align-items: flex-start;\n    gap: 12px;\n    padding: 14px 16px;\n    background: #f9f9f9;\n    border-radius: 10px;\n    margin-bottom: 10px;\n}\n.tattoo-checkbox input { margin-top: 3px; width: 18px; height: 18px; flex-shrink: 0; }\n.tattoo-checkbox label { margin: 0; font-weight: normal; line-height: 1.5; font-size: 14px; }\n\n\/* ---- Info box ---- *\/\n.tattoo-info-box {\n    background: #f0f9ff;\n    border-left: 4px solid #3498db;\n    padding: 14px 18px;\n    border-radius: 8px;\n    margin-top: 20px;\n    font-size: 13px;\n    color: #2c3e50;\n    line-height: 1.6;\n}\n\n\/* ---- Boutons ---- *\/\n.tattoo-buttons {\n    display: flex;\n    gap: 12px;\n    margin-top: 28px;\n}\n\n.tattoo-btn {\n    flex: 1;\n    padding: 15px 22px;\n    border-radius: 10px;\n    font-size: 15px;\n    font-weight: 600;\n    cursor: pointer;\n    transition: all 0.25s ease;\n    border: none;\n    font-family: inherit;\n}\n\n.tattoo-btn-primary { background: #d4a100; color: white; }\n.tattoo-btn-primary:hover:not(:disabled) {\n    background: #333;\n    transform: translateY(-2px);\n    box-shadow: 0 5px 18px rgba(0,0,0,0.14);\n}\n\n.tattoo-btn-secondary {\n    background: white;\n    color: #000;\n    border: 2px solid #e0e0e0;\n}\n.tattoo-btn-secondary:hover { border-color: #000; background: #f9f9f9; }\n.tattoo-btn:disabled { opacity: 0.6; cursor: not-allowed; transform: none !important; }\n\n\/* ---- Responsive ---- *\/\n@media (max-width: 600px) {\n    .tattoo-card { padding: 22px 18px; }\n    .tattoo-header h2 { font-size: 22px; }\n    .tattoo-step-label { font-size: 10px; }\n    .tattoo-buttons { flex-direction: column; }\n    .tattoo-grid-2 { grid-template-columns: 1fr; }\n}\n<\/style>\n\n<div class=\"tattoo-card\">\n    <div class=\"tattoo-header\">\n        <h2>Cr\u00e9ez votre compte Solutat<\/h2>\n        <p>Rejoignez notre marketplace en 3 \u00e9tapes rapides<\/p>\n    <\/div>\n\n    <!-- Barre de progression \u2014 3 \u00e9tapes -->\n    <div class=\"tattoo-progress\">\n        <div class=\"tattoo-progress-fill\" id=\"progressBar\" style=\"width: 0%\"><\/div>\n        <div class=\"tattoo-progress-step active\" data-step=\"1\">\n            <div class=\"tattoo-step-circle\">1<\/div>\n            <div class=\"tattoo-step-label\">Compte<\/div>\n        <\/div>\n        <div class=\"tattoo-progress-step\" data-step=\"2\">\n            <div class=\"tattoo-step-circle\">2<\/div>\n            <div class=\"tattoo-step-label\">Profil vendeur<\/div>\n        <\/div>\n        <div class=\"tattoo-progress-step\" data-step=\"3\">\n            <div class=\"tattoo-step-circle\">3<\/div>\n            <div class=\"tattoo-step-label\">Conditions<\/div>\n        <\/div>\n    <\/div>\n\n    <!-- Messages -->\n    <div id=\"errorMsg\" class=\"tattoo-message tattoo-error\"><\/div>\n    <div id=\"successMsg\" class=\"tattoo-message tattoo-success\"><\/div>\n\n    <!-- ======== \u00c9TAPE 1 : COMPTE ======== -->\n    <div class=\"tattoo-step active\" data-step=\"1\">\n        <h3 class=\"tattoo-step-title\">\n            Cr\u00e9ez votre compte\n            <span class=\"step-duration\">~1 min<\/span>\n        <\/h3>\n\n        <div class=\"tattoo-form-group\">\n            <label>Email <span class=\"required\">*<\/span><\/label>\n            <div style=\"position:relative;\">\n                <input type=\"email\" class=\"tattoo-input\" id=\"email\"\n                    placeholder=\"votre@email.com\" required\n                    oninput=\"onEmailInput(this.value)\"\n                    onblur=\"onEmailBlur(this.value)\"\n                    style=\"padding-right:44px;\">\n                <span id=\"email-spinner\" style=\"display:none;position:absolute;right:14px;top:50%;transform:translateY(-50%);font-size:16px;\">&#x23F3;<\/span>\n            <\/div>\n            <div id=\"email-feedback\" style=\"margin-top:6px;display:none;\"><\/div>\n        <\/div>\n\n        <div class=\"tattoo-form-group\">\n            <label>Mot de passe <span class=\"required\">*<\/span><\/label>\n            <input type=\"password\" class=\"tattoo-input\" id=\"password\"\n                placeholder=\"8 caract&#232;res minimum\" minlength=\"8\" required>\n            <div class=\"tattoo-hint\">Majuscules et chiffres recommand&#233;s<\/div>\n        <\/div>\n\n        <div class=\"tattoo-form-group\">\n            <label>Confirmer le mot de passe <span class=\"required\">*<\/span><\/label>\n            <input type=\"password\" class=\"tattoo-input\" id=\"password_confirm\"\n                placeholder=\"Retapez votre mot de passe\" required>\n        <\/div>\n\n        <hr class=\"section-sep\">\n\n        <div class=\"tattoo-form-group\">\n            <label>Nom d&#8217;artiste \/ Nom public <span class=\"required\">*<\/span><\/label>\n            <input type=\"text\" class=\"tattoo-input\" id=\"display_name\"\n                placeholder=\"Ex&#160;: Johnny Tattoo, Studio Ink\" required>\n            <div class=\"tattoo-hint\">Nom visible publiquement sur votre profil (peut \u00eatre diff\u00e9rent de la raison sociale)<\/div>\n        <\/div>\n\n        <div class=\"tattoo-form-group\">\n            <label>Pays <span class=\"required\">*<\/span><\/label>\n            <select class=\"tattoo-select\" id=\"country\" required onchange=\"onCountryChange(this.value)\">\n                <option value=\"\">S&#233;lectionner&#8230;<\/option>\n                <option value=\"FR\">France<\/option>\n                <option value=\"BE\">Belgique<\/option>\n                <option value=\"CH\">Suisse<\/option>\n                <option value=\"LU\">Luxembourg<\/option>\n                <option value=\"DE\">Allemagne<\/option>\n                <option value=\"ES\">Espagne<\/option>\n                <option value=\"IT\">Italie<\/option>\n                <option value=\"NL\">Pays-Bas<\/option>\n                <option value=\"PT\">Portugal<\/option>\n                <option value=\"CZ\">R&#233;publique tch&#232;que<\/option>\n                <option value=\"DK\">Danemark<\/option>\n                <option value=\"CA\">Canada<\/option>\n                <option value=\"US\">&#201;tats-Unis<\/option>\n            <\/select>\n        <\/div>\n    <\/div>\n\n    <!-- ======== \u00c9TAPE 2 : PROFIL VENDEUR ======== -->\n    <div class=\"tattoo-step\" data-step=\"2\">\n        <h3 class=\"tattoo-step-title\">\n            Votre profil vendeur\n            <span class=\"step-duration\">~2 min<\/span>\n        <\/h3>\n\n        <!-- Type de vendeur -->\n        <div class=\"tattoo-form-group\">\n            <label style=\"font-size:15px;\">Vous &#234;tes&#8230; <span class=\"required\">*<\/span><\/label>\n            <div class=\"tattoo-radio-group\">\n                <label class=\"tattoo-radio-option\">\n                    <input type=\"radio\" name=\"vendor_type\" value=\"tattooist\" required>\n                    <div>\n                        <strong>Tatoueur&#183;euse ind&#233;pendant&#183;e<\/strong>\n                        <div class=\"tattoo-hint\">Artiste tatoueur, seul ou en apprentissage<\/div>\n                    <\/div>\n                <\/label>\n                <label class=\"tattoo-radio-option\">\n                    <input type=\"radio\" name=\"vendor_type\" value=\"studio\">\n                    <div>\n                        <strong>Studio de tatouage<\/strong>\n                        <div class=\"tattoo-hint\">&#201;tablissement avec plusieurs artistes<\/div>\n                    <\/div>\n                <\/label>\n                                <label class=\"tattoo-radio-option\">\n                    <input type=\"radio\" name=\"vendor_type\" value=\"supplier\">\n                    <div>\n                        <strong>Fournisseur&#160;\/ Revendeur professionnel<\/strong>\n                        <div class=\"tattoo-hint\">Mat&#233;riel, encres, &#233;quipements<\/div>\n                    <\/div>\n                <\/label>\n                <label class=\"tattoo-radio-option\">\n                    <input type=\"radio\" name=\"vendor_type\" value=\"brand\">\n                    <div>\n                        <strong>Marque&#160;\/ Cr&#233;ateur&#183;rice<\/strong>\n                        <div class=\"tattoo-hint\">Artisan, cr&#233;ateur&#183;rice ou marque qui con&#231;oit et commercialise ses propres produits<\/div>\n                    <\/div>\n                <\/label>\n            <\/div>\n        <\/div>\n\n        <input type=\"hidden\" name=\"pro_status\" value=\"declared\">\n\n        <hr class=\"section-sep\">\n\n        <!-- V\u00e9rification SIREN (France) -->\n                <div id=\"block-siren\">\n            <div class=\"tattoo-info-box\">\n                Solutat est r&#233;serv&#233; aux professionnel&#183;les du tatouage. Pour valider ton compte, nous te demandons l&#8217;un des justificatifs suivants&#160;:\n                <ul style=\"margin:8px 0 0 18px;padding:0;\">\n                    <li>ton num&#233;ro SIRET, avec un code APE correspondant &#224; une activit&#233; de tatouage, ou<\/li>\n                    <li>si tu es apprenti&#183;e ou en formation sans SIRET actif, ton attestation de formation aux conditions d&#8217;hygi&#232;ne et de salubrit&#233;, &#224; ton nom, ou<\/li>\n                    <li>si tu es engag&#233;&#183;e dans un parcours tattoo sans disposer encore de l&#8217;un de ces justificatifs, une v&#233;rification via ton compte Instagram professionnel.<\/li>\n                <\/ul>\n            <\/div>\n\n            <div class=\"tattoo-form-group\">\n                <label>Comment souhaites-tu &#234;tre v&#233;rifi&#233;&#183;e&#160;? <span class=\"required\">*<\/span><\/label>\n                <div class=\"tattoo-radio-group\">\n                    <label class=\"tattoo-radio-option\">\n                        <input type=\"radio\" name=\"verification_method\" id=\"verif-siret\" value=\"siret\" checked onchange=\"onVerificationMethodChange()\">\n                        <div>\n                            <strong>Num&#233;ro SIREN&#160;\/ SIRET<\/strong>\n                            <div class=\"tattoo-hint\">Tu as d&#233;j&#224; un num&#233;ro d&#8217;entreprise actif<\/div>\n                        <\/div>\n                    <\/label>\n                    <label class=\"tattoo-radio-option\">\n                        <input type=\"radio\" name=\"verification_method\" value=\"justificatif\" onchange=\"onVerificationMethodChange()\">\n                        <div>\n                            <strong>Justificatif hygi&#232;ne et salubrit&#233;<\/strong>\n                            <div class=\"tattoo-hint\">Tu es apprenti&#183;e ou en formation, sans SIRET actif<\/div>\n                        <\/div>\n                    <\/label>\n                    <label class=\"tattoo-radio-option\">\n                        <input type=\"radio\" name=\"verification_method\" value=\"tattoo_path\" onchange=\"onVerificationMethodChange()\">\n                        <div>\n                            <strong>Je n&#8217;ai pas encore de justificatif, mais je suis engag&#233;&#183;e dans un parcours tattoo<\/strong>\n                            <div class=\"tattoo-hint\">V&#233;rification via ton compte Instagram professionnel<\/div>\n                        <\/div>\n                    <\/label>\n                <\/div>\n            <\/div>\n\n            <div id=\"fr-doc-fields\">\n            <div class=\"tattoo-form-group\">\n                <label>\n                    Num&#233;ro SIREN&#160;\/ SIRET\n                    <span id=\"siret-required-badge\" style=\"color:#e74c3c;font-weight:normal;\">(obligatoire, sauf si justificatif fourni)<\/span>\n                <\/label>\n                <div style=\"position:relative;\">\n                    <input type=\"text\" class=\"tattoo-input\" id=\"siret\"\n                        placeholder=\"Ex&#160;: 123 456 789 ou 123 456 789 00012\"\n                        oninput=\"onSiretInput(this.value)\"\n                        style=\"padding-right:44px;\">\n                    <span id=\"siret-spinner\" style=\"display:none;position:absolute;right:14px;top:50%;transform:translateY(-50%);font-size:16px;\">&#x23F3;<\/span>\n                <\/div>\n                <div class=\"tattoo-hint\" id=\"siret-hint\">SIREN (9 chiffres) ou SIRET (14 chiffres) &#8212; v&#233;rification sous 24h-48h<\/div>\n                <div id=\"siret-result\" style=\"margin-top:10px;display:none;\"><\/div>\n            <\/div>\n\n            <div class=\"tattoo-form-group\">\n                <label>Justificatif (attestation hygi&#232;ne et salubrit&#233;, si pas de SIRET)<\/label>\n                <input type=\"file\" class=\"tattoo-input\" id=\"justificatif_file\"\n                    accept=\".pdf,.jpg,.jpeg,.png\"\n                    onchange=\"onJustificatifChange(this)\">\n                                <div class=\"tattoo-hint\">Formats accept&#233;s&#160;: PDF, JPG, PNG &#8212; 5&#160;Mo maximum<\/div>\n                <div id=\"justificatif-result\" style=\"margin-top:10px;display:none;\"><\/div>\n            <\/div>\n            <\/div>\n        <\/div>\n\n                <!-- V\u00e9rification TVA (hors France) -->\n        <div id=\"block-vat\" style=\"display:none;\">\n            <div class=\"tattoo-form-group\">\n                <label>Comment souhaites-tu &#234;tre v&#233;rifi&#233;&#183;e&#160;? <span class=\"required\">*<\/span><\/label>\n                <div class=\"tattoo-radio-group\">\n                    <label class=\"tattoo-radio-option\">\n                        <input type=\"radio\" name=\"verification_method\" id=\"verif-business-id\" value=\"business_id\" onchange=\"onVerificationMethodChange()\">\n                        <div>\n                            <strong>Num&#233;ro d&#8217;identification de l&#8217;entreprise<\/strong>\n                            <div class=\"tattoo-hint\">Tu as d&#233;j&#224; un num&#233;ro d&#8217;entreprise actif dans ton pays<\/div>\n                        <\/div>\n                    <\/label>\n                    <label class=\"tattoo-radio-option\">\n                        <input type=\"radio\" name=\"verification_method\" value=\"tattoo_path\" onchange=\"onVerificationMethodChange()\">\n                        <div>\n                            <strong>Je n&#8217;ai pas encore de justificatif, mais je suis engag&#233;&#183;e dans un parcours tattoo<\/strong>\n                            <div class=\"tattoo-hint\">V&#233;rification via ton compte Instagram professionnel<\/div>\n                        <\/div>\n                    <\/label>\n                <\/div>\n            <\/div>\n\n            <div id=\"intl-doc-fields\">\n            <div class=\"tattoo-form-group\">\n                <label>Num&#233;ro d&#8217;identification de l&#8217;entreprise <span class=\"required\">*<\/span><\/label>\n                <input type=\"text\" class=\"tattoo-input\" id=\"business_id\"\n                placeholder=\"Ex&#160;: I&#268;O (Tch&#233;quie), n&#176; BCE (Belgique), Handelsregister (Allemagne)&#8230;\">\n                <div class=\"tattoo-hint\">Le num&#233;ro officiel de ton entreprise dans ton pays. Il sera v&#233;rifi&#233; lors de la validation de ton compte.<\/div>\n            <\/div>\n            <div class=\"tattoo-form-group\">\n                <label>Num&#233;ro de TVA intracommunautaire <span style=\"color:#999;font-weight:normal;\">(optionnel)<\/span><\/label>\n                <input type=\"text\" class=\"tattoo-input\" id=\"vat_number\"\n                placeholder=\"Ex&#160;: BE0123456789, DE123456789\"\n                oninput=\"onVatInput(this.value)\">\n                                <div class=\"tattoo-hint\">&#192; renseigner uniquement si tu es assujetti&#183;e &#224; la TVA.<\/div>\n                <div id=\"vat-result\" style=\"margin-top:10px;display:none;\"><\/div>\n            <\/div>\n            <\/div>\n        <\/div>\n\n        <div class=\"tattoo-form-group\" id=\"tattoo-instagram-field\" style=\"display:none;\">\n            <label>Compte Instagram <span class=\"required\">*<\/span><\/label>\n            <input type=\"text\" class=\"tattoo-input\" id=\"instagram_handle\" name=\"instagram_handle\" placeholder=\"@tonpseudo\">\n            <div class=\"tattoo-hint\">Ton compte doit &#234;tre public au moment de la v&#233;rification. Un code te sera ensuite donn&#233; pour confirmation par message priv&#233; Instagram.<\/div>\n        <\/div>\n\n        <!-- Coordonn\u00e9es professionnelles (saisie manuelle, v\u00e9rifi\u00e9es \u00e0 la validation) -->\n        <div id=\"pro-coords-block\" style=\"margin-top:4px;\">\n            <div class=\"tattoo-grid-2\">\n                <div class=\"tattoo-form-group\">\n                    <label>Pr&#233;nom <span class=\"required\">*<\/span><\/label>\n                    <input type=\"text\" class=\"tattoo-input\" id=\"first_name\" placeholder=\"Pr&#233;nom\">\n                <\/div>\n                <div class=\"tattoo-form-group\">\n                    <label>Nom <span class=\"required\">*<\/span><\/label>\n                    <input type=\"text\" class=\"tattoo-input\" id=\"last_name\" placeholder=\"Nom\">\n                <\/div>\n            <\/div>\n            <div class=\"tattoo-form-group\">\n                <label>Raison sociale <span class=\"required\">*<\/span><\/label>\n                <input type=\"text\" class=\"tattoo-input\" id=\"company_name\" placeholder=\"Nom de l&#8217;entreprise (ou Pr&#233;nom Nom si entreprise individuelle)\">\n            <\/div>\n            <div class=\"tattoo-form-group\">\n                <label>Adresse professionnelle <span class=\"required\">*<\/span><\/label>\n                <input type=\"text\" class=\"tattoo-input\" id=\"pro_address\" placeholder=\"Num&#233;ro et rue\">\n            <\/div>\n            <div class=\"tattoo-grid-2\">\n                <div class=\"tattoo-form-group\">\n                    <label>Code postal <span class=\"required\">*<\/span><\/label>\n                    <input type=\"text\" class=\"tattoo-input\" id=\"pro_postcode\" placeholder=\"75001\">\n                <\/div>\n                <div class=\"tattoo-form-group\">\n                    <label>Ville <span class=\"required\">*<\/span><\/label>\n                    <input type=\"text\" class=\"tattoo-input\" id=\"pro_city_pro\" placeholder=\"Paris\">\n                <\/div>\n            <\/div>\n            <div class=\"tattoo-hint\">Ces informations seront v&#233;rifi&#233;es lors de la validation de ton compte.<\/div>\n        <\/div>\n\n        <!-- Exp\u00e9rience -->\n        <div class=\"tattoo-form-group\">\n            <label>Ann&#233;es d&#8217;exp&#233;rience <span class=\"required\">*<\/span><\/label>\n            <select class=\"tattoo-select\" id=\"experience\" required>\n                <option value=\"\">S&#233;lectionner&#8230;<\/option>\n                <option value=\"0-1\">Moins d&#8217;1 an (apprenti)<\/option>\n                <option value=\"1-3\">1 &#224; 3 ans<\/option>\n                <option value=\"3-5\">3 &#224; 5 ans<\/option>\n                <option value=\"5-10\">5 &#224; 10 ans<\/option>\n                <option value=\"10+\">Plus de 10 ans<\/option>\n            <\/select>\n        <\/div>\n    <\/div>\n\n    <!-- ======== \u00c9TAPE 3 : CONDITIONS ======== -->\n    <div class=\"tattoo-step\" data-step=\"3\">\n        <h3 class=\"tattoo-step-title\">\n            Conditions de vente\n            <span class=\"step-duration\">~30 sec<\/span>\n        <\/h3>\n\n        <div class=\"tattoo-checkbox\">\n            <input type=\"checkbox\" id=\"terms1\" required>\n            <label for=\"terms1\">Je certifie que le mat&#233;riel que je mets en vente est conforme &#224; la r&#233;glementation en vigueur (hygi&#232;ne, s&#233;curit&#233;, &#233;tat).<\/label>\n        <\/div>\n\n        <div class=\"tattoo-checkbox\">\n            <input type=\"checkbox\" id=\"terms2\" required>\n            <label for=\"terms2\">Je comprends que je suis responsable des informations fournies et des objets vendus.<\/label>\n        <\/div>\n\n        <div class=\"tattoo-checkbox\">\n            <input type=\"checkbox\" id=\"terms3\" required>\n            <label for=\"terms3\">\n                J&#8217;accepte les\n                <a href=\"\/cgv\" target=\"_blank\">Conditions G&#233;n&#233;rales de Vente<\/a>\n                et la\n                <a href=\"\/politique-confidentialite\" target=\"_blank\">Politique de Confidentialit&#233;<\/a>.\n            <\/label>\n        <\/div>\n\n        <div class=\"tattoo-info-box\">\n            <strong>&#x2139;&#xFE0F; V&#233;rification sous 24h-48h<\/strong><br>\n            Compte cr&#233;&#233; imm&#233;diatement : photo de profil et connexion Stripe configurables tout de suite depuis votre tableau de bord. L'achat\/vente sera activ&#233; apr&#232;s v&#233;rification par notre &#233;quipe (email de confirmation envoy&#233;).\n        <\/div>\n    <\/div>\n\n    <!-- Boutons de navigation -->\n    <div class=\"tattoo-buttons\">\n        <button class=\"tattoo-btn tattoo-btn-secondary\" id=\"prevBtn\"\n            onclick=\"prevStep()\" style=\"display:none;\">\n            &#8592; Pr&#233;c&#233;dent\n        <\/button>\n        <button class=\"tattoo-btn tattoo-btn-primary\" id=\"nextBtn\"\n            onclick=\"nextStep()\">\n            Suivant &#8594;\n        <\/button>\n        <button class=\"tattoo-btn tattoo-btn-primary\" id=\"submitBtn\"\n            onclick=\"submitForm()\" style=\"display:none;\">\n            &#x2705; Cr&#233;er mon compte\n        <\/button>\n    <\/div>\n<\/div>\n\n<\/div>\n\n<script>\nvar currentStep = 1;\nvar totalSteps  = 3;\n\n\/* ---- Navigation ---- *\/\n\nfunction updateProgress() {\n    var pct = ((currentStep - 1) \/ (totalSteps - 1)) * 100;\n    document.getElementById('progressBar').style.width = pct + '%';\n    document.querySelectorAll('.tattoo-progress-step').forEach(function(el, idx) {\n        var n = idx + 1;\n        el.classList.remove('active', 'completed');\n        if (n < currentStep)      el.classList.add('completed');\n        else if (n === currentStep) el.classList.add('active');\n    });\n}\n\nfunction showStep(step) {\n    document.querySelectorAll('.tattoo-step').forEach(function(el) {\n        el.classList.remove('active');\n    });\n    document.querySelector('.tattoo-step[data-step=\"' + step + '\"]').classList.add('active');\n    document.getElementById('prevBtn').style.display   = step === 1 ? 'none' : 'block';\n    document.getElementById('nextBtn').style.display   = step === totalSteps ? 'none' : 'block';\n    document.getElementById('submitBtn').style.display = step === totalSteps ? 'block' : 'none';\n    updateProgress();\n    window.scrollTo({top: 0, behavior: 'smooth'});\n}\n\nfunction hideMessages() {\n    document.getElementById('errorMsg').classList.remove('show');\n    document.getElementById('successMsg').classList.remove('show');\n}\n\nfunction showError(msg) {\n    hideMessages();\n    var el = document.getElementById('errorMsg');\n    el.textContent = '\\u26a0\\ufe0f ' + msg;\n    el.classList.add('show');\n    el.scrollIntoView({behavior: 'smooth', block: 'center'});\n}\n\nfunction nextStep() {\n    hideMessages();\n\n    \/* Validation \u00e9tape 1 *\/\n    if (currentStep === 1) {\n        var email = document.getElementById('email').value.trim();\n        var pwd   = document.getElementById('password').value;\n        var conf  = document.getElementById('password_confirm').value;\n        var name  = document.getElementById('display_name').value.trim();\n        var cntry = document.getElementById('country').value;\n\n        if (!email) { showError('Veuillez saisir votre email'); return; }\n        if (emailState === 'taken')    { showError('Cet email est d\\u00e9j\\u00e0 utilis\\u00e9. Veuillez en choisir un autre.'); document.getElementById('email').focus(); return; }\n        if (emailState === 'invalid')  { showError('Adresse email invalide.'); document.getElementById('email').focus(); return; }\n        if (emailState === 'checking') { showError('V\\u00e9rification email en cours, veuillez patienter\\u2026'); return; }\n        if (pwd.length < 8) { showError('Le mot de passe doit contenir au moins 8 caract\\u00e8res'); return; }\n        if (pwd !== conf)   { showError('Les mots de passe ne correspondent pas'); return; }\n        if (!name)          { showError('Veuillez saisir votre nom ou nom commercial'); return; }\n        if (!cntry)         { showError('Veuillez s\\u00e9lectionner votre pays'); return; }\n    }\n\n    \/* Validation \u00e9tape 2 *\/\n    if (currentStep === 2) {\n        var vendorType = document.querySelector('input[name=\"vendor_type\"]:checked');\n        var exp        = document.getElementById('experience').value;\n\n        if (!vendorType) { showError('Veuillez s\\u00e9lectionner votre type de vendeur'); return; }\n        if (!exp)        { showError('Veuillez indiquer vos ann\\u00e9es d\\u2019exp\\u00e9rience'); return; }\n\n                var country = document.getElementById('country').value;\n        var verifMethod = (document.querySelector('input[name=\"verification_method\"]:checked') || {}).value || '';\n\n        if (verifMethod === 'tattoo_path') {\n            var igHandle = document.getElementById('instagram_handle').value.trim();\n            if (!igHandle) {\n                showError('Le compte Instagram est obligatoire pour ce mode de v\\u00e9rification.');\n                document.getElementById('instagram_handle').focus();\n                return;\n            }\n        } else if (country === 'FR') {\n            var hasJustificatif = document.getElementById('justificatif_file').files.length > 0;\n            if (!sirenVerified && !hasJustificatif) {\n                var sirenVal = document.getElementById('siret').value.replace(\/\\D\/g, '');\n                if (sirenVal.length === 9 || sirenVal.length === 14) {\n                    showError('V\\u00e9rification SIREN en cours, veuillez patienter\\u2026');\n                } else {\n                    showError('Un num\\u00e9ro SIREN \/ SIRET valide ou un justificatif est obligatoire.');\n                }\n                document.getElementById('siret').focus();\n                return;\n            }\n        } else {\n            var businessId = document.getElementById('business_id').value.trim();\n            if (!businessId) {\n                showError('Le num\\u00e9ro d\\u2019identification de ton entreprise est obligatoire.');\n                document.getElementById('business_id').focus();\n                return;\n            }\n            var vatClean = document.getElementById('vat_number').value.replace(\/[\\s\\.\\-]\/g, '').toUpperCase();\n            if (vatClean && !\/^[A-Z]{2}[A-Z0-9]{6,13}$\/.test(vatClean)) {\n                showError('Num\\u00e9ro de TVA invalide. Format\\u00a0: code pays + num\\u00e9ro (ex. BE0123456789).');\n                document.getElementById('vat_number').focus();\n                return;\n            }\n        }\n\n        \/\/ Coordonn\u00e9es professionnelles obligatoires (tous pays) \u2014 mod\u00e8le d\u00e9claratif\n        var fn = document.getElementById('first_name').value.trim();\n        var ln = document.getElementById('last_name').value.trim();\n        var cn = document.getElementById('company_name').value.trim();\n        var pa = document.getElementById('pro_address').value.trim();\n        var pp = document.getElementById('pro_postcode').value.trim();\n        var pc = document.getElementById('pro_city_pro').value.trim();\n        if (!fn || !ln || !cn || !pa || !pp || !pc) {\n            showError('Merci de renseigner ton pr\\u00e9nom, ton nom, ta raison sociale et ton adresse compl\\u00e8te.');\n            document.getElementById(!fn ? 'first_name' : (!ln ? 'last_name' : (!cn ? 'company_name' : (!pa ? 'pro_address' : (!pp ? 'pro_postcode' : 'pro_city_pro'))))).focus();\n            return;\n        }\n    }\n\n    currentStep++;\n    showStep(currentStep);\n}\n\nfunction prevStep() {\n    hideMessages();\n    currentStep--;\n    showStep(currentStep);\n}\n\n\/* ---- Soumission ---- *\/\n\nfunction submitForm() {\n    hideMessages();\n    if (!document.getElementById('terms1').checked ||\n        !document.getElementById('terms2').checked ||\n        !document.getElementById('terms3').checked) {\n        showError('Vous devez accepter toutes les conditions');\n        return;\n    }\n\n    var btn = document.getElementById('submitBtn');\n    btn.disabled    = true;\n    btn.textContent = '\\u23f3 Cr\\u00e9ation en cours\\u2026';\n\n    var formData = new FormData();\n    formData.append('action',           'tattoo_register');\n    formData.append('nonce',            'd619abd8fb');\n    formData.append('user_email',       document.getElementById('email').value);\n    formData.append('user_password',    document.getElementById('password').value);\n    formData.append('display_name',     document.getElementById('display_name').value);\n    formData.append('first_name',       document.getElementById('first_name').value);\n    formData.append('last_name',        document.getElementById('last_name').value);\n    formData.append('company_name',     document.getElementById('company_name') ? document.getElementById('company_name').value : '');\n    formData.append('country',          document.getElementById('country').value);\n    formData.append('vendor_type',      (document.querySelector('input[name=\"vendor_type\"]:checked') || {}).value || '');\n    formData.append('pro_status',       (document.querySelector('input[name=\"pro_status\"]:checked')  || {}).value || '');\n        formData.append('siret',            document.getElementById('siret').value);\n    formData.append('vat_number',       document.getElementById('vat_number').value);\n    formData.append('business_id',      document.getElementById('business_id').value);\n    formData.append('verification_method', (document.querySelector('input[name=\"verification_method\"]:checked') || {}).value || '');\n    formData.append('instagram_handle', document.getElementById('instagram_handle') ? document.getElementById('instagram_handle').value : '');\n    formData.append('experience_years', document.getElementById('experience').value);\n    formData.append('pro_address',      document.getElementById('pro_address').value);\n    formData.append('pro_postcode',     document.getElementById('pro_postcode').value);\n    formData.append('pro_city_pro',     document.getElementById('pro_city_pro').value);\n    formData.append('city',             document.getElementById('pro_city_pro').value);\n\n    var justificatifInput = document.getElementById('justificatif_file');\n    if (justificatifInput.files.length > 0) {\n        formData.append('justificatif_file', justificatifInput.files[0]);\n    }\n\n    fetch('https:\/\/www.solutat.fr\/wp-admin\/admin-ajax.php', {method: 'POST', body: formData})\n        .then(function(r) { return r.json(); })\n        .then(function(data) {\n                        if (data.success) {\n                var el = document.getElementById('successMsg');\n                if (data.data.tattoo_path) {\n                    el.textContent = '\\u2705 Compte cr\\u00e9\\u00e9\\u00a0! Un email vient de t\\u2019\\u00eatre envoy\\u00e9 avec les instructions pour finaliser la v\\u00e9rification de ton compte. Redirection\\u2026';\n                } else {\n                    el.textContent = '\\u2705 Compte cr\\u00e9\\u00e9 avec succ\\u00e8s\\u00a0! Redirection\\u2026';\n                }\n                el.classList.add('show');\n                setTimeout(function() { window.location.href = data.data.redirect; }, data.data.tattoo_path ? 3500 : 1500);\n            } else {\n                showError(data.data.message);\n                btn.disabled    = false;\n                btn.textContent = '\\u2705 Cr\\u00e9er mon compte';\n            }\n        })\n        .catch(function() {\n            showError('Erreur de connexion. R\\u00e9essayez.');\n            btn.disabled    = false;\n            btn.textContent = '\\u2705 Cr\\u00e9er mon compte';\n        });\n}\n\n\/* ---- S\u00e9lection pays \u2192 blocs pro ---- *\/\n\nfunction onCountryChange(val) {\n    if (val === 'FR') {\n        document.getElementById('block-siren').style.display = 'block';\n        document.getElementById('block-vat').style.display   = 'none';\n        document.getElementById('verif-siret').checked = true;\n    } else if (val) {\n        document.getElementById('block-siren').style.display = 'none';\n        document.getElementById('block-vat').style.display   = 'block';\n        document.getElementById('verif-business-id').checked = true;\n    } else {\n        document.getElementById('block-siren').style.display = 'none';\n        document.getElementById('block-vat').style.display   = 'none';\n    }\n    onVerificationMethodChange();\n}\n\nfunction onVerificationMethodChange() {\n    var checked = document.querySelector('input[name=\"verification_method\"]:checked');\n    var val = checked ? checked.value : '';\n    var frDocs = document.getElementById('fr-doc-fields');\n    var intlDocs = document.getElementById('intl-doc-fields');\n    var igField = document.getElementById('tattoo-instagram-field');\n    if (frDocs)   frDocs.style.display   = (val === 'tattoo_path') ? 'none' : 'block';\n    if (intlDocs) intlDocs.style.display = (val === 'tattoo_path') ? 'none' : 'block';\n    if (igField)  igField.style.display  = (val === 'tattoo_path') ? 'block' : 'none';\n}\n\n\/* ---- Email check ---- *\/\n\nvar emailState    = 'empty';\nvar emailDebounce = null;\n\nfunction onEmailInput(val) {\n    clearTimeout(emailDebounce);\n    val = val.trim();\n    if (!val) { setEmailFeedback('', ''); emailState = 'empty'; return; }\n    if (!\/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$\/.test(val)) {\n        setEmailFeedback('error', 'Adresse email invalide.');\n        emailState = 'invalid';\n        return;\n    }\n    emailState = 'checking';\n    setEmailFeedback('', '');\n    document.getElementById('email-spinner').style.display = 'inline';\n    emailDebounce = setTimeout(function() { checkEmail(val); }, 600);\n}\n\nfunction onEmailBlur(val) {\n    val = val.trim();\n    if (val && emailState === 'checking') {\n        clearTimeout(emailDebounce);\n        checkEmail(val);\n    }\n}\n\nfunction checkEmail(email) {\n    var fd = new FormData();\n    fd.append('action', 'tattoo_check_email');\n    fd.append('nonce',  '047cdaee8e');\n    fd.append('email',  email);\n    fetch('https:\/\/www.solutat.fr\/wp-admin\/admin-ajax.php', {method: 'POST', body: fd})\n        .then(function(r) { return r.json(); })\n        .then(function(resp) {\n            document.getElementById('email-spinner').style.display = 'none';\n            if (!resp.success) {\n                setEmailFeedback('error', resp.data ? resp.data.message : 'Erreur de v\\u00e9rification.');\n                emailState = 'taken';\n            } else {\n                setEmailFeedback('ok', 'Email disponible \\u2705');\n                emailState = 'ok';\n            }\n        })\n        .catch(function() {\n            document.getElementById('email-spinner').style.display = 'none';\n            emailState = 'ok';\n            setEmailFeedback('', '');\n        });\n}\n\nfunction setEmailFeedback(type, msg) {\n    var el = document.getElementById('email-feedback');\n    if (!msg) { el.style.display = 'none'; el.innerHTML = ''; return; }\n    var color = type === 'error' ? '#c00' : '#27ae60';\n    el.innerHTML = '<span style=\"font-size:13px;color:' + color + ';\">' + escHtml(msg) + '<\/span>';\n    el.style.display = 'block';\n}\n\n\/* ---- SIREN check ---- *\/\n\nvar sirenVerified = false;\nvar sirenDebounce = null;\n\nfunction onSiretInput(val) {\n    var digits = val.replace(\/\\D\/g, '');\n    sirenVerified = false;\n    document.getElementById('siret-result').style.display      = 'none';\n    clearTimeout(sirenDebounce);\n    if (digits.length === 9 || digits.length === 14) {\n        document.getElementById('siret-spinner').style.display = 'inline';\n        document.getElementById('siret-hint').textContent = 'V\\u00e9rification en cours\\u2026';\n        sirenDebounce = setTimeout(function() { checkSiren(); }, 600);\n    } else {\n        document.getElementById('siret-spinner').style.display = 'none';\n        document.getElementById('siret-hint').textContent = 'SIREN (9 chiffres) ou SIRET (14 chiffres) \\u2014 v\\u00e9rification sous 24h-48h';\n    }\n}\n\nfunction checkSiren() {\n    var raw   = document.getElementById('siret').value.replace(\/\\D\/g, '');\n    var siren = raw.length === 14 ? raw.substring(0, 9) : raw;\n    if (siren.length !== 9) {\n        document.getElementById('siret-spinner').style.display = 'none';\n        showSiretResult('error', 'Num\\u00e9ro invalide (9 chiffres pour un SIREN, 14 pour un SIRET).');\n        sirenVerified = false;\n        return;\n    }\n    document.getElementById('siret-spinner').style.display = 'inline';\n    var fd = new FormData();\n    fd.append('action', 'tattoo_verify_siren');\n    fd.append('nonce',  'd40293b8ff');\n    fd.append('siren',  siren);\n    fetch('https:\/\/www.solutat.fr\/wp-admin\/admin-ajax.php', {method: 'POST', body: fd})\n        .then(function(r) { return r.json(); })\n        .then(function(resp) {\n            document.getElementById('siret-spinner').style.display = 'none';\n            document.getElementById('siret-hint').textContent = 'SIREN (9 chiffres) ou SIRET (14 chiffres) \\u2014 v\\u00e9rification sous 24h-48h';\n            if (!resp.success) {\n                var isDup = resp.data && resp.data.code === 'duplicate_siren';\n                showSiretResult('error', resp.data ? resp.data.message : 'Erreur de v\\u00e9rification.');\n                sirenVerified = false;\n                if (!isDup) document.getElementById('siret').select();\n                return;\n            }\n            var d = resp.data;\n            var nom = d.raison_sociale || '';\n            document.getElementById('country').value = 'FR';\n            sirenVerified = true;\n            var nomVisible = (nom && nom.indexOf('[') === -1) ? nom : '';\n            var html = '<div style=\"background:#d4edda;color:#155724;border-left:4px solid #28a745;padding:12px 16px;border-radius:8px;\">'\n                + '<strong>\\u2705 SIRET valide<\/strong>'\n                + (nomVisible ? '<br><span style=\"font-size:13px;\">' + escHtml(nomVisible) + '<\/span>' : '')\n                + '<br><span style=\"font-size:12px;opacity:.8;\">Renseigne tes coordonn\\u00e9es ci-dessous, elles seront v\\u00e9rifi\\u00e9es \\u00e0 la validation.<\/span>'\n                + '<\/div>';\n            document.getElementById('siret-result').innerHTML     = html;\n            document.getElementById('siret-result').style.display = 'block';\n        })\n        .catch(function() {\n            document.getElementById('siret-spinner').style.display = 'none';\n            document.getElementById('siret-hint').textContent = 'SIREN (9 chiffres) ou SIRET (14 chiffres) \\u2014 v\\u00e9rification automatique';\n            showSiretResult('error', 'Erreur r\\u00e9seau. V\\u00e9rifiez votre connexion ou r\\u00e9essayez.');\n            sirenVerified = false;\n        });\n}\n\n\/* ---- Justificatif ---- *\/\n\nfunction onJustificatifChange(input) {\n    var el = document.getElementById('justificatif-result');\n    if (!input.files || !input.files.length) {\n        el.style.display = 'none';\n        el.innerHTML = '';\n        return;\n    }\n    var file = input.files[0];\n    var allowedExts = ['pdf', 'jpg', 'jpeg', 'png'];\n    var ext = file.name.split('.').pop().toLowerCase();\n    if (allowedExts.indexOf(ext) === -1) {\n        el.innerHTML = '<div style=\"background:#fee;color:#c00;border-left:4px solid #f44;padding:12px 16px;border-radius:8px;\">Format non accept\\u00e9. Utilisez PDF, JPG ou PNG.<\/div>';\n        el.style.display = 'block';\n        input.value = '';\n        return;\n    }\n    if (file.size > 5 * 1024 * 1024) {\n        el.innerHTML = '<div style=\"background:#fee;color:#c00;border-left:4px solid #f44;padding:12px 16px;border-radius:8px;\">Fichier trop volumineux (5\\u00a0Mo maximum).<\/div>';\n        el.style.display = 'block';\n        input.value = '';\n        return;\n    }\n    el.innerHTML = '<div style=\"background:#d4edda;color:#155724;border-left:4px solid #28a745;padding:12px 16px;border-radius:8px;\">\\u2705 ' + escHtml(file.name) + '<\/div>';\n    el.style.display = 'block';\n}\n\n\/* ---- TVA check ---- *\/\n\nfunction onVatInput(val) {\n    var clean = val.replace(\/[\\s\\-\\.]\/g, '');\n    var res = document.getElementById('vat-result');\n    if (res && clean.length < 8) res.style.display = 'none';\n}\n\nfunction checkVat() {\n    \/* V\u00e9rification VIES retir\u00e9e : la TVA est v\u00e9rifi\u00e9e manuellement \u00e0 la validation. *\/\n}\n\n\/* ---- Utilitaires ---- *\/\n\nfunction showSiretResult(type, msg) {\n    var colors = type === 'error'\n        ? 'background:#fee;color:#c00;border-left:4px solid #f44;'\n        : 'background:#d4edda;color:#155724;border-left:4px solid #28a745;';\n    var el = document.getElementById('siret-result');\n    el.innerHTML = '<div style=\"' + colors + 'padding:12px 16px;border-radius:8px;\">' + msg + '<\/div>';\n    el.style.display = 'block';\n}\n\nfunction showVatResult(type, msg) {\n    var colors = type === 'error'\n        ? 'background:#fee;color:#c00;border-left:4px solid #f44;'\n        : 'background:#d4edda;color:#155724;border-left:4px solid #28a745;';\n    var el = document.getElementById('vat-result');\n    el.innerHTML = '<div style=\"' + colors + 'padding:12px 16px;border-radius:8px;\">' + msg + '<\/div>';\n    el.style.display = 'block';\n}\n\nfunction escHtml(str) {\n    if (!str) return '';\n    return str.replace(\/&\/g, '&amp;').replace(\/<\/g, '&lt;').replace(\/>\/g, '&gt;').replace(\/\"\/g, '&quot;');\n}\n\n\/* ---- Init ---- *\/\n\ndocument.addEventListener('DOMContentLoaded', function() {\n    \/* Surlignage radio *\/\n    document.querySelectorAll('.tattoo-radio-option input[type=\"radio\"]').forEach(function(radio) {\n        radio.addEventListener('change', function() {\n            var name = this.name;\n            document.querySelectorAll('input[name=\"' + name + '\"]').forEach(function(r) {\n                r.closest('.tattoo-radio-option').classList.remove('selected');\n            });\n            this.closest('.tattoo-radio-option').classList.add('selected');\n        });\n    });\n\n    \/* Affichage initial des blocs pro selon pays d\u00e9j\u00e0 s\u00e9lectionn\u00e9 *\/\n    var initialCountry = document.getElementById('country').value;\n    if (initialCountry) onCountryChange(initialCountry);\n});\n<\/script><\/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":{"footnotes":""},"class_list":["post-4376","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.solutat.fr\/en\/wp-json\/wp\/v2\/pages\/4376","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.solutat.fr\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.solutat.fr\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.solutat.fr\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.solutat.fr\/en\/wp-json\/wp\/v2\/comments?post=4376"}],"version-history":[{"count":9,"href":"https:\/\/www.solutat.fr\/en\/wp-json\/wp\/v2\/pages\/4376\/revisions"}],"predecessor-version":[{"id":4409,"href":"https:\/\/www.solutat.fr\/en\/wp-json\/wp\/v2\/pages\/4376\/revisions\/4409"}],"wp:attachment":[{"href":"https:\/\/www.solutat.fr\/en\/wp-json\/wp\/v2\/media?parent=4376"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}