{"id":258,"date":"2026-08-22T13:48:56","date_gmt":"2026-08-22T13:48:56","guid":{"rendered":"https:\/\/braderio.com\/?page_id=258"},"modified":"2026-08-22T13:53:15","modified_gmt":"2026-08-22T13:53:15","slug":"connexion","status":"publish","type":"page","link":"https:\/\/braderio.com\/index.php\/connexion\/","title":{"rendered":"connexion"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"258\" class=\"elementor elementor-258\">\n\t\t\t\t<div class=\"elementor-element elementor-element-50e80de e-flex e-con-boxed e-con e-parent\" data-id=\"50e80de\" 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-39439f4 elementor-widget elementor-widget-shortcode\" data-id=\"39439f4\" 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\">\n    <style>\n\n        \/* =====================================================\n         * CONTENEUR\n         * ===================================================== *\/\n\n        .braderio-login-page {\n\n            width: 100%;\n            max-width: 980px;\n\n            margin: 0 auto;\n\n            padding: 65px 20px 90px;\n\n            box-sizing: border-box;\n\n            font-family:\n                -apple-system,\n                BlinkMacSystemFont,\n                \"Segoe UI\",\n                Roboto,\n                Arial,\n                sans-serif;\n\n            color: #171717;\n        }\n\n\n        \/* =====================================================\n         * LOGO\n         * ===================================================== *\/\n\n        .braderio-login-logo {\n\n            display: flex;\n\n            align-items: center;\n            justify-content: center;\n\n            gap: 9px;\n\n            margin-bottom: 35px;\n        }\n\n\n        .braderio-logo-b {\n\n            width: 42px;\n            height: 42px;\n\n            display: inline-flex;\n\n            align-items: center;\n            justify-content: center;\n\n            border-radius: 50%;\n\n            background: #111111;\n\n            border: 3px solid #ff4b2b;\n\n            color: #ff4b2b;\n\n            font-size: 24px;\n\n            font-weight: 900;\n\n            font-style: italic;\n\n            line-height: 1;\n        }\n\n\n        .braderio-logo-text {\n\n            color: #111111;\n\n            font-size: 25px;\n\n            font-weight: 900;\n\n            letter-spacing: -1px;\n        }\n\n\n        .braderio-logo-text span {\n\n            color: #ff4b2b;\n        }\n\n\n        \/* =====================================================\n         * INTRODUCTION\n         * ===================================================== *\/\n\n        .braderio-login-intro {\n\n            text-align: center;\n\n            margin-bottom: 38px;\n        }\n\n\n        .braderio-login-kicker {\n\n            margin-bottom: 12px;\n\n            color: #ff4b2b;\n\n            font-size: 12px;\n\n            font-weight: 850;\n\n            letter-spacing: 2px;\n\n            text-transform: uppercase;\n        }\n\n\n        .braderio-login-intro h1 {\n\n            margin: 0 0 12px;\n\n            color: #111111;\n\n            font-size: clamp(\n                38px,\n                5vw,\n                54px\n            );\n\n            line-height: 1.05;\n\n            font-weight: 900;\n\n            letter-spacing: -2px;\n        }\n\n\n        .braderio-login-intro p {\n\n            max-width: 650px;\n\n            margin: 0 auto;\n\n            color: #777777;\n\n            font-size: 16px;\n\n            line-height: 1.65;\n        }\n\n\n        \/* =====================================================\n         * CARTE\n         * ===================================================== *\/\n\n        .braderio-login-card {\n\n            max-width: 560px;\n\n            margin: 0 auto;\n\n            padding: 42px;\n\n            box-sizing: border-box;\n\n            border: 1px solid #e6e6e6;\n\n            border-radius: 22px;\n\n            background: #ffffff;\n\n            box-shadow:\n                0 15px 45px\n                rgba(0, 0, 0, 0.06);\n        }\n\n\n        .braderio-login-icon {\n\n            width: 58px;\n            height: 58px;\n\n            display: flex;\n\n            align-items: center;\n            justify-content: center;\n\n            margin: 0 auto 22px;\n\n            border-radius: 50%;\n\n            background: #fff1ec;\n\n            font-size: 27px;\n        }\n\n\n        .braderio-login-card h2 {\n\n            margin: 0 0 8px;\n\n            text-align: center;\n\n            color: #111111;\n\n            font-size: 26px;\n\n            font-weight: 850;\n        }\n\n\n        .braderio-login-card-intro {\n\n            margin: 0 0 28px;\n\n            text-align: center;\n\n            color: #777777;\n\n            font-size: 14px;\n\n            line-height: 1.6;\n        }\n\n\n        \/* =====================================================\n         * FORMULAIRE WORDPRESS\n         * ===================================================== *\/\n\n        .braderio-login-card form {\n\n            margin: 0;\n        }\n\n\n        .braderio-login-card label {\n\n            display: block;\n\n            margin-bottom: 7px;\n\n            color: #222222;\n\n            font-size: 14px;\n\n            font-weight: 750;\n        }\n\n\n        .braderio-login-card input[type=\"text\"],\n        .braderio-login-card input[type=\"email\"],\n        .braderio-login-card input[type=\"password\"] {\n\n            width: 100%;\n\n            min-height: 50px;\n\n            padding: 0 15px;\n\n            margin-bottom: 18px;\n\n            box-sizing: border-box;\n\n            border: 1px solid #dddddd;\n\n            border-radius: 10px;\n\n            background: #ffffff;\n\n            color: #222222;\n\n            font-size: 15px;\n\n            outline: none;\n        }\n\n\n        .braderio-login-card input:focus {\n\n            border-color: #ff4b2b;\n\n            box-shadow:\n                0 0 0 3px\n                rgba(255, 75, 43, 0.10);\n        }\n\n\n        \/* =====================================================\n         * SOUVENIR\n         * ===================================================== *\/\n\n        .braderio-login-remember {\n\n            display: flex !important;\n\n            align-items: center;\n\n            gap: 8px;\n\n            margin: 0 0 20px !important;\n\n            color: #777777 !important;\n\n            font-size: 13px !important;\n\n            font-weight: 500 !important;\n        }\n\n\n        .braderio-login-remember input {\n\n            width: 16px;\n            height: 16px;\n\n            margin: 0 !important;\n        }\n\n\n        \/* =====================================================\n         * BOUTON\n         * ===================================================== *\/\n\n        .braderio-login-card input[type=\"submit\"] {\n\n            width: 100%;\n\n            min-height: 52px;\n\n            border: 0;\n\n            border-radius: 11px;\n\n            background: #ff4b2b;\n\n            color: #ffffff;\n\n            font-size: 15px;\n\n            font-weight: 800;\n\n            cursor: pointer;\n\n            transition:\n                background 0.2s ease,\n                transform 0.2s ease;\n        }\n\n\n        .braderio-login-card input[type=\"submit\"]:hover {\n\n            background: #e94225;\n\n            transform: translateY(-1px);\n        }\n\n\n        \/* =====================================================\n         * LIENS\n         * ===================================================== *\/\n\n        .braderio-login-links {\n\n            display: flex;\n\n            align-items: center;\n            justify-content: space-between;\n\n            gap: 15px;\n\n            margin-top: 22px;\n\n            padding-top: 22px;\n\n            border-top: 1px solid #eeeeee;\n        }\n\n\n        .braderio-login-links a {\n\n            color: #777777;\n\n            font-size: 13px;\n\n            font-weight: 650;\n\n            text-decoration: none;\n        }\n\n\n        .braderio-login-links a:hover {\n\n            color: #ff4b2b;\n        }\n\n\n        .braderio-login-register {\n\n            margin-top: 25px;\n\n            text-align: center;\n\n            color: #777777;\n\n            font-size: 14px;\n        }\n\n\n        .braderio-login-register a {\n\n            color: #ff4b2b;\n\n            font-weight: 750;\n\n            text-decoration: none;\n        }\n\n\n        \/* =====================================================\n         * UTILISATEUR D\u00c9J\u00c0 CONNECT\u00c9\n         * ===================================================== *\/\n\n        .braderio-login-already {\n\n            max-width: 650px;\n\n            margin: 0 auto;\n\n            padding: 60px 30px;\n\n            text-align: center;\n\n            border: 1px solid #e6e6e6;\n\n            border-radius: 22px;\n\n            box-shadow:\n                0 15px 45px\n                rgba(0, 0, 0, 0.06);\n        }\n\n\n        .braderio-login-already h2 {\n\n            margin: 0 0 12px;\n\n            font-size: 30px;\n\n            font-weight: 850;\n        }\n\n\n        .braderio-login-already p {\n\n            margin: 0 0 25px;\n\n            color: #777777;\n        }\n\n\n        .braderio-login-button {\n\n            display: inline-flex;\n\n            align-items: center;\n            justify-content: center;\n\n            min-height: 48px;\n\n            padding: 0 22px;\n\n            border-radius: 11px;\n\n            background: #ff4b2b;\n\n            color: #ffffff !important;\n\n            text-decoration: none !important;\n\n            font-weight: 800;\n        }\n\n\n        \/* =====================================================\n         * MOBILE\n         * ===================================================== *\/\n\n        @media (max-width: 600px) {\n\n            .braderio-login-page {\n\n                padding:\n                    45px 16px 60px;\n            }\n\n\n            .braderio-login-card {\n\n                padding: 28px 22px;\n            }\n\n\n            .braderio-login-intro h1 {\n\n                font-size: 38px;\n            }\n\n\n            .braderio-login-links {\n\n                flex-direction: column;\n\n                align-items: center;\n            }\n\n        }\n\n    <\/style>\n\n\n    <div class=\"braderio-login-page\">\n\n\n        <!-- LOGO -->\n\n        <div class=\"braderio-login-logo\">\n\n            <span class=\"braderio-logo-b\">\n                B\n            <\/span>\n\n            <span class=\"braderio-logo-text\">\n                BRADER<span>IO<\/span>\n            <\/span>\n\n        <\/div>\n\n\n        <!-- INTRO -->\n\n        <div class=\"braderio-login-intro\">\n\n            <div class=\"braderio-login-kicker\">\n                ESPACE PERSONNEL\n            <\/div>\n\n            <h1>\n                Bienvenue sur Braderio\n            <\/h1>\n\n            <p>\n                Connectez-vous \u00e0 votre compte pour g\u00e9rer votre profil,\n                retrouver vos activit\u00e9s et profiter pleinement\n                de votre exp\u00e9rience Braderio.\n            <\/p>\n\n        <\/div>\n\n\n        <!-- CARTE -->\n\n        <div class=\"braderio-login-card\">\n\n            <div class=\"braderio-login-icon\">\n                \ud83d\udc64\n            <\/div>\n\n            <h2>\n                Connectez-vous \u00e0 votre espace\n            <\/h2>\n\n            <p class=\"braderio-login-card-intro\">\n                Retrouvez vos informations personnelles et pr\u00e9parez\n                votre exp\u00e9rience Braderio pr\u00e8s de chez vous.\n            <\/p>\n\n\n            <form name=\"braderio-login-form\" id=\"braderio-login-form\" action=\"https:\/\/braderio.com\/wp-login.php\" method=\"post\"><p class=\"login-username\">\n\t\t\t\t<label for=\"user_login\">Adresse e-mail<\/label>\n\t\t\t\t<input type=\"text\" name=\"log\" id=\"user_login\" autocomplete=\"username\" class=\"input\" value=\"\" size=\"20\" \/>\n\t\t\t<\/p><p class=\"login-password\">\n\t\t\t\t<label for=\"user_pass\">Mot de passe<\/label>\n\t\t\t\t<input type=\"password\" name=\"pwd\" id=\"user_pass\" autocomplete=\"current-password\" spellcheck=\"false\" class=\"input\" value=\"\" size=\"20\" \/>\n\t\t\t<\/p><p class=\"login-remember\"><label><input name=\"rememberme\" type=\"checkbox\" id=\"rememberme\" value=\"forever\" checked=\"checked\" \/> Se souvenir de moi<\/label><\/p><p class=\"login-submit\">\n\t\t\t\t<input type=\"submit\" name=\"wp-submit\" id=\"wp-submit\" class=\"button button-primary\" value=\"Se connecter \u2192\" \/>\n\t\t\t\t<input type=\"hidden\" name=\"redirect_to\" value=\"https:\/\/braderio.com\/index.php\/mon-compte\/\" \/>\n\t\t\t<\/p><\/form>\n\n            <div class=\"braderio-login-links\">\n\n                <a href=\"https:\/\/braderio.com\/wp-login.php?action=lostpassword\">\n                    Mot de passe oubli\u00e9 ?\n                <\/a>\n\n                <a href=\"https:\/\/braderio.com\/\">\n                    \u2190 Retour \u00e0 l'accueil\n                <\/a>\n\n            <\/div>\n\n\n            <div class=\"braderio-login-register\">\n\n                Pas encore de compte ?\n\n                <a href=\"https:\/\/braderio.com\/index.php\/inscription\/\">\n                    Cr\u00e9er un compte\n                <\/a>\n\n            <\/div>\n\n\n        <\/div>\n\n    <\/div>\n\n\n    <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-258","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/braderio.com\/index.php\/wp-json\/wp\/v2\/pages\/258","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=258"}],"version-history":[{"count":7,"href":"https:\/\/braderio.com\/index.php\/wp-json\/wp\/v2\/pages\/258\/revisions"}],"predecessor-version":[{"id":266,"href":"https:\/\/braderio.com\/index.php\/wp-json\/wp\/v2\/pages\/258\/revisions\/266"}],"wp:attachment":[{"href":"https:\/\/braderio.com\/index.php\/wp-json\/wp\/v2\/media?parent=258"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}