{"id":179,"date":"2026-08-30T20:30:45","date_gmt":"2026-08-30T18:30:45","guid":{"rendered":"https:\/\/associationgodusely.com\/?page_id=179"},"modified":"2026-08-30T22:15:12","modified_gmt":"2026-08-30T20:15:12","slug":"adhesion","status":"publish","type":"page","link":"https:\/\/associationgodusely.com\/index.php\/adhesion\/","title":{"rendered":"Adhesion"},"content":{"rendered":"\n<style data-wp-block-html=\"css\">\n\/* =========================================================\n   GODUS ELY\n   PAGE ADH\u00c9SION\n========================================================= *\/\n\n\n:root {\n\n    --bordeaux: #760000;\n    --bordeaux-dark: #4c0000;\n    --bordeaux-light: #920b0b;\n\n    --gold: #d3a338;\n    --gold-light: #f0d58a;\n\n    --white: #ffffff;\n    --black: #181818;\n\n    --gray: #777777;\n    --light: #faf7f5;\n    --border: #e8dfdb;\n\n}\n\n\n* {\n    margin: 0;\n    padding: 0;\n    box-sizing: border-box;\n}\n\n\nhtml {\n    scroll-behavior: smooth;\n}\n\n\nbody {\n\n    font-family: \"Poppins\", sans-serif;\n\n    background:\n        radial-gradient(\n            circle at top right,\n            #f4e9e4,\n            transparent 35%\n        ),\n        #f8f5f3;\n\n    color: var(--black);\n\n}\n\n\nbutton,\ninput,\ntextarea {\n\n    font-family: inherit;\n\n}\n\n\nbutton {\n    cursor: pointer;\n}\n\n\n\/* =========================================================\n   PAGE\n========================================================= *\/\n\n.page {\n\n    min-height: 100vh;\n\n}\n\n\n\/* =========================================================\n   HEADER\n========================================================= *\/\n\n.top {\n\n    width: 100%;\n\n    min-height: 90px;\n\n    background: white;\n\n    display: flex;\n\n    align-items: center;\n\n    justify-content: space-between;\n\n    padding: 10px 6%;\n\n    border-bottom: 1px solid #eee;\n\n}\n\n\n.logo img {\n\n    width: 70px;\n\n    height: 70px;\n\n    object-fit: contain;\n\n    transition: .4s;\n\n}\n\n\n.logo img:hover {\n\n    transform: scale(1.06) rotate(3deg);\n\n}\n\n\n.top-title {\n\n    text-align: right;\n\n    display: flex;\n\n    flex-direction: column;\n\n}\n\n\n.top-title span {\n\n    color: var(--gray);\n\n    font-size: 10px;\n\n    letter-spacing: 3px;\n\n    font-weight: 700;\n\n}\n\n\n.top-title strong {\n\n    color: var(--bordeaux);\n\n    font-family: \"Montserrat\", sans-serif;\n\n    font-size: 18px;\n\n}\n\n\n\/* =========================================================\n   CONTENEUR\n========================================================= *\/\n\n.form-wrapper {\n\n    width: min(100%, 1050px);\n\n    margin: auto;\n\n    padding: 65px 20px 80px;\n\n}\n\n\n\/* =========================================================\n   INTRO\n========================================================= *\/\n\n.intro {\n\n    text-align: center;\n\n    max-width: 720px;\n\n    margin: 0 auto 45px;\n\n}\n\n\n.mini-title {\n\n    color: var(--gold);\n\n    font-size: 11px;\n\n    letter-spacing: 3px;\n\n    font-weight: 800;\n\n    margin-bottom: 12px;\n\n}\n\n\n.intro h1 {\n\n    font-family: \"Montserrat\", sans-serif;\n\n    font-size: clamp(34px, 5vw, 52px);\n\n    line-height: 1.15;\n\n    margin-bottom: 18px;\n\n}\n\n\n.intro h1 span {\n\n    color: var(--bordeaux);\n\n}\n\n\n.intro p {\n\n    color: var(--gray);\n\n    font-size: 15px;\n\n}\n\n\n\/* =========================================================\n   FORM CARD\n========================================================= *\/\n\n.form-card {\n\n    background: white;\n\n    border-radius: 24px;\n\n    box-shadow:\n        0 25px 70px rgba(76,0,0,.12);\n\n    overflow: hidden;\n\n}\n\n\n\/* =========================================================\n   STEPS\n========================================================= *\/\n\n.steps {\n\n    padding: 25px 35px;\n\n    background:\n        linear-gradient(\n            135deg,\n            var(--bordeaux-dark),\n            var(--bordeaux)\n        );\n\n    display: flex;\n\n    align-items: center;\n\n    justify-content: center;\n\n    gap: 15px;\n\n}\n\n\n.step {\n\n    display: flex;\n\n    align-items: center;\n\n    gap: 8px;\n\n    color: rgba(255,255,255,.55);\n\n    font-size: 11px;\n\n    font-weight: 600;\n\n}\n\n\n.step b {\n\n    width: 32px;\n\n    height: 32px;\n\n    border-radius: 50%;\n\n    border: 1px solid rgba(255,255,255,.35);\n\n    display: flex;\n\n    align-items: center;\n\n    justify-content: center;\n\n}\n\n\n.step.active {\n\n    color: white;\n\n}\n\n\n.step.active b {\n\n    background: var(--gold);\n\n    border-color: var(--gold);\n\n    color: white;\n\n}\n\n\n.step-line {\n\n    width: 55px;\n\n    height: 1px;\n\n    background: rgba(255,255,255,.2);\n\n}\n\n\n\/* =========================================================\n   FORM SECTION\n========================================================= *\/\n\n.form-section {\n\n    padding: 42px;\n\n    border-bottom: 1px solid var(--border);\n\n}\n\n\n.section-heading {\n\n    display: flex;\n\n    align-items: flex-start;\n\n    gap: 18px;\n\n    margin-bottom: 30px;\n\n}\n\n\n.section-heading > span {\n\n    width: 42px;\n\n    height: 42px;\n\n    flex-shrink: 0;\n\n    border-radius: 12px;\n\n    background: rgba(118,0,0,.08);\n\n    color: var(--bordeaux);\n\n    display: flex;\n\n    align-items: center;\n\n    justify-content: center;\n\n    font-weight: 800;\n\n    font-size: 13px;\n\n}\n\n\n.section-heading h2 {\n\n    font-family: \"Montserrat\", sans-serif;\n\n    font-size: 23px;\n\n    margin-bottom: 3px;\n\n}\n\n\n.section-heading p {\n\n    color: var(--gray);\n\n    font-size: 13px;\n\n}\n\n\n\/* =========================================================\n   CHAMPS\n========================================================= *\/\n\n.fields {\n\n    display: grid;\n\n    grid-template-columns: 1fr 1fr;\n\n    gap: 22px;\n\n}\n\n\n.field {\n\n    width: 100%;\n\n}\n\n\n.field label {\n\n    display: block;\n\n    margin-bottom: 8px;\n\n    font-size: 13px;\n\n    font-weight: 700;\n\n}\n\n\n.field input,\n.field textarea {\n\n    width: 100%;\n\n    padding: 14px 16px;\n\n    border-radius: 10px;\n\n    border: 1px solid var(--border);\n\n    outline: none;\n\n    background: #fff;\n\n    font-size: 14px;\n\n    transition: .3s;\n\n}\n\n\n.field textarea {\n\n    resize: vertical;\n\n    min-height: 110px;\n\n}\n\n\n.field input:focus,\n.field textarea:focus {\n\n    border-color: var(--bordeaux);\n\n    box-shadow:\n        0 0 0 4px rgba(118,0,0,.07);\n\n}\n\n\n\/* =========================================================\n   MONTANTS\n========================================================= *\/\n\n.amount-grid {\n\n    display: grid;\n\n    grid-template-columns:\n        repeat(4, 1fr);\n\n    gap: 14px;\n\n}\n\n\n.amount-card {\n\n    position: relative;\n\n    cursor: pointer;\n\n}\n\n\n.amount-card input {\n\n    position: absolute;\n\n    opacity: 0;\n\n}\n\n\n.amount-content {\n\n    min-height: 105px;\n\n    border: 1px solid var(--border);\n\n    border-radius: 14px;\n\n    display: flex;\n\n    flex-direction: column;\n\n    justify-content: center;\n\n    align-items: center;\n\n    text-align: center;\n\n    transition: .3s;\n\n}\n\n\n.amount-content strong {\n\n    font-family: \"Montserrat\", sans-serif;\n\n    color: var(--bordeaux);\n\n    font-size: 25px;\n\n}\n\n\n.amount-content span {\n\n    color: var(--gray);\n\n    font-size: 10px;\n\n}\n\n\n.amount-card:hover .amount-content {\n\n    border-color: var(--gold);\n\n    transform: translateY(-3px);\n\n}\n\n\n.amount-card input:checked\n+ .amount-content {\n\n    border: 2px solid var(--bordeaux);\n\n    background:\n        linear-gradient(\n            145deg,\n            #fff,\n            #fff4ef\n        );\n\n    box-shadow:\n        0 8px 25px rgba(118,0,0,.1);\n\n}\n\n\n.custom-card {\n\n    grid-column: span 2;\n\n}\n\n\n.custom-card .amount-content {\n\n    min-height: 75px;\n\n    flex-direction: row;\n\n    gap: 12px;\n\n}\n\n\n.custom-card .amount-content strong {\n\n    font-size: 17px;\n\n}\n\n\n\/* =========================================================\n   MONTANT PERSONNALIS\u00c9\n========================================================= *\/\n\n.custom-amount {\n\n    display: none;\n\n    margin-top: 20px;\n\n    padding: 20px;\n\n    background: var(--light);\n\n    border-radius: 12px;\n\n}\n\n\n.custom-amount.visible {\n\n    display: block;\n\n    animation: slideDown .3s ease;\n\n}\n\n\n@keyframes slideDown {\n\n    from {\n\n        opacity: 0;\n\n        transform: translateY(-10px);\n\n    }\n\n    to {\n\n        opacity: 1;\n\n        transform: translateY(0);\n\n    }\n\n}\n\n\n.custom-amount label {\n\n    display: block;\n\n    font-size: 13px;\n\n    font-weight: 700;\n\n    margin-bottom: 8px;\n\n}\n\n\n.custom-input {\n\n    display: flex;\n\n    align-items: center;\n\n    background: white;\n\n    border: 1px solid var(--border);\n\n    border-radius: 10px;\n\n    overflow: hidden;\n\n}\n\n\n.custom-input input {\n\n    width: 100%;\n\n    border: none;\n\n    outline: none;\n\n    padding: 14px;\n\n    font-size: 17px;\n\n}\n\n\n.custom-input span {\n\n    padding: 0 18px;\n\n    font-weight: 800;\n\n    color: var(--bordeaux);\n\n}\n\n\n.custom-amount small {\n\n    display: block;\n\n    color: var(--gray);\n\n    margin-top: 7px;\n\n    font-size: 11px;\n\n}\n\n\n\/* =========================================================\n   R\u00c9SUM\u00c9 MONTANT\n========================================================= *\/\n\n.amount-summary {\n\n    margin-top: 25px;\n\n    padding: 18px 22px;\n\n    background:\n        linear-gradient(\n            135deg,\n            var(--bordeaux-dark),\n            var(--bordeaux)\n        );\n\n    color: white;\n\n    border-radius: 12px;\n\n    display: flex;\n\n    justify-content: space-between;\n\n    align-items: center;\n\n}\n\n\n.amount-summary span {\n\n    font-size: 13px;\n\n}\n\n\n.amount-summary strong {\n\n    color: var(--gold-light);\n\n    font-size: 24px;\n\n}\n\n\n\/* =========================================================\n   PAIEMENT\n========================================================= *\/\n\n.payment-options {\n\n    display: grid;\n\n    grid-template-columns: 1fr 1fr;\n\n    gap: 15px;\n\n}\n\n\n.payment-card {\n\n    cursor: pointer;\n\n}\n\n\n.payment-card > input {\n\n    display: none;\n\n}\n\n\n.payment-content {\n\n    padding: 18px;\n\n    border: 1px solid var(--border);\n\n    border-radius: 13px;\n\n    display: flex;\n\n    align-items: center;\n\n    gap: 15px;\n\n    transition: .3s;\n\n}\n\n\n.payment-card:hover .payment-content {\n\n    border-color: var(--gold);\n\n}\n\n\n.payment-card > input:checked\n+ .payment-content {\n\n    border: 2px solid var(--bordeaux);\n\n    background: #fff8f5;\n\n}\n\n\n.payment-icon {\n\n    width: 48px;\n\n    height: 48px;\n\n    flex-shrink: 0;\n\n    border-radius: 12px;\n\n    display: flex;\n\n    align-items: center;\n\n    justify-content: center;\n\n    font-family: \"Montserrat\", sans-serif;\n\n    font-weight: 800;\n\n    font-size: 23px;\n\n}\n\n\n.payment-icon.paypal {\n\n    background: #eef5ff;\n\n    color: #1264a3;\n\n}\n\n\n.payment-icon.wero {\n\n    background: #f3eaff;\n\n    color: #6e2c91;\n\n}\n\n\n.payment-content > div:nth-child(2) {\n\n    display: flex;\n\n    flex-direction: column;\n\n    flex: 1;\n\n}\n\n\n.payment-content strong {\n\n    font-size: 15px;\n\n}\n\n\n.payment-content span {\n\n    color: var(--gray);\n\n    font-size: 10px;\n\n}\n\n\n.radio-circle {\n\n    width: 17px;\n\n    height: 17px;\n\n    border: 2px solid #ccc;\n\n    border-radius: 50%;\n\n}\n\n\n.payment-card > input:checked\n+ .payment-content\n.radio-circle {\n\n    border: 5px solid var(--bordeaux);\n\n}\n\n\n\/* =========================================================\n   INFOS PAIEMENT\n========================================================= *\/\n\n.payment-info {\n\n    margin-top: 20px;\n\n    padding: 20px;\n\n    border-radius: 12px;\n\n    display: flex;\n\n    gap: 15px;\n\n    align-items: flex-start;\n\n}\n\n\n.wero-info {\n\n    background: #faf5ff;\n\n}\n\n\n.paypal-info {\n\n    background: #f4f8ff;\n\n}\n\n\n.info-icon {\n\n    width: 40px;\n\n    height: 40px;\n\n    border-radius: 10px;\n\n    background: #eee0ff;\n\n    color: #6e2c91;\n\n    display: flex;\n\n    align-items: center;\n\n    justify-content: center;\n\n    font-weight: 800;\n\n}\n\n\n.paypal-symbol {\n\n    background: #dfeeff;\n\n    color: #1264a3;\n\n}\n\n\n.payment-info strong {\n\n    font-size: 14px;\n\n}\n\n\n.payment-info p {\n\n    color: var(--gray);\n\n    font-size: 12px;\n\n    margin: 4px 0 10px;\n\n}\n\n\n.wero-number {\n\n    display: inline-flex;\n\n    align-items: center;\n\n    gap: 10px;\n\n    background: white;\n\n    padding: 7px 7px 7px 14px;\n\n    border-radius: 8px;\n\n    border: 1px solid #e4d7eb;\n\n}\n\n\n.wero-number strong {\n\n    color: var(--bordeaux);\n\n    font-size: 16px;\n\n}\n\n\n.wero-number button {\n\n    border: none;\n\n    background: var(--bordeaux);\n\n    color: white;\n\n    padding: 7px 12px;\n\n    border-radius: 6px;\n\n    font-size: 11px;\n\n    font-weight: 700;\n\n}\n\n\n#copyMessage {\n\n    display: block;\n\n    color: #218838;\n\n    font-size: 11px;\n\n    margin-top: 6px;\n\n}\n\n\n\/* =========================================================\n   CHECKBOX\n========================================================= *\/\n\n.checkbox {\n\n    display: flex;\n\n    gap: 12px;\n\n    align-items: flex-start;\n\n    margin-top: 25px;\n\n    cursor: pointer;\n\n}\n\n\n.checkbox input {\n\n    width: 18px;\n\n    height: 18px;\n\n    margin-top: 2px;\n\n    accent-color: var(--bordeaux);\n\n}\n\n\n.checkbox p {\n\n    color: var(--gray);\n\n    font-size: 11px;\n\n    line-height: 1.6;\n\n}\n\n\n.checkbox strong {\n\n    color: var(--bordeaux);\n\n}\n\n\n\/* =========================================================\n   BOUTON\n========================================================= *\/\n\n.submit-area {\n\n    padding: 35px 42px 40px;\n\n    text-align: center;\n\n}\n\n\n.submit-button {\n\n    width: 100%;\n\n    border: none;\n\n    padding: 17px 25px;\n\n    border-radius: 50px;\n\n    background:\n        linear-gradient(\n            135deg,\n            var(--bordeaux),\n            var(--bordeaux-light)\n        );\n\n    color: white;\n\n    font-size: 15px;\n\n    font-weight: 700;\n\n    display: flex;\n\n    justify-content: center;\n\n    align-items: center;\n\n    gap: 20px;\n\n    box-shadow:\n        0 10px 25px rgba(118,0,0,.2);\n\n    transition: .3s;\n\n}\n\n\n.submit-button b {\n\n    font-size: 22px;\n\n}\n\n\n.submit-button:hover {\n\n    transform: translateY(-3px);\n\n    box-shadow:\n        0 15px 35px rgba(118,0,0,.3);\n\n}\n\n\n.secure {\n\n    color: #999;\n\n    font-size: 10px;\n\n    margin-top: 12px;\n\n}\n\n\n\/* =========================================================\n   MESSAGE SUCC\u00c8S\n========================================================= *\/\n\n.success-message {\n\n    display: none;\n\n    background: white;\n\n    max-width: 700px;\n\n    margin: 0 auto;\n\n    padding: 55px 40px;\n\n    border-radius: 24px;\n\n    text-align: center;\n\n    box-shadow:\n        0 25px 70px rgba(76,0,0,.12);\n\n}\n\n\n.success-message.visible {\n\n    display: block;\n\n    animation: successAppear .5s ease;\n\n}\n\n\n@keyframes successAppear {\n\n    from {\n\n        opacity: 0;\n\n        transform: scale(.95);\n\n    }\n\n    to {\n\n        opacity: 1;\n\n        transform: scale(1);\n\n    }\n\n}\n\n\n.success-icon {\n\n    width: 75px;\n\n    height: 75px;\n\n    border-radius: 50%;\n\n    margin: auto;\n\n    background: #e8f7ed;\n\n    color: #218838;\n\n    display: flex;\n\n    align-items: center;\n\n    justify-content: center;\n\n    font-size: 40px;\n\n    font-weight: 700;\n\n}\n\n\n.success-message h2 {\n\n    font-family: \"Montserrat\", sans-serif;\n\n    margin: 20px 0 10px;\n\n}\n\n\n.success-message p {\n\n    color: var(--gray);\n\n    font-size: 14px;\n\n}\n\n\n.final-amount {\n\n    margin: 25px auto;\n\n    color: var(--bordeaux);\n\n    font-size: 25px;\n\n    font-weight: 800;\n\n}\n\n\n.paypal-button {\n\n    display: inline-block;\n\n    padding: 14px 28px;\n\n    background: #1264a3;\n\n    color: white;\n\n    border-radius: 50px;\n\n    font-weight: 700;\n\n    font-size: 14px;\n\n}\n\n\n.back-button {\n\n    display: block;\n\n    margin: 18px auto 0;\n\n    border: none;\n\n    background: none;\n\n    color: var(--gray);\n\n    text-decoration: underline;\n\n}\n\n\n\/* =========================================================\n   FOOTER\n========================================================= *\/\n\nfooter {\n\n    background: var(--bordeaux-dark);\n\n    color: white;\n\n    text-align: center;\n\n    padding: 40px 20px;\n\n}\n\n\n.footer-logo img {\n\n    width: 65px;\n\n    margin: 0 auto 15px;\n\n    border-radius: 50%;\n\n}\n\n\nfooter p {\n\n    color: #e1d5d5;\n\n    font-size: 13px;\n\n    margin-bottom: 8px;\n\n}\n\n\nfooter span {\n\n    color: #a99595;\n\n    font-size: 10px;\n\n}\n\n\n\/* =========================================================\n   RESPONSIVE\n========================================================= *\/\n\n@media (max-width: 750px) {\n\n    .form-wrapper {\n\n        padding:\n            40px 14px 60px;\n\n    }\n\n\n    .top {\n\n        padding: 8px 18px;\n\n    }\n\n\n    .logo img {\n\n        width: 58px;\n\n        height: 58px;\n\n    }\n\n\n    .steps {\n\n        padding: 18px 10px;\n\n        gap: 6px;\n\n    }\n\n\n    .step span {\n\n        display: none;\n\n    }\n\n\n    .step-line {\n\n        width: 35px;\n\n    }\n\n\n    .form-section {\n\n        padding: 30px 20px;\n\n    }\n\n\n    .fields {\n\n        grid-template-columns: 1fr;\n\n    }\n\n\n    .amount-grid {\n\n        grid-template-columns: 1fr 1fr;\n\n    }\n\n\n    .custom-card {\n\n        grid-column: span 2;\n\n    }\n\n\n    .payment-options {\n\n        grid-template-columns: 1fr;\n\n    }\n\n\n    .submit-area {\n\n        padding: 30px 20px;\n\n    }\n\n}\n\n\n@media (max-width: 450px) {\n\n    .intro h1 {\n\n        font-size: 34px;\n\n    }\n\n\n    .amount-grid {\n\n        grid-template-columns: 1fr;\n\n    }\n\n\n    .custom-card {\n\n        grid-column: auto;\n\n    }\n\n\n    .custom-card .amount-content {\n\n        flex-direction: column;\n\n        min-height: 105px;\n\n    }\n\n\n    .amount-summary {\n\n        align-items: flex-start;\n\n        flex-direction: column;\n\n        gap: 5px;\n\n    }\n\n\n    .wero-number {\n\n        flex-direction: column;\n\n        align-items: stretch;\n\n    }\n\n\n    .wero-number button {\n\n        width: 100%;\n\n    }\n\n}\n<\/style>\n\n<script data-wp-block-html=\"js\">\n\/* =========================================================\n   GODUS ELY\n   PAGE ADH\u00c9SION\n========================================================= *\/\n\n\ndocument.addEventListener(\"DOMContentLoaded\", function () {\n\n\n    \/* =====================================================\n       ELEMENTS\n    ===================================================== *\/\n\n    const form =\n        document.getElementById(\"adhesionForm\");\n\n    const amountOptions =\n        document.querySelectorAll(\n            'input[name=\"montant\"]'\n        );\n\n    const customAmountBox =\n        document.getElementById(\"customAmountBox\");\n\n    const customAmount =\n        document.getElementById(\"customAmount\");\n\n    const displayAmount =\n        document.getElementById(\"displayAmount\");\n\n    const paymentOptions =\n        document.querySelectorAll(\n            'input[name=\"paiement\"]'\n        );\n\n    const weroInfo =\n        document.getElementById(\"weroInfo\");\n\n    const paypalInfo =\n        document.getElementById(\"paypalInfo\");\n\n    const copyWero =\n        document.getElementById(\"copyWero\");\n\n    const copyMessage =\n        document.getElementById(\"copyMessage\");\n\n    const formCard =\n        document.querySelector(\".form-card\");\n\n    const successMessage =\n        document.getElementById(\"successMessage\");\n\n    const finalAmount =\n        document.getElementById(\"finalAmount\");\n\n    const paypalButton =\n        document.getElementById(\"paypalButton\");\n\n\n    \/* =====================================================\n       MONTANT\n    ===================================================== *\/\n\n    function updateAmount() {\n\n        const selected =\n            document.querySelector(\n                'input[name=\"montant\"]:checked'\n            );\n\n\n        if (!selected) {\n            return;\n        }\n\n\n        if (selected.value === \"custom\") {\n\n            customAmountBox.classList.add(\"visible\");\n\n            customAmount.focus();\n\n\n            let amount =\n                parseFloat(customAmount.value);\n\n\n            if (\n                isNaN(amount) ||\n                amount < 20\n            ) {\n\n                displayAmount.textContent =\n                    \"\u2014\";\n\n            } else {\n\n                displayAmount.textContent =\n                    amount + \" \u20ac\";\n\n            }\n\n        } else {\n\n            customAmountBox.classList.remove(\n                \"visible\"\n            );\n\n\n            displayAmount.textContent =\n                selected.value + \" \u20ac\";\n\n        }\n\n    }\n\n\n    amountOptions.forEach(function (option) {\n\n        option.addEventListener(\n            \"change\",\n            updateAmount\n        );\n\n    });\n\n\n    customAmount.addEventListener(\n        \"input\",\n        updateAmount\n    );\n\n\n    \/* =====================================================\n       MODE DE PAIEMENT\n    ===================================================== *\/\n\n    function updatePayment() {\n\n        const selected =\n            document.querySelector(\n                'input[name=\"paiement\"]:checked'\n            );\n\n\n        if (!selected) {\n            return;\n        }\n\n\n        if (selected.value === \"wero\") {\n\n            weroInfo.style.display = \"flex\";\n\n            paypalInfo.style.display = \"none\";\n\n        }\n\n\n        if (selected.value === \"paypal\") {\n\n            weroInfo.style.display = \"none\";\n\n            paypalInfo.style.display = \"flex\";\n\n        }\n\n    }\n\n\n    paymentOptions.forEach(function (option) {\n\n        option.addEventListener(\n            \"change\",\n            updatePayment\n        );\n\n    });\n\n\n    updatePayment();\n\n\n    \/* =====================================================\n       COPIER NUM\u00c9RO WERO\n    ===================================================== *\/\n\n    copyWero.addEventListener(\n        \"click\",\n        function () {\n\n            const number =\n                \"0784655517\";\n\n\n            navigator.clipboard.writeText(number)\n                .then(function () {\n\n                    copyMessage.textContent =\n                        \"\u2713 Num\u00e9ro copi\u00e9 !\";\n\n                    copyWero.textContent =\n                        \"Copi\u00e9\";\n\n                    setTimeout(function () {\n\n                        copyMessage.textContent =\n                            \"\";\n\n                        copyWero.textContent =\n                            \"Copier\";\n\n                    }, 2500);\n\n                })\n                .catch(function () {\n\n                    copyMessage.textContent =\n                        \"Num\u00e9ro : 07 84 65 55 17\";\n\n                });\n\n        }\n    );\n\n\n    \/* =====================================================\n       VALIDATION FORMULAIRE\n    ===================================================== *\/\n\n    form.addEventListener(\n        \"submit\",\n        function (event) {\n\n            event.preventDefault();\n\n\n            const selectedAmount =\n                document.querySelector(\n                    'input[name=\"montant\"]:checked'\n                );\n\n\n            let amount;\n\n\n            if (\n                selectedAmount.value ===\n                \"custom\"\n            ) {\n\n                amount =\n                    parseFloat(\n                        customAmount.value\n                    );\n\n\n                if (\n                    isNaN(amount) ||\n                    amount < 20\n                ) {\n\n                    alert(\n                        \"Veuillez entrer un montant d'au moins 20 \u20ac.\"\n                    );\n\n                    customAmount.focus();\n\n                    return;\n\n                }\n\n            } else {\n\n                amount =\n                    parseFloat(\n                        selectedAmount.value\n                    );\n\n            }\n\n\n            \/* ============================\n               DONN\u00c9ES\n            ============================ *\/\n\n            const prenom =\n                document.getElementById(\n                    \"prenom\"\n                ).value.trim();\n\n\n            const nom =\n                document.getElementById(\n                    \"nom\"\n                ).value.trim();\n\n\n            const email =\n                document.getElementById(\n                    \"email\"\n                ).value.trim();\n\n\n            const telephone =\n                document.getElementById(\n                    \"telephone\"\n                ).value.trim();\n\n\n            const paiement =\n                document.querySelector(\n                    'input[name=\"paiement\"]:checked'\n                ).value;\n\n\n            \/* ============================\n               VALIDATION EMAIL\n            ============================ *\/\n\n            const emailRegex =\n                \/^[^s@]+@[^s@]+.[^s@]+$\/;\n\n\n            if (!emailRegex.test(email)) {\n\n                alert(\n                    \"Veuillez entrer une adresse e-mail valide.\"\n                );\n\n                return;\n\n            }\n\n\n            \/* ============================\n               AFFICHAGE SUCC\u00c8S\n            ============================ *\/\n\n            finalAmount.innerHTML =\n                \"Contribution choisie : \" +\n                amount +\n                \" \u20ac\";\n\n\n            formCard.style.display =\n                \"none\";\n\n\n            successMessage.classList.add(\n                \"visible\"\n            );\n\n\n            \/* ============================\n               PAYPAL\n            ============================ *\/\n\n            \/*\n              IMPORTANT :\n              Remplacez VOTRE_LIEN_PAYPAL\n              par votre v\u00e9ritable lien PayPal.\n            *\/\n\n            if (paiement === \"paypal\") {\n\n                paypalButton.style.display =\n                    \"inline-block\";\n\n            } else {\n\n                paypalButton.style.display =\n                    \"none\";\n\n            }\n\n\n            \/* ============================\n               WERO\n            ============================ *\/\n\n            if (paiement === \"wero\") {\n\n                finalAmount.innerHTML +=\n                    \"<br><small>\" +\n                    \"Pour finaliser votre contribution, \" +\n                    \"effectuez le paiement par Wero au \" +\n                    \"<strong>07 84 65 55 17<\/strong>.\" +\n                    \"<\/small>\";\n\n            }\n\n\n            \/* ============================\n               REMONTER EN HAUT\n            ============================ *\/\n\n            window.scrollTo({\n\n                top: 0,\n\n                behavior: \"smooth\"\n\n            });\n\n        }\n    );\n\n\n});\n<\/script>\n\n<!DOCTYPE html>\n<html lang=\"fr\">\n\n<head>\n\n    <meta charset=\"UTF-8\">\n\n    <meta name=\"viewport\"\n          content=\"width=device-width, initial-scale=1.0\">\n\n    <title>Adh\u00e9sion | GODUS ELY<\/title>\n\n    <meta name=\"description\"\n          content=\"Formulaire d'adh\u00e9sion et de soutien \u00e0 l'association GODUS ELY\">\n\n    <link rel=\"stylesheet\"\n          href=\"adhesion.css\">\n\n    <link rel=\"preconnect\"\n          href=\"https:\/\/fonts.googleapis.com\">\n\n    <link rel=\"preconnect\"\n          href=\"https:\/\/fonts.gstatic.com\"\n          crossorigin>\n\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;500;600;700;800&#038;family=Poppins:wght@400;500;600;700&#038;display=swap\"\n          rel=\"stylesheet\">\n\n<\/head>\n\n\n<body>\n\n\n<!-- ================================\n     PAGE\n================================ -->\n\n<div class=\"page\">\n\n\n    <!-- ================================\n         EN-T\u00caTE\n    ================================= -->\n\n    <header class=\"top\">\n\n        <a href=\"https:\/\/associationgodusely.com\/\"\n           class=\"logo\">\n\n            <img \n                 alt=\"Logo GODUS ELY\" loading=\"eager\" fetchpriority=\"high\" decoding=\"async\" src=\"logo-godus-ely.png\">\n\n        <\/a>\n\n\n        <div class=\"top-title\">\n\n            <span>ASSOCIATION<\/span>\n\n            <strong>&#8220;GODUS ELY&#8221;<\/strong>\n\n        <\/div>\n\n\n    <\/header>\n\n\n\n    <!-- ================================\n         CONTENU PRINCIPAL\n    ================================= -->\n\n    <main class=\"form-wrapper\">\n\n\n        <!-- TITRE -->\n\n        <div class=\"intro\">\n\n            <div class=\"mini-title\">\n                ENSEMBLE POUR UN MEILLEUR AVENIR\n            <\/div>\n\n            <h1>\n                Rejoignez <span>&#8220;GODUS ELY&#8221;<\/span>\n            <\/h1>\n\n            <p>\n                Remplissez simplement ce formulaire pour devenir\n                membre et soutenir les actions de notre association.\n            <\/p>\n\n        <\/div>\n\n\n\n        <!-- ================================\n             CARTE FORMULAIRE\n        ================================= -->\n\n        <div class=\"form-card\">\n\n\n            <!-- \u00c9TAPES -->\n\n            <div class=\"steps\">\n\n                <div class=\"step active\">\n                    <b>1<\/b>\n                    <span>Vos informations<\/span>\n                <\/div>\n\n                <div class=\"step-line\"><\/div>\n\n                <div class=\"step\">\n                    <b>2<\/b>\n                    <span>Votre contribution<\/span>\n                <\/div>\n\n                <div class=\"step-line\"><\/div>\n\n                <div class=\"step\">\n                    <b>3<\/b>\n                    <span>Paiement<\/span>\n                <\/div>\n\n            <\/div>\n\n\n\n            <form id=\"adhesionForm\">\n\n\n                <!-- ==========================\n                     INFORMATIONS\n                =========================== -->\n\n                <div class=\"form-section\">\n\n                    <div class=\"section-heading\">\n\n                        <span>01<\/span>\n\n                        <div>\n                            <h2>\n                                Vos informations\n                            <\/h2>\n\n                            <p>\n                                Merci de renseigner vos coordonn\u00e9es.\n                            <\/p>\n                        <\/div>\n\n                    <\/div>\n\n\n                    <div class=\"fields\">\n\n\n                        <div class=\"field\">\n\n                            <label for=\"prenom\">\n                                Pr\u00e9nom *\n                            <\/label>\n\n                            <input\n                                type=\"text\"\n                                id=\"prenom\"\n                                name=\"prenom\"\n                                placeholder=\"Votre pr\u00e9nom\"\n                                required>\n\n                        <\/div>\n\n\n                        <div class=\"field\">\n\n                            <label for=\"nom\">\n                                Nom *\n                            <\/label>\n\n                            <input\n                                type=\"text\"\n                                id=\"nom\"\n                                name=\"nom\"\n                                placeholder=\"Votre nom\"\n                                required>\n\n                        <\/div>\n\n\n                        <div class=\"field\">\n\n                            <label for=\"email\">\n                                Adresse e-mail *\n                            <\/label>\n\n                            <input\n                                type=\"email\"\n                                id=\"email\"\n                                name=\"email\"\n                                placeholder=\"votre@email.com\"\n                                required>\n\n                        <\/div>\n\n\n                        <div class=\"field\">\n\n                            <label for=\"telephone\">\n                                T\u00e9l\u00e9phone *\n                            <\/label>\n\n                            <input\n                                type=\"tel\"\n                                id=\"telephone\"\n                                name=\"telephone\"\n                                placeholder=\"+33 \/ +228...\"\n                                required>\n\n                        <\/div>\n\n\n                        <div class=\"field\">\n\n                            <label for=\"pays\">\n                                Pays\n                            <\/label>\n\n                            <input\n                                type=\"text\"\n                                id=\"pays\"\n                                name=\"pays\"\n                                placeholder=\"Votre pays\">\n\n                        <\/div>\n\n\n                        <div class=\"field\">\n\n                            <label for=\"ville\">\n                                Ville\n                            <\/label>\n\n                            <input\n                                type=\"text\"\n                                id=\"ville\"\n                                name=\"ville\"\n                                placeholder=\"Votre ville\">\n\n                        <\/div>\n\n\n                    <\/div>\n\n                <\/div>\n\n\n\n                <!-- ==========================\n                     CONTRIBUTION\n                =========================== -->\n\n                <div class=\"form-section contribution-section\">\n\n                    <div class=\"section-heading\">\n\n                        <span>02<\/span>\n\n                        <div>\n\n                            <h2>\n                                Votre contribution\n                            <\/h2>\n\n                            <p>\n                                Choisissez le montant que vous souhaitez\n                                apporter \u00e0 nos actions.\n                            <\/p>\n\n                        <\/div>\n\n                    <\/div>\n\n\n\n                    <div class=\"amount-grid\">\n\n\n                        <label class=\"amount-card\">\n\n                            <input\n                                type=\"radio\"\n                                name=\"montant\"\n                                value=\"20\"\n                                checked>\n\n                            <div class=\"amount-content\">\n\n                                <strong>20 \u20ac<\/strong>\n\n                                <span>\n                                    Contribution\n                                <\/span>\n\n                            <\/div>\n\n                        <\/label>\n\n\n\n                        <label class=\"amount-card\">\n\n                            <input\n                                type=\"radio\"\n                                name=\"montant\"\n                                value=\"30\">\n\n                            <div class=\"amount-content\">\n\n                                <strong>30 \u20ac<\/strong>\n\n                                <span>\n                                    Contribution\n                                <\/span>\n\n                            <\/div>\n\n                        <\/label>\n\n\n\n                        <label class=\"amount-card\">\n\n                            <input\n                                type=\"radio\"\n                                name=\"montant\"\n                                value=\"50\">\n\n                            <div class=\"amount-content\">\n\n                                <strong>50 \u20ac<\/strong>\n\n                                <span>\n                                    Contribution\n                                <\/span>\n\n                            <\/div>\n\n                        <\/label>\n\n\n\n                        <label class=\"amount-card\">\n\n                            <input\n                                type=\"radio\"\n                                name=\"montant\"\n                                value=\"100\">\n\n                            <div class=\"amount-content\">\n\n                                <strong>100 \u20ac<\/strong>\n\n                                <span>\n                                    Contribution\n                                <\/span>\n\n                            <\/div>\n\n                        <\/label>\n\n\n\n                        <!-- MONTANT LIBRE -->\n\n                        <label class=\"amount-card custom-card\">\n\n                            <input\n                                type=\"radio\"\n                                name=\"montant\"\n                                value=\"custom\">\n\n                            <div class=\"amount-content\">\n\n                                <strong>\n                                    + Autre montant\n                                <\/strong>\n\n                                <span>\n                                    Je souhaite donner davantage\n                                <\/span>\n\n                            <\/div>\n\n                        <\/label>\n\n\n                    <\/div>\n\n\n\n                    <!-- MONTANT PERSONNALIS\u00c9 -->\n\n                    <div\n                        id=\"customAmountBox\"\n                        class=\"custom-amount\">\n\n                        <label for=\"customAmount\">\n                            Entrez votre montant en euros\n                        <\/label>\n\n                        <div class=\"custom-input\">\n\n                            <input\n                                type=\"number\"\n                                id=\"customAmount\"\n                                min=\"20\"\n                                step=\"1\"\n                                placeholder=\"Exemple : 150\">\n\n                            <span>\u20ac<\/span>\n\n                        <\/div>\n\n                        <small>\n                            Le montant personnalis\u00e9 doit \u00eatre\n                            d&#8217;au moins 20 \u20ac.\n                        <\/small>\n\n                    <\/div>\n\n\n\n                    <!-- R\u00c9SUM\u00c9 -->\n\n                    <div class=\"amount-summary\">\n\n                        <span>\n                            Votre contribution\n                        <\/span>\n\n                        <strong id=\"displayAmount\">\n                            20 \u20ac\n                        <\/strong>\n\n                    <\/div>\n\n                <\/div>\n\n\n\n                <!-- ==========================\n                     PAIEMENT\n                =========================== -->\n\n                <div class=\"form-section payment-section\">\n\n                    <div class=\"section-heading\">\n\n                        <span>03<\/span>\n\n                        <div>\n\n                            <h2>\n                                Mode de paiement\n                            <\/h2>\n\n                            <p>\n                                Choisissez votre moyen de paiement.\n                            <\/p>\n\n                        <\/div>\n\n                    <\/div>\n\n\n\n                    <div class=\"payment-options\">\n\n\n                        <!-- PAYPAL -->\n\n                        <label class=\"payment-card\">\n\n                            <input\n                                type=\"radio\"\n                                name=\"paiement\"\n                                value=\"paypal\"\n                                checked>\n\n                            <div class=\"payment-content\">\n\n                                <div class=\"payment-icon paypal\">\n                                    P\n                                <\/div>\n\n                                <div>\n\n                                    <strong>\n                                        PayPal\n                                    <\/strong>\n\n                                    <span>\n                                        Paiement s\u00e9curis\u00e9 en ligne\n                                    <\/span>\n\n                                <\/div>\n\n                                <div class=\"radio-circle\"><\/div>\n\n                            <\/div>\n\n                        <\/label>\n\n\n\n                        <!-- WERO -->\n\n                        <label class=\"payment-card\">\n\n                            <input\n                                type=\"radio\"\n                                name=\"paiement\"\n                                value=\"wero\">\n\n                            <div class=\"payment-content\">\n\n                                <div class=\"payment-icon wero\">\n                                    W\n                                <\/div>\n\n                                <div>\n\n                                    <strong>\n                                        Wero\n                                    <\/strong>\n\n                                    <span>\n                                        Paiement depuis votre application bancaire\n                                    <\/span>\n\n                                <\/div>\n\n                                <div class=\"radio-circle\"><\/div>\n\n                            <\/div>\n\n                        <\/label>\n\n\n                    <\/div>\n\n\n\n                    <!-- INFORMATION WERO -->\n\n                    <div\n                        id=\"weroInfo\"\n                        class=\"payment-info wero-info\">\n\n                        <div class=\"info-icon\">\n                            W\n                        <\/div>\n\n                        <div>\n\n                            <strong>\n                                Paiement par Wero\n                            <\/strong>\n\n                            <p>\n                                Envoyez votre contribution au num\u00e9ro :\n                            <\/p>\n\n                            <div class=\"wero-number\">\n\n                                <strong>\n                                    07 84 65 55 17\n                                <\/strong>\n\n                                <button\n                                    type=\"button\"\n                                    id=\"copyWero\">\n\n                                    Copier\n\n                                <\/button>\n\n                            <\/div>\n\n                            <small id=\"copyMessage\"><\/small>\n\n                        <\/div>\n\n                    <\/div>\n\n\n\n                    <!-- INFORMATION PAYPAL -->\n\n                    <div\n                        id=\"paypalInfo\"\n                        class=\"payment-info paypal-info\">\n\n                        <div class=\"info-icon paypal-symbol\">\n                            P\n                        <\/div>\n\n                        <div>\n\n                            <strong>\n                                Paiement par PayPal\n                            <\/strong>\n\n                            <p>\n                                Apr\u00e8s validation de votre formulaire,\n                                cliquez sur le bouton ci-dessous pour\n                                effectuer votre contribution.\n                            <\/p>\n\n                        <\/div>\n\n                    <\/div>\n\n\n                <\/div>\n\n\n\n                <!-- ==========================\n                     MOTIVATION\n                =========================== -->\n\n                <div class=\"form-section\">\n\n                    <div class=\"field\">\n\n                        <label for=\"message\">\n                            Votre motivation\n                        <\/label>\n\n                        <textarea\n                            id=\"message\"\n                            name=\"message\"\n                            rows=\"4\"\n                            placeholder=\"Pourquoi souhaitez-vous rejoindre ou soutenir GODUS ELY ?\"><\/textarea>\n\n                    <\/div>\n\n\n                    <label class=\"checkbox\">\n\n                        <input\n                            type=\"checkbox\"\n                            id=\"accept\"\n                            required>\n\n                        <span><\/span>\n\n                        <p>\n                            Je confirme l&#8217;exactitude de mes informations\n                            et souhaite soutenir les actions de\n                            l&#8217;association <strong>&#8220;GODUS ELY&#8221;<\/strong>.\n                        <\/p>\n\n                    <\/label>\n\n                <\/div>\n\n\n\n                <!-- ==========================\n                     BOUTON\n                =========================== -->\n\n                <div class=\"submit-area\">\n\n                    <button\n                        type=\"submit\"\n                        class=\"submit-button\">\n\n                        <span>\n                            Valider mon adh\u00e9sion\n                        <\/span>\n\n                        <b>\n                            \u2192\n                        <\/b>\n\n                    <\/button>\n\n\n                    <p class=\"secure\">\n\n                        \ud83d\udd12 Vos informations sont trait\u00e9es\n                        de mani\u00e8re confidentielle.\n\n                    <\/p>\n\n                <\/div>\n\n\n            <\/form>\n\n\n        <\/div>\n\n\n\n        <!-- ================================\n             MESSAGE FINAL\n        ================================= -->\n\n        <div\n            id=\"successMessage\"\n            class=\"success-message\">\n\n            <div class=\"success-icon\">\n                \u2713\n            <\/div>\n\n            <h2>\n                Merci pour votre engagement !\n            <\/h2>\n\n            <p>\n                Votre demande a bien \u00e9t\u00e9 enregistr\u00e9e.\n                Vous pouvez maintenant proc\u00e9der au paiement\n                de votre contribution.\n            <\/p>\n\n            <div\n                id=\"finalAmount\"\n                class=\"final-amount\">\n            <\/div>\n\n            <a\n                id=\"paypalButton\"\n                href=\"VOTRE_LIEN_PAYPAL\"\n                target=\"_blank\"\n                class=\"paypal-button\">\n\n                Continuer avec PayPal \u2192\n\n            <\/a>\n\n            <button\n                type=\"button\"\n                class=\"back-button\"\n                onclick=\"location.reload()\">\n\n                Retour au formulaire\n\n            <\/button>\n\n        <\/div>\n\n\n    <\/main>\n\n\n\n    <!-- ================================\n         FOOTER\n    ================================= -->\n\n    <footer>\n\n        <div class=\"footer-logo\">\n\n            <img \n                 alt=\"GODUS ELY\" loading=\"lazy\" decoding=\"async\" src=\"logo-godus-ely.png\">\n\n        <\/div>\n\n        <p>\n            &#8220;GODUS ELY&#8221; \u2014 Ensemble pour un meilleur avenir.\n        <\/p>\n\n        <span>\n            \u00a9 2026 Tous droits r\u00e9serv\u00e9s.\n        <\/span>\n\n    <\/footer>\n\n\n<\/div>\n\n\n<script src=\"adhesion.js\"><\/script>\n\n<\/body>\n\n<\/html>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Adh\u00e9sion | GODUS ELY ASSOCIATION &#8220;GODUS ELY&#8221; ENSEMBLE POUR UN MEILLEUR AVENIR Rejoignez &#8220;GODUS ELY&#8221; Remplissez simplement ce formulaire pour devenir membre et soutenir les actions de notre association. 1 Vos informations 2 Votre contribution 3 Paiement 01 Vos informations Merci de renseigner vos coordonn\u00e9es. Pr\u00e9nom * Nom * Adresse e-mail * T\u00e9l\u00e9phone * Pays [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_et_pb_use_builder":"off","_et_pb_old_content":"<!-- wp:html -->\n<style data-wp-block-html=\"css\">\n\/* =========================================================\n   GODUS ELY\n   PAGE ADH\u00c9SION\n========================================================= *\/\n\n\n:root {\n\n    --bordeaux: #760000;\n    --bordeaux-dark: #4c0000;\n    --bordeaux-light: #920b0b;\n\n    --gold: #d3a338;\n    --gold-light: #f0d58a;\n\n    --white: #ffffff;\n    --black: #181818;\n\n    --gray: #777777;\n    --light: #faf7f5;\n    --border: #e8dfdb;\n\n}\n\n\n* {\n    margin: 0;\n    padding: 0;\n    box-sizing: border-box;\n}\n\n\nhtml {\n    scroll-behavior: smooth;\n}\n\n\nbody {\n\n    font-family: \"Poppins\", sans-serif;\n\n    background:\n        radial-gradient(\n            circle at top right,\n            #f4e9e4,\n            transparent 35%\n        ),\n        #f8f5f3;\n\n    color: var(--black);\n\n}\n\n\nbutton,\ninput,\ntextarea {\n\n    font-family: inherit;\n\n}\n\n\nbutton {\n    cursor: pointer;\n}\n\n\n\/* =========================================================\n   PAGE\n========================================================= *\/\n\n.page {\n\n    min-height: 100vh;\n\n}\n\n\n\/* =========================================================\n   HEADER\n========================================================= *\/\n\n.top {\n\n    width: 100%;\n\n    min-height: 90px;\n\n    background: white;\n\n    display: flex;\n\n    align-items: center;\n\n    justify-content: space-between;\n\n    padding: 10px 6%;\n\n    border-bottom: 1px solid #eee;\n\n}\n\n\n.logo img {\n\n    width: 70px;\n\n    height: 70px;\n\n    object-fit: contain;\n\n    transition: .4s;\n\n}\n\n\n.logo img:hover {\n\n    transform: scale(1.06) rotate(3deg);\n\n}\n\n\n.top-title {\n\n    text-align: right;\n\n    display: flex;\n\n    flex-direction: column;\n\n}\n\n\n.top-title span {\n\n    color: var(--gray);\n\n    font-size: 10px;\n\n    letter-spacing: 3px;\n\n    font-weight: 700;\n\n}\n\n\n.top-title strong {\n\n    color: var(--bordeaux);\n\n    font-family: \"Montserrat\", sans-serif;\n\n    font-size: 18px;\n\n}\n\n\n\/* =========================================================\n   CONTENEUR\n========================================================= *\/\n\n.form-wrapper {\n\n    width: min(100%, 1050px);\n\n    margin: auto;\n\n    padding: 65px 20px 80px;\n\n}\n\n\n\/* =========================================================\n   INTRO\n========================================================= *\/\n\n.intro {\n\n    text-align: center;\n\n    max-width: 720px;\n\n    margin: 0 auto 45px;\n\n}\n\n\n.mini-title {\n\n    color: var(--gold);\n\n    font-size: 11px;\n\n    letter-spacing: 3px;\n\n    font-weight: 800;\n\n    margin-bottom: 12px;\n\n}\n\n\n.intro h1 {\n\n    font-family: \"Montserrat\", sans-serif;\n\n    font-size: clamp(34px, 5vw, 52px);\n\n    line-height: 1.15;\n\n    margin-bottom: 18px;\n\n}\n\n\n.intro h1 span {\n\n    color: var(--bordeaux);\n\n}\n\n\n.intro p {\n\n    color: var(--gray);\n\n    font-size: 15px;\n\n}\n\n\n\/* =========================================================\n   FORM CARD\n========================================================= *\/\n\n.form-card {\n\n    background: white;\n\n    border-radius: 24px;\n\n    box-shadow:\n        0 25px 70px rgba(76,0,0,.12);\n\n    overflow: hidden;\n\n}\n\n\n\/* =========================================================\n   STEPS\n========================================================= *\/\n\n.steps {\n\n    padding: 25px 35px;\n\n    background:\n        linear-gradient(\n            135deg,\n            var(--bordeaux-dark),\n            var(--bordeaux)\n        );\n\n    display: flex;\n\n    align-items: center;\n\n    justify-content: center;\n\n    gap: 15px;\n\n}\n\n\n.step {\n\n    display: flex;\n\n    align-items: center;\n\n    gap: 8px;\n\n    color: rgba(255,255,255,.55);\n\n    font-size: 11px;\n\n    font-weight: 600;\n\n}\n\n\n.step b {\n\n    width: 32px;\n\n    height: 32px;\n\n    border-radius: 50%;\n\n    border: 1px solid rgba(255,255,255,.35);\n\n    display: flex;\n\n    align-items: center;\n\n    justify-content: center;\n\n}\n\n\n.step.active {\n\n    color: white;\n\n}\n\n\n.step.active b {\n\n    background: var(--gold);\n\n    border-color: var(--gold);\n\n    color: white;\n\n}\n\n\n.step-line {\n\n    width: 55px;\n\n    height: 1px;\n\n    background: rgba(255,255,255,.2);\n\n}\n\n\n\/* =========================================================\n   FORM SECTION\n========================================================= *\/\n\n.form-section {\n\n    padding: 42px;\n\n    border-bottom: 1px solid var(--border);\n\n}\n\n\n.section-heading {\n\n    display: flex;\n\n    align-items: flex-start;\n\n    gap: 18px;\n\n    margin-bottom: 30px;\n\n}\n\n\n.section-heading > span {\n\n    width: 42px;\n\n    height: 42px;\n\n    flex-shrink: 0;\n\n    border-radius: 12px;\n\n    background: rgba(118,0,0,.08);\n\n    color: var(--bordeaux);\n\n    display: flex;\n\n    align-items: center;\n\n    justify-content: center;\n\n    font-weight: 800;\n\n    font-size: 13px;\n\n}\n\n\n.section-heading h2 {\n\n    font-family: \"Montserrat\", sans-serif;\n\n    font-size: 23px;\n\n    margin-bottom: 3px;\n\n}\n\n\n.section-heading p {\n\n    color: var(--gray);\n\n    font-size: 13px;\n\n}\n\n\n\/* =========================================================\n   CHAMPS\n========================================================= *\/\n\n.fields {\n\n    display: grid;\n\n    grid-template-columns: 1fr 1fr;\n\n    gap: 22px;\n\n}\n\n\n.field {\n\n    width: 100%;\n\n}\n\n\n.field label {\n\n    display: block;\n\n    margin-bottom: 8px;\n\n    font-size: 13px;\n\n    font-weight: 700;\n\n}\n\n\n.field input,\n.field textarea {\n\n    width: 100%;\n\n    padding: 14px 16px;\n\n    border-radius: 10px;\n\n    border: 1px solid var(--border);\n\n    outline: none;\n\n    background: #fff;\n\n    font-size: 14px;\n\n    transition: .3s;\n\n}\n\n\n.field textarea {\n\n    resize: vertical;\n\n    min-height: 110px;\n\n}\n\n\n.field input:focus,\n.field textarea:focus {\n\n    border-color: var(--bordeaux);\n\n    box-shadow:\n        0 0 0 4px rgba(118,0,0,.07);\n\n}\n\n\n\/* =========================================================\n   MONTANTS\n========================================================= *\/\n\n.amount-grid {\n\n    display: grid;\n\n    grid-template-columns:\n        repeat(4, 1fr);\n\n    gap: 14px;\n\n}\n\n\n.amount-card {\n\n    position: relative;\n\n    cursor: pointer;\n\n}\n\n\n.amount-card input {\n\n    position: absolute;\n\n    opacity: 0;\n\n}\n\n\n.amount-content {\n\n    min-height: 105px;\n\n    border: 1px solid var(--border);\n\n    border-radius: 14px;\n\n    display: flex;\n\n    flex-direction: column;\n\n    justify-content: center;\n\n    align-items: center;\n\n    text-align: center;\n\n    transition: .3s;\n\n}\n\n\n.amount-content strong {\n\n    font-family: \"Montserrat\", sans-serif;\n\n    color: var(--bordeaux);\n\n    font-size: 25px;\n\n}\n\n\n.amount-content span {\n\n    color: var(--gray);\n\n    font-size: 10px;\n\n}\n\n\n.amount-card:hover .amount-content {\n\n    border-color: var(--gold);\n\n    transform: translateY(-3px);\n\n}\n\n\n.amount-card input:checked\n+ .amount-content {\n\n    border: 2px solid var(--bordeaux);\n\n    background:\n        linear-gradient(\n            145deg,\n            #fff,\n            #fff4ef\n        );\n\n    box-shadow:\n        0 8px 25px rgba(118,0,0,.1);\n\n}\n\n\n.custom-card {\n\n    grid-column: span 2;\n\n}\n\n\n.custom-card .amount-content {\n\n    min-height: 75px;\n\n    flex-direction: row;\n\n    gap: 12px;\n\n}\n\n\n.custom-card .amount-content strong {\n\n    font-size: 17px;\n\n}\n\n\n\/* =========================================================\n   MONTANT PERSONNALIS\u00c9\n========================================================= *\/\n\n.custom-amount {\n\n    display: none;\n\n    margin-top: 20px;\n\n    padding: 20px;\n\n    background: var(--light);\n\n    border-radius: 12px;\n\n}\n\n\n.custom-amount.visible {\n\n    display: block;\n\n    animation: slideDown .3s ease;\n\n}\n\n\n@keyframes slideDown {\n\n    from {\n\n        opacity: 0;\n\n        transform: translateY(-10px);\n\n    }\n\n    to {\n\n        opacity: 1;\n\n        transform: translateY(0);\n\n    }\n\n}\n\n\n.custom-amount label {\n\n    display: block;\n\n    font-size: 13px;\n\n    font-weight: 700;\n\n    margin-bottom: 8px;\n\n}\n\n\n.custom-input {\n\n    display: flex;\n\n    align-items: center;\n\n    background: white;\n\n    border: 1px solid var(--border);\n\n    border-radius: 10px;\n\n    overflow: hidden;\n\n}\n\n\n.custom-input input {\n\n    width: 100%;\n\n    border: none;\n\n    outline: none;\n\n    padding: 14px;\n\n    font-size: 17px;\n\n}\n\n\n.custom-input span {\n\n    padding: 0 18px;\n\n    font-weight: 800;\n\n    color: var(--bordeaux);\n\n}\n\n\n.custom-amount small {\n\n    display: block;\n\n    color: var(--gray);\n\n    margin-top: 7px;\n\n    font-size: 11px;\n\n}\n\n\n\/* =========================================================\n   R\u00c9SUM\u00c9 MONTANT\n========================================================= *\/\n\n.amount-summary {\n\n    margin-top: 25px;\n\n    padding: 18px 22px;\n\n    background:\n        linear-gradient(\n            135deg,\n            var(--bordeaux-dark),\n            var(--bordeaux)\n        );\n\n    color: white;\n\n    border-radius: 12px;\n\n    display: flex;\n\n    justify-content: space-between;\n\n    align-items: center;\n\n}\n\n\n.amount-summary span {\n\n    font-size: 13px;\n\n}\n\n\n.amount-summary strong {\n\n    color: var(--gold-light);\n\n    font-size: 24px;\n\n}\n\n\n\/* =========================================================\n   PAIEMENT\n========================================================= *\/\n\n.payment-options {\n\n    display: grid;\n\n    grid-template-columns: 1fr 1fr;\n\n    gap: 15px;\n\n}\n\n\n.payment-card {\n\n    cursor: pointer;\n\n}\n\n\n.payment-card > input {\n\n    display: none;\n\n}\n\n\n.payment-content {\n\n    padding: 18px;\n\n    border: 1px solid var(--border);\n\n    border-radius: 13px;\n\n    display: flex;\n\n    align-items: center;\n\n    gap: 15px;\n\n    transition: .3s;\n\n}\n\n\n.payment-card:hover .payment-content {\n\n    border-color: var(--gold);\n\n}\n\n\n.payment-card > input:checked\n+ .payment-content {\n\n    border: 2px solid var(--bordeaux);\n\n    background: #fff8f5;\n\n}\n\n\n.payment-icon {\n\n    width: 48px;\n\n    height: 48px;\n\n    flex-shrink: 0;\n\n    border-radius: 12px;\n\n    display: flex;\n\n    align-items: center;\n\n    justify-content: center;\n\n    font-family: \"Montserrat\", sans-serif;\n\n    font-weight: 800;\n\n    font-size: 23px;\n\n}\n\n\n.payment-icon.paypal {\n\n    background: #eef5ff;\n\n    color: #1264a3;\n\n}\n\n\n.payment-icon.wero {\n\n    background: #f3eaff;\n\n    color: #6e2c91;\n\n}\n\n\n.payment-content > div:nth-child(2) {\n\n    display: flex;\n\n    flex-direction: column;\n\n    flex: 1;\n\n}\n\n\n.payment-content strong {\n\n    font-size: 15px;\n\n}\n\n\n.payment-content span {\n\n    color: var(--gray);\n\n    font-size: 10px;\n\n}\n\n\n.radio-circle {\n\n    width: 17px;\n\n    height: 17px;\n\n    border: 2px solid #ccc;\n\n    border-radius: 50%;\n\n}\n\n\n.payment-card > input:checked\n+ .payment-content\n.radio-circle {\n\n    border: 5px solid var(--bordeaux);\n\n}\n\n\n\/* =========================================================\n   INFOS PAIEMENT\n========================================================= *\/\n\n.payment-info {\n\n    margin-top: 20px;\n\n    padding: 20px;\n\n    border-radius: 12px;\n\n    display: flex;\n\n    gap: 15px;\n\n    align-items: flex-start;\n\n}\n\n\n.wero-info {\n\n    background: #faf5ff;\n\n}\n\n\n.paypal-info {\n\n    background: #f4f8ff;\n\n}\n\n\n.info-icon {\n\n    width: 40px;\n\n    height: 40px;\n\n    border-radius: 10px;\n\n    background: #eee0ff;\n\n    color: #6e2c91;\n\n    display: flex;\n\n    align-items: center;\n\n    justify-content: center;\n\n    font-weight: 800;\n\n}\n\n\n.paypal-symbol {\n\n    background: #dfeeff;\n\n    color: #1264a3;\n\n}\n\n\n.payment-info strong {\n\n    font-size: 14px;\n\n}\n\n\n.payment-info p {\n\n    color: var(--gray);\n\n    font-size: 12px;\n\n    margin: 4px 0 10px;\n\n}\n\n\n.wero-number {\n\n    display: inline-flex;\n\n    align-items: center;\n\n    gap: 10px;\n\n    background: white;\n\n    padding: 7px 7px 7px 14px;\n\n    border-radius: 8px;\n\n    border: 1px solid #e4d7eb;\n\n}\n\n\n.wero-number strong {\n\n    color: var(--bordeaux);\n\n    font-size: 16px;\n\n}\n\n\n.wero-number button {\n\n    border: none;\n\n    background: var(--bordeaux);\n\n    color: white;\n\n    padding: 7px 12px;\n\n    border-radius: 6px;\n\n    font-size: 11px;\n\n    font-weight: 700;\n\n}\n\n\n#copyMessage {\n\n    display: block;\n\n    color: #218838;\n\n    font-size: 11px;\n\n    margin-top: 6px;\n\n}\n\n\n\/* =========================================================\n   CHECKBOX\n========================================================= *\/\n\n.checkbox {\n\n    display: flex;\n\n    gap: 12px;\n\n    align-items: flex-start;\n\n    margin-top: 25px;\n\n    cursor: pointer;\n\n}\n\n\n.checkbox input {\n\n    width: 18px;\n\n    height: 18px;\n\n    margin-top: 2px;\n\n    accent-color: var(--bordeaux);\n\n}\n\n\n.checkbox p {\n\n    color: var(--gray);\n\n    font-size: 11px;\n\n    line-height: 1.6;\n\n}\n\n\n.checkbox strong {\n\n    color: var(--bordeaux);\n\n}\n\n\n\/* =========================================================\n   BOUTON\n========================================================= *\/\n\n.submit-area {\n\n    padding: 35px 42px 40px;\n\n    text-align: center;\n\n}\n\n\n.submit-button {\n\n    width: 100%;\n\n    border: none;\n\n    padding: 17px 25px;\n\n    border-radius: 50px;\n\n    background:\n        linear-gradient(\n            135deg,\n            var(--bordeaux),\n            var(--bordeaux-light)\n        );\n\n    color: white;\n\n    font-size: 15px;\n\n    font-weight: 700;\n\n    display: flex;\n\n    justify-content: center;\n\n    align-items: center;\n\n    gap: 20px;\n\n    box-shadow:\n        0 10px 25px rgba(118,0,0,.2);\n\n    transition: .3s;\n\n}\n\n\n.submit-button b {\n\n    font-size: 22px;\n\n}\n\n\n.submit-button:hover {\n\n    transform: translateY(-3px);\n\n    box-shadow:\n        0 15px 35px rgba(118,0,0,.3);\n\n}\n\n\n.secure {\n\n    color: #999;\n\n    font-size: 10px;\n\n    margin-top: 12px;\n\n}\n\n\n\/* =========================================================\n   MESSAGE SUCC\u00c8S\n========================================================= *\/\n\n.success-message {\n\n    display: none;\n\n    background: white;\n\n    max-width: 700px;\n\n    margin: 0 auto;\n\n    padding: 55px 40px;\n\n    border-radius: 24px;\n\n    text-align: center;\n\n    box-shadow:\n        0 25px 70px rgba(76,0,0,.12);\n\n}\n\n\n.success-message.visible {\n\n    display: block;\n\n    animation: successAppear .5s ease;\n\n}\n\n\n@keyframes successAppear {\n\n    from {\n\n        opacity: 0;\n\n        transform: scale(.95);\n\n    }\n\n    to {\n\n        opacity: 1;\n\n        transform: scale(1);\n\n    }\n\n}\n\n\n.success-icon {\n\n    width: 75px;\n\n    height: 75px;\n\n    border-radius: 50%;\n\n    margin: auto;\n\n    background: #e8f7ed;\n\n    color: #218838;\n\n    display: flex;\n\n    align-items: center;\n\n    justify-content: center;\n\n    font-size: 40px;\n\n    font-weight: 700;\n\n}\n\n\n.success-message h2 {\n\n    font-family: \"Montserrat\", sans-serif;\n\n    margin: 20px 0 10px;\n\n}\n\n\n.success-message p {\n\n    color: var(--gray);\n\n    font-size: 14px;\n\n}\n\n\n.final-amount {\n\n    margin: 25px auto;\n\n    color: var(--bordeaux);\n\n    font-size: 25px;\n\n    font-weight: 800;\n\n}\n\n\n.paypal-button {\n\n    display: inline-block;\n\n    padding: 14px 28px;\n\n    background: #1264a3;\n\n    color: white;\n\n    border-radius: 50px;\n\n    font-weight: 700;\n\n    font-size: 14px;\n\n}\n\n\n.back-button {\n\n    display: block;\n\n    margin: 18px auto 0;\n\n    border: none;\n\n    background: none;\n\n    color: var(--gray);\n\n    text-decoration: underline;\n\n}\n\n\n\/* =========================================================\n   FOOTER\n========================================================= *\/\n\nfooter {\n\n    background: var(--bordeaux-dark);\n\n    color: white;\n\n    text-align: center;\n\n    padding: 40px 20px;\n\n}\n\n\n.footer-logo img {\n\n    width: 65px;\n\n    margin: 0 auto 15px;\n\n    border-radius: 50%;\n\n}\n\n\nfooter p {\n\n    color: #e1d5d5;\n\n    font-size: 13px;\n\n    margin-bottom: 8px;\n\n}\n\n\nfooter span {\n\n    color: #a99595;\n\n    font-size: 10px;\n\n}\n\n\n\/* =========================================================\n   RESPONSIVE\n========================================================= *\/\n\n@media (max-width: 750px) {\n\n    .form-wrapper {\n\n        padding:\n            40px 14px 60px;\n\n    }\n\n\n    .top {\n\n        padding: 8px 18px;\n\n    }\n\n\n    .logo img {\n\n        width: 58px;\n\n        height: 58px;\n\n    }\n\n\n    .steps {\n\n        padding: 18px 10px;\n\n        gap: 6px;\n\n    }\n\n\n    .step span {\n\n        display: none;\n\n    }\n\n\n    .step-line {\n\n        width: 35px;\n\n    }\n\n\n    .form-section {\n\n        padding: 30px 20px;\n\n    }\n\n\n    .fields {\n\n        grid-template-columns: 1fr;\n\n    }\n\n\n    .amount-grid {\n\n        grid-template-columns: 1fr 1fr;\n\n    }\n\n\n    .custom-card {\n\n        grid-column: span 2;\n\n    }\n\n\n    .payment-options {\n\n        grid-template-columns: 1fr;\n\n    }\n\n\n    .submit-area {\n\n        padding: 30px 20px;\n\n    }\n\n}\n\n\n@media (max-width: 450px) {\n\n    .intro h1 {\n\n        font-size: 34px;\n\n    }\n\n\n    .amount-grid {\n\n        grid-template-columns: 1fr;\n\n    }\n\n\n    .custom-card {\n\n        grid-column: auto;\n\n    }\n\n\n    .custom-card .amount-content {\n\n        flex-direction: column;\n\n        min-height: 105px;\n\n    }\n\n\n    .amount-summary {\n\n        align-items: flex-start;\n\n        flex-direction: column;\n\n        gap: 5px;\n\n    }\n\n\n    .wero-number {\n\n        flex-direction: column;\n\n        align-items: stretch;\n\n    }\n\n\n    .wero-number button {\n\n        width: 100%;\n\n    }\n\n}\n<\/style>\n\n<script data-wp-block-html=\"js\">\n\/* =========================================================\n   GODUS ELY\n   PAGE ADH\u00c9SION\n========================================================= *\/\n\n\ndocument.addEventListener(\"DOMContentLoaded\", function () {\n\n\n    \/* =====================================================\n       ELEMENTS\n    ===================================================== *\/\n\n    const form =\n        document.getElementById(\"adhesionForm\");\n\n    const amountOptions =\n        document.querySelectorAll(\n            'input[name=\"montant\"]'\n        );\n\n    const customAmountBox =\n        document.getElementById(\"customAmountBox\");\n\n    const customAmount =\n        document.getElementById(\"customAmount\");\n\n    const displayAmount =\n        document.getElementById(\"displayAmount\");\n\n    const paymentOptions =\n        document.querySelectorAll(\n            'input[name=\"paiement\"]'\n        );\n\n    const weroInfo =\n        document.getElementById(\"weroInfo\");\n\n    const paypalInfo =\n        document.getElementById(\"paypalInfo\");\n\n    const copyWero =\n        document.getElementById(\"copyWero\");\n\n    const copyMessage =\n        document.getElementById(\"copyMessage\");\n\n    const formCard =\n        document.querySelector(\".form-card\");\n\n    const successMessage =\n        document.getElementById(\"successMessage\");\n\n    const finalAmount =\n        document.getElementById(\"finalAmount\");\n\n    const paypalButton =\n        document.getElementById(\"paypalButton\");\n\n\n    \/* =====================================================\n       MONTANT\n    ===================================================== *\/\n\n    function updateAmount() {\n\n        const selected =\n            document.querySelector(\n                'input[name=\"montant\"]:checked'\n            );\n\n\n        if (!selected) {\n            return;\n        }\n\n\n        if (selected.value === \"custom\") {\n\n            customAmountBox.classList.add(\"visible\");\n\n            customAmount.focus();\n\n\n            let amount =\n                parseFloat(customAmount.value);\n\n\n            if (\n                isNaN(amount) ||\n                amount < 20\n            ) {\n\n                displayAmount.textContent =\n                    \"\u2014\";\n\n            } else {\n\n                displayAmount.textContent =\n                    amount + \" \u20ac\";\n\n            }\n\n        } else {\n\n            customAmountBox.classList.remove(\n                \"visible\"\n            );\n\n\n            displayAmount.textContent =\n                selected.value + \" \u20ac\";\n\n        }\n\n    }\n\n\n    amountOptions.forEach(function (option) {\n\n        option.addEventListener(\n            \"change\",\n            updateAmount\n        );\n\n    });\n\n\n    customAmount.addEventListener(\n        \"input\",\n        updateAmount\n    );\n\n\n    \/* =====================================================\n       MODE DE PAIEMENT\n    ===================================================== *\/\n\n    function updatePayment() {\n\n        const selected =\n            document.querySelector(\n                'input[name=\"paiement\"]:checked'\n            );\n\n\n        if (!selected) {\n            return;\n        }\n\n\n        if (selected.value === \"wero\") {\n\n            weroInfo.style.display = \"flex\";\n\n            paypalInfo.style.display = \"none\";\n\n        }\n\n\n        if (selected.value === \"paypal\") {\n\n            weroInfo.style.display = \"none\";\n\n            paypalInfo.style.display = \"flex\";\n\n        }\n\n    }\n\n\n    paymentOptions.forEach(function (option) {\n\n        option.addEventListener(\n            \"change\",\n            updatePayment\n        );\n\n    });\n\n\n    updatePayment();\n\n\n    \/* =====================================================\n       COPIER NUM\u00c9RO WERO\n    ===================================================== *\/\n\n    copyWero.addEventListener(\n        \"click\",\n        function () {\n\n            const number =\n                \"0784655517\";\n\n\n            navigator.clipboard.writeText(number)\n                .then(function () {\n\n                    copyMessage.textContent =\n                        \"\u2713 Num\u00e9ro copi\u00e9 !\";\n\n                    copyWero.textContent =\n                        \"Copi\u00e9\";\n\n                    setTimeout(function () {\n\n                        copyMessage.textContent =\n                            \"\";\n\n                        copyWero.textContent =\n                            \"Copier\";\n\n                    }, 2500);\n\n                })\n                .catch(function () {\n\n                    copyMessage.textContent =\n                        \"Num\u00e9ro : 07 84 65 55 17\";\n\n                });\n\n        }\n    );\n\n\n    \/* =====================================================\n       VALIDATION FORMULAIRE\n    ===================================================== *\/\n\n    form.addEventListener(\n        \"submit\",\n        function (event) {\n\n            event.preventDefault();\n\n\n            const selectedAmount =\n                document.querySelector(\n                    'input[name=\"montant\"]:checked'\n                );\n\n\n            let amount;\n\n\n            if (\n                selectedAmount.value ===\n                \"custom\"\n            ) {\n\n                amount =\n                    parseFloat(\n                        customAmount.value\n                    );\n\n\n                if (\n                    isNaN(amount) ||\n                    amount < 20\n                ) {\n\n                    alert(\n                        \"Veuillez entrer un montant d'au moins 20 \u20ac.\"\n                    );\n\n                    customAmount.focus();\n\n                    return;\n\n                }\n\n            } else {\n\n                amount =\n                    parseFloat(\n                        selectedAmount.value\n                    );\n\n            }\n\n\n            \/* ============================\n               DONN\u00c9ES\n            ============================ *\/\n\n            const prenom =\n                document.getElementById(\n                    \"prenom\"\n                ).value.trim();\n\n\n            const nom =\n                document.getElementById(\n                    \"nom\"\n                ).value.trim();\n\n\n            const email =\n                document.getElementById(\n                    \"email\"\n                ).value.trim();\n\n\n            const telephone =\n                document.getElementById(\n                    \"telephone\"\n                ).value.trim();\n\n\n            const paiement =\n                document.querySelector(\n                    'input[name=\"paiement\"]:checked'\n                ).value;\n\n\n            \/* ============================\n               VALIDATION EMAIL\n            ============================ *\/\n\n            const emailRegex =\n                \/^[^s@]+@[^s@]+.[^s@]+$\/;\n\n\n            if (!emailRegex.test(email)) {\n\n                alert(\n                    \"Veuillez entrer une adresse e-mail valide.\"\n                );\n\n                return;\n\n            }\n\n\n            \/* ============================\n               AFFICHAGE SUCC\u00c8S\n            ============================ *\/\n\n            finalAmount.innerHTML =\n                \"Contribution choisie : \" +\n                amount +\n                \" \u20ac\";\n\n\n            formCard.style.display =\n                \"none\";\n\n\n            successMessage.classList.add(\n                \"visible\"\n            );\n\n\n            \/* ============================\n               PAYPAL\n            ============================ *\/\n\n            \/*\n              IMPORTANT :\n              Remplacez VOTRE_LIEN_PAYPAL\n              par votre v\u00e9ritable lien PayPal.\n            *\/\n\n            if (paiement === \"paypal\") {\n\n                paypalButton.style.display =\n                    \"inline-block\";\n\n            } else {\n\n                paypalButton.style.display =\n                    \"none\";\n\n            }\n\n\n            \/* ============================\n               WERO\n            ============================ *\/\n\n            if (paiement === \"wero\") {\n\n                finalAmount.innerHTML +=\n                    \"<br><small>\" +\n                    \"Pour finaliser votre contribution, \" +\n                    \"effectuez le paiement par Wero au \" +\n                    \"<strong>07 84 65 55 17<\/strong>.\" +\n                    \"<\/small>\";\n\n            }\n\n\n            \/* ============================\n               REMONTER EN HAUT\n            ============================ *\/\n\n            window.scrollTo({\n\n                top: 0,\n\n                behavior: \"smooth\"\n\n            });\n\n        }\n    );\n\n\n});\n<\/script>\n\n<!DOCTYPE html>\n<html lang=\"fr\">\n\n<head>\n\n    <meta charset=\"UTF-8\">\n\n    <meta name=\"viewport\"\n          content=\"width=device-width, initial-scale=1.0\">\n\n    <title>Adh\u00e9sion | GODUS ELY<\/title>\n\n    <meta name=\"description\"\n          content=\"Formulaire d'adh\u00e9sion et de soutien \u00e0 l'association GODUS ELY\">\n\n    <link rel=\"stylesheet\"\n          href=\"adhesion.css\">\n\n    <link rel=\"preconnect\"\n          href=\"https:\/\/fonts.googleapis.com\">\n\n    <link rel=\"preconnect\"\n          href=\"https:\/\/fonts.gstatic.com\"\n          crossorigin>\n\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;500;600;700;800&family=Poppins:wght@400;500;600;700&display=swap\"\n          rel=\"stylesheet\">\n\n<\/head>\n\n\n<body>\n\n\n<!-- ================================\n     PAGE\n================================ -->\n\n<div class=\"page\">\n\n\n    <!-- ================================\n         EN-T\u00caTE\n    ================================= -->\n\n    <header class=\"top\">\n\n        <a href=\"https:\/\/associationgodusely.com\/\"\n           class=\"logo\">\n\n            <img src=\"logo-godus-ely.png\"\n                 alt=\"Logo GODUS ELY\">\n\n        <\/a>\n\n\n        <div class=\"top-title\">\n\n            <span>ASSOCIATION<\/span>\n\n            <strong>\"GODUS ELY\"<\/strong>\n\n        <\/div>\n\n\n    <\/header>\n\n\n\n    <!-- ================================\n         CONTENU PRINCIPAL\n    ================================= -->\n\n    <main class=\"form-wrapper\">\n\n\n        <!-- TITRE -->\n\n        <div class=\"intro\">\n\n            <div class=\"mini-title\">\n                ENSEMBLE POUR UN MEILLEUR AVENIR\n            <\/div>\n\n            <h1>\n                Rejoignez <span>\"GODUS ELY\"<\/span>\n            <\/h1>\n\n            <p>\n                Remplissez simplement ce formulaire pour devenir\n                membre et soutenir les actions de notre association.\n            <\/p>\n\n        <\/div>\n\n\n\n        <!-- ================================\n             CARTE FORMULAIRE\n        ================================= -->\n\n        <div class=\"form-card\">\n\n\n            <!-- \u00c9TAPES -->\n\n            <div class=\"steps\">\n\n                <div class=\"step active\">\n                    <b>1<\/b>\n                    <span>Vos informations<\/span>\n                <\/div>\n\n                <div class=\"step-line\"><\/div>\n\n                <div class=\"step\">\n                    <b>2<\/b>\n                    <span>Votre contribution<\/span>\n                <\/div>\n\n                <div class=\"step-line\"><\/div>\n\n                <div class=\"step\">\n                    <b>3<\/b>\n                    <span>Paiement<\/span>\n                <\/div>\n\n            <\/div>\n\n\n\n            <form id=\"adhesionForm\">\n\n\n                <!-- ==========================\n                     INFORMATIONS\n                =========================== -->\n\n                <div class=\"form-section\">\n\n                    <div class=\"section-heading\">\n\n                        <span>01<\/span>\n\n                        <div>\n                            <h2>\n                                Vos informations\n                            <\/h2>\n\n                            <p>\n                                Merci de renseigner vos coordonn\u00e9es.\n                            <\/p>\n                        <\/div>\n\n                    <\/div>\n\n\n                    <div class=\"fields\">\n\n\n                        <div class=\"field\">\n\n                            <label for=\"prenom\">\n                                Pr\u00e9nom *\n                            <\/label>\n\n                            <input\n                                type=\"text\"\n                                id=\"prenom\"\n                                name=\"prenom\"\n                                placeholder=\"Votre pr\u00e9nom\"\n                                required>\n\n                        <\/div>\n\n\n                        <div class=\"field\">\n\n                            <label for=\"nom\">\n                                Nom *\n                            <\/label>\n\n                            <input\n                                type=\"text\"\n                                id=\"nom\"\n                                name=\"nom\"\n                                placeholder=\"Votre nom\"\n                                required>\n\n                        <\/div>\n\n\n                        <div class=\"field\">\n\n                            <label for=\"email\">\n                                Adresse e-mail *\n                            <\/label>\n\n                            <input\n                                type=\"email\"\n                                id=\"email\"\n                                name=\"email\"\n                                placeholder=\"votre@email.com\"\n                                required>\n\n                        <\/div>\n\n\n                        <div class=\"field\">\n\n                            <label for=\"telephone\">\n                                T\u00e9l\u00e9phone *\n                            <\/label>\n\n                            <input\n                                type=\"tel\"\n                                id=\"telephone\"\n                                name=\"telephone\"\n                                placeholder=\"+33 \/ +228...\"\n                                required>\n\n                        <\/div>\n\n\n                        <div class=\"field\">\n\n                            <label for=\"pays\">\n                                Pays\n                            <\/label>\n\n                            <input\n                                type=\"text\"\n                                id=\"pays\"\n                                name=\"pays\"\n                                placeholder=\"Votre pays\">\n\n                        <\/div>\n\n\n                        <div class=\"field\">\n\n                            <label for=\"ville\">\n                                Ville\n                            <\/label>\n\n                            <input\n                                type=\"text\"\n                                id=\"ville\"\n                                name=\"ville\"\n                                placeholder=\"Votre ville\">\n\n                        <\/div>\n\n\n                    <\/div>\n\n                <\/div>\n\n\n\n                <!-- ==========================\n                     CONTRIBUTION\n                =========================== -->\n\n                <div class=\"form-section contribution-section\">\n\n                    <div class=\"section-heading\">\n\n                        <span>02<\/span>\n\n                        <div>\n\n                            <h2>\n                                Votre contribution\n                            <\/h2>\n\n                            <p>\n                                Choisissez le montant que vous souhaitez\n                                apporter \u00e0 nos actions.\n                            <\/p>\n\n                        <\/div>\n\n                    <\/div>\n\n\n\n                    <div class=\"amount-grid\">\n\n\n                        <label class=\"amount-card\">\n\n                            <input\n                                type=\"radio\"\n                                name=\"montant\"\n                                value=\"20\"\n                                checked>\n\n                            <div class=\"amount-content\">\n\n                                <strong>20 \u20ac<\/strong>\n\n                                <span>\n                                    Contribution\n                                <\/span>\n\n                            <\/div>\n\n                        <\/label>\n\n\n\n                        <label class=\"amount-card\">\n\n                            <input\n                                type=\"radio\"\n                                name=\"montant\"\n                                value=\"30\">\n\n                            <div class=\"amount-content\">\n\n                                <strong>30 \u20ac<\/strong>\n\n                                <span>\n                                    Contribution\n                                <\/span>\n\n                            <\/div>\n\n                        <\/label>\n\n\n\n                        <label class=\"amount-card\">\n\n                            <input\n                                type=\"radio\"\n                                name=\"montant\"\n                                value=\"50\">\n\n                            <div class=\"amount-content\">\n\n                                <strong>50 \u20ac<\/strong>\n\n                                <span>\n                                    Contribution\n                                <\/span>\n\n                            <\/div>\n\n                        <\/label>\n\n\n\n                        <label class=\"amount-card\">\n\n                            <input\n                                type=\"radio\"\n                                name=\"montant\"\n                                value=\"100\">\n\n                            <div class=\"amount-content\">\n\n                                <strong>100 \u20ac<\/strong>\n\n                                <span>\n                                    Contribution\n                                <\/span>\n\n                            <\/div>\n\n                        <\/label>\n\n\n\n                        <!-- MONTANT LIBRE -->\n\n                        <label class=\"amount-card custom-card\">\n\n                            <input\n                                type=\"radio\"\n                                name=\"montant\"\n                                value=\"custom\">\n\n                            <div class=\"amount-content\">\n\n                                <strong>\n                                    + Autre montant\n                                <\/strong>\n\n                                <span>\n                                    Je souhaite donner davantage\n                                <\/span>\n\n                            <\/div>\n\n                        <\/label>\n\n\n                    <\/div>\n\n\n\n                    <!-- MONTANT PERSONNALIS\u00c9 -->\n\n                    <div\n                        id=\"customAmountBox\"\n                        class=\"custom-amount\">\n\n                        <label for=\"customAmount\">\n                            Entrez votre montant en euros\n                        <\/label>\n\n                        <div class=\"custom-input\">\n\n                            <input\n                                type=\"number\"\n                                id=\"customAmount\"\n                                min=\"20\"\n                                step=\"1\"\n                                placeholder=\"Exemple : 150\">\n\n                            <span>\u20ac<\/span>\n\n                        <\/div>\n\n                        <small>\n                            Le montant personnalis\u00e9 doit \u00eatre\n                            d'au moins 20 \u20ac.\n                        <\/small>\n\n                    <\/div>\n\n\n\n                    <!-- R\u00c9SUM\u00c9 -->\n\n                    <div class=\"amount-summary\">\n\n                        <span>\n                            Votre contribution\n                        <\/span>\n\n                        <strong id=\"displayAmount\">\n                            20 \u20ac\n                        <\/strong>\n\n                    <\/div>\n\n                <\/div>\n\n\n\n                <!-- ==========================\n                     PAIEMENT\n                =========================== -->\n\n                <div class=\"form-section payment-section\">\n\n                    <div class=\"section-heading\">\n\n                        <span>03<\/span>\n\n                        <div>\n\n                            <h2>\n                                Mode de paiement\n                            <\/h2>\n\n                            <p>\n                                Choisissez votre moyen de paiement.\n                            <\/p>\n\n                        <\/div>\n\n                    <\/div>\n\n\n\n                    <div class=\"payment-options\">\n\n\n                        <!-- PAYPAL -->\n\n                        <label class=\"payment-card\">\n\n                            <input\n                                type=\"radio\"\n                                name=\"paiement\"\n                                value=\"paypal\"\n                                checked>\n\n                            <div class=\"payment-content\">\n\n                                <div class=\"payment-icon paypal\">\n                                    P\n                                <\/div>\n\n                                <div>\n\n                                    <strong>\n                                        PayPal\n                                    <\/strong>\n\n                                    <span>\n                                        Paiement s\u00e9curis\u00e9 en ligne\n                                    <\/span>\n\n                                <\/div>\n\n                                <div class=\"radio-circle\"><\/div>\n\n                            <\/div>\n\n                        <\/label>\n\n\n\n                        <!-- WERO -->\n\n                        <label class=\"payment-card\">\n\n                            <input\n                                type=\"radio\"\n                                name=\"paiement\"\n                                value=\"wero\">\n\n                            <div class=\"payment-content\">\n\n                                <div class=\"payment-icon wero\">\n                                    W\n                                <\/div>\n\n                                <div>\n\n                                    <strong>\n                                        Wero\n                                    <\/strong>\n\n                                    <span>\n                                        Paiement depuis votre application bancaire\n                                    <\/span>\n\n                                <\/div>\n\n                                <div class=\"radio-circle\"><\/div>\n\n                            <\/div>\n\n                        <\/label>\n\n\n                    <\/div>\n\n\n\n                    <!-- INFORMATION WERO -->\n\n                    <div\n                        id=\"weroInfo\"\n                        class=\"payment-info wero-info\">\n\n                        <div class=\"info-icon\">\n                            W\n                        <\/div>\n\n                        <div>\n\n                            <strong>\n                                Paiement par Wero\n                            <\/strong>\n\n                            <p>\n                                Envoyez votre contribution au num\u00e9ro :\n                            <\/p>\n\n                            <div class=\"wero-number\">\n\n                                <strong>\n                                    07 84 65 55 17\n                                <\/strong>\n\n                                <button\n                                    type=\"button\"\n                                    id=\"copyWero\">\n\n                                    Copier\n\n                                <\/button>\n\n                            <\/div>\n\n                            <small id=\"copyMessage\"><\/small>\n\n                        <\/div>\n\n                    <\/div>\n\n\n\n                    <!-- INFORMATION PAYPAL -->\n\n                    <div\n                        id=\"paypalInfo\"\n                        class=\"payment-info paypal-info\">\n\n                        <div class=\"info-icon paypal-symbol\">\n                            P\n                        <\/div>\n\n                        <div>\n\n                            <strong>\n                                Paiement par PayPal\n                            <\/strong>\n\n                            <p>\n                                Apr\u00e8s validation de votre formulaire,\n                                cliquez sur le bouton ci-dessous pour\n                                effectuer votre contribution.\n                            <\/p>\n\n                        <\/div>\n\n                    <\/div>\n\n\n                <\/div>\n\n\n\n                <!-- ==========================\n                     MOTIVATION\n                =========================== -->\n\n                <div class=\"form-section\">\n\n                    <div class=\"field\">\n\n                        <label for=\"message\">\n                            Votre motivation\n                        <\/label>\n\n                        <textarea\n                            id=\"message\"\n                            name=\"message\"\n                            rows=\"4\"\n                            placeholder=\"Pourquoi souhaitez-vous rejoindre ou soutenir GODUS ELY ?\"><\/textarea>\n\n                    <\/div>\n\n\n                    <label class=\"checkbox\">\n\n                        <input\n                            type=\"checkbox\"\n                            id=\"accept\"\n                            required>\n\n                        <span><\/span>\n\n                        <p>\n                            Je confirme l'exactitude de mes informations\n                            et souhaite soutenir les actions de\n                            l'association <strong>\"GODUS ELY\"<\/strong>.\n                        <\/p>\n\n                    <\/label>\n\n                <\/div>\n\n\n\n                <!-- ==========================\n                     BOUTON\n                =========================== -->\n\n                <div class=\"submit-area\">\n\n                    <button\n                        type=\"submit\"\n                        class=\"submit-button\">\n\n                        <span>\n                            Valider mon adh\u00e9sion\n                        <\/span>\n\n                        <b>\n                            \u2192\n                        <\/b>\n\n                    <\/button>\n\n\n                    <p class=\"secure\">\n\n                        \ud83d\udd12 Vos informations sont trait\u00e9es\n                        de mani\u00e8re confidentielle.\n\n                    <\/p>\n\n                <\/div>\n\n\n            <\/form>\n\n\n        <\/div>\n\n\n\n        <!-- ================================\n             MESSAGE FINAL\n        ================================= -->\n\n        <div\n            id=\"successMessage\"\n            class=\"success-message\">\n\n            <div class=\"success-icon\">\n                \u2713\n            <\/div>\n\n            <h2>\n                Merci pour votre engagement !\n            <\/h2>\n\n            <p>\n                Votre demande a bien \u00e9t\u00e9 enregistr\u00e9e.\n                Vous pouvez maintenant proc\u00e9der au paiement\n                de votre contribution.\n            <\/p>\n\n            <div\n                id=\"finalAmount\"\n                class=\"final-amount\">\n            <\/div>\n\n            <a\n                id=\"paypalButton\"\n                href=\"VOTRE_LIEN_PAYPAL\"\n                target=\"_blank\"\n                class=\"paypal-button\">\n\n                Continuer avec PayPal \u2192\n\n            <\/a>\n\n            <button\n                type=\"button\"\n                class=\"back-button\"\n                onclick=\"location.reload()\">\n\n                Retour au formulaire\n\n            <\/button>\n\n        <\/div>\n\n\n    <\/main>\n\n\n\n    <!-- ================================\n         FOOTER\n    ================================= -->\n\n    <footer>\n\n        <div class=\"footer-logo\">\n\n            <img src=\"logo-godus-ely.png\"\n                 alt=\"GODUS ELY\">\n\n        <\/div>\n\n        <p>\n            \"GODUS ELY\" \u2014 Ensemble pour un meilleur avenir.\n        <\/p>\n\n        <span>\n            \u00a9 2026 Tous droits r\u00e9serv\u00e9s.\n        <\/span>\n\n    <\/footer>\n\n\n<\/div>\n\n\n<script src=\"adhesion.js\"><\/script>\n\n<\/body>\n\n<\/html>\n<!-- \/wp:html -->","_et_gb_content_width":"","footnotes":""},"class_list":["post-179","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.5 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Adhesion - GODUS ELY by PrettyStar<\/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:\/\/associationgodusely.com\/index.php\/adhesion\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Adhesion - GODUS ELY by PrettyStar\" \/>\n<meta property=\"og:description\" content=\"Adh\u00e9sion | GODUS ELY ASSOCIATION &#8220;GODUS ELY&#8221; ENSEMBLE POUR UN MEILLEUR AVENIR Rejoignez &#8220;GODUS ELY&#8221; Remplissez simplement ce formulaire pour devenir membre et soutenir les actions de notre association. 1 Vos informations 2 Votre contribution 3 Paiement 01 Vos informations Merci de renseigner vos coordonn\u00e9es. Pr\u00e9nom * Nom * Adresse e-mail * T\u00e9l\u00e9phone * Pays [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/associationgodusely.com\/index.php\/adhesion\/\" \/>\n<meta property=\"og:site_name\" content=\"GODUS ELY by PrettyStar\" \/>\n<meta property=\"article:modified_time\" content=\"2026-08-30T20:15:12+00:00\" \/>\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=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/associationgodusely.com\\\/index.php\\\/adhesion\\\/\",\"url\":\"https:\\\/\\\/associationgodusely.com\\\/index.php\\\/adhesion\\\/\",\"name\":\"Adhesion - GODUS ELY by PrettyStar\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/associationgodusely.com\\\/#website\"},\"datePublished\":\"2026-08-30T18:30:45+00:00\",\"dateModified\":\"2026-08-30T20:15:12+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/associationgodusely.com\\\/index.php\\\/adhesion\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/associationgodusely.com\\\/index.php\\\/adhesion\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/associationgodusely.com\\\/index.php\\\/adhesion\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/associationgodusely.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Adhesion\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/associationgodusely.com\\\/#website\",\"url\":\"https:\\\/\\\/associationgodusely.com\\\/\",\"name\":\"GODUS ELY by PrettyStar\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/associationgodusely.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Adhesion - GODUS ELY by PrettyStar","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:\/\/associationgodusely.com\/index.php\/adhesion\/","og_locale":"en_US","og_type":"article","og_title":"Adhesion - GODUS ELY by PrettyStar","og_description":"Adh\u00e9sion | GODUS ELY ASSOCIATION &#8220;GODUS ELY&#8221; ENSEMBLE POUR UN MEILLEUR AVENIR Rejoignez &#8220;GODUS ELY&#8221; Remplissez simplement ce formulaire pour devenir membre et soutenir les actions de notre association. 1 Vos informations 2 Votre contribution 3 Paiement 01 Vos informations Merci de renseigner vos coordonn\u00e9es. Pr\u00e9nom * Nom * Adresse e-mail * T\u00e9l\u00e9phone * Pays [&hellip;]","og_url":"https:\/\/associationgodusely.com\/index.php\/adhesion\/","og_site_name":"GODUS ELY by PrettyStar","article_modified_time":"2026-08-30T20:15:12+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/associationgodusely.com\/index.php\/adhesion\/","url":"https:\/\/associationgodusely.com\/index.php\/adhesion\/","name":"Adhesion - GODUS ELY by PrettyStar","isPartOf":{"@id":"https:\/\/associationgodusely.com\/#website"},"datePublished":"2026-08-30T18:30:45+00:00","dateModified":"2026-08-30T20:15:12+00:00","breadcrumb":{"@id":"https:\/\/associationgodusely.com\/index.php\/adhesion\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/associationgodusely.com\/index.php\/adhesion\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/associationgodusely.com\/index.php\/adhesion\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/associationgodusely.com\/"},{"@type":"ListItem","position":2,"name":"Adhesion"}]},{"@type":"WebSite","@id":"https:\/\/associationgodusely.com\/#website","url":"https:\/\/associationgodusely.com\/","name":"GODUS ELY by PrettyStar","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/associationgodusely.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/associationgodusely.com\/index.php\/wp-json\/wp\/v2\/pages\/179","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/associationgodusely.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/associationgodusely.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/associationgodusely.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/associationgodusely.com\/index.php\/wp-json\/wp\/v2\/comments?post=179"}],"version-history":[{"count":6,"href":"https:\/\/associationgodusely.com\/index.php\/wp-json\/wp\/v2\/pages\/179\/revisions"}],"predecessor-version":[{"id":191,"href":"https:\/\/associationgodusely.com\/index.php\/wp-json\/wp\/v2\/pages\/179\/revisions\/191"}],"wp:attachment":[{"href":"https:\/\/associationgodusely.com\/index.php\/wp-json\/wp\/v2\/media?parent=179"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}