Inscription Multi-R\u00f4les Galima<\/title>\r\n<script src=\"https:\/\/kit.fontawesome.com\/a2d9d6a64a.js\" crossorigin=\"anonymous\"><\/script>\r\n\r\n<style>\r\n\/* ---------------- Base ---------------- *\/\r\nbody {\r\n font-family: 'Poppins', sans-serif;\r\n margin: 0;\r\n background: #f5f7fa;\r\n color: #333;\r\n}\r\n\r\n\/* ---------------- Section Multi-R\u00f4les ---------------- *\/\r\n.role-form-section {\r\n max-width: 1100px;\r\n margin: 80px auto;\r\n background: #fff;\r\n border-radius: 25px;\r\n padding: 70px 50px;\r\n box-shadow: 0 12px 35px rgba(0,0,0,0.08);\r\n text-align: center;\r\n}\r\n\r\n.logo-wrapper {\r\n position: relative;\r\n width: 130px;\r\n height: 130px;\r\n margin: 0 auto 35px;\r\n}\r\n.logo-ring {\r\n position: absolute;\r\n top: 0; left: 0;\r\n width: 130px; height: 130px;\r\n border: 5px solid #ffcc00;\r\n border-top-color: #006633;\r\n border-radius: 50%;\r\n animation: spin 3s linear infinite;\r\n}\r\n.logo-img {\r\n position: absolute;\r\n top: 50%; left: 50%;\r\n width: 90px; height: 90px;\r\n border-radius: 50%;\r\n transform: translate(-50%, -50%);\r\n}\r\n@keyframes spin {\r\n 0% {transform:rotate(0deg);}\r\n 100% {transform:rotate(360deg);}\r\n}\r\n\r\n\/* ---------------- Cartes r\u00f4les ---------------- *\/\r\n.role-card-container {\r\n display: flex;\r\n justify-content: center;\r\n gap: 40px;\r\n flex-wrap: wrap;\r\n margin-top: 50px;\r\n}\r\n.role-card {\r\n background: #fff;\r\n border-radius: 25px;\r\n box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);\r\n padding: 40px 25px;\r\n text-align: center;\r\n width: 300px;\r\n transition: all 0.3s ease;\r\n cursor: pointer;\r\n}\r\n.role-card:hover {\r\n transform: translateY(-8px);\r\n box-shadow: 0 18px 35px rgba(0,102,51,0.25);\r\n}\r\n.icon-circle {\r\n background: linear-gradient(135deg, #006633, #00a86b);\r\n color: #fff;\r\n width: 70px;\r\n height: 70px;\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 2rem;\r\n margin: 0 auto 20px;\r\n}\r\n.role-btn {\r\n background: linear-gradient(135deg, #00994d, #006633);\r\n color: #fff;\r\n border: none;\r\n padding: 12px 35px;\r\n border-radius: 30px;\r\n font-weight: 600;\r\n cursor: pointer;\r\n transition: all 0.3s ease;\r\n}\r\n.role-btn:hover {\r\n background: linear-gradient(135deg, #ffcc00, #00994d);\r\n transform: translateY(-2px);\r\n}\r\n\r\n\/* ---------------- Modal ---------------- *\/\r\n.modal {\r\n display: none;\r\n position: fixed;\r\n z-index: 999;\r\n left: 0; top: 0;\r\n width: 100%; height: 100%;\r\n background-color: rgba(0,0,0,0.5);\r\n opacity: 0;\r\n transition: opacity 0.3s ease;\r\n}\r\n.modal.show { display: block; opacity: 1; }\r\n\r\n.modal-content {\r\n background: #fff;\r\n margin: 80px auto;\r\n padding: 30px 40px;\r\n border-radius: 20px;\r\n width: 90%;\r\n max-width: 900px;\r\n box-shadow: 0 8px 25px rgba(0,0,0,0.2);\r\n text-align: center;\r\n position: relative;\r\n}\r\n.close {\r\n position: absolute;\r\n top: 15px; right: 20px;\r\n color: #333;\r\n font-size: 28px;\r\n font-weight: bold;\r\n cursor: pointer;\r\n}\r\n.close:hover { color: #ffcc00; }\r\n\r\n.form-slide { display: none; }\r\n.form-slide.active { display: block; }\r\n\r\n\/* ---------------- Packs Vendeur ---------------- *\/\r\n.pricing-container {\r\n display: flex;\r\n justify-content: center;\r\n gap: 20px;\r\n margin-top: 30px;\r\n flex-wrap: wrap;\r\n}\r\n\r\n.pricing-card {\r\n background: #fff;\r\n border-radius: 12px;\r\n width: 180px;\r\n border: 1px solid #e5e5e5;\r\n box-shadow: 0 4px 10px rgba(0,0,0,0.05);\r\n transition: all 0.3s ease;\r\n overflow: hidden;\r\n position: relative;\r\n}\r\n.pricing-card::before {\r\n content: \"\";\r\n display: block;\r\n height: 5px;\r\n background: linear-gradient(90deg, #007200, #00b86b);\r\n}\r\n.pricing-card.popular::before {\r\n background: linear-gradient(90deg, #ffcc00, #ff9900);\r\n}\r\n.pricing-card:hover {\r\n transform: translateY(-5px);\r\n box-shadow: 0 8px 20px rgba(0,102,51,0.25);\r\n}\r\n\r\n.pricing-title {\r\n font-size: 0.95rem;\r\n font-weight: 700;\r\n color: #007200;\r\n margin-top: 15px;\r\n}\r\n.pricing-card.popular .pricing-title {\r\n color: #ff9900;\r\n}\r\n.pricing-desc {\r\n font-size: 0.7rem;\r\n color: #555;\r\n margin-bottom: 10px;\r\n}\r\n.pricing-price {\r\n font-size: 1rem;\r\n font-weight: 800;\r\n color: #1a1a1a;\r\n margin-bottom: 8px;\r\n}\r\n.pricing-price span {\r\n font-size: 0.7rem;\r\n color: #555;\r\n}\r\n.pricing-features {\r\n list-style: none;\r\n padding: 0;\r\n margin: 0 0 10px;\r\n}\r\n.pricing-features li {\r\n font-size: 0.65rem;\r\n color: #333;\r\n padding: 3px 0;\r\n}\r\n.pricing-btn {\r\n display: block;\r\n background: #007200;\r\n color: #fff;\r\n text-decoration: none;\r\n padding: 6px 0;\r\n border-radius: 6px;\r\n font-weight: 600;\r\n font-size: 0.7rem;\r\n width: 85%;\r\n margin: 0 auto 12px;\r\n transition: all 0.25s ease;\r\n}\r\n.pricing-btn:hover {\r\n background: #ffcc00;\r\n color: #004d26;\r\n}\r\n\r\n.badge {\r\n position: absolute;\r\n top: 8px;\r\n right: 8px;\r\n background: #ffcc00;\r\n color: #004d26;\r\n font-size: 0.6rem;\r\n font-weight: 700;\r\n padding: 3px 7px;\r\n border-radius: 5px;\r\n}\r\n\r\n@media (max-width: 768px) {\r\n .pricing-card { width: 45%; }\r\n}\r\n@media (max-width: 480px) {\r\n .pricing-card { width: 80%; }\r\n}\r\n<\/style>\r\n<\/head>\r\n\r\n<body>\r\n\r\n<section class=\"role-form-section\">\r\n <div class=\"logo-wrapper\">\r\n <div class=\"logo-ring\"><\/div>\r\n <img decoding=\"async\" src=\"https:\/\/galima.fr\/wp-content\/uploads\/2025\/10\/icone.gif\" alt=\"Logo\" class=\"logo-img\" title=\"Formulaire d'inscription\">\r\n <\/div>\r\n\r\n <h2>Cr\u00e9er votre compte<\/h2>\r\n <p>Choisissez votre r\u00f4le pour continuer l\u2019inscription<\/p>\r\n\r\n <div class=\"role-card-container\">\r\n <div class=\"role-card\" data-role=\"client\">\r\n <div class=\"icon-circle\"><i class=\"fas fa-user\"><\/i><\/div>\r\n <h3>Client<\/h3>\r\n <p>Achetez facilement vos produits pr\u00e9f\u00e9r\u00e9s et profitez d\u2019une exp\u00e9rience fluide et s\u00e9curis\u00e9e.<\/p>\r\n <button class=\"role-btn\">Choisir ce r\u00f4le<\/button>\r\n <\/div>\r\n <div class=\"role-card\" data-role=\"vendeur\">\r\n <div class=\"icon-circle\"><i class=\"fas fa-store\"><\/i><\/div>\r\n <h3>Vendeur<\/h3>\r\n <p>Vendez vos produits, g\u00e9rez vos ventes et d\u00e9veloppez votre boutique sur notre plateforme.<\/p>\r\n <button class=\"role-btn\">Choisir ce r\u00f4le<\/button>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<div id=\"form-modal\" class=\"modal\">\r\n <div class=\"modal-content\">\r\n <span class=\"close\">×<\/span>\r\n\r\n <div id=\"form-client\" class=\"form-slide\">\r\n <h2>Inscription Client<\/h2>\r\n \n<div class=\"um um-register um-6078\">\n\t<div class=\"um-form\" data-mode=\"register\">\n\t\t<form method=\"post\" action=\"\" data-trp-original-action=\"\">\n\t\t\t<div class=\"um-row _um_row_1 \/* ==== GENERAL FORM WRAPPER ==== *\/ .um.um-form { background: #ffffff; border-radius: 16px; padding: 40px 30px; max-width: 500px; margin: 40px auto; box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08); font-family: 'Segoe UI', sans-serif; position: relative; } \/* ==== TITRE DU FORMULAIRE ==== *\/ .um .um-form-heading { font-size: 2rem; font-weight: 700; color: #3a5d1a; margin-bottom: 25px; text-align: center; text-transform: uppercase; letter-spacing: 1px; } \/* ==== CHAMPS INPUT ==== *\/ .um input[type=\" style=\"padding: 0px 0px 0px 0px;margin: 0px 0px 30px 0px;border-width: 0px 0px 0px 0px;border-style: solid;border-radius: 10px;\"><div class=\"um-col-121\"><div id=\"um_field_6078_first_name\" class=\"um-field um-field-text um-field-first_name um-field-text um-field-type_text\" data-key=\"first_name\"><div class=\"um-field-label\"><label for=\"first_name-6078\">Pr\u00e9nom<\/label><div class=\"um-clear\"><\/div><\/div><div class=\"um-field-area\"><input autocomplete=\"off\" class=\"um-form-field valid not-required\" type=\"text\" name=\"first_name-6078\" id=\"first_name-6078\" value=\"\" placeholder=\"\" data-validate=\"\" data-key=\"first_name\" aria-invalid=\"false\" \/>\n\n\t\t\t\t\t\t<\/div><\/div><div id=\"um_field_6078_last_name\" class=\"um-field um-field-text um-field-last_name um-field-text um-field-type_text\" data-key=\"last_name\"><div class=\"um-field-label\"><label for=\"last_name-6078\">Nom<\/label><div class=\"um-clear\"><\/div><\/div><div class=\"um-field-area\"><input autocomplete=\"off\" class=\"um-form-field valid\" type=\"text\" name=\"last_name-6078\" id=\"last_name-6078\" value=\"\" placeholder=\"\" data-validate=\"\" data-key=\"last_name\" aria-invalid=\"false\" \/>\n\n\t\t\t\t\t\t<\/div><\/div><div id=\"um_field_6078_user_email\" class=\"um-field um-field-text um-field-user_email um-field-text um-field-type_text\" data-key=\"user_email\"><div class=\"um-field-label\"><label for=\"user_email-6078\">Adresse e-mail<\/label><div class=\"um-clear\"><\/div><\/div><div class=\"um-field-area\"><input autocomplete=\"off\" class=\"um-form-field valid\" type=\"text\" name=\"user_email-6078\" id=\"user_email-6078\" value=\"\" placeholder=\"\" data-validate=\"unique_email\" data-key=\"user_email\" aria-invalid=\"false\" \/>\n\n\t\t\t\t\t\t<\/div><\/div><div id=\"um_field_6078_user_password\" class=\"um-field um-field-password um-field-user_password um-field-password um-field-type_password\" data-key=\"user_password\"><div class=\"um-field-label\"><label for=\"user_password-6078\">Mot de passe<\/label><div class=\"um-clear\"><\/div><\/div><div class=\"um-field-area\"><input class=\"um-form-field valid\" type=\"password\" name=\"user_password-6078\" id=\"user_password-6078\" value=\"\" placeholder=\"\" data-validate=\"\" data-key=\"user_password\" aria-invalid=\"false\" \/>\n\n\t\t\t\t\t\t\t<\/div><\/div><div id=\"um_field_6078_confirm_user_password\" class=\"um-field um-field-password um-field-user_password um-field-password um-field-type_password\" data-key=\"confirm_user_password\"><div class=\"um-field-label\"><label for=\"confirm_user_password-6078\">Confirm Mot de passe<\/label><div class=\"um-clear\"><\/div><\/div><div class=\"um-field-area\"><input class=\"um-form-field valid\" type=\"password\" name=\"confirm_user_password-6078\" id=\"confirm_user_password-6078\" value=\"\" placeholder=\"Confirm Mot de passe\" data-validate=\"\" data-key=\"confirm_user_password\" aria-invalid=\"false\" \/><\/div><\/div><div id=\"um_field_6078_phone_number\" class=\"um-field um-field-tel um-field-phone_number um-field-tel um-field-type_tel\" data-key=\"phone_number\"><div class=\"um-field-label\"><label for=\"phone_number-6078\">T\u00e9l\u00e9phone<\/label><div class=\"um-clear\"><\/div><\/div><div class=\"um-field-area\"><input autocomplete=\"off\" class=\"um-form-field valid\" type=\"tel\" name=\"phone_number-6078\" id=\"phone_number-6078\" value=\"\" placeholder=\"\" data-validate=\"phone_number\" data-key=\"phone_number\" aria-invalid=\"false\" \/>\n\n\t\t\t\t\t\t<\/div><\/div><\/div><div class=\"um-col-122\"><\/div><div class=\"um-clear\"><\/div><\/div>\t<input type=\"hidden\" name=\"form_id\" id=\"form_id_6078\" value=\"6078\" \/>\n\t\t<p class=\"um_request_name\">\n\t\t<label for=\"um_request_6078\">Only fill in if you are not human<\/label>\n\t\t<input type=\"hidden\" name=\"um_request\" id=\"um_request_6078\" class=\"input\" value=\"\" size=\"25\" autocomplete=\"off\" \/>\n\t<\/p>\n\t<input type=\"hidden\" id=\"_wpnonce\" name=\"_wpnonce\" value=\"c6046e5b07\" \/><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/en\/wp-json\/wp\/v2\/pages\/5935\" \/>\n\t<div class=\"um-col-alt\">\n\n\t\t\n\t\t\t<div class=\"um-left um-half\">\n\t\t\t\t<input type=\"submit\" value=\"S'inscrire\" class=\"um-button\" id=\"um-submit-btn\" \/>\n\t\t\t<\/div>\n\t\t\t<div class=\"um-right um-half\">\n\t\t\t\t<a href=\"https:\/\/galima.fr\/en\/login\/\" class=\"um-button um-alt\">\n\t\t\t\t\tSe Connecter\t\t\t\t<\/a>\n\t\t\t<\/div>\n\n\t\t\n\t\t<div class=\"um-clear\"><\/div>\n\n\t<\/div>\n\n\t\t\t<input type=\"hidden\" name=\"trp-form-language\" value=\"en\"\/><\/form>\n\t<\/div>\n<\/div>\n<style>\n\t\t\t.um-6078.um {\n\t\t\tmax-width: 450px;\n\t\t}\n\t\t<\/style>\n\r\n <\/div>\r\n\r\n <div id=\"form-vendeur\" class=\"form-slide\">\r\n <h2>Inscription Vendeur<\/h2>\r\n\r\n \r\n <div class=\"pricing-container\">\r\n <div class=\"pricing-card\">\r\n <h3 class=\"pricing-title\">Basic<\/h3>\r\n <p class=\"pricing-desc\">Id\u00e9al pour d\u00e9buter<\/p>\r\n <div class=\"pricing-price\">0 <span>CFA<\/span><\/div>\r\n <ul class=\"pricing-features\">\r\n <li>Produits : 5<\/li>\r\n <li>Dur\u00e9e : 30 jours<\/li>\r\n <li>Pas de support prioritaire<\/li>\r\n <\/ul>\r\n <a href=\"https:\/\/galima.fr\/en\/step\/checkout-2\/?add-to-cart=5884\" class=\"pricing-btn\">S\u2019abonner<\/a>\r\n <\/div>\r\n\r\n <div class=\"pricing-card popular\">\r\n <div class=\"badge\">Populaire<\/div>\r\n <h3 class=\"pricing-title\">Pro<\/h3>\r\n <p class=\"pricing-desc\">Le choix des PME<\/p>\r\n <div class=\"pricing-price\">20 <span>CFA<\/span><\/div>\r\n <ul class=\"pricing-features\">\r\n <li>Produits : 15<\/li>\r\n <li>Dur\u00e9e : 30 jours<\/li>\r\n <li>Support prioritaire<\/li>\r\n <\/ul>\r\n <a href=\"https:\/\/galima.fr\/en\/step\/checkout-2\/?add-to-cart=5886\" class=\"pricing-btn\">S\u2019abonner<\/a>\r\n <\/div>\r\n\r\n <div class=\"pricing-card\">\r\n <h3 class=\"pricing-title\">Entreprise<\/h3>\r\n <p class=\"pricing-desc\">Solution compl\u00e8te<\/p>\r\n <div class=\"pricing-price\">20 <span>CFA<\/span><\/div>\r\n <ul class=\"pricing-features\">\r\n <li>Produits illimit\u00e9s<\/li>\r\n <li>Dur\u00e9e : 30 jours<\/li>\r\n <li>Support Premium<\/li>\r\n <\/ul>\r\n <a href=\"https:\/\/galima.fr\/en\/step\/checkout-2\/?add-to-cart=5888\" class=\"pricing-btn\">S\u2019abonner<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n<script>\r\ndocument.addEventListener(\"DOMContentLoaded\", function() {\r\n const cards = document.querySelectorAll(\".role-card\");\r\n const modal = document.getElementById(\"form-modal\");\r\n const closeBtn = document.querySelector(\".close\");\r\n const formClient = document.getElementById(\"form-client\");\r\n const formVendeur = document.getElementById(\"form-vendeur\");\r\n\r\n cards.forEach(card => {\r\n card.addEventListener(\"click\", () => {\r\n const role = card.getAttribute(\"data-role\");\r\n formClient.classList.toggle('active', role === 'client');\r\n formVendeur.classList.toggle('active', role === 'vendeur');\r\n modal.classList.add('show');\r\n });\r\n });\r\n\r\n closeBtn.onclick = () => modal.classList.remove('show');\r\n window.onclick = e => { if(e.target === modal) modal.classList.remove('show'); };\r\n});\r\n<\/script>\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4bd9d849 e-flex e-con-boxed e-con e-parent\" data-id=\"4bd9d849\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-24449843 elementor-widget elementor-widget-html\" data-id=\"24449843\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"fr\">\r\n<head>\r\n <meta charset=\"UTF-8\" \/>\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\/>\r\n <title>Nos partenaires<\/title>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;600;700&display=swap\" rel=\"stylesheet\">\r\n <style>\r\n * {\r\n box-sizing: border-box;\r\n margin: 0;\r\n padding: 0;\r\n }\r\n\r\n body {\r\n font-family: 'Poppins', sans-serif;\r\n background-color: #f4f4f4;\r\n color: #111;\r\n }\r\n\r\n .partners-section {\r\n background: linear-gradient(to right, #f8fbfc, #eaf6f1);\r\n padding: 60px 20px;\r\n text-align: center;\r\n border: 2px solid #d9e3dc;\r\n border-radius: 20px;\r\n margin: 40px 20px;\r\n box-shadow: 0 8px 20px rgba(0, 0, 0, 0.05);\r\n overflow: hidden;\r\n }\r\n\r\n .partners-header h2 {\r\n font-size: 2.6rem;\r\n font-weight: 700;\r\n margin-bottom: 10px;\r\n }\r\n\r\n .partners-header .green {\r\n color: #006633 !important;\r\n }\r\n\r\n .partners-header .yellow {\r\n color: #ffcc00 !important;\r\n }\r\n\r\n .partners-header p {\r\n font-size: 1.15rem;\r\n color: #333;\r\n margin-bottom: 50px;\r\n }\r\n\r\n .partners-logos {\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n flex-wrap: wrap;\r\n gap: 40px;\r\n }\r\n\r\n .partners-logos img {\r\n width: 240px;\r\n height: 140px;\r\n object-fit: contain;\r\n background-color: white;\r\n padding: 20px;\r\n border: 2px solid #e0e0e0;\r\n border-radius: 20px;\r\n box-shadow: 0 14px 30px rgba(0, 0, 0, 0.08);\r\n opacity: 0;\r\n transform: translateY(60px) scale(0.85) rotate(-5deg);\r\n transition: all 0.5s ease;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n \/* \u2705 Animation d\u2019apparition (rebond + flottement) *\/\r\n .partners-logos img.animate {\r\n animation: fadeFloatElastic 1.3s cubic-bezier(0.25, 1, 0.5, 1) forwards,\r\n floatY 5s ease-in-out infinite;\r\n }\r\n\r\n @keyframes fadeFloatElastic {\r\n 0% {\r\n opacity: 0;\r\n transform: translateY(60px) scale(0.85) rotate(-5deg);\r\n }\r\n 50% {\r\n opacity: 1;\r\n transform: translateY(-10px) scale(1.05) rotate(3deg);\r\n }\r\n 80% {\r\n transform: translateY(5px) scale(0.98) rotate(-1deg);\r\n }\r\n 100% {\r\n opacity: 1;\r\n transform: translateY(0) scale(1) rotate(0);\r\n }\r\n }\r\n\r\n \/* \u2705 Flottement doux permanent *\/\r\n @keyframes floatY {\r\n 0%, 100% {\r\n transform: translateY(0) scale(1);\r\n }\r\n 50% {\r\n transform: translateY(-8px) scale(1.02);\r\n }\r\n }\r\n\r\n \/* \u2705 Effet lumi\u00e8re \u201cshine\u201d *\/\r\n .partners-logos img::before {\r\n content: \"\";\r\n position: absolute;\r\n top: 0;\r\n left: -80%;\r\n width: 60%;\r\n height: 100%;\r\n background: linear-gradient(\r\n 120deg,\r\n rgba(255, 255, 255, 0) 0%,\r\n rgba(255, 255, 255, 0.6) 50%,\r\n rgba(255, 255, 255, 0) 100%\r\n );\r\n transform: skewX(-25deg);\r\n }\r\n\r\n .partners-logos img:hover::before {\r\n animation: shine 1s ease;\r\n }\r\n\r\n @keyframes shine {\r\n 100% {\r\n left: 140%;\r\n }\r\n }\r\n\r\n \/* \u2705 Zoom + rebond au hover *\/\r\n .partners-logos img:hover {\r\n transform: scale(1.12) rotate(1deg);\r\n border-color: #006633;\r\n box-shadow: 0 14px 36px rgba(0, 102, 51, 0.25);\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .partners-header h2 {\r\n font-size: 2rem;\r\n }\r\n\r\n .partners-header p {\r\n font-size: 1rem;\r\n margin-bottom: 30px;\r\n }\r\n\r\n .partners-logos img {\r\n width: 180px;\r\n height: 110px;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n \r\n <section class=\"partners-section\">\r\n <div class=\"partners-header\">\r\n <h2><span class=\"green\">Nos<\/span> <span class=\"yellow\">partenaires<\/span><\/h2>\r\n <p>Les partenaires qui nous font confiance !<\/p>\r\n <\/div>\r\n\r\n <div class=\"partners-logos\">\r\n <img decoding=\"async\" src=\"https:\/\/galima.fr\/wp-content\/uploads\/2025\/09\/logo_AFD-1.png\" alt=\"Partenaire 1\" title=\"Formulaire d'inscription\">\r\n <img decoding=\"async\" src=\"https:\/\/galima.fr\/wp-content\/uploads\/2025\/09\/logo-1-1.png\" alt=\"Partenaire 2\" title=\"Formulaire d'inscription\">\r\n <img decoding=\"async\" src=\"https:\/\/galima.fr\/wp-content\/uploads\/2025\/09\/ZLECAF-Logo-2-1-1.png\" alt=\"Partenaire 3\" title=\"Formulaire d'inscription\">\r\n <img decoding=\"async\" src=\"https:\/\/galima.fr\/wp-content\/uploads\/2025\/09\/logo_AFD-1.png\" alt=\"Partenaire 4\" title=\"Formulaire d'inscription\">\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <script>\r\n document.addEventListener(\"DOMContentLoaded\", function () {\r\n const logos = document.querySelectorAll('.partners-logos img');\r\n\r\n const observer = new IntersectionObserver((entries) => {\r\n entries.forEach((entry, index) => {\r\n if (entry.isIntersecting) {\r\n setTimeout(() => {\r\n entry.target.classList.add('animate');\r\n }, index * 250); \r\n observer.unobserve(entry.target);\r\n }\r\n });\r\n }, {\r\n threshold: 0.2\r\n });\r\n\r\n logos.forEach(img => observer.observe(img));\r\n });\r\n <\/script>\r\n\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-18c1111a e-flex e-con-boxed e-con e-parent\" data-id=\"18c1111a\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6a5d8abe elementor-widget elementor-widget-html\" data-id=\"6a5d8abe\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"fr\">\r\n<head>\r\n <meta charset=\"UTF-8\" \/>\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\/>\r\n <title>S'abonner<\/title>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;600;700&display=swap\" rel=\"stylesheet\">\r\n <style>\r\n body {\r\n font-family: 'Poppins', sans-serif;\r\n margin: 0;\r\n padding: 0;\r\n background-color: #ffff;\r\n color: #333;\r\n }\r\n\r\n .newsletter-section {\r\n background: linear-gradient(135deg, #ffff, #ffffff);\r\n padding: 40px 20px;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n }\r\n\r\n .newsletter-container {\r\n background: #fff;\r\n border-radius: 12px;\r\n padding: 25px 20px; \/* \u2705 r\u00e9duit la hauteur *\/\r\n max-width: 800px; \/* \u2705 augmente la largeur *\/\r\n width: 100%;\r\n text-align: center;\r\n box-shadow: 0 8px 20px rgba(0,0,0,0.06);\r\n animation: fadeUp 1s ease both;\r\n }\r\n\r\n .newsletter-container h2 {\r\n font-size: 1.6rem; \/* \u2705 un peu plus petit *\/\r\n font-weight: 700;\r\n margin-bottom: 6px;\r\n color: #006633;\r\n }\r\n\r\n .newsletter-container p {\r\n font-size: 0.9rem;\r\n color: #555;\r\n margin-bottom: 18px;\r\n }\r\n\r\n .newsletter-form {\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n border-radius: 50px;\r\n overflow: hidden;\r\n border: 2px solid #006633;\r\n width: 100%;\r\n background: #fff;\r\n }\r\n\r\n .newsletter-form input[type=\"email\"] {\r\n flex: 1;\r\n padding: 10px 14px;\r\n font-size: 0.9rem;\r\n border: none;\r\n outline: none;\r\n color: #333;\r\n }\r\n\r\n .newsletter-form input[type=\"email\"]::placeholder {\r\n color: #aaa;\r\n }\r\n\r\n .newsletter-form button {\r\n padding: 10px 20px;\r\n background-color: #006633;\r\n color: #fff;\r\n border: none;\r\n font-weight: 600;\r\n cursor: pointer;\r\n transition: 0.3s ease;\r\n }\r\n\r\n .newsletter-form button:hover {\r\n background-color: #004d26;\r\n }\r\n\r\n \/* Animation fadeUp *\/\r\n @keyframes fadeUp {\r\n 0% {\r\n opacity: 0;\r\n transform: translateY(30px);\r\n }\r\n 100% {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n }\r\n\r\n @media (max-width: 700px) {\r\n .newsletter-container {\r\n max-width: 95%;\r\n }\r\n\r\n .newsletter-form {\r\n flex-direction: column;\r\n border-radius: 12px;\r\n }\r\n\r\n .newsletter-form input[type=\"email\"] {\r\n width: 100%;\r\n border-bottom: 1px solid #ddd;\r\n }\r\n\r\n .newsletter-form button {\r\n width: 100%;\r\n border-radius: 0 0 12px 12px;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n \r\n <section class=\"newsletter-section\">\r\n <div class=\"newsletter-container\">\r\n <h2>Abonnez-vous<\/h2>\r\n <p>S'inscrire \u00e0 notre lettre d'information pour recevoir les derni\u00e8res actualit\u00e9s.<\/p>\r\n <form class=\"newsletter-form\" action=\"\">\r\n <input type=\"email\" placeholder=\"Votre adresse email\" required>\r\n <button type=\"submit\">S'abonner<\/button>\r\n <input type=\"hidden\" name=\"trp-form-language\" value=\"en\"\/><\/form>\r\n <\/div>\r\n <\/section>\r\n\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Inscrivez vous d\u00e9s Maintenant Inscription Multi-R\u00f4les Galima Cr\u00e9er votre compte Choisissez votre r\u00f4le pour continuer l\u2019inscription Client Achetez facilement vos produits pr\u00e9f\u00e9r\u00e9s et profitez d\u2019une exp\u00e9rience fluide et s\u00e9curis\u00e9e. Choisir ce r\u00f4le Vendeur Vendez vos produits, g\u00e9rez vos ventes et d\u00e9veloppez votre boutique sur notre plateforme. Choisir ce r\u00f4le × Inscription Client Inscription Vendeur Basic […]<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"page-builder","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-5935","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/galima.fr\/en\/wp-json\/wp\/v2\/pages\/5935","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/galima.fr\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/galima.fr\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/galima.fr\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/galima.fr\/en\/wp-json\/wp\/v2\/comments?post=5935"}],"version-history":[{"count":97,"href":"https:\/\/galima.fr\/en\/wp-json\/wp\/v2\/pages\/5935\/revisions"}],"predecessor-version":[{"id":6716,"href":"https:\/\/galima.fr\/en\/wp-json\/wp\/v2\/pages\/5935\/revisions\/6716"}],"wp:attachment":[{"href":"https:\/\/galima.fr\/en\/wp-json\/wp\/v2\/media?parent=5935"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}