{"id":1395,"date":"2026-03-10T11:25:29","date_gmt":"2026-03-10T11:25:29","guid":{"rendered":"https:\/\/jaie-assoc.com\/program\/"},"modified":"2026-07-08T07:11:41","modified_gmt":"2026-07-08T07:11:41","slug":"program","status":"publish","type":"page","link":"https:\/\/jaie-assoc.com\/en\/program\/","title":{"rendered":"Our projects"},"content":{"rendered":"\n<!DOCTYPE html>\n<html lang=\"fr\" class=\"scroll-smooth\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Nos Projets &#8211; JAIE Association<\/title>\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n    <link href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0\/css\/all.min.css\" rel=\"stylesheet\">\n    <script>\n        tailwind.config = {\n            theme: {\n                extend: {\n                    colors: {\n                        jaie: {\n                            blue: '#1e3a8a',\n                            yellow: '#facc15',\n                            lightBlue: '#eff6ff',\n                            darkBlue: '#172554',\n                        }\n                    }\n                }\n            }\n        }\n    <\/script>\n    <style>\n        body {\n            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n            color: #1f2937;\n        }\n        \n        .project-card {\n            transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n        }\n        .project-card:hover {\n            transform: translateY(-6px);\n            box-shadow: 0 20px 25px -5px rgba(30, 58, 138, 0.08), 0 8px 10px -6px rgba(30, 58, 138, 0.08);\n        }\n        \n        .year-header {\n            display: inline-flex;\n            align-items: center;\n            background-color: #1e3a8a;\n            color: #facc15;\n            padding: 0.6rem 2.5rem;\n            border-radius: 9999px;\n            font-weight: 800;\n            font-size: 1.75rem;\n            margin-bottom: 2rem;\n            box-shadow: 4px 4px 0px #facc15;\n            letter-spacing: 0.05em;\n        }\n\n        .timeline-container {\n            position: relative;\n        }\n\n        @media (min-width: 768px) {\n            .timeline-container::before {\n                content: '';\n                position: absolute;\n                left: 24px;\n                top: 0;\n                bottom: 0;\n                width: 4px;\n                background: linear-gradient(to bottom, #1e3a8a, #facc15, #1e3a8a);\n                border-radius: 4px;\n                opacity: 0.8;\n            }\n        }\n    <\/style>\n<\/head>\n<body class=\"bg-slate-50\/50 min-h-screen flex flex-col justify-between\">\n\n    <!-- Hero Section Grand Format & Fluide (sans l'ent\u00eate du haut) -->\n    <header class=\"relative bg-gradient-to-b from-white via-white to-jaie-light-blue\/40 pt-24 pb-24 px-4 sm:px-6 lg:px-8 border-b border-gray-100 overflow-hidden\">\n        <div class=\"absolute inset-0 opacity-[0.03] pointer-events-none\" style=\"background-image: radial-gradient(#1e3a8a 2px, transparent 2px); background-size: 32px 32px;\"><\/div>\n        <div class=\"max-w-7xl mx-auto text-center relative z-10\">\n            <span class=\"inline-flex items-center gap-2 px-4 py-1.5 bg-jaie-yellow\/20 text-jaie-blue font-extrabold rounded-full text-xs sm:text-sm mb-6 uppercase tracking-wider shadow-sm border border-jaie-yellow\/30\">\n                <span class=\"w-2 h-2 rounded-full bg-jaie-blue animate-pulse\"><\/span> Impact &#038; Engagement\n            <\/span>\n            <h1 class=\"text-4xl sm:text-5xl md:text-6xl font-black text-jaie-blue mb-8 leading-tight tracking-tight\">\n                Nos Projets : <span class=\"italic text-transparent bg-clip-text bg-gradient-to-r from-jaie-blue to-blue-700\">B\u00e2tir l&rsquo;avenir<\/span> en Afrique\n            <\/h1>\n            <p class=\"text-lg sm:text-xl text-gray-600 leading-relaxed max-w-4xl mx-auto font-medium\">\n                Depuis 2021, nous \u0153uvrons pour b\u00e2tir un monde de paix o\u00f9 tous les jeunes et les femmes jouissent pleinement de leurs droits. Nous promouvons les droits humains, l&rsquo;\u00e9ducation inclusive, et l&rsquo;int\u00e9gration des personnes vuln\u00e9rables dans les sph\u00e8res de d\u00e9cision pour un d\u00e9veloppement durable et \u00e9quitable en Afrique de l&rsquo;Ouest.\n            <\/p>\n        <\/div>\n    <\/header>\n\n    <!-- Section Actualit\u00e9s \/ Chronologie -->\n    <section class=\"py-24 px-4 sm:px-6 lg:px-8 bg-jaie-light-blue\/20\">\n        <div class=\"max-w-7xl mx-auto\">\n            \n            <div class=\"flex flex-col sm:flex-row sm:items-center justify-between mb-16 gap-4\">\n                <div class=\"flex items-center\">\n                    <div class=\"w-2.5 h-10 bg-jaie-yellow mr-4 rounded-full\"><\/div>\n                    <h2 class=\"text-3xl md:text-4xl font-black text-jaie-blue tracking-tight\">R\u00e9trospective de nos actions<\/h2>\n                <\/div>\n                <div class=\"text-sm font-medium text-gray-500 bg-white px-4 py-2 rounded-lg shadow-sm border border-gray-100 self-start sm:self-auto\">\n                    <i class=\"fas fa-filter text-jaie-yellow mr-2\"><\/i> Chronologique\n                <\/div>\n            <\/div>\n\n            <div class=\"timeline-container space-y-20\">\n                \n                <!-- Ann\u00e9e 2024 -->\n                <div class=\"relative md:pl-16\">\n                    <!-- Point sur la timeline -->\n                    <div class=\"hidden md:flex absolute left-4 top-4 w-6 h-6 rounded-full bg-jaie-yellow border-4 border-jaie-blue items-center justify-center z-10\"><\/div>\n                    \n                    <div class=\"year-header\">2024<\/div>\n                    \n                    <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8\">\n                        \n                        <!-- Projet 1 : UAF-AFRICA -->\n                        <div class=\"project-card bg-white p-8 rounded-2xl border-t-4 border-jaie-yellow shadow-sm hover:shadow-md flex flex-col justify-between\">\n                            <div>\n                                <div class=\"flex justify-between items-start mb-4\">\n                                    <span class=\"px-3 py-1 bg-rose-50 text-rose-700 text-xs font-bold rounded-full uppercase tracking-wider\">Genre &#038; Inclusion<\/span>\n                                    <i class=\"fas fa-venus-mars text-rose-400 text-lg\"><\/i>\n                                <\/div>\n                                <h3 class=\"font-black text-xl mb-3 text-jaie-blue\">Autonomisation des Femmes (UAF-AFRICA)<\/h3>\n                                <p class=\"text-gray-600 text-sm mb-6 leading-relaxed\">Promotion active et p\u00e9renne des droits des filles et des femmes aux capacit\u00e9s diverses.<\/p>\n                                <div class=\"bg-gray-50 p-4 rounded-xl text-xs italic mb-6 border-l-2 border-jaie-blue\">\n                                    <strong class=\"text-jaie-blue block not-italic mb-1 font-bold\">Impact :<\/strong> Renforcement des comp\u00e9tences de vie courante et associative pour une inclusion r\u00e9elle.\n                                <\/div>\n                            <\/div>\n                            \n                            <!-- Section Liens int\u00e9gr\u00e9e -->\n                            <div class=\"pt-4 border-t border-gray-100\">\n                                <span class=\"block text-xs font-bold text-gray-400 uppercase tracking-wider mb-2\">En savoir plus :<\/span>\n                                <a href=\"https:\/\/www.facebook.com\/share\/p\/1FmwbYhuhB\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"inline-flex items-center gap-2 text-xs font-bold text-blue-600 hover:text-blue-800 bg-blue-50 hover:bg-blue-100 px-3.5 py-2 rounded-lg transition-colors w-full justify-center sm:justify-start\">\n                                    <i class=\"fab fa-facebook-f\"><\/i> Publication UAF-AFRICA\n                                <\/a>\n                            <\/div>\n                        <\/div>\n\n                        <!-- Projet 2 : CIVICUS -->\n                        <div class=\"project-card bg-white p-8 rounded-2xl border-t-4 border-jaie-yellow shadow-sm hover:shadow-md flex flex-col justify-between\">\n                            <div>\n                                <div class=\"flex justify-between items-start mb-4\">\n                                    <span class=\"px-3 py-1 bg-emerald-50 text-emerald-700 text-xs font-bold rounded-full uppercase tracking-wider\">Espace Civique<\/span>\n                                    <i class=\"fas fa-gavel text-emerald-400 text-lg\"><\/i>\n                                <\/div>\n                                <h3 class=\"font-black text-xl mb-3 text-jaie-blue\">Plaidoyer &#038; Libert\u00e9 (CIVICUS)<\/h3>\n                                <p class=\"text-gray-600 text-sm mb-6 leading-relaxed\">D\u00e9fense rigoureuse de la libre expression et de la libert\u00e9 d\u2019association en Afrique de l\u2019Ouest.<\/p>\n                                <div class=\"bg-gray-50 p-4 rounded-xl text-xs italic mb-6 border-l-2 border-jaie-blue\">\n                                    <strong class=\"text-jaie-blue block not-italic mb-1 font-bold\">Impact :<\/strong> Formation des OSC sur les strat\u00e9gies de plaidoyer pour influencer les politiques publiques.\n                                <\/div>\n                            <\/div>\n                            \n                            <!-- Section Liens int\u00e9gr\u00e9e -->\n                            <div class=\"pt-4 border-t border-gray-100\">\n                                <span class=\"block text-xs font-bold text-gray-400 uppercase tracking-wider mb-2\">En savoir plus :<\/span>\n                                <a href=\"https:\/\/www.facebook.com\/share\/p\/1D2pMqLHH5\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"inline-flex items-center gap-2 text-xs font-bold text-blue-600 hover:text-blue-800 bg-blue-50 hover:bg-blue-100 px-3.5 py-2 rounded-lg transition-colors w-full justify-center sm:justify-start\">\n                                    <i class=\"fab fa-facebook-f\"><\/i> Publication CIVICUS\n                                <\/a>\n                            <\/div>\n                        <\/div>\n\n                        <!-- Projet 3 : ARCEP -->\n                        <div class=\"project-card bg-white p-8 rounded-2xl border-t-4 border-jaie-yellow shadow-sm hover:shadow-md flex flex-col justify-between\">\n                            <div>\n                                <div class=\"flex justify-between items-start mb-4\">\n                                    <span class=\"px-3 py-1 bg-amber-50 text-amber-700 text-xs font-bold rounded-full uppercase tracking-wider\">Sensibilisation<\/span>\n                                    <i class=\"fas fa-mobile-alt text-amber-500 text-lg\"><\/i>\n                                <\/div>\n                                <h3 class=\"font-black text-xl mb-3 text-jaie-blue\">Num\u00e9rotation \u00e0 10 chiffres (ARCEP)<\/h3>\n                                <p class=\"text-gray-600 text-sm mb-6 leading-relaxed\">Campagne d&rsquo;envergure sur le nouveau plan de num\u00e9rotation \u00e0 10 chiffres au B\u00e9nin.<\/p>\n                                <div class=\"bg-gray-50 p-4 rounded-xl text-xs italic mb-6 border-l-2 border-jaie-blue\">\n                                    <strong class=\"text-jaie-blue block not-italic mb-1 font-bold\">Impact :<\/strong> R\u00e9duction de la confusion des consommateurs et fluidification de la transition technique.\n                                <\/div>\n                            <\/div>\n                            \n                            <div class=\"pt-4 border-t border-gray-100\">\n                                <span class=\"block text-xs font-bold text-gray-400 uppercase tracking-wider mb-2\">En savoir plus :<\/span>\n                                <span class=\"text-xs text-gray-500 italic block py-2\"><i class=\"fas fa-info-circle mr-1 text-amber-500\"><\/i> Campagne d&rsquo;int\u00e9r\u00eat national.<\/span>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n                    <!-- Liens G\u00e9n\u00e9raux \/ Autres Actualit\u00e9s 2024 -->\n                    <div class=\"mt-8 bg-white p-6 rounded-2xl shadow-sm border border-gray-100 max-w-3xl\">\n                        <div class=\"flex items-center gap-3 mb-4\">\n                            <span class=\"flex h-2.5 w-2.5 relative\">\n                                <span class=\"animate-ping absolute inline-flex h-full w-full rounded-full bg-jaie-yellow opacity-75\"><\/span>\n                                <span class=\"relative inline-flex rounded-full h-2.5 w-2.5 bg-jaie-yellow\"><\/span>\n                            <\/span>\n                            <h4 class=\"font-bold text-jaie-blue text-sm uppercase tracking-wide\">Autres actualit\u00e9s &#038; \u00e9v\u00e9nements majeurs de 2024 :<\/h4>\n                        <\/div>\n                        <div class=\"mb-3\">\n                            <span class=\"block text-xs font-bold text-gray-400 uppercase tracking-wider\">En savoir plus :<\/span>\n                        <\/div>\n                        <div class=\"flex flex-col sm:flex-row gap-3\">\n                            <a href=\"https:\/\/www.facebook.com\/share\/p\/1Hh5CgHkxX\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"inline-flex items-center gap-2 text-xs font-semibold text-gray-700 hover:text-blue-600 bg-slate-50 hover:bg-blue-50\/50 border border-gray-200\/60 px-4 py-2.5 rounded-xl transition-all\">\n                                <i class=\"fab fa-facebook text-blue-600 text-sm\"><\/i> Voir l&rsquo;actualit\u00e9 g\u00e9n\u00e9rale #1\n                            <\/a>\n                            <a href=\"https:\/\/www.facebook.com\/share\/p\/1EV4JgNA7L\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"inline-flex items-center gap-2 text-xs font-semibold text-gray-700 hover:text-blue-600 bg-slate-50 hover:bg-blue-50\/50 border border-gray-200\/60 px-4 py-2.5 rounded-xl transition-all\">\n                                <i class=\"fab fa-facebook text-blue-600 text-sm\"><\/i> Voir l&rsquo;actualit\u00e9 g\u00e9n\u00e9rale #2\n                            <\/a>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- Ann\u00e9e 2022 -->\n                <div class=\"relative md:pl-16\">\n                    <div class=\"hidden md:flex absolute left-4 top-4 w-6 h-6 rounded-full bg-jaie-yellow border-4 border-jaie-blue items-center justify-center z-10\"><\/div>\n                    \n                    <div class=\"year-header\">2022<\/div>\n                    \n                    <div class=\"bg-white p-8 rounded-2xl shadow-sm max-w-3xl border-l-4 border-jaie-blue\">\n                        <div class=\"flex flex-wrap justify-between items-start gap-4 mb-4\">\n                            <div>\n                                <span class=\"px-3 py-1 bg-blue-50 text-blue-700 text-xs font-bold rounded-full uppercase tracking-wider mr-2\">Digital Rights<\/span>\n                                <span class=\"px-3 py-1 bg-slate-100 text-slate-700 text-xs font-bold rounded-full uppercase tracking-wider\">Togo<\/span>\n                            <\/div>\n                            <i class=\"fas fa-fingerprint text-jaie-blue\/40 text-2xl\"><\/i>\n                        <\/div>\n                        <h3 class=\"text-xl font-black text-jaie-blue mb-3\">Droits num\u00e9riques au Togo (CIVICUS)<\/h3>\n                        <p class=\"text-gray-600 mb-6 leading-relaxed\">Analyse critique et lutte citoyenne contre la restriction de l\u2019espace civique dans l&rsquo;environnement technologique et num\u00e9rique au Togo.<\/p>\n                        \n                        <div class=\"pt-6 border-t border-gray-100 flex flex-col sm:flex-row sm:items-center justify-between gap-4\">\n                            <ul class=\"flex flex-wrap gap-2\">\n                                <li class=\"bg-slate-100 text-jaie-blue px-3 py-1 rounded-md text-xs font-bold\">Libert\u00e9 d&rsquo;expression<\/li>\n                                <li class=\"bg-slate-100 text-jaie-blue px-3 py-1 rounded-md text-xs font-bold\">Protection num\u00e9rique<\/li>\n                            <\/ul>\n                            \n                            <div class=\"flex flex-col items-start sm:items-end\">\n                                <span class=\"block text-xs font-bold text-gray-400 uppercase tracking-wider mb-2\">En savoir plus :<\/span>\n                                <a href=\"https:\/\/www.facebook.com\/share\/p\/1GwyqunEq1\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"inline-flex items-center gap-2 text-xs font-bold text-blue-600 hover:text-blue-800 bg-blue-50 hover:bg-blue-100 px-4 py-2.5 rounded-xl transition-colors\">\n                                    <i class=\"fab fa-facebook-f\"><\/i> Publication Droits Num\u00e9riques\n                                <\/a>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- Ann\u00e9e 2021 -->\n                <div class=\"relative md:pl-16\">\n                    <div class=\"hidden md:flex absolute left-4 top-4 w-6 h-6 rounded-full bg-jaie-yellow border-4 border-jaie-blue items-center justify-center z-10\"><\/div>\n                    \n                    <div class=\"year-header\">2021<\/div>\n                    \n                    <div class=\"bg-white p-8 rounded-2xl shadow-sm max-w-3xl border-l-4 border-jaie-yellow\">\n                        <div class=\"flex flex-wrap justify-between items-start gap-4 mb-4\">\n                            <div>\n                                <span class=\"px-3 py-1 bg-amber-50 text-amber-700 text-xs font-bold rounded-full uppercase tracking-wider mr-2\">Mobile Money<\/span>\n                                <span class=\"px-3 py-1 bg-slate-100 text-slate-700 text-xs font-bold rounded-full uppercase tracking-wider\">B\u00e9nin<\/span>\n                            <\/div>\n                            <i class=\"fas fa-shield-alt text-jaie-yellow text-2xl\"><\/i>\n                        <\/div>\n                        <h3 class=\"text-xl font-black text-jaie-blue mb-3\">Services Financiers Mobiles (ARCEP-B\u00e9nin)<\/h3>\n                        <p class=\"text-gray-600 mb-4 leading-relaxed\">Identification rigoureuse et vulgarisation des mesures de pr\u00e9caution indispensables pour les usagers de Mobile Money.<\/p>\n                        <p class=\"text-sm font-bold text-jaie-blue bg-jaie-light-blue\/60 p-3 rounded-lg inline-flex items-center gap-2\">\n                            <span class=\"w-2 h-2 rounded-full bg-amber-500\"><\/span> Lutte active contre les cyberfraudes et protection de l&rsquo;\u00e9pargne citoyenne.\n                        <\/p>\n                    <\/div>\n                <\/div>\n\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Moyens d'action -->\n    <section class=\"py-24 px-4 sm:px-6 lg:px-8 bg-white\">\n        <div class=\"max-w-7xl mx-auto\">\n            <div class=\"text-center mb-20\">\n                <span class=\"text-jaie-blue font-extrabold text-xs sm:text-sm uppercase tracking-widest bg-slate-100 px-4 py-1.5 rounded-full\">M\u00e9thodologie<\/span>\n                <h2 class=\"text-3xl md:text-4xl font-black text-jaie-blue mt-4 mb-4\">Nos Moyens d\u2019Action<\/h2>\n                <div class=\"w-20 h-1.5 bg-jaie-yellow mx-auto rounded-full\"><\/div>\n                <p class=\"mt-6 text-gray-500 max-w-2xl mx-auto italic font-medium\">\n                    Pour accomplir sa mission d&rsquo;int\u00e9gration et d&rsquo;\u00e9ducation, la JAIE d\u00e9ploie une strat\u00e9gie structur\u00e9e autour de quatre piliers fondamentaux.\n                <\/p>\n            <\/div>\n\n            <div class=\"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-8\">\n                <!-- Moyen 1 -->\n                <div class=\"p-8 border border-gray-100 rounded-3xl hover:bg-jaie-blue hover:text-white hover:border-jaie-blue transition-all duration-300 group shadow-sm flex flex-col justify-between\">\n                    <div>\n                        <div class=\"w-12 h-12 bg-jaie-yellow rounded-2xl flex items-center justify-center mb-6 text-jaie-blue group-hover:bg-white group-hover:text-jaie-blue transition-colors shadow-sm\">\n                            <i class=\"fas fa-hand-holding-heart fa-lg\"><\/i>\n                        <\/div>\n                        <h4 class=\"font-black text-xl mb-4 group-hover:text-jaie-yellow transition-colors\">Mobilisation<\/h4>\n                        <p class=\"text-sm text-gray-500 group-hover:text-white\/80 leading-relaxed\">Lev\u00e9e strat\u00e9gique de ressources financi\u00e8res, techniques et humaines, tant en interne qu&rsquo;aupr\u00e8s de nos partenaires d&rsquo;Afrique de l&rsquo;Ouest et internationaux.<\/p>\n                    <\/div>\n                <\/div>\n\n                <!-- Moyen 2 -->\n                <div class=\"p-8 border border-gray-100 rounded-3xl hover:bg-jaie-blue hover:text-white hover:border-jaie-blue transition-all duration-300 group shadow-sm flex flex-col justify-between\">\n                    <div>\n                        <div class=\"w-12 h-12 bg-jaie-yellow rounded-2xl flex items-center justify-center mb-6 text-jaie-blue group-hover:bg-white group-hover:text-jaie-blue transition-colors shadow-sm\">\n                            <i class=\"fas fa-bullhorn fa-lg\"><\/i>\n                        <\/div>\n                        <h4 class=\"font-black text-xl mb-4 group-hover:text-jaie-yellow transition-colors\">Renforcement<\/h4>\n                        <p class=\"text-sm text-gray-500 group-hover:text-white\/80 leading-relaxed\">Programmes structur\u00e9s d\u2019information, de formation qualifiante et de sensibilisation directe aupr\u00e8s des communaut\u00e9s b\u00e9n\u00e9ficiaires au B\u00e9nin et au Togo.<\/p>\n                    <\/div>\n                <\/div>\n\n                <!-- Moyen 3 -->\n                <div class=\"p-8 border border-gray-100 rounded-3xl hover:bg-jaie-blue hover:text-white hover:border-jaie-blue transition-all duration-300 group shadow-sm flex flex-col justify-between\">\n                    <div>\n                        <div class=\"w-12 h-12 bg-jaie-yellow rounded-2xl flex items-center justify-center mb-6 text-jaie-blue group-hover:bg-white group-hover:text-jaie-blue transition-colors shadow-sm\">\n                            <i class=\"fas fa-users fa-lg\"><\/i>\n                        <\/div>\n                        <h4 class=\"font-black text-xl mb-4 group-hover:text-jaie-yellow transition-colors\">Plaidoyer<\/h4>\n                        <p class=\"text-sm text-gray-500 group-hover:text-white\/80 leading-relaxed\">Collaboration \u00e9troite et synergique avec les institutions et les organisations de la soci\u00e9t\u00e9 civile partageant nos combats et nos valeurs.<\/p>\n                    <\/div>\n                <\/div>\n\n                <!-- Moyen 4 -->\n                <div class=\"p-8 border border-gray-100 rounded-3xl hover:bg-jaie-blue hover:text-white hover:border-jaie-blue transition-all duration-300 group shadow-sm flex flex-col justify-between\">\n                    <div>\n                        <div class=\"w-12 h-12 bg-jaie-yellow rounded-2xl flex items-center justify-center mb-6 text-jaie-blue group-hover:bg-white group-hover:text-jaie-blue transition-colors shadow-sm\">\n                            <i class=\"fas fa-microscope fa-lg\"><\/i>\n                        <\/div>\n                        <h4 class=\"font-black text-xl mb-4 group-hover:text-jaie-yellow transition-colors\">Recherche<\/h4>\n                        <p class=\"text-sm text-gray-500 group-hover:text-white\/80 leading-relaxed\">Partenariats scientifiques avec des universit\u00e9s et unit\u00e9s de recherche fondamentale sur l\u2019\u00e9ducation inclusive et le d\u00e9veloppement durable.<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <!-- Conclusion Block -->\n            <div class=\"mt-20 bg-gradient-to-r from-jaie-blue to-jaie-darkBlue p-8 sm:p-12 rounded-3xl text-white flex flex-col lg:flex-row items-center justify-between gap-8 shadow-xl shadow-jaie-blue\/10\">\n                <div class=\"max-w-xl text-center lg:text-left\">\n                    <span class=\"inline-block bg-jaie-yellow\/20 text-jaie-yellow text-xs font-bold px-3 py-1 rounded-full uppercase tracking-wider mb-3\">Engagement<\/span>\n                    <h3 class=\"text-2xl sm:text-3xl font-black mb-2\">Soutenir notre mission sociale ?<\/h3>\n                    <p class=\"text-gray-300 text-sm sm:text-base\">Devenez acteur du changement. Ensemble, favorisons l\u2019\u00e9ducation, l\u2019inclusion du genre et l\u2019int\u00e9gration positive en Afrique de l&rsquo;Ouest.<\/p>\n                <\/div>\n                <div class=\"shrink-0\">\n                    <a href=\"mailto:associationjaie@gmail.com?subject=Prise%20de%20contact%20-%20Soutien%20JAIE\" class=\"inline-flex items-center gap-2 bg-jaie-yellow hover:bg-yellow-400 text-jaie-blue font-extrabold px-8 py-4 rounded-full hover:scale-105 transition-transform duration-200 shadow-md\">\n                        <i class=\"fas fa-envelope\"><\/i> Contactez l&rsquo;association\n                    <\/a>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Footer -->\n    <footer class=\"bg-slate-900 text-slate-400 py-12 px-4 sm:px-6 lg:px-8 border-t border-slate-800 text-center text-xs sm:text-sm\">\n        <div class=\"max-w-7xl mx-auto flex flex-col sm:flex-row items-center justify-between gap-6\">\n            <p>&copy; 2026 Jeunesse Active pour l\u2019Int\u00e9gration et l\u2019Education (JAIE). Tous droits r\u00e9serv\u00e9s.<\/p>\n            <div class=\"flex gap-4\">\n                <a href=\"mailto:associationjaie@gmail.com\" class=\"hover:text-white transition-colors\">Contact<\/a>\n                <span class=\"text-slate-700\">|<\/span>\n                <span class=\"text-slate-500\">B\u00e9nin &#8211; Togo &#8211; Afrique de l&rsquo;Ouest<\/span>\n            <\/div>\n        <\/div>\n    <\/footer>\n\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Nos Projets &#8211; JAIE Association Impact &#038; Engagement Nos Projets : B\u00e2tir l&rsquo;avenir en Afrique Depuis 2021, nous \u0153uvrons pour b\u00e2tir un monde de paix o\u00f9 tous les jeunes et les femmes jouissent pleinement de leurs droits. Nous promouvons les droits humains, l&rsquo;\u00e9ducation inclusive, et l&rsquo;int\u00e9gration des personnes vuln\u00e9rables dans les sph\u00e8res de d\u00e9cision pour&#8230;<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_uag_custom_page_level_css":"","_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"class_list":["post-1395","page","type-page","status-publish","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false,"trp-custom-language-flag":false},"uagb_author_info":{"display_name":"associationjaie@gmail.com","author_link":"https:\/\/jaie-assoc.com\/en\/author\/associationjaiegmail-com\/"},"uagb_comment_info":0,"uagb_excerpt":"Nos Projets &#8211; JAIE Association Impact &#038; Engagement Nos Projets : B\u00e2tir l&rsquo;avenir en Afrique Depuis 2021, nous \u0153uvrons pour b\u00e2tir un monde de paix o\u00f9 tous les jeunes et les femmes jouissent pleinement de leurs droits. Nous promouvons les droits humains, l&rsquo;\u00e9ducation inclusive, et l&rsquo;int\u00e9gration des personnes vuln\u00e9rables dans les sph\u00e8res de d\u00e9cision pour...","_links":{"self":[{"href":"https:\/\/jaie-assoc.com\/en\/wp-json\/wp\/v2\/pages\/1395","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/jaie-assoc.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/jaie-assoc.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/jaie-assoc.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/jaie-assoc.com\/en\/wp-json\/wp\/v2\/comments?post=1395"}],"version-history":[{"count":18,"href":"https:\/\/jaie-assoc.com\/en\/wp-json\/wp\/v2\/pages\/1395\/revisions"}],"predecessor-version":[{"id":33873,"href":"https:\/\/jaie-assoc.com\/en\/wp-json\/wp\/v2\/pages\/1395\/revisions\/33873"}],"wp:attachment":[{"href":"https:\/\/jaie-assoc.com\/en\/wp-json\/wp\/v2\/media?parent=1395"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}