{"id":42532,"date":"2026-09-01T11:28:42","date_gmt":"2026-09-01T11:28:42","guid":{"rendered":"https:\/\/rotary9103.org\/?page_id=42532"},"modified":"2026-09-01T12:17:29","modified_gmt":"2026-09-01T12:17:29","slug":"connexion","status":"publish","type":"page","link":"https:\/\/rotary9103.org\/?page_id=42532","title":{"rendered":"Connexion"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"42532\" class=\"elementor elementor-42532\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b04925b e-flex e-con-boxed e-con e-parent\" data-id=\"b04925b\" 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-b7954bc elementor-widget elementor-widget-html\" data-id=\"b7954bc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n.login-page {\r\n    --blue: #0755b8;\r\n    --dark-blue: #0b376f;\r\n    --orange: #f59a23;\r\n    --text: #243b5a;\r\n    --muted: #66758c;\r\n    --border: #dce5f0;\r\n    --light-blue: #f5f9ff;\r\n\r\n    font-family: inherit;\r\n    padding: 55px 20px;\r\n    background: #fff;\r\n    color: var(--text);\r\n}\r\n\r\n.login-page * {\r\n    box-sizing: border-box;\r\n}\r\n\r\n.login-container {\r\n    max-width: 560px;\r\n    margin: 0 auto;\r\n}\r\n\r\n.login-header {\r\n    text-align: center;\r\n    margin-bottom: 35px;\r\n}\r\n\r\n.login-header h1 {\r\n    margin: 0;\r\n    color: var(--dark-blue);\r\n    font-size: clamp(32px, 4vw, 44px);\r\n    line-height: 1.2;\r\n}\r\n\r\n.login-line {\r\n    width: 65px;\r\n    height: 4px;\r\n    background: var(--orange);\r\n    border-radius: 20px;\r\n    margin: 18px auto;\r\n}\r\n\r\n.login-header p {\r\n    margin: 0;\r\n    color: var(--muted);\r\n    font-size: 16px;\r\n    line-height: 1.6;\r\n}\r\n\r\n.login-card {\r\n    background: #fff;\r\n    border: 1px solid #e1e8f0;\r\n    border-radius: 14px;\r\n    padding: 40px;\r\n    box-shadow: 0 12px 35px rgba(11, 55, 111, 0.08);\r\n}\r\n\r\n.login-card h2 {\r\n    margin: 0 0 10px;\r\n    color: var(--dark-blue);\r\n    font-size: 25px;\r\n    text-align: center;\r\n}\r\n\r\n.login-card-intro {\r\n    margin: 0 0 28px;\r\n    text-align: center;\r\n    color: var(--muted);\r\n    font-size: 14px;\r\n    line-height: 1.6;\r\n}\r\n\r\n.login-field {\r\n    margin-bottom: 20px;\r\n}\r\n\r\n.login-field label {\r\n    display: block;\r\n    margin-bottom: 8px;\r\n    color: var(--dark-blue);\r\n    font-size: 14px;\r\n    font-weight: 600;\r\n}\r\n\r\n.login-field input {\r\n    width: 100%;\r\n    min-height: 52px;\r\n    padding: 13px 15px;\r\n    border: 1px solid #d5dfeb;\r\n    border-radius: 7px;\r\n    font-family: inherit;\r\n    font-size: 15px;\r\n    outline: none;\r\n}\r\n\r\n.login-field input:focus {\r\n    border-color: var(--blue);\r\n    box-shadow: 0 0 0 3px rgba(7, 85, 184, 0.09);\r\n}\r\n\r\n.login-password-wrap {\r\n    position: relative;\r\n}\r\n\r\n.login-password-wrap input {\r\n    padding-right: 50px;\r\n}\r\n\r\n.login-toggle {\r\n    position: absolute;\r\n    top: 50%;\r\n    right: 14px;\r\n    transform: translateY(-50%);\r\n    border: none;\r\n    background: transparent;\r\n    color: #74849b;\r\n    cursor: pointer;\r\n    font-size: 14px;\r\n}\r\n\r\n.login-options {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    gap: 15px;\r\n    margin-bottom: 24px;\r\n    font-size: 13px;\r\n}\r\n\r\n.login-remember {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n}\r\n\r\n.login-remember input {\r\n    width: 17px;\r\n    height: 17px;\r\n    accent-color: var(--blue);\r\n}\r\n\r\n.login-forgot {\r\n    color: var(--blue);\r\n    text-decoration: none;\r\n    font-weight: 600;\r\n}\r\n\r\n.login-forgot:hover {\r\n    color: var(--orange);\r\n}\r\n\r\n.login-button {\r\n    width: 100%;\r\n    min-height: 53px;\r\n    border: none;\r\n    border-radius: 8px;\r\n    background: var(--blue);\r\n    color: #fff;\r\n    font-family: inherit;\r\n    font-size: 16px;\r\n    font-weight: 700;\r\n    cursor: pointer;\r\n    transition: .2s ease;\r\n}\r\n\r\n.login-button:hover {\r\n    background: var(--dark-blue);\r\n}\r\n\r\n.login-separator {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n    margin: 25px 0;\r\n    color: #8491a3;\r\n    font-size: 13px;\r\n}\r\n\r\n.login-separator::before,\r\n.login-separator::after {\r\n    content: \"\";\r\n    flex: 1;\r\n    height: 1px;\r\n    background: #e1e7ef;\r\n}\r\n\r\n.login-register-box {\r\n    text-align: center;\r\n    padding: 18px;\r\n    border: 1px solid #cfe0f7;\r\n    background: #f8fbff;\r\n    border-radius: 8px;\r\n}\r\n\r\n.login-register-box p {\r\n    margin: 0 0 8px;\r\n    font-size: 14px;\r\n}\r\n\r\n.login-register-box a {\r\n    color: var(--blue);\r\n    text-decoration: none;\r\n    font-weight: 700;\r\n}\r\n\r\n.login-register-box a:hover {\r\n    color: var(--orange);\r\n}\r\n\r\n.login-message {\r\n    display: none;\r\n    margin-bottom: 18px;\r\n    padding: 13px 15px;\r\n    border-radius: 7px;\r\n    font-size: 14px;\r\n}\r\n\r\n.login-message.error {\r\n    display: block;\r\n    background: #fff3f2;\r\n    border: 1px solid #fecaca;\r\n    color: #b42318;\r\n}\r\n\r\n.login-message.success {\r\n    display: block;\r\n    background: #ecfdf3;\r\n    border: 1px solid #abefc6;\r\n    color: #067647;\r\n}\r\n\r\n@media (max-width: 600px) {\r\n    .login-page {\r\n        padding: 35px 13px;\r\n    }\r\n\r\n    .login-card {\r\n        padding: 28px 20px;\r\n    }\r\n\r\n    .login-options {\r\n        flex-direction: column;\r\n        align-items: flex-start;\r\n    }\r\n\r\n    .login-header h1 {\r\n        font-size: 30px;\r\n    }\r\n\r\n    .login-field input {\r\n        font-size: 16px;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<section class=\"login-page\">\r\n\r\n    <div class=\"login-container\">\r\n\r\n        <div class=\"login-header\">\r\n\r\n            <h1>Espace membre AFCD<\/h1>\r\n\r\n            <div class=\"login-line\"><\/div>\r\n\r\n            <p>\r\n                Connectez-vous \u00e0 votre compte pour acc\u00e9der \u00e0 votre espace membre.\r\n            <\/p>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"login-card\">\r\n\r\n            <h2>Connexion<\/h2>\r\n\r\n            <p class=\"login-card-intro\">\r\n                Entrez vos informations de connexion.\r\n            <\/p>\r\n\r\n            <div\r\n                id=\"login-message\"\r\n                class=\"login-message\"\r\n                role=\"status\">\r\n            <\/div>\r\n\r\n            <form id=\"login-form\">\r\n\r\n                <div class=\"login-field\">\r\n\r\n                    <label for=\"login-email\">\r\n                        Adresse e-mail ou identifiant\r\n                    <\/label>\r\n\r\n                    <input\r\n                        type=\"text\"\r\n                        id=\"login-email\"\r\n                        name=\"login\"\r\n                        placeholder=\"Votre adresse e-mail\"\r\n                        autocomplete=\"username\"\r\n                        required>\r\n\r\n                <\/div>\r\n\r\n                <div class=\"login-field\">\r\n\r\n                    <label for=\"login-password\">\r\n                        Mot de passe\r\n                    <\/label>\r\n\r\n                    <div class=\"login-password-wrap\">\r\n\r\n                        <input\r\n                            type=\"password\"\r\n                            id=\"login-password\"\r\n                            name=\"password\"\r\n                            placeholder=\"Votre mot de passe\"\r\n                            autocomplete=\"current-password\"\r\n                            required>\r\n\r\n                        <button\r\n                            type=\"button\"\r\n                            class=\"login-toggle\"\r\n                            id=\"login-toggle\">\r\n                            Afficher\r\n                        <\/button>\r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n                <div class=\"login-options\">\r\n\r\n                    <label class=\"login-remember\">\r\n\r\n                        <input\r\n                            type=\"checkbox\"\r\n                            name=\"remember\">\r\n\r\n                        <span>\r\n                            Se souvenir de moi\r\n                        <\/span>\r\n\r\n                    <\/label>\r\n\r\n                    <a\r\n                        href=\"#\"\r\n                        class=\"login-forgot\">\r\n                        Mot de passe oubli\u00e9 ?\r\n                    <\/a>\r\n\r\n                <\/div>\r\n\r\n                <button\r\n                    type=\"submit\"\r\n                    class=\"login-button\">\r\n\r\n                    Se connecter\r\n\r\n                <\/button>\r\n\r\n                <div class=\"login-separator\">\r\n                    <span>ou<\/span>\r\n                <\/div>\r\n\r\n                <div class=\"login-register-box\">\r\n\r\n                    <p>\r\n                        Vous n'avez pas encore de compte ?\r\n                    <\/p>\r\n\r\n                    <a href=\"?page_id=42314\">\r\n                        Inscrivez-vous ici \u2192\r\n                    <\/a>\r\n\r\n                <\/div>\r\n\r\n            <\/form>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n<script>\r\ndocument.addEventListener(\"DOMContentLoaded\", function () {\r\n\r\n    const password = document.getElementById(\"login-password\");\r\n    const toggle = document.getElementById(\"login-toggle\");\r\n    const form = document.getElementById(\"login-form\");\r\n    const message = document.getElementById(\"login-message\");\r\n\r\n    if (toggle && password) {\r\n\r\n        toggle.addEventListener(\"click\", function () {\r\n\r\n            if (password.type === \"password\") {\r\n                password.type = \"text\";\r\n                toggle.textContent = \"Masquer\";\r\n            } else {\r\n                password.type = \"password\";\r\n                toggle.textContent = \"Afficher\";\r\n            }\r\n\r\n        });\r\n\r\n    }\r\n\r\n    if (form) {\r\n\r\n        form.addEventListener(\"submit\", function (e) {\r\n\r\n            e.preventDefault();\r\n\r\n            const login =\r\n                document.getElementById(\"login-email\").value.trim();\r\n\r\n            const pass =\r\n                document.getElementById(\"login-password\").value;\r\n\r\n            if (!login || !pass) {\r\n\r\n                message.className = \"login-message error\";\r\n\r\n                message.textContent =\r\n                    \"Veuillez renseigner votre identifiant et votre mot de passe.\";\r\n\r\n                return;\r\n            }\r\n\r\n            message.className = \"login-message success\";\r\n\r\n            message.textContent =\r\n                \"Le formulaire est valide. Il reste \u00e0 connecter cette interface au syst\u00e8me de connexion WordPress.\";\r\n\r\n        });\r\n\r\n    }\r\n\r\n});\r\n<\/script>\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>Espace membre AFCD Connectez-vous \u00e0 votre compte pour acc\u00e9der \u00e0 votre espace membre. Connexion Entrez vos informations de connexion. Adresse e-mail ou identifiant Mot de passe Afficher Se souvenir de moi Mot de passe oubli\u00e9 ? Se connecter ou Vous n&#8217;avez pas encore de compte ? Inscrivez-vous ici \u2192<\/p>\n","protected":false},"author":4,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_monsterinsights_skip_tracking":false,"footnotes":""},"class_list":["post-42532","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/rotary9103.org\/index.php?rest_route=\/wp\/v2\/pages\/42532","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/rotary9103.org\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/rotary9103.org\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/rotary9103.org\/index.php?rest_route=\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/rotary9103.org\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=42532"}],"version-history":[{"count":13,"href":"https:\/\/rotary9103.org\/index.php?rest_route=\/wp\/v2\/pages\/42532\/revisions"}],"predecessor-version":[{"id":42570,"href":"https:\/\/rotary9103.org\/index.php?rest_route=\/wp\/v2\/pages\/42532\/revisions\/42570"}],"wp:attachment":[{"href":"https:\/\/rotary9103.org\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=42532"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}