{"id":36,"date":"2026-10-10T12:05:51","date_gmt":"2026-10-10T12:05:51","guid":{"rendered":"https:\/\/bsolution.me\/fr\/contact\/"},"modified":"2026-10-10T12:05:51","modified_gmt":"2026-10-10T12:05:51","slug":"contact","status":"publish","type":"page","link":"https:\/\/bsolution.me\/fr\/contact\/","title":{"rendered":"Contactez-nous"},"content":{"rendered":"\n<style>\n<style>\n    \/* Scoped CSS for Contact Us Snippet - Premium Design *\/\n    #bnet-contact-us {\n        --bg-color: transparent;\n        --card-bg: #ffffff;\n        --text-main: #1e293b;\n        --text-muted: #64748b;\n        --accent: #2563eb;\n        --accent-hover: #1d4ed8;\n        --accent-light: rgba(37, 99, 235, 0.1);\n        --accent-glow: rgba(37, 99, 235, 0.25);\n        --border-color: #e2e8f0;\n        --input-bg: #f8fafc;\n        --input-border: #cbd5e1;\n        --shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.02);\n        --shadow-md: 0 10px 25px -5px rgba(0, 0, 0, 0.05), 0 8px 10px -6px rgba(0, 0, 0, 0.01);\n        --shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);\n        --success-bg: #f0fdf4;\n        --success-text: #166534;\n        --success-border: #bbf7d0;\n        --error-text: #ef4444;\n        --gradient-primary: linear-gradient(135deg, #2563eb, #3b82f6);\n        --feature-bg: #f1f5f9;\n    }\n\n    #bnet-contact-us.dark-mode {\n        --card-bg: #11131c; \/* Bsolution dark mode surface *\/\n        --text-main: #f8fafc;\n        --text-muted: #94a3b8;\n        --accent: #60a5fa;\n        --accent-hover: #3b82f6;\n        --accent-light: rgba(96, 165, 250, 0.15);\n        --accent-glow: rgba(96, 165, 250, 0.25);\n        --border-color: rgba(255, 255, 255, 0.08);\n        --input-bg: rgba(255, 255, 255, 0.03);\n        --input-border: rgba(255, 255, 255, 0.12);\n        --shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.2);\n        --shadow-md: 0 10px 25px -5px rgba(0, 0, 0, 0.3);\n        --shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, 0.4);\n        --success-bg: rgba(22, 101, 52, 0.2);\n        --success-text: #86efac;\n        --success-border: rgba(34, 197, 94, 0.3);\n        --error-text: #f87171;\n        --gradient-primary: linear-gradient(135deg, #3b82f6, #2563eb);\n        --feature-bg: rgba(255, 255, 255, 0.05);\n    }\n\n    #bnet-contact-us * {\n        box-sizing: border-box;\n    }\n\n    #bnet-contact-us {\n        font-family: system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif;\n        color: var(--text-main);\n        line-height: 1.6;\n        max-width: 800px;\n        margin: 0 auto;\n        padding: 2rem 0;\n    }\n\n    \/* Animations *\/\n    @keyframes slideUpFade {\n        from { opacity: 0; transform: translateY(20px); }\n        to { opacity: 1; transform: translateY(0); }\n    }\n\n    #bnet-contact-us .animate-in {\n        animation: slideUpFade 0.7s cubic-bezier(0.16, 1, 0.3, 1) forwards;\n        opacity: 0;\n    }\n    #bnet-contact-us .delay-1 { animation-delay: 0.15s; }\n    #bnet-contact-us .delay-2 { animation-delay: 0.3s; }\n\n    \/* Header *\/\n    #bnet-contact-us .page-header {\n        text-align: center;\n        margin-bottom: 2.5rem;\n    }\n\n    #bnet-contact-us .badge {\n        display: inline-flex;\n        align-items: center;\n        gap: 6px;\n        padding: 6px 14px;\n        background: var(--accent-light);\n        color: var(--accent);\n        border-radius: 999px;\n        font-size: 0.85rem;\n        font-weight: 600;\n        margin-bottom: 1rem;\n        border: 1px solid var(--accent-glow);\n    }\n\n    #bnet-contact-us h1 {\n        font-size: 2.5rem;\n        font-weight: 800;\n        margin: 0 0 0.75rem;\n        letter-spacing: -0.02em;\n    }\n\n    #bnet-contact-us .page-subtitle {\n        color: var(--text-muted);\n        font-size: 1.1rem;\n        max-width: 600px;\n        margin: 0 auto;\n    }\n\n    \/* Cards container *\/\n    #bnet-contact-us .section-stack {\n        display: flex;\n        flex-direction: column;\n        gap: 2rem;\n    }\n\n    #bnet-contact-us .glass-card {\n        background: var(--card-bg);\n        border-radius: 20px;\n        padding: 2.5rem;\n        border: 1px solid var(--border-color);\n        box-shadow: var(--shadow-md);\n        position: relative;\n        overflow: hidden;\n    }\n\n    \/* Subtle gradient top border for cards *\/\n    #bnet-contact-us .glass-card::before {\n        content: '';\n        position: absolute;\n        top: 0;\n        left: 0;\n        right: 0;\n        height: 4px;\n        background: var(--gradient-primary);\n        opacity: 0.8;\n    }\n\n    \/* About Section *\/\n    #bnet-contact-us .about-header {\n        display: flex;\n        align-items: center;\n        gap: 12px;\n        margin-bottom: 1.5rem;\n    }\n\n    #bnet-contact-us .about-header .icon-wrap {\n        width: 48px;\n        height: 48px;\n        background: var(--accent-light);\n        color: var(--accent);\n        border-radius: 14px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n    }\n\n    #bnet-contact-us .about-header .icon-wrap svg {\n        width: 24px;\n        height: 24px;\n    }\n\n    #bnet-contact-us .about-header h2 {\n        margin: 0;\n        font-size: 1.5rem;\n        font-weight: 700;\n    }\n\n    #bnet-contact-us .features-grid {\n        display: grid;\n        grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n        gap: 1rem;\n        margin: 2rem 0;\n    }\n\n    #bnet-contact-us .feature-item {\n        background: var(--feature-bg);\n        padding: 1.25rem;\n        border-radius: 12px;\n        display: flex;\n        flex-direction: column;\n        gap: 10px;\n        border: 1px solid var(--border-color);\n        transition: transform 0.2s, box-shadow 0.2s;\n    }\n\n    #bnet-contact-us .feature-item:hover {\n        transform: translateY(-2px);\n        box-shadow: var(--shadow-sm);\n        border-color: var(--accent-glow);\n    }\n\n    #bnet-contact-us .feature-icon {\n        color: var(--accent);\n    }\n\n    #bnet-contact-us .feature-item h3 {\n        margin: 0;\n        font-size: 1.05rem;\n        font-weight: 600;\n    }\n\n    #bnet-contact-us .feature-item p {\n        margin: 0;\n        font-size: 0.9rem;\n        color: var(--text-muted);\n        line-height: 1.4;\n    }\n\n    \/* Email direct box *\/\n    #bnet-contact-us .direct-contact {\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n        padding: 1.25rem;\n        background: var(--accent-light);\n        border-radius: 12px;\n        border: 1px dashed var(--accent);\n        margin-top: 2rem;\n    }\n    \n    @media (max-width: 500px) {\n        #bnet-contact-us .direct-contact {\n            flex-direction: column;\n            gap: 1rem;\n            align-items: flex-start;\n        }\n    }\n\n    #bnet-contact-us .direct-contact div {\n        display: flex;\n        align-items: center;\n        gap: 12px;\n        font-weight: 600;\n        font-size: 1.1rem;\n    }\n\n    #bnet-contact-us .direct-contact a {\n        background: var(--card-bg);\n        padding: 8px 16px;\n        border-radius: 8px;\n        font-size: 0.95rem;\n        font-weight: 600;\n        border: 1px solid var(--border-color);\n        transition: all 0.2s;\n    }\n\n    #bnet-contact-us .direct-contact a:hover {\n        background: var(--accent);\n        color: #fff;\n        border-color: var(--accent);\n        text-decoration: none;\n    }\n\n    \/* Form Section *\/\n    #bnet-contact-us .form-grid {\n        display: grid;\n        grid-template-columns: 1fr 1fr;\n        gap: 1.5rem;\n    }\n\n    @media (max-width: 600px) {\n        #bnet-contact-us .form-grid {\n            grid-template-columns: 1fr;\n        }\n    }\n\n    #bnet-contact-us .form-group {\n        display: flex;\n        flex-direction: column;\n        gap: 0.5rem;\n    }\n\n    #bnet-contact-us .form-group.full-width {\n        grid-column: 1 \/ -1;\n    }\n\n    #bnet-contact-us label {\n        font-weight: 600;\n        font-size: 0.95rem;\n        color: var(--text-main);\n        display: flex;\n        align-items: center;\n        gap: 4px;\n    }\n\n    #bnet-contact-us label span.required {\n        color: var(--error-text);\n    }\n\n    #bnet-contact-us .input-wrapper {\n        position: relative;\n        display: flex;\n        align-items: center;\n    }\n\n    #bnet-contact-us .form-control {\n        width: 100%;\n        padding: 14px 44px 14px 16px; \/* Right padding for RTL icon *\/\n        border-radius: 12px;\n        border: 2px solid var(--input-border);\n        background: var(--input-bg);\n        color: inherit;\n        font-family: inherit;\n        font-size: 1rem;\n        transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n    }\n\n    #bnet-contact-us .input-icon {\n        position: absolute;\n        right: 14px;\n        width: 20px;\n        height: 20px;\n        color: var(--text-muted);\n        transition: color 0.3s;\n        pointer-events: none; \/* Let clicks pass through to input *\/\n    }\n\n    #bnet-contact-us .form-control:focus {\n        outline: none;\n        border-color: var(--accent);\n        background: var(--card-bg);\n        box-shadow: 0 0 0 4px var(--accent-light);\n    }\n\n    #bnet-contact-us .form-control:focus + .input-icon {\n        color: var(--accent);\n    }\n\n    #bnet-contact-us textarea.form-control {\n        padding: 14px 16px; \/* No icon in textarea *\/\n        resize: vertical;\n        min-height: 140px;\n    }\n\n    \/* Captcha styled as security check *\/\n    #bnet-contact-us .security-check {\n        background: var(--feature-bg);\n        border: 1px solid var(--border-color);\n        border-radius: 12px;\n        padding: 1.25rem;\n        display: flex;\n        align-items: center;\n        gap: 1.5rem;\n        flex-wrap: wrap;\n    }\n\n    #bnet-contact-us .security-badge {\n        display: flex;\n        align-items: center;\n        gap: 8px;\n        background: var(--card-bg);\n        padding: 8px 16px;\n        border-radius: 8px;\n        border: 2px dashed var(--input-border);\n        font-weight: 700;\n        font-size: 1.2rem;\n        color: var(--accent);\n        letter-spacing: 2px;\n        user-select: none;\n    }\n\n    #bnet-contact-us .security-input-wrap {\n        flex: 1;\n        min-width: 150px;\n    }\n\n    #bnet-contact-us .security-input-wrap input {\n        text-align: center;\n        padding-right: 16px; \/* Reset padding for center align *\/\n    }\n\n    \/* Submit Button *\/\n    #bnet-contact-us .submit-btn {\n        width: 100%;\n        padding: 16px;\n        background: var(--gradient-primary);\n        color: #ffffff;\n        border: none;\n        border-radius: 12px;\n        font-size: 1.1rem;\n        font-weight: 700;\n        cursor: pointer;\n        transition: all 0.3s ease;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        gap: 10px;\n        box-shadow: 0 4px 15px var(--accent-glow);\n        margin-top: 1rem;\n    }\n\n    #bnet-contact-us .submit-btn:hover {\n        transform: translateY(-2px);\n        box-shadow: 0 8px 25px var(--accent-glow);\n    }\n\n    #bnet-contact-us .submit-btn:active {\n        transform: translateY(1px);\n    }\n\n    #bnet-contact-us .submit-btn svg {\n        transition: transform 0.3s ease;\n    }\n\n    #bnet-contact-us .submit-btn:hover svg {\n        transform: translateX(-4px); \/* RTL left movement *\/\n    }\n\n    #bnet-contact-us .error-text {\n        color: var(--error-text);\n        font-size: 0.85rem;\n        font-weight: 500;\n        display: none;\n        margin-top: 4px;\n    }\n\n    #bnet-contact-us .success-message {\n        display: none;\n        padding: 1.5rem;\n        background: var(--success-bg);\n        color: var(--success-text);\n        border-radius: 12px;\n        margin-bottom: 2rem;\n        border: 1px solid var(--success-border);\n        font-weight: 600;\n        text-align: center;\n        font-size: 1.1rem;\n        animation: slideUpFade 0.5s ease;\n    }\n<\/style>\n\n\n<\/style>\n<div id=\"bnet-contact-us\" dir=\"ltr\">\n    \n    <!-- Header -->\n    <div class=\"page-header animate-in\">\n        <div class=\"badge\">\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M8 12h.01M12 12h.01M16 12h.01M21 12c0 4.418-4.03 8-9 8a9.863 9.863 0 01-4.255-.949L3 20l1.395-3.72C3.512 15.042 3 13.574 3 12c0-4.418 4.03-8 9-8s9 3.582 9 8z\" \/>\n            <\/svg>\n            Service client et support\n        <\/div>\n        <h1>Contactez-nous<\/h1>\n        <p class=\"page-subtitle\">\n            Vous avez une question ? Une id\u00e9e pour un nouvel outil ? Ou simplement besoin d&rsquo;aide avec l&rsquo;un de nos outils ? Notre \u00e9quipe est l\u00e0 pour vous aider et am\u00e9liorer votre exp\u00e9rience.\n        <\/p>\n    <\/div>\n\n    <div class=\"section-stack\">\n        \n        <!-- About Section -->\n        <div class=\"glass-card animate-in delay-1\">\n            <div class=\"about-header\">\n                <div class=\"icon-wrap\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                        <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M13 10V3L4 14h7v7l9-11h-7z\" \/>\n                    <\/svg>\n                <\/div>\n                <h2>Notre mission &#8211; Vous faire gagner du temps<\/h2>\n            <\/div>\n            \n            <p style=\"font-size: 1.05rem; margin-bottom: 0;\">\n                Chez <strong>BSolution<\/strong>, nous nous sommes fix\u00e9 un objectif principal : rendre la technologie et les outils num\u00e9riques professionnels accessibles \u00e0 chaque entreprise, freelance et entrepreneur &#8211; <strong>enti\u00e8rement gratuit<\/strong> et sans n\u00e9cessiter d&rsquo;inscription ni d&rsquo;installations complexes.\n            <\/p>\n\n            <div class=\"features-grid\">\n                <div class=\"feature-item\">\n                    <svg class=\"feature-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"28\" height=\"28\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                        <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 7h6m0 10v-3m-3 3h.01M9 17h.01M9 14h.01M12 14h.01M15 11h.01M12 11h.01M9 11h.01M7 21h10a2 2 0 002-2V5a2 2 0 00-2-2H7a2 2 0 00-2 2v14a2 2 0 002 2z\" \/>\n                    <\/svg>\n                    <h3>Outils financiers<\/h3>\n                    <p>Calculateurs de TVA, pr\u00eats immobiliers, conversions de devises et taux d&rsquo;int\u00e9r\u00eat en un clic.<\/p>\n                <\/div>\n                <div class=\"feature-item\">\n                    <svg class=\"feature-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"28\" height=\"28\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                        <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M11 3.055A9.001 9.001 0 1020.945 13H11V3.055z\" \/>\n                        <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M20.488 9H15V3.512A9.025 9.025 0 0120.488 9z\" \/>\n                    <\/svg>\n                    <h3>Marketing et promotion<\/h3>\n                    <p>G\u00e9n\u00e9rateurs de codes QR, analyse avanc\u00e9e de texte et cr\u00e9ation de signatures email professionnelles.<\/p>\n                <\/div>\n                <div class=\"feature-item\">\n                    <svg class=\"feature-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"28\" height=\"28\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                        <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M4 16l4.586-4.586a2 2 0 012.828 0L16 16m-2-2l1.586-1.586a2 2 0 012.828 0L20 14m-6-6h.01M6 20h12a2 2 0 002-2V6a2 2 0 00-2-2H6a2 2 0 00-2 2v12a2 2 0 002 2z\" \/>\n                    <\/svg>\n                    <h3>Design et d\u00e9veloppement<\/h3>\n                    <p>Compression d&rsquo;images sans perte de qualit\u00e9, conversion de formats et g\u00e9n\u00e9rateurs de mots de passe s\u00e9curis\u00e9s.<\/p>\n                <\/div>\n            <\/div>\n\n            <div class=\"direct-contact\">\n                <div>\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                        <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z\" \/>\n                    <\/svg>\n                    <span>Vous pr\u00e9f\u00e9rez envoyer un email direct ?<\/span>\n                <\/div>\n                <a href=\"mailto:support@bsolution.me\">support@bsolution.me<\/a>\n            <\/div>\n        <\/div>\n\n        <!-- Form Section -->\n        <div class=\"glass-card animate-in delay-2\">\n            \n            <div id=\"contact-success-message\" class=\"success-message\">\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"28\" height=\"28\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" style=\"display: block; margin: 0 auto 8px;\">\n                    <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z\" \/>\n                <\/svg>\n                Super ! Votre message a bien \u00e9t\u00e9 envoy\u00e9.<br>Notre \u00e9quipe vous r\u00e9pondra dans les plus brefs d\u00e9lais.\n            <\/div>\n\n            <form id=\"bnet-contact-form\" action=\"https:\/\/formsubmit.co\/support@bsolution.me\" method=\"POST\">\n                \n                <input type=\"hidden\" name=\"_subject\" value=\"Nouveau message depuis la page de contact - BSolution\">\n                <input type=\"hidden\" name=\"_captcha\" value=\"false\">\n                <input type=\"hidden\" name=\"_template\" value=\"table\">\n                <!-- <input type=\"hidden\" name=\"_next\" value=\"https:\/\/bsolution.me\/fr\/contact?success=true\"> -->\n\n                <div class=\"form-grid\">\n                    \n                    <div class=\"form-group\">\n                        <label for=\"contact-name\">Nom complet <span class=\"required\">*<\/span><\/label>\n                        <div class=\"input-wrapper\">\n                            <input type=\"text\" id=\"contact-name\" name=\"name\" class=\"form-control\" placeholder=\"Ex. : Jean Dupont\" required>\n                            <svg class=\"input-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z\" \/>\n                            <\/svg>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"form-group\">\n                        <label for=\"contact-phone\">T\u00e9l\u00e9phone <span class=\"required\">*<\/span><\/label>\n                        <div class=\"input-wrapper\">\n                            <input type=\"tel\" id=\"contact-phone\" name=\"phone\" class=\"form-control\" placeholder=\"06 12 34 56 78\" required dir=\"ltr\">\n                            <svg class=\"input-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z\" \/>\n                            <\/svg>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"form-group full-width\">\n                        <label for=\"contact-email\">Adresse email <span class=\"required\">*<\/span><\/label>\n                        <div class=\"input-wrapper\">\n                            <input type=\"email\" id=\"contact-email\" name=\"email\" class=\"form-control\" placeholder=\"jean.dupont@example.com\" required dir=\"ltr\">\n                            <svg class=\"input-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M16 12a4 4 0 10-8 0 4 4 0 008 0zm0 0v1.5a2.5 2.5 0 005 0V12a9 9 0 10-9 9m4.5-1.206a8.959 8.959 0 01-4.5 1.207\" \/>\n                            <\/svg>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"form-group full-width\">\n                        <label for=\"contact-message\">Comment pouvons-nous vous aider ? <span class=\"required\">*<\/span><\/label>\n                        <!-- No icon for textarea -->\n                        <textarea id=\"contact-message\" name=\"message\" class=\"form-control\" placeholder=\"\u00c9crivez votre message ici en d\u00e9tail...\" required><\/textarea>\n                    <\/div>\n\n                    <div class=\"form-group full-width\">\n                        <label>Contr\u00f4le de s\u00e9curit\u00e9 (anti-robot) <span class=\"required\">*<\/span><\/label>\n                        <div class=\"security-check\">\n                            <div class=\"security-badge\" id=\"contact-captcha-question\">\n                                ? + ?\n                            <\/div>\n                            <div class=\"security-input-wrap\">\n                                <div class=\"input-wrapper\">\n                                    <input type=\"number\" id=\"contact-captcha-answer\" class=\"form-control\" placeholder=\"Entrez le r\u00e9sultat...\" required>\n                                    <svg class=\"input-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                                        <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z\" \/>\n                                    <\/svg>\n                                <\/div>\n                                <div id=\"contact-captcha-error\" class=\"error-text\">R\u00e9ponse incorrecte, veuillez r\u00e9essayer.<\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n                <\/div>\n\n                <button type=\"submit\" class=\"submit-btn\">\n                    <span>Envoyer le message<\/span>\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                        <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M14 5l7 7m0 0l-7 7m7-7H3\" \/>\n                    <\/svg>\n                <\/button>\n            <\/form>\n        <\/div>\n\n    <\/div>\n\n    <script>\n        (function () {\n            \/\/ Theme synchronization\n            function syncTheme() {\n                const container = document.getElementById('bnet-contact-us');\n                if (document.body.classList.contains('dark-mode') || \n                    (localStorage.getItem('bnet-theme') === 'dark')) {\n                    container.classList.add('dark-mode');\n                } else {\n                    container.classList.remove('dark-mode');\n                }\n            }\n            syncTheme();\n            const observer = new MutationObserver(syncTheme);\n            observer.observe(document.body, { attributes: true, attributeFilter: ['class'] });\n\n            \/\/ Captcha Logic\n            let captchaCorrectAnswer = 0;\n            const captchaQuestionEl = document.getElementById('contact-captcha-question');\n            const captchaAnswerEl = document.getElementById('contact-captcha-answer');\n            const captchaErrorEl = document.getElementById('contact-captcha-error');\n            const contactForm = document.getElementById('bnet-contact-form');\n\n            function generateCaptcha() {\n                const num1 = Math.floor(Math.random() * 10) + 1;\n                const num2 = Math.floor(Math.random() * 10) + 1;\n                captchaCorrectAnswer = num1 + num2;\n                captchaQuestionEl.innerHTML = `\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                        <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 15v2m-6 4h12a2 2 0 002-2v-6a2 2 0 00-2-2H6a2 2 0 00-2 2v6a2 2 0 002 2zm10-10V7a4 4 0 00-8 0v4h8z\" \/>\n                    <\/svg>\n                    ${num1} + ${num2}\n                `;\n                captchaAnswerEl.value = '';\n                captchaErrorEl.style.display = 'none';\n            }\n\n            generateCaptcha();\n\n            contactForm.addEventListener('submit', function (e) {\n                e.preventDefault(); \/\/ Stop normal form submission to prevent redirect\n                \n                const userAnswer = parseInt(captchaAnswerEl.value, 10);\n                \n                if (userAnswer !== captchaCorrectAnswer) {\n                    captchaErrorEl.style.display = 'block';\n                    generateCaptcha();\n                    captchaAnswerEl.focus();\n                    return;\n                }\n                \n                \/\/ Validated! Submit via AJAX\n                const btn = contactForm.querySelector('.submit-btn');\n                const originalBtnHTML = btn.innerHTML;\n                \n                btn.innerHTML = `\n                    <svg class=\"animate-spin\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" style=\"animation: spin 1s linear infinite;\">\n                        <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15\" \/>\n                    <\/svg>\n                    <span>Envoi en cours...<\/span>\n                `;\n                btn.disabled = true;\n                \n                if (!document.getElementById('spin-style')) {\n                    const style = document.createElement('style');\n                    style.id = 'spin-style';\n                    style.innerHTML = '@keyframes spin { 100% { transform: rotate(360deg); } }';\n                    document.head.appendChild(style);\n                }\n\n                const formData = new FormData(contactForm);\n                \n                fetch(contactForm.action, {\n                    method: 'POST',\n                    body: formData,\n                    headers: {\n                        'Accept': 'application\/json'\n                    }\n                })\n                .then(response => {\n                    if (response.ok) {\n                        document.getElementById('contact-success-message').style.display = 'block';\n                        contactForm.reset();\n                        generateCaptcha();\n                        \/\/ Smooth scroll to top of the form so they see the success message\n                        document.getElementById('contact-success-message').scrollIntoView({ behavior: 'smooth', block: 'center' });\n                        \/\/ Hide success message after 8 seconds\n                        setTimeout(() => {\n                            document.getElementById('contact-success-message').style.display = 'none';\n                        }, 8000);\n                    } else {\n                        alert(\"Une erreur s'est produite lors de l'envoi du message. Veuillez r\u00e9essayer plus tard.\");\n                    }\n                })\n                .catch(error => {\n                    alert(\"Erreur r\u00e9seau. Veuillez v\u00e9rifier votre connexion et r\u00e9essayer.\");\n                })\n                .finally(() => {\n                    btn.innerHTML = originalBtnHTML;\n                    btn.disabled = false;\n                });\n            });\n        })();\n    <\/script>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Service client et support Contactez-nous Vous avez une question ? Une id\u00e9e pour un nouvel outil ? Ou simplement besoin d&rsquo;aide avec l&rsquo;un de nos outils ? Notre \u00e9quipe est l\u00e0 pour vous aider et am\u00e9liorer votre exp\u00e9rience. Notre mission &#8211; Vous faire gagner du temps Chez BSolution, nous nous sommes fix\u00e9 un objectif principal [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_yoast_wpseo_title":"","_yoast_wpseo_metadesc":"","footnotes":""},"class_list":["post-36","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.3 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Contactez-nous - Outils Gratuits pour Entreprises<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/bsolution.me\/fr\/contact\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Contactez-nous - Outils Gratuits pour Entreprises\" \/>\n<meta property=\"og:description\" content=\"Service client et support Contactez-nous Vous avez une question ? Une id\u00e9e pour un nouvel outil ? Ou simplement besoin d&rsquo;aide avec l&rsquo;un de nos outils ? Notre \u00e9quipe est l\u00e0 pour vous aider et am\u00e9liorer votre exp\u00e9rience. Notre mission &#8211; Vous faire gagner du temps Chez BSolution, nous nous sommes fix\u00e9 un objectif principal [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/bsolution.me\/fr\/contact\/\" \/>\n<meta property=\"og:site_name\" content=\"Outils Gratuits pour Entreprises\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/bsolution.me\\\/fr\\\/contact\\\/\",\"url\":\"https:\\\/\\\/bsolution.me\\\/fr\\\/contact\\\/\",\"name\":\"Contactez-nous - Outils Gratuits pour Entreprises\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/bsolution.me\\\/fr\\\/#website\"},\"datePublished\":\"2026-10-10T12:05:51+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/bsolution.me\\\/fr\\\/contact\\\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/bsolution.me\\\/fr\\\/contact\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/bsolution.me\\\/fr\\\/contact\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/bsolution.me\\\/fr\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Contactez-nous\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/bsolution.me\\\/fr\\\/#website\",\"url\":\"https:\\\/\\\/bsolution.me\\\/fr\\\/\",\"name\":\"Outils Gratuits pour Entreprises\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/bsolution.me\\\/fr\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Contactez-nous - Outils Gratuits pour Entreprises","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/bsolution.me\/fr\/contact\/","og_locale":"fr_FR","og_type":"article","og_title":"Contactez-nous - Outils Gratuits pour Entreprises","og_description":"Service client et support Contactez-nous Vous avez une question ? Une id\u00e9e pour un nouvel outil ? Ou simplement besoin d&rsquo;aide avec l&rsquo;un de nos outils ? Notre \u00e9quipe est l\u00e0 pour vous aider et am\u00e9liorer votre exp\u00e9rience. Notre mission &#8211; Vous faire gagner du temps Chez BSolution, nous nous sommes fix\u00e9 un objectif principal [&hellip;]","og_url":"https:\/\/bsolution.me\/fr\/contact\/","og_site_name":"Outils Gratuits pour Entreprises","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/bsolution.me\/fr\/contact\/","url":"https:\/\/bsolution.me\/fr\/contact\/","name":"Contactez-nous - Outils Gratuits pour Entreprises","isPartOf":{"@id":"https:\/\/bsolution.me\/fr\/#website"},"datePublished":"2026-10-10T12:05:51+00:00","breadcrumb":{"@id":"https:\/\/bsolution.me\/fr\/contact\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/bsolution.me\/fr\/contact\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/bsolution.me\/fr\/contact\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/bsolution.me\/fr\/"},{"@type":"ListItem","position":2,"name":"Contactez-nous"}]},{"@type":"WebSite","@id":"https:\/\/bsolution.me\/fr\/#website","url":"https:\/\/bsolution.me\/fr\/","name":"Outils Gratuits pour Entreprises","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/bsolution.me\/fr\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"}]}},"_links":{"self":[{"href":"https:\/\/bsolution.me\/fr\/wp-json\/wp\/v2\/pages\/36","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bsolution.me\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/bsolution.me\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/bsolution.me\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/bsolution.me\/fr\/wp-json\/wp\/v2\/comments?post=36"}],"version-history":[{"count":0,"href":"https:\/\/bsolution.me\/fr\/wp-json\/wp\/v2\/pages\/36\/revisions"}],"wp:attachment":[{"href":"https:\/\/bsolution.me\/fr\/wp-json\/wp\/v2\/media?parent=36"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}