{"id":30,"date":"2026-08-19T16:09:40","date_gmt":"2026-08-19T16:09:40","guid":{"rendered":"https:\/\/braderio.com\/?page_id=30"},"modified":"2026-08-22T06:35:45","modified_gmt":"2026-08-22T06:35:45","slug":"contact","status":"publish","type":"page","link":"https:\/\/braderio.com\/index.php\/contact\/","title":{"rendered":"Contact"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"30\" class=\"elementor elementor-30\">\n\t\t\t\t<div class=\"elementor-element elementor-element-16aecd04 e-flex e-con-boxed e-con e-parent\" data-id=\"16aecd04\" 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-4c45e28f elementor-drop-cap-yes elementor-drop-cap-view-default elementor-widget elementor-widget-text-editor\" data-id=\"4c45e28f\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;drop_cap&quot;:&quot;yes&quot;}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<style>\n\/* =========================================================\n   BRADERIO \u2014 PAGE CONTACT\n   Version PC + MOBILE\n   ========================================================= *\/\n\n.br-contact {\n    --br-orange: #ff4b23;\n    --br-black: #080808;\n    --br-text: #151515;\n    --br-grey: #707070;\n    --br-border: #e6e6e6;\n    --br-soft: #fff5f1;\n    --br-white: #ffffff;\n\n    width: 100%;\n    box-sizing: border-box;\n    background: #fff;\n    color: var(--br-text);\n    font-family: inherit;\n}\n\n.br-contact *,\n.br-contact *::before,\n.br-contact *::after {\n    box-sizing: border-box;\n}\n\n\/* =========================================================\n   CONTENEUR PRINCIPAL\n   ========================================================= *\/\n\n.br-contact__container {\n    width: min(1120px, calc(100% - 48px));\n    margin: 0 auto;\n    padding: 72px 0 80px;\n}\n\n\/* =========================================================\n   INTRO\n   ========================================================= *\/\n\n.br-contact__intro {\n    max-width: 720px;\n    margin-bottom: 42px;\n}\n\n.br-contact__eyebrow {\n    margin: 0 0 10px;\n    color: var(--br-orange);\n    font-size: 13px;\n    line-height: 1.2;\n    font-weight: 800;\n    letter-spacing: 2px;\n    text-transform: uppercase;\n}\n\n.br-contact__title {\n    margin: 0 0 14px !important;\n    padding: 0 !important;\n    color: var(--br-black) !important;\n    font-size: clamp(42px, 5vw, 64px) !important;\n    line-height: .98 !important;\n    font-weight: 800 !important;\n    letter-spacing: -2px;\n}\n\n.br-contact__subtitle {\n    margin: 0 !important;\n    padding: 0 !important;\n    color: var(--br-grey);\n    font-size: 19px;\n    line-height: 1.55;\n    font-weight: 400;\n}\n\n\/* =========================================================\n   ZONE CONTACT\n   ========================================================= *\/\n\n.br-contact__grid {\n    display: grid;\n    grid-template-columns: minmax(0, .82fr) minmax(0, 1.18fr);\n    gap: 48px;\n    align-items: start;\n}\n\n\/* =========================================================\n   COLONNE INFORMATIONS\n   ========================================================= *\/\n\n.br-contact__info {\n    padding-top: 8px;\n}\n\n.br-contact__info-title {\n    margin: 0 0 14px !important;\n    padding: 0 !important;\n    color: var(--br-black) !important;\n    font-size: 28px !important;\n    line-height: 1.15 !important;\n    font-weight: 800 !important;\n}\n\n.br-contact__info-text {\n    margin: 0 0 30px !important;\n    color: var(--br-grey);\n    font-size: 16px;\n    line-height: 1.6;\n}\n\n.br-contact__email {\n    display: flex;\n    align-items: center;\n    gap: 16px;\n    margin-top: 6px;\n}\n\n.br-contact__icon {\n    width: 52px;\n    height: 52px;\n    flex: 0 0 52px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border: 1px solid rgba(255, 75, 35, .22);\n    border-radius: 50%;\n    background: var(--br-soft);\n    color: var(--br-orange);\n}\n\n.br-contact__icon svg {\n    width: 23px;\n    height: 23px;\n    display: block;\n}\n\n.br-contact__email-label {\n    margin: 0 0 4px;\n    color: var(--br-grey);\n    font-size: 13px;\n    line-height: 1.3;\n    font-weight: 600;\n}\n\n.br-contact__email-link {\n    color: var(--br-black);\n    font-size: 18px;\n    line-height: 1.35;\n    font-weight: 750;\n    text-decoration: none;\n    word-break: break-word;\n    transition: color .2s ease;\n}\n\n.br-contact__email-link:hover {\n    color: var(--br-orange);\n}\n\n\/* =========================================================\n   PETIT BLOC D'ACCOMPAGNEMENT\n   ========================================================= *\/\n\n.br-contact__note {\n    margin-top: 36px;\n    padding: 20px 22px;\n    border: 1px solid var(--br-border);\n    border-radius: 16px;\n    background: #fafafa;\n}\n\n.br-contact__note strong {\n    display: block;\n    margin-bottom: 6px;\n    color: var(--br-black);\n    font-size: 15px;\n    line-height: 1.4;\n}\n\n.br-contact__note span {\n    display: block;\n    color: var(--br-grey);\n    font-size: 14px;\n    line-height: 1.55;\n}\n\n\/* =========================================================\n   FORMULAIRE\n   ========================================================= *\/\n\n.br-contact__form {\n    width: 100%;\n    padding: 30px;\n    border: 1px solid var(--br-border);\n    border-radius: 22px;\n    background: var(--br-white);\n    box-shadow: 0 14px 40px rgba(0,0,0,.06);\n}\n\n.br-contact__form-title {\n    margin: 0 0 24px !important;\n    padding: 0 !important;\n    color: var(--br-black) !important;\n    font-size: 24px !important;\n    line-height: 1.2 !important;\n    font-weight: 800 !important;\n}\n\n.br-contact__fields {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 18px;\n}\n\n.br-contact__field {\n    min-width: 0;\n}\n\n.br-contact__field--full {\n    grid-column: 1 \/ -1;\n}\n\n.br-contact__label {\n    display: block;\n    margin: 0 0 7px;\n    color: var(--br-black);\n    font-size: 13px;\n    line-height: 1.3;\n    font-weight: 700;\n}\n\n.br-contact__required {\n    color: var(--br-orange);\n}\n\n.br-contact__input,\n.br-contact__select,\n.br-contact__textarea {\n    width: 100%;\n    max-width: 100%;\n    margin: 0;\n    padding: 14px 15px;\n    border: 1px solid #dedede;\n    border-radius: 11px;\n    outline: none;\n    background: #fff;\n    color: var(--br-black);\n    font-family: inherit;\n    font-size: 15px;\n    line-height: 1.4;\n    box-shadow: none;\n    transition:\n        border-color .2s ease,\n        box-shadow .2s ease;\n}\n\n.br-contact__input,\n.br-contact__select {\n    min-height: 50px;\n}\n\n.br-contact__textarea {\n    min-height: 145px;\n    resize: vertical;\n}\n\n.br-contact__input::placeholder,\n.br-contact__textarea::placeholder {\n    color: #a0a0a0;\n}\n\n.br-contact__input:focus,\n.br-contact__select:focus,\n.br-contact__textarea:focus {\n    border-color: var(--br-orange);\n    box-shadow: 0 0 0 3px rgba(255,75,35,.10);\n}\n\n.br-contact__submit {\n    width: 100%;\n    min-height: 52px;\n    margin-top: 20px;\n    padding: 14px 20px;\n    border: 0;\n    border-radius: 11px;\n    background: var(--br-orange);\n    color: #fff;\n    font-family: inherit;\n    font-size: 15px;\n    line-height: 1.2;\n    font-weight: 800;\n    cursor: pointer;\n    transition:\n        transform .2s ease,\n        background .2s ease,\n        box-shadow .2s ease;\n}\n\n.br-contact__submit:hover {\n    background: #ef401a;\n    box-shadow: 0 8px 20px rgba(255,75,35,.20);\n    transform: translateY(-1px);\n}\n\n.br-contact__submit:active {\n    transform: translateY(0);\n}\n\n\/* =========================================================\n   CTA ORGANISATEUR\n   ========================================================= *\/\n\n.br-contact__organizer {\n    display: grid;\n    grid-template-columns: auto minmax(0, 1fr) auto;\n    gap: 20px;\n    align-items: center;\n\n    margin-top: 52px;\n    padding: 22px 24px;\n\n    border: 1px solid rgba(255,75,35,.30);\n    border-radius: 18px;\n    background: var(--br-soft);\n}\n\n.br-contact__organizer-icon {\n    width: 50px;\n    height: 50px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border-radius: 50%;\n    background: var(--br-orange);\n    color: #fff;\n}\n\n.br-contact__organizer-icon svg {\n    width: 22px;\n    height: 22px;\n}\n\n.br-contact__organizer-title {\n    margin: 0 0 4px !important;\n    padding: 0 !important;\n    color: var(--br-orange) !important;\n    font-size: 17px !important;\n    line-height: 1.3 !important;\n    font-weight: 800 !important;\n}\n\n.br-contact__organizer-text {\n    margin: 0 !important;\n    color: #666;\n    font-size: 14px;\n    line-height: 1.5;\n}\n\n.br-contact__organizer-button {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    min-height: 46px;\n    padding: 12px 20px;\n    border: 1px solid var(--br-orange);\n    border-radius: 10px;\n    background: var(--br-orange);\n    color: #fff !important;\n    font-size: 14px;\n    line-height: 1.2;\n    font-weight: 800;\n    text-decoration: none !important;\n    white-space: nowrap;\n    transition: all .2s ease;\n}\n\n.br-contact__organizer-button:hover {\n    background: #ef401a;\n    border-color: #ef401a;\n    color: #fff !important;\n    transform: translateY(-1px);\n}\n\n\/* =========================================================\n   MOBILE\n   ========================================================= *\/\n\n@media (max-width: 767px) {\n\n    .br-contact__container {\n        width: min(100% - 32px, 560px);\n        padding: 42px 0 52px;\n    }\n\n    .br-contact__intro {\n        margin-bottom: 30px;\n    }\n\n    .br-contact__eyebrow {\n        margin-bottom: 8px;\n        font-size: 11px;\n        letter-spacing: 1.7px;\n    }\n\n    .br-contact__title {\n        margin-bottom: 12px !important;\n        font-size: 42px !important;\n        line-height: .98 !important;\n        letter-spacing: -1.5px;\n    }\n\n    .br-contact__subtitle {\n        font-size: 16px;\n        line-height: 1.5;\n    }\n\n    .br-contact__grid {\n        grid-template-columns: 1fr;\n        gap: 30px;\n    }\n\n    .br-contact__info {\n        padding-top: 0;\n    }\n\n    .br-contact__info-title {\n        font-size: 24px !important;\n    }\n\n    .br-contact__info-text {\n        margin-bottom: 22px !important;\n        font-size: 15px;\n    }\n\n    .br-contact__note {\n        margin-top: 26px;\n        padding: 17px 18px;\n        border-radius: 14px;\n    }\n\n    .br-contact__form {\n        padding: 22px 18px;\n        border-radius: 18px;\n        box-shadow: 0 8px 25px rgba(0,0,0,.05);\n    }\n\n    .br-contact__form-title {\n        margin-bottom: 20px !important;\n        font-size: 21px !important;\n    }\n\n    .br-contact__fields {\n        grid-template-columns: 1fr;\n        gap: 15px;\n    }\n\n    .br-contact__field--full {\n        grid-column: auto;\n    }\n\n    .br-contact__input,\n    .br-contact__select {\n        min-height: 48px;\n    }\n\n    .br-contact__textarea {\n        min-height: 125px;\n    }\n\n    .br-contact__submit {\n        min-height: 50px;\n        margin-top: 17px;\n    }\n\n    .br-contact__organizer {\n        grid-template-columns: 1fr;\n        gap: 13px;\n        margin-top: 36px;\n        padding: 20px 18px;\n        text-align: left;\n        border-radius: 16px;\n    }\n\n    .br-contact__organizer-icon {\n        width: 44px;\n        height: 44px;\n    }\n\n    .br-contact__organizer-button {\n        width: 100%;\n        min-height: 49px;\n    }\n}\n\n\/* =========================================================\n   TR\u00c8S PETITS \u00c9CRANS\n   ========================================================= *\/\n\n@media (max-width: 380px) {\n\n    .br-contact__container {\n        width: calc(100% - 24px);\n        padding-top: 34px;\n    }\n\n    .br-contact__title {\n        font-size: 36px !important;\n    }\n\n    .br-contact__form {\n        padding: 20px 15px;\n    }\n}\n<\/style>\n\n\n<section class=\"br-contact\" aria-label=\"Contact Braderio\">\n\n    <div class=\"br-contact__container\">\n\n        <!-- INTRO -->\n        <header class=\"br-contact__intro\">\n\n            <p class=\"br-contact__eyebrow\">\n                Contact\n            <\/p>\n\n            <h1 class=\"br-contact__title\">\n                Contactez-nous\n            <\/h1>\n\n            <p class=\"br-contact__subtitle\">\n                Une question, une suggestion ou besoin d&rsquo;aide ?\n                Nous sommes \u00e0 votre \u00e9coute.\n            <\/p>\n\n        <\/header>\n\n\n        <!-- CONTACT -->\n        <div class=\"br-contact__grid\">\n\n            <!-- INFORMATIONS -->\n            <div class=\"br-contact__info\">\n\n                <h2 class=\"br-contact__info-title\">\n                    Nous contacter\n                <\/h2>\n\n                <p class=\"br-contact__info-text\">\n                    Pour toute question concernant Braderio, un \u00e9v\u00e9nement\n                    ou votre exp\u00e9rience sur la plateforme, vous pouvez\n                    nous \u00e9crire directement.\n                <\/p>\n\n\n                <div class=\"br-contact__email\">\n\n                    <div class=\"br-contact__icon\" aria-hidden=\"true\">\n\n                        <svg viewBox=\"0 0 24 24\"\n                             fill=\"none\"\n                             stroke=\"currentColor\"\n                             stroke-width=\"1.8\"\n                             stroke-linecap=\"round\"\n                             stroke-linejoin=\"round\">\n\n                            <rect x=\"3\" y=\"5\" width=\"18\" height=\"14\" rx=\"2\"><\/rect>\n                            <path d=\"m3 7 9 6 9-6\"><\/path>\n\n                        <\/svg>\n\n                    <\/div>\n\n\n                    <div>\n\n                        <p class=\"br-contact__email-label\">\n                            Email\n                        <\/p>\n\n                        <a\n                            class=\"br-contact__email-link\"\n                            href=\"mailto:info@braderio.be\"\n                        >\n                            info@braderio.be\n                        <\/a>\n\n                    <\/div>\n\n                <\/div>\n\n\n                <div class=\"br-contact__note\">\n\n                    <strong>\n                        Une question concernant un \u00e9v\u00e9nement ?\n                    <\/strong>\n\n                    <span>\n                        N&rsquo;h\u00e9sitez pas \u00e0 nous \u00e9crire en pr\u00e9cisant le nom\n                        de l&rsquo;\u00e9v\u00e9nement et votre demande.\n                    <\/span>\n\n                <\/div>\n\n            <\/div>\n\n\n            <!-- FORMULAIRE -->\n            <div class=\"br-contact__form\">\n\n                <h2 class=\"br-contact__form-title\">\n                    Envoyez-nous un message\n                <\/h2>\n\n\n                <!--\n                    IMPORTANT :\n                    Si ton formulaire Elementor actuel fonctionne d\u00e9j\u00e0,\n                    conserve son syst\u00e8me d'envoi et reprends uniquement\n                    cette structure\/design.\n\n                    Destinataire :\n                    info@braderio.be\n                -->\n\n                <form class=\"br-contact__form-fields\">\n\n                    <div class=\"br-contact__fields\">\n\n                        <div class=\"br-contact__field\">\n\n                            <label class=\"br-contact__label\">\n                                Nom <span class=\"br-contact__required\">*<\/span>\n                            <\/label>\n\n                            <input\n                                class=\"br-contact__input\"\n                                type=\"text\"\n                                name=\"name\"\n                                placeholder=\"Votre nom\"\n                                required\n                            >\n\n                        <\/div>\n\n\n                        <div class=\"br-contact__field\">\n\n                            <label class=\"br-contact__label\">\n                                Email <span class=\"br-contact__required\">*<\/span>\n                            <\/label>\n\n                            <input\n                                class=\"br-contact__input\"\n                                type=\"email\"\n                                name=\"email\"\n                                placeholder=\"Votre email\"\n                                required\n                            >\n\n                        <\/div>\n\n\n                        <div class=\"br-contact__field br-contact__field--full\">\n\n                            <label class=\"br-contact__label\">\n                                Sujet <span class=\"br-contact__required\">*<\/span>\n                            <\/label>\n\n                            <select\n                                class=\"br-contact__select\"\n                                name=\"subject\"\n                                required\n                            >\n                                <option value=\"\" selected disabled>\n                                    S\u00e9lectionnez un sujet\n                                <\/option>\n\n                                <option value=\"question\">\n                                    Question g\u00e9n\u00e9rale\n                                <\/option>\n\n                                <option value=\"evenement\">\n                                    Question concernant un \u00e9v\u00e9nement\n                                <\/option>\n\n                                <option value=\"organisateur\">\n                                    Je suis organisateur\n                                <\/option>\n\n                                <option value=\"suggestion\">\n                                    Suggestion\n                                <\/option>\n\n                                <option value=\"autre\">\n                                    Autre demande\n                                <\/option>\n\n                            <\/select>\n\n                        <\/div>\n\n\n                        <div class=\"br-contact__field br-contact__field--full\">\n\n                            <label class=\"br-contact__label\">\n                                Message <span class=\"br-contact__required\">*<\/span>\n                            <\/label>\n\n                            <textarea\n                                class=\"br-contact__textarea\"\n                                name=\"message\"\n                                placeholder=\"Votre message...\"\n                                required\n                            ><\/textarea>\n\n                        <\/div>\n\n                    <\/div>\n\n\n                    <button\n                        class=\"br-contact__submit\"\n                        type=\"submit\"\n                    >\n                        Envoyer le message\n                    <\/button>\n\n                <\/form>\n\n            <\/div>\n\n        <\/div>\n\n\n        <!-- ORGANISATEUR -->\n        <div class=\"br-contact__organizer\">\n\n            <div class=\"br-contact__organizer-icon\" aria-hidden=\"true\">\n\n                <svg viewBox=\"0 0 24 24\"\n                     fill=\"none\"\n                     stroke=\"currentColor\"\n                     stroke-width=\"1.8\"\n                     stroke-linecap=\"round\"\n                     stroke-linejoin=\"round\">\n\n                    <rect x=\"4\" y=\"5\" width=\"16\" height=\"15\" rx=\"2\"><\/rect>\n                    <path d=\"M8 3v4\"><\/path>\n                    <path d=\"M16 3v4\"><\/path>\n                    <path d=\"M4 9h16\"><\/path>\n                    <path d=\"M9 13h6\"><\/path>\n                    <path d=\"M9 16h4\"><\/path>\n\n                <\/svg>\n\n            <\/div>\n\n\n            <div>\n\n                <h2 class=\"br-contact__organizer-title\">\n                    Vous \u00eates organisateur ?\n                <\/h2>\n\n                <p class=\"br-contact__organizer-text\">\n                    Pr\u00e9sentez votre \u00e9v\u00e9nement sur Braderio et\n                    faites-le d\u00e9couvrir aux personnes qui recherchent\n                    des sorties pr\u00e8s de chez elles.\n                <\/p>\n\n            <\/div>\n\n\n            <a\n                class=\"br-contact__organizer-button\"\n                href=\"\/index.php\/mon-compte\/\"\n            >\n                Ajouter un \u00e9v\u00e9nement\n            <\/a>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\t\t\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":"<p>Contact Contactez-nous Une question, une suggestion ou besoin d&rsquo;aide ? Nous sommes \u00e0 votre \u00e9coute. Nous contacter Pour toute question concernant Braderio, un \u00e9v\u00e9nement ou votre exp\u00e9rience sur la plateforme, vous pouvez nous \u00e9crire directement. Email info@braderio.be Une question concernant un \u00e9v\u00e9nement ? N&rsquo;h\u00e9sitez pas \u00e0 nous \u00e9crire en pr\u00e9cisant le nom de l&rsquo;\u00e9v\u00e9nement et [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-30","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/braderio.com\/index.php\/wp-json\/wp\/v2\/pages\/30","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/braderio.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/braderio.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/braderio.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/braderio.com\/index.php\/wp-json\/wp\/v2\/comments?post=30"}],"version-history":[{"count":8,"href":"https:\/\/braderio.com\/index.php\/wp-json\/wp\/v2\/pages\/30\/revisions"}],"predecessor-version":[{"id":204,"href":"https:\/\/braderio.com\/index.php\/wp-json\/wp\/v2\/pages\/30\/revisions\/204"}],"wp:attachment":[{"href":"https:\/\/braderio.com\/index.php\/wp-json\/wp\/v2\/media?parent=30"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}