{"id":32592,"date":"2026-06-30T21:56:40","date_gmt":"2026-06-30T21:56:40","guid":{"rendered":"https:\/\/jaie-assoc.com\/?page_id=32592"},"modified":"2026-07-08T09:00:35","modified_gmt":"2026-07-08T09:00:35","slug":"home","status":"publish","type":"page","link":"https:\/\/jaie-assoc.com\/en\/","title":{"rendered":"Welcome"},"content":{"rendered":"\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:100%\"><\/div>\n<\/div>\n\n\n<style>.kb-gallery-id-32592_9f3597-64.kb-gallery-ul.kb-gallery-type-fluidcarousel .kt-blocks-carousel figure .kb-gal-image-radius, .kb-gallery-id-32592_9f3597-64.kb-gallery-ul.kb-gallery-type-fluidcarousel .kt-blocks-carousel figure .kb-gal-image-radius img{height:346px;}.kb-gallery-id-32592_9f3597-64 .kadence-blocks-gallery-item .kb-gal-image-radius, .kb-gallery-id-32592_9f3597-64 .kb-slide-item .kb-gal-image-radius img{border-radius:0px 0px 0px 0px;;}.kb-gallery-wrap-id-32592_9f3597-64.wp-block-kadence-advancedgallery{overflow:visible;}.kb-gallery-wrap-id-32592_9f3597-64.wp-block-kadence-advancedgallery .kt-blocks-carousel{overflow:visible;max-width:100%;}<\/style><div class=\"kb-gallery-wrap-id-32592_9f3597-64 alignnone wp-block-kadence-advancedgallery\"><div class=\"kb-gallery-ul kb-gallery-non-static kb-gallery-type-fluidcarousel kb-gallery-id-32592_9f3597-64 kb-gallery-caption-style-bottom-hover kb-gallery-filter-none\" data-image-filter=\"none\" data-lightbox-caption=\"true\"><div class=\"kt-blocks-carousel splide kt-carousel-container-dotstyle-dark kt-carousel-arrowstyle-whiteondark kt-carousel-dotstyle-dark kb-slider-group-arrow kb-slider-arrow-position-center\" data-slider-anim-speed=\"400\" data-slider-scroll=\"1\" data-slider-arrows=\"true\" data-slider-dots=\"true\" data-slider-hover-pause=\"false\" data-slider-auto=\"1\" data-slider-speed=\"7000\" data-slider-type=\"fluidcarousel\" data-slider-center-mode=\"true\" data-slider-gap=\"10px\" data-slider-gap-tablet=\"10px\" data-slider-gap-mobile=\"10px\" data-show-pause-button=\"false\"><div class=\"splide__track\"><ul class=\"kt-blocks-carousel-init kb-blocks-fluid-carousel splide__list\"><li class=\"kb-slide-item kb-gallery-carousel-item splide__slide\"><div class=\"kadence-blocks-gallery-item\"><div class=\"kadence-blocks-gallery-item-inner\"><figure class=\"kb-gallery-figure kadence-blocks-gallery-item-hide-caption\"><div class=\"kb-gal-image-radius\"><div class=\"kb-gallery-image-contain\" ><img fetchpriority=\"high\" decoding=\"async\" src=\"https:\/\/jaie-assoc.com\/wp-content\/uploads\/2026\/07\/WhatsApp-Image-2026-07-06-at-13.03.46.jpeg\" width=\"855\" height=\"715\" alt=\"whatsapp image 2026 07 06 at 13.03.46\" data-full-image=\"https:\/\/jaie-assoc.com\/wp-content\/uploads\/2026\/07\/WhatsApp-Image-2026-07-06-at-13.03.46.jpeg\" data-light-image=\"https:\/\/jaie-assoc.com\/wp-content\/uploads\/2026\/07\/WhatsApp-Image-2026-07-06-at-13.03.46.jpeg\" data-id=\"33815\" class=\"wp-image-33815 skip-lazy\" title=\"Accueil\" srcset=\"https:\/\/jaie-assoc.com\/wp-content\/uploads\/2026\/07\/WhatsApp-Image-2026-07-06-at-13.03.46.jpeg 855w, https:\/\/jaie-assoc.com\/wp-content\/uploads\/2026\/07\/WhatsApp-Image-2026-07-06-at-13.03.46-300x251.jpeg 300w, https:\/\/jaie-assoc.com\/wp-content\/uploads\/2026\/07\/WhatsApp-Image-2026-07-06-at-13.03.46-768x642.jpeg 768w\" sizes=\"(max-width: 855px) 100vw, 855px\" \/><\/div><\/div><\/figure><\/div><\/div><\/li><li class=\"kb-slide-item kb-gallery-carousel-item splide__slide\"><div class=\"kadence-blocks-gallery-item\"><div class=\"kadence-blocks-gallery-item-inner\"><figure class=\"kb-gallery-figure kadence-blocks-gallery-item-hide-caption\"><div class=\"kb-gal-image-radius\"><div class=\"kb-gallery-image-contain\" ><img decoding=\"async\" src=\"https:\/\/jaie-assoc.com\/wp-content\/uploads\/2026\/07\/WhatsApp-Image-2026-07-06-at-13.03.40-1-803x1024.jpeg\" width=\"803\" height=\"1024\" alt=\"whatsapp image 2026 07 06 at 13.03.40 (1)\" data-full-image=\"https:\/\/jaie-assoc.com\/wp-content\/uploads\/2026\/07\/WhatsApp-Image-2026-07-06-at-13.03.40-1.jpeg\" data-light-image=\"https:\/\/jaie-assoc.com\/wp-content\/uploads\/2026\/07\/WhatsApp-Image-2026-07-06-at-13.03.40-1.jpeg\" data-id=\"33804\" class=\"wp-image-33804 skip-lazy\" title=\"Accueil\" srcset=\"https:\/\/jaie-assoc.com\/wp-content\/uploads\/2026\/07\/WhatsApp-Image-2026-07-06-at-13.03.40-1-803x1024.jpeg 803w, https:\/\/jaie-assoc.com\/wp-content\/uploads\/2026\/07\/WhatsApp-Image-2026-07-06-at-13.03.40-1-235x300.jpeg 235w, https:\/\/jaie-assoc.com\/wp-content\/uploads\/2026\/07\/WhatsApp-Image-2026-07-06-at-13.03.40-1-768x979.jpeg 768w, https:\/\/jaie-assoc.com\/wp-content\/uploads\/2026\/07\/WhatsApp-Image-2026-07-06-at-13.03.40-1.jpeg 847w\" sizes=\"(max-width: 803px) 100vw, 803px\" \/><\/div><\/div><\/figure><\/div><\/div><\/li><li class=\"kb-slide-item kb-gallery-carousel-item splide__slide\"><div class=\"kadence-blocks-gallery-item\"><div class=\"kadence-blocks-gallery-item-inner\"><figure class=\"kb-gallery-figure kadence-blocks-gallery-item-hide-caption\"><div class=\"kb-gal-image-radius\"><div class=\"kb-gallery-image-contain\" ><img decoding=\"async\" src=\"https:\/\/jaie-assoc.com\/wp-content\/uploads\/2026\/07\/WhatsApp-Image-2026-07-06-at-13.03.41-1-1024x683.jpeg\" width=\"1024\" height=\"683\" alt=\"whatsapp image 2026 07 06 at 13.03.41 (1)\" data-full-image=\"https:\/\/jaie-assoc.com\/wp-content\/uploads\/2026\/07\/WhatsApp-Image-2026-07-06-at-13.03.41-1.jpeg\" data-light-image=\"https:\/\/jaie-assoc.com\/wp-content\/uploads\/2026\/07\/WhatsApp-Image-2026-07-06-at-13.03.41-1.jpeg\" data-id=\"33806\" class=\"wp-image-33806 skip-lazy\" title=\"Accueil\" srcset=\"https:\/\/jaie-assoc.com\/wp-content\/uploads\/2026\/07\/WhatsApp-Image-2026-07-06-at-13.03.41-1-1024x683.jpeg 1024w, https:\/\/jaie-assoc.com\/wp-content\/uploads\/2026\/07\/WhatsApp-Image-2026-07-06-at-13.03.41-1-300x200.jpeg 300w, https:\/\/jaie-assoc.com\/wp-content\/uploads\/2026\/07\/WhatsApp-Image-2026-07-06-at-13.03.41-1-768x512.jpeg 768w, https:\/\/jaie-assoc.com\/wp-content\/uploads\/2026\/07\/WhatsApp-Image-2026-07-06-at-13.03.41-1.jpeg 1080w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/div><\/div><\/figure><\/div><\/div><\/li><li class=\"kb-slide-item kb-gallery-carousel-item splide__slide\"><div class=\"kadence-blocks-gallery-item\"><div class=\"kadence-blocks-gallery-item-inner\"><figure class=\"kb-gallery-figure kadence-blocks-gallery-item-hide-caption\"><div class=\"kb-gal-image-radius\"><div class=\"kb-gallery-image-contain\" ><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/jaie-assoc.com\/wp-content\/uploads\/2026\/07\/WhatsApp-Image-2026-07-06-at-13.03.42-1-1024x683.jpeg\" width=\"1024\" height=\"683\" alt=\"whatsapp image 2026 07 06 at 13.03.42 (1)\" data-full-image=\"https:\/\/jaie-assoc.com\/wp-content\/uploads\/2026\/07\/WhatsApp-Image-2026-07-06-at-13.03.42-1.jpeg\" data-light-image=\"https:\/\/jaie-assoc.com\/wp-content\/uploads\/2026\/07\/WhatsApp-Image-2026-07-06-at-13.03.42-1.jpeg\" data-id=\"33808\" class=\"wp-image-33808 skip-lazy\" title=\"Accueil\" srcset=\"https:\/\/jaie-assoc.com\/wp-content\/uploads\/2026\/07\/WhatsApp-Image-2026-07-06-at-13.03.42-1-1024x683.jpeg 1024w, https:\/\/jaie-assoc.com\/wp-content\/uploads\/2026\/07\/WhatsApp-Image-2026-07-06-at-13.03.42-1-300x200.jpeg 300w, https:\/\/jaie-assoc.com\/wp-content\/uploads\/2026\/07\/WhatsApp-Image-2026-07-06-at-13.03.42-1-768x512.jpeg 768w, https:\/\/jaie-assoc.com\/wp-content\/uploads\/2026\/07\/WhatsApp-Image-2026-07-06-at-13.03.42-1.jpeg 1080w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/div><\/div><\/figure><\/div><\/div><\/li><li class=\"kb-slide-item kb-gallery-carousel-item splide__slide\"><div class=\"kadence-blocks-gallery-item\"><div class=\"kadence-blocks-gallery-item-inner\"><figure class=\"kb-gallery-figure kadence-blocks-gallery-item-hide-caption\"><div class=\"kb-gal-image-radius\"><div class=\"kb-gallery-image-contain\" ><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/jaie-assoc.com\/wp-content\/uploads\/2026\/07\/WhatsApp-Image-2026-07-06-at-13.03.42-1024x683.jpeg\" width=\"1024\" height=\"683\" alt=\"whatsapp image 2026 07 06 at 13.03.42\" data-full-image=\"https:\/\/jaie-assoc.com\/wp-content\/uploads\/2026\/07\/WhatsApp-Image-2026-07-06-at-13.03.42.jpeg\" data-light-image=\"https:\/\/jaie-assoc.com\/wp-content\/uploads\/2026\/07\/WhatsApp-Image-2026-07-06-at-13.03.42.jpeg\" data-id=\"33809\" class=\"wp-image-33809 skip-lazy\" title=\"Accueil\" srcset=\"https:\/\/jaie-assoc.com\/wp-content\/uploads\/2026\/07\/WhatsApp-Image-2026-07-06-at-13.03.42-1024x683.jpeg 1024w, https:\/\/jaie-assoc.com\/wp-content\/uploads\/2026\/07\/WhatsApp-Image-2026-07-06-at-13.03.42-300x200.jpeg 300w, https:\/\/jaie-assoc.com\/wp-content\/uploads\/2026\/07\/WhatsApp-Image-2026-07-06-at-13.03.42-768x512.jpeg 768w, https:\/\/jaie-assoc.com\/wp-content\/uploads\/2026\/07\/WhatsApp-Image-2026-07-06-at-13.03.42.jpeg 1080w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/div><\/div><\/figure><\/div><\/div><\/li><li class=\"kb-slide-item kb-gallery-carousel-item splide__slide\"><div class=\"kadence-blocks-gallery-item\"><div class=\"kadence-blocks-gallery-item-inner\"><figure class=\"kb-gallery-figure kadence-blocks-gallery-item-hide-caption\"><div class=\"kb-gal-image-radius\"><div class=\"kb-gallery-image-contain\" ><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/jaie-assoc.com\/wp-content\/uploads\/2026\/07\/WhatsApp-Image-2026-07-06-at-13.03.44-1024x683.jpeg\" width=\"1024\" height=\"683\" alt=\"whatsapp image 2026 07 06 at 13.03.44\" data-full-image=\"https:\/\/jaie-assoc.com\/wp-content\/uploads\/2026\/07\/WhatsApp-Image-2026-07-06-at-13.03.44.jpeg\" data-light-image=\"https:\/\/jaie-assoc.com\/wp-content\/uploads\/2026\/07\/WhatsApp-Image-2026-07-06-at-13.03.44.jpeg\" data-id=\"33811\" class=\"wp-image-33811 skip-lazy\" title=\"Accueil\" srcset=\"https:\/\/jaie-assoc.com\/wp-content\/uploads\/2026\/07\/WhatsApp-Image-2026-07-06-at-13.03.44-1024x683.jpeg 1024w, https:\/\/jaie-assoc.com\/wp-content\/uploads\/2026\/07\/WhatsApp-Image-2026-07-06-at-13.03.44-300x200.jpeg 300w, https:\/\/jaie-assoc.com\/wp-content\/uploads\/2026\/07\/WhatsApp-Image-2026-07-06-at-13.03.44-768x512.jpeg 768w, https:\/\/jaie-assoc.com\/wp-content\/uploads\/2026\/07\/WhatsApp-Image-2026-07-06-at-13.03.44.jpeg 1080w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/div><\/div><\/figure><\/div><\/div><\/li><li class=\"kb-slide-item kb-gallery-carousel-item splide__slide\"><div class=\"kadence-blocks-gallery-item\"><div class=\"kadence-blocks-gallery-item-inner\"><figure class=\"kb-gallery-figure kadence-blocks-gallery-item-hide-caption\"><div class=\"kb-gal-image-radius\"><div class=\"kb-gallery-image-contain\" ><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/jaie-assoc.com\/wp-content\/uploads\/2026\/07\/WhatsApp-Image-2026-07-06-at-13.03.45-2-1024x683.jpeg\" width=\"1024\" height=\"683\" alt=\"whatsapp image 2026 07 06 at 13.03.45 (2)\" data-full-image=\"https:\/\/jaie-assoc.com\/wp-content\/uploads\/2026\/07\/WhatsApp-Image-2026-07-06-at-13.03.45-2.jpeg\" data-light-image=\"https:\/\/jaie-assoc.com\/wp-content\/uploads\/2026\/07\/WhatsApp-Image-2026-07-06-at-13.03.45-2.jpeg\" data-id=\"33813\" class=\"wp-image-33813 skip-lazy\" title=\"Accueil\" srcset=\"https:\/\/jaie-assoc.com\/wp-content\/uploads\/2026\/07\/WhatsApp-Image-2026-07-06-at-13.03.45-2-1024x683.jpeg 1024w, https:\/\/jaie-assoc.com\/wp-content\/uploads\/2026\/07\/WhatsApp-Image-2026-07-06-at-13.03.45-2-300x200.jpeg 300w, https:\/\/jaie-assoc.com\/wp-content\/uploads\/2026\/07\/WhatsApp-Image-2026-07-06-at-13.03.45-2-768x512.jpeg 768w, https:\/\/jaie-assoc.com\/wp-content\/uploads\/2026\/07\/WhatsApp-Image-2026-07-06-at-13.03.45-2.jpeg 1080w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/div><\/div><\/figure><\/div><\/div><\/li><li class=\"kb-slide-item kb-gallery-carousel-item splide__slide\"><div class=\"kadence-blocks-gallery-item\"><div class=\"kadence-blocks-gallery-item-inner\"><figure class=\"kb-gallery-figure kadence-blocks-gallery-item-hide-caption\"><div class=\"kb-gal-image-radius\"><div class=\"kb-gallery-image-contain\" ><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/jaie-assoc.com\/wp-content\/uploads\/2026\/03\/WhatsApp-Image-2026-03-12-at-12.12.58-2-1-1024x686.jpeg\" width=\"1024\" height=\"686\" alt=\"whatsapp image 2026 03 12 at 12.12.58 (2)\" data-full-image=\"https:\/\/jaie-assoc.com\/wp-content\/uploads\/2026\/03\/WhatsApp-Image-2026-03-12-at-12.12.58-2-1.jpeg\" data-light-image=\"https:\/\/jaie-assoc.com\/wp-content\/uploads\/2026\/03\/WhatsApp-Image-2026-03-12-at-12.12.58-2-1.jpeg\" data-id=\"3613\" class=\"wp-image-3613 skip-lazy\" title=\"Accueil\" srcset=\"https:\/\/jaie-assoc.com\/wp-content\/uploads\/2026\/03\/WhatsApp-Image-2026-03-12-at-12.12.58-2-1-1024x686.jpeg 1024w, https:\/\/jaie-assoc.com\/wp-content\/uploads\/2026\/03\/WhatsApp-Image-2026-03-12-at-12.12.58-2-1-300x201.jpeg 300w, https:\/\/jaie-assoc.com\/wp-content\/uploads\/2026\/03\/WhatsApp-Image-2026-03-12-at-12.12.58-2-1-768x514.jpeg 768w, https:\/\/jaie-assoc.com\/wp-content\/uploads\/2026\/03\/WhatsApp-Image-2026-03-12-at-12.12.58-2-1.jpeg 1080w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/div><\/div><\/figure><\/div><\/div><\/li><li class=\"kb-slide-item kb-gallery-carousel-item splide__slide\"><div class=\"kadence-blocks-gallery-item\"><div class=\"kadence-blocks-gallery-item-inner\"><figure class=\"kb-gallery-figure kadence-blocks-gallery-item-hide-caption\"><div class=\"kb-gal-image-radius\"><div class=\"kb-gallery-image-contain\" ><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/jaie-assoc.com\/wp-content\/uploads\/2026\/03\/WhatsApp-Image-2026-03-12-at-12.12.48-1024x683.jpeg\" width=\"1024\" height=\"683\" alt=\"whatsapp image 2026 03 12 at 12.12.48\" data-full-image=\"https:\/\/jaie-assoc.com\/wp-content\/uploads\/2026\/03\/WhatsApp-Image-2026-03-12-at-12.12.48.jpeg\" data-light-image=\"https:\/\/jaie-assoc.com\/wp-content\/uploads\/2026\/03\/WhatsApp-Image-2026-03-12-at-12.12.48.jpeg\" data-id=\"3600\" class=\"wp-image-3600 skip-lazy\" title=\"Accueil\" srcset=\"https:\/\/jaie-assoc.com\/wp-content\/uploads\/2026\/03\/WhatsApp-Image-2026-03-12-at-12.12.48-1024x683.jpeg 1024w, https:\/\/jaie-assoc.com\/wp-content\/uploads\/2026\/03\/WhatsApp-Image-2026-03-12-at-12.12.48-300x200.jpeg 300w, https:\/\/jaie-assoc.com\/wp-content\/uploads\/2026\/03\/WhatsApp-Image-2026-03-12-at-12.12.48-768x512.jpeg 768w, https:\/\/jaie-assoc.com\/wp-content\/uploads\/2026\/03\/WhatsApp-Image-2026-03-12-at-12.12.48.jpeg 1080w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/div><\/div><\/figure><\/div><\/div><\/li><\/ul><\/div><\/div><\/div><\/div>\n\n\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    <!-- Meta de s\u00e9curit\u00e9 : \u00c9vite de divulguer des informations sensibles lors des redirections -->\n    <meta name=\"referrer\" content=\"no-referrer-when-downgrade\">\n    <title>JAIE &#8211; Jeunesse Active pour l&rsquo;Int\u00e9gration et l&rsquo;Education<\/title>\n    \n    <!-- Google Fonts -->\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;500;600;700;800&#038;display=swap\" rel=\"stylesheet\">\n    \n    <!-- Tailwind CSS -->\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n    \n    <!-- FontAwesome for Icons - S\u00e9curis\u00e9 avec attribut d'int\u00e9grit\u00e9 (SRI) -->\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\" integrity=\"sha512-iecdLmaskl7CVkqkXNQ\/ZH\/XLlvWZOJyj7Yy7tcenmpD1ypASozpmT\/E0iPtmFIB46ZmdtAc9eNBvH0H\/ZpiBw==\" crossorigin=\"anonymous\" referrerpolicy=\"no-referrer\" \/>\n\n    <!-- AOS Animation Library CSS - S\u00e9curis\u00e9 avec attribut d'int\u00e9grit\u00e9 (SRI) -->\n    <link href=\"https:\/\/unpkg.com\/aos@2.3.1\/dist\/aos.css\" rel=\"stylesheet\">\n\n    <!-- Script de s\u00e9curit\u00e9 : Anti-Clickjacking (emp\u00eache l'affichage dans un iframe malveillant) -->\n    <script>\n        try {\n            if (self !== top) {\n                \/\/ Si le site est charg\u00e9 dans un cadre d\u00e9tourn\u00e9, on force la redirection\n                top.location = self.location;\n            }\n        } catch (e) {\n            \/\/ Emp\u00eache le plantage dans les environnements de pr\u00e9visualisation sandbox\u00e9s\n            console.warn(\"Anti-clickjacking protection bypassed safely in sandbox preview.\");\n        }\n    <\/script>\n\n    <script>\n        tailwind.config = {\n            theme: {\n                extend: {\n                    colors: {\n                        jaie: {\n                            blue: '#0A2463',   \n                            yellow: '#FFC857', \n                            red: '#E71D36',    \n                            light: '#F8F9FA'\n                        }\n                    },\n                    fontFamily: {\n                        sans: ['Poppins', 'sans-serif'],\n                    }\n                }\n            }\n        }\n    <\/script>\n\n    <style>\n        \/* Pr\u00e9vention des d\u00e9bordements horizontaux *\/\n        body {\n            overflow-x: hidden;\n            background-color: #ffffff;\n        }\n\n        \/* TECHNIQUE FULL-BLEED : \n           Force les sections \u00e0 prendre toute la largeur de l'\u00e9cran, \n           m\u00eame si le site parent les enferme dans une bo\u00eete au milieu. \n           Cela r\u00e8gle le probl\u00e8me de \"couleur de fond diff\u00e9rente sur les c\u00f4t\u00e9s\" *\/\n        .full-bleed {\n            width: 100vw;\n            position: relative;\n            left: 50%;\n            right: 50%;\n            margin-left: -50vw;\n            margin-right: -50vw;\n        }\n\n        .hero-bg {\n            background-image: linear-gradient(to right, rgba(10, 36, 99, 0.95), rgba(10, 36, 99, 0.7)), url('https:\/\/images.unsplash.com\/photo-1531206715517-5c0ba140b2b8?ixlib=rb-4.0.3&auto=format&fit=crop&w=1920&q=80');\n            background-size: cover;\n            background-position: center;\n        }\n        \n        \/* Design am\u00e9lior\u00e9 de la Timeline *\/\n        .timeline-line {\n            position: absolute;\n            left: 1.5rem;\n            top: 0;\n            bottom: 0;\n            width: 4px;\n            background-color: #e5e7eb;\n            border-radius: 4px;\n        }\n        \n        @media (min-width: 768px) {\n            .timeline-line {\n                left: 50%;\n                transform: translateX(-50%);\n            }\n        }\n\n        .social-link {\n            transition: all 0.3s ease;\n        }\n        .social-link:hover {\n            color: #FFC857 !important;\n            transform: translateY(-3px);\n        }\n    <\/style>\n<\/head>\n<body class=\"font-sans text-gray-800 antialiased\">\n\n    <!-- L'ent\u00eate (HEADER) a \u00e9t\u00e9 supprim\u00e9 ici -->\n\n    <!-- HERO SECTION -->\n    <section id=\"accueil\" class=\"full-bleed hero-bg min-h-[75vh] py-20 flex items-center relative overflow-hidden\">\n        <div class=\"max-w-7xl mx-auto px-6 sm:px-10 lg:px-8 text-center relative z-10\" data-aos=\"fade-up\" data-aos-duration=\"1000\">\n            <span class=\"inline-block py-1.5 px-4 rounded-full bg-jaie-yellow\/20 border border-jaie-yellow text-jaie-yellow font-bold text-xs mb-6 tracking-widest uppercase shadow-sm\">\n                Notre Vision\n            <\/span>\n            <h1 class=\"text-4xl md:text-5xl lg:text-7xl font-extrabold text-white mb-6 leading-tight\">\n                B\u00e2tir un monde de paix pour <br class=\"hidden md:block\"\/> <span class=\"text-jaie-yellow\">les jeunes et les femmes<\/span>\n            <\/h1>\n            <p class=\"mt-4 max-w-2xl text-lg md:text-xl text-gray-200 mx-auto mb-10 font-light leading-relaxed\">\n                L&rsquo;Association JAIE s&rsquo;engage pour les droits des jeunes, l&rsquo;inclusion sociale et le d\u00e9veloppement durable.\n            <\/p>\n            <div class=\"flex flex-col sm:flex-row justify-center gap-4\">\n                <a href=\"#propos\" class=\"bg-jaie-yellow text-jaie-blue px-8 py-3.5 rounded-full font-bold hover:bg-white transition-all shadow-[0_0_20px_rgba(255,200,87,0.3)] hover:-translate-y-1 text-lg\">\n                    D\u00e9couvrir JAIE\n                <\/a>\n                <a href=\"#footer-contact\" class=\"bg-transparent border-2 border-white text-white px-8 py-3.5 rounded-full font-bold hover:bg-white hover:text-jaie-blue transition-all shadow-lg hover:-translate-y-1 text-lg\">\n                    Nous Rejoindre\n                <\/a>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- BARRE DES VALEURS (Int\u00e9gr\u00e9e proprement pour \u00e9viter l'effet double menu) -->\n    <section class=\"full-bleed bg-white border-b border-gray-100 py-6 relative z-20 shadow-sm\">\n        <div class=\"max-w-7xl mx-auto px-6\">\n            <div class=\"flex flex-wrap justify-center gap-x-10 gap-y-4 text-center font-bold text-sm text-gray-600\">\n                <div class=\"flex items-center gap-2 hover:text-jaie-blue transition-colors cursor-default\" data-aos=\"fade-up\" data-aos-delay=\"50\"><i class=\"fas fa-venus-mars text-jaie-yellow text-lg\"><\/i> \u00c9galit\u00e9 des sexes<\/div>\n                <div class=\"flex items-center gap-2 hover:text-jaie-blue transition-colors cursor-default\" data-aos=\"fade-up\" data-aos-delay=\"100\"><i class=\"fas fa-handshake text-jaie-yellow text-lg\"><\/i> Redevabilit\u00e9<\/div>\n                <div class=\"flex items-center gap-2 hover:text-jaie-blue transition-colors cursor-default\" data-aos=\"fade-up\" data-aos-delay=\"150\"><i class=\"fas fa-users text-jaie-yellow text-lg\"><\/i> Inclusivit\u00e9<\/div>\n                <div class=\"flex items-center gap-2 hover:text-jaie-blue transition-colors cursor-default\" data-aos=\"fade-up\" data-aos-delay=\"200\"><i class=\"fas fa-balance-scale text-jaie-yellow text-lg\"><\/i> Bonne Gouvernance<\/div>\n                <div class=\"flex items-center gap-2 hover:text-jaie-blue transition-colors cursor-default\" data-aos=\"fade-up\" data-aos-delay=\"250\"><i class=\"fas fa-shield-alt text-jaie-yellow text-lg\"><\/i> Confidentialit\u00e9<\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- A PROPOS -->\n    <section id=\"propos\" class=\"py-24 full-bleed bg-gray-50\">\n        <div class=\"max-w-7xl mx-auto px-6 sm:px-10 lg:px-8\">\n            <div class=\"grid grid-cols-1 lg:grid-cols-2 gap-16 items-center\">\n                <!-- Image Wrapper avec style moderne -->\n                <div class=\"relative px-4\" data-aos=\"fade-right\">\n                    <div class=\"absolute inset-0 bg-jaie-blue rounded-[2.5rem] transform rotate-3 scale-105 opacity-10\"><\/div>\n                    <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1529390079861-591de354faf5?ixlib=rb-4.0.3&#038;auto=format&#038;fit=crop&#038;w=800&#038;q=80\" alt=\"Jeunesse\" class=\"rounded-[2rem] shadow-2xl z-10 relative w-full object-cover aspect-[4\/3] border-4 border-white\" title=\"Accueil\">\n                    <div class=\"absolute -bottom-6 -left-6 w-24 h-24 bg-jaie-yellow rounded-full z-20 flex items-center justify-center shadow-lg animate-bounce\" style=\"animation-duration: 3s;\">\n                        <i class=\"fas fa-heart text-white text-3xl\"><\/i>\n                    <\/div>\n                <\/div>\n                \n                <div data-aos=\"fade-left\">\n                    <h2 class=\"text-sm font-extrabold text-jaie-red uppercase tracking-widest mb-3\">Qui sommes-nous ?<\/h2>\n                    <h3 class=\"text-3xl md:text-4xl lg:text-5xl font-extrabold text-jaie-blue mb-6 leading-tight\">Impliqu\u00e9e pour la vie sociale autrement.<\/h3>\n                    \n                    <p class=\"text-gray-600 mb-8 leading-relaxed text-lg\">\n                        L\u2019Association <strong class=\"text-gray-800\">Jeunesse Active pour l\u2019Int\u00e9gration et l\u2019Education (JAIE)<\/strong> est une organisation apolitique qui \u0153uvre depuis plus de 10 ans pour am\u00e9liorer les conditions de vie des couches vuln\u00e9rables.\n                    <\/p>\n                    \n                    <div class=\"space-y-6\">\n                        <div class=\"flex items-start bg-white p-5 rounded-2xl shadow-sm border border-gray-100 hover:shadow-md transition-shadow\">\n                            <div class=\"flex-shrink-0 mt-1\">\n                                <div class=\"w-12 h-12 bg-blue-50 text-jaie-blue rounded-xl flex items-center justify-center text-xl\">\n                                    <i class=\"fas fa-eye\"><\/i>\n                                <\/div>\n                            <\/div>\n                            <div class=\"ml-5\">\n                                <h4 class=\"text-xl font-bold text-gray-900\">Notre Vision<\/h4>\n                                <p class=\"mt-2 text-gray-600 text-sm leading-relaxed\">B\u00e2tir un monde de paix o\u00f9 tous les jeunes et les femmes jouissent pleinement de leurs droits.<\/p>\n                            <\/div>\n                        <\/div>\n\n                        <div class=\"flex items-start bg-white p-5 rounded-2xl shadow-sm border border-gray-100 hover:shadow-md transition-shadow\">\n                            <div class=\"flex-shrink-0 mt-1\">\n                                <div class=\"w-12 h-12 bg-red-50 text-jaie-red rounded-xl flex items-center justify-center text-xl\">\n                                    <i class=\"fas fa-bullseye\"><\/i>\n                                <\/div>\n                            <\/div>\n                            <div class=\"ml-5\">\n                                <h4 class=\"text-xl font-bold text-gray-900\">Notre Mission<\/h4>\n                                <p class=\"mt-2 text-gray-600 text-sm leading-relaxed\">\u0152uvrer pour la promotion des droits humains notamment ceux relatifs \u00e0 l&rsquo;\u00e9ducation et \u00e0 l&rsquo;int\u00e9gration des jeunes et des femmes dans les sph\u00e8res de prise de d\u00e9cision avec la prise en compte du genre et inclusion sociale pour un d\u00e9veloppement durable.<\/p>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- OBJECTIFS -->\n    <section class=\"py-24 full-bleed bg-white\">\n        <div class=\"max-w-7xl mx-auto px-6 sm:px-10 lg:px-8\">\n            <div class=\"text-center max-w-3xl mx-auto mb-16\" data-aos=\"fade-up\">\n                <h2 class=\"text-sm font-extrabold text-jaie-red uppercase tracking-widest mb-3\"><\/h2>\n                <h3 class=\"text-3xl md:text-4xl font-extrabold text-jaie-blue mb-4\">Nos Objectifs<\/h3>\n                <p class=\"text-gray-600 text-lg\">L\u2019objectif g\u00e9n\u00e9ral de l\u2019association JAIE est de contribuer au d\u00e9veloppement humain, \u00e9quitable et durable. A cet effet, ses objectifs sp\u00e9cifiques sont de :<\/p>\n            <\/div>\n\n            <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-8\">\n                <!-- Carte 1 -->\n                <div class=\"bg-gray-50 rounded-3xl p-8 border border-gray-100 hover:bg-white hover:shadow-[0_8px_30px_rgb(0,0,0,0.08)] transition-all duration-300 hover:-translate-y-2 group\" data-aos=\"fade-up\" data-aos-delay=\"100\">\n                    <div class=\"w-16 h-16 bg-white rounded-2xl shadow-sm flex items-center justify-center mb-6 group-hover:scale-110 transition-transform duration-300\">\n                        <i class=\"fas fa-scale-balanced text-2xl text-jaie-blue\"><\/i>\n                    <\/div>\n                    <h4 class=\"text-xl font-bold mb-3 text-gray-900\">\n                    <p class=\"text-sm text-gray-600 leading-relaxed\">Promouvoir et d\u00e9fendre les droits humains et l\u2019inclusion sociale.<\/p>\n                <\/div>\n                <!-- Carte 2 -->\n                <div class=\"bg-gray-50 rounded-3xl p-8 border border-gray-100 hover:bg-white hover:shadow-[0_8px_30px_rgb(0,0,0,0.08)] transition-all duration-300 hover:-translate-y-2 group\" data-aos=\"fade-up\" data-aos-delay=\"200\">\n                    <div class=\"w-16 h-16 bg-white rounded-2xl shadow-sm flex items-center justify-center mb-6 group-hover:scale-110 transition-transform duration-300\">\n                        <i class=\"fas fa-shield-halved text-2xl text-jaie-red\"><\/i>\n                    <\/div>\n                    <h4 class=\"text-xl font-bold mb-3 text-gray-900\">\n                    <p class=\"text-sm text-gray-600 leading-relaxed\">\u0152uvrer pour la protection des droits des utilisateurs des communications \u00e9lectroniques et de la poste, des services financiers et bancaires, des consommateurs de l\u2019\u00e9nergie, de l\u2019eau, des produits alimentaires, &#8230;<\/p>\n                <\/div>\n                <!-- Carte 3 -->\n                <div class=\"bg-gray-50 rounded-3xl p-8 border border-gray-100 hover:bg-white hover:shadow-[0_8px_30px_rgb(0,0,0,0.08)] transition-all duration-300 hover:-translate-y-2 group\" data-aos=\"fade-up\" data-aos-delay=\"300\">\n                    <div class=\"w-16 h-16 bg-white rounded-2xl shadow-sm flex items-center justify-center mb-6 group-hover:scale-110 transition-transform duration-300\">\n                        <i class=\"fas fa-graduation-cap text-2xl text-jaie-yellow\"><\/i>\n                    <\/div>\n                    <h4 class=\"text-xl font-bold mb-3 text-gray-900\">\n                    <p class=\"text-sm text-gray-600 leading-relaxed\">Promouvoir l\u2019autonomisation et le leadership des jeunes et des femmes.<\/p>\n                <\/div>\n                <!-- Carte 4 -->\n                <div class=\"bg-gray-50 rounded-3xl p-8 border border-gray-100 hover:bg-white hover:shadow-[0_8px_30px_rgb(0,0,0,0.08)] transition-all duration-300 hover:-translate-y-2 group\" data-aos=\"fade-up\" data-aos-delay=\"400\">\n                    <div class=\"w-16 h-16 bg-white rounded-2xl shadow-sm flex items-center justify-center mb-6 group-hover:scale-110 transition-transform duration-300\">\n                        <i class=\"fas fa-brain text-2xl text-jaie-blue\"><\/i>\n                    <\/div>\n                    <h4 class=\"text-xl font-bold mb-3 text-gray-900\">\n                    <p class=\"text-sm text-gray-600 leading-relaxed\">Promouvoir le soutien psychologique pour une bonne hygi\u00e8ne mentale.<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- DOMAINES D'INTERVENTION -->\n    <section id=\"domaines\" class=\"py-24 full-bleed bg-jaie-blue relative overflow-hidden\">\n        <!-- Abstract Pattern Background -->\n        <div class=\"absolute inset-0 opacity-5\" style=\"background-image: radial-gradient(circle at 2px 2px, white 1px, transparent 0); background-size: 32px 32px;\"><\/div>\n        \n        <div class=\"max-w-7xl mx-auto px-6 sm:px-10 lg:px-8 relative z-10 text-center\">\n            <h2 class=\"text-jaie-yellow font-extrabold text-sm uppercase tracking-widest mb-3\">Expertise<\/h2>\n            <h3 class=\"text-3xl md:text-4xl font-extrabold text-white mb-12\">Nos domaines d&rsquo;intervention<\/h3>\n            \n            <div class=\"flex flex-wrap justify-center gap-4 max-w-4xl mx-auto\">\n                <span class=\"px-6 py-3 bg-white\/10 text-white backdrop-blur-sm rounded-full font-medium hover:bg-jaie-yellow hover:text-jaie-blue transition-colors cursor-default border border-white\/10 shadow-sm\">Droits des jeunes<\/span>\n                <span class=\"px-6 py-3 bg-white\/10 text-white backdrop-blur-sm rounded-full font-medium hover:bg-jaie-red hover:text-white transition-colors cursor-default border border-white\/10 shadow-sm\">DSSR<\/span>\n                <span class=\"px-6 py-3 bg-white\/10 text-white backdrop-blur-sm rounded-full font-medium hover:bg-jaie-yellow hover:text-jaie-blue transition-colors cursor-default border border-white\/10 shadow-sm\">D\u00e9fense des consommateurs<\/span>\n                <span class=\"px-6 py-3 bg-white\/10 text-white backdrop-blur-sm rounded-full font-medium hover:bg-white hover:text-jaie-blue transition-colors cursor-default border border-white\/10 shadow-sm\">Plaidoyer<\/span>\n                <span class=\"px-6 py-3 bg-white\/10 text-white backdrop-blur-sm rounded-full font-medium hover:bg-jaie-red hover:text-white transition-colors cursor-default border border-white\/10 shadow-sm\">Citoyennet\u00e9<\/span>\n                <span class=\"px-6 py-3 bg-white\/10 text-white backdrop-blur-sm rounded-full font-medium hover:bg-jaie-yellow hover:text-jaie-blue transition-colors cursor-default border border-white\/10 shadow-sm\">Inclusion sociale<\/span>\n                <span class=\"px-6 py-3 bg-white\/10 text-white backdrop-blur-sm rounded-full font-medium hover:bg-white hover:text-jaie-blue transition-colors cursor-default border border-white\/10 shadow-sm\">Renforcement de capacit\u00e9s<\/span>\n                <span class=\"px-6 py-3 bg-white\/10 text-white backdrop-blur-sm rounded-full font-medium hover:bg-jaie-red hover:text-white transition-colors cursor-default border border-white\/10 shadow-sm\">Num\u00e9rique<\/span>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- TIMELINE PROJETS -->\n    <section id=\"projets\" class=\"py-24 full-bleed bg-gray-50\">\n        <div class=\"max-w-7xl mx-auto px-6 sm:px-10 lg:px-8\">\n            <div class=\"text-center max-w-2xl mx-auto mb-20\" data-aos=\"fade-up\">\n                <h2 class=\"text-sm font-extrabold text-jaie-red uppercase tracking-widest mb-3\">Actualit\u00e9s &#038; R\u00e9alisations<\/h2>\n                <h3 class=\"text-3xl md:text-4xl font-extrabold text-jaie-blue\">L&rsquo;impact de nos actions<\/h3>\n            <\/div>\n\n            <!-- Modern Alternating Timeline -->\n            <div class=\"relative max-w-5xl mx-auto py-4\">\n                <!-- La ligne verticale -->\n                <div class=\"timeline-line\"><\/div>\n                \n                <!-- Ann\u00e9e 2021 -->\n                <div class=\"relative flex flex-col md:flex-row items-center justify-between mb-16 w-full\" data-aos=\"fade-up\">\n                    <div class=\"hidden md:block md:w-5\/12\"><\/div>\n                    <div class=\"absolute left-[1.1rem] md:left-1\/2 transform md:-translate-x-1\/2 w-4 h-4 rounded-full bg-jaie-blue border-4 border-gray-50 shadow-[0_0_0_4px_rgba(10,36,99,0.2)] z-10\"><\/div>\n                    <div class=\"w-full pl-12 md:pl-0 md:w-5\/12\">\n                        <div class=\"bg-white p-6 rounded-2xl shadow-sm border border-gray-100 hover:shadow-lg transition-all\">\n                            <span class=\"inline-block px-3 py-1 bg-blue-50 text-jaie-blue font-bold rounded-lg text-sm mb-3\">2021<\/span>\n                            <h4 class=\"font-bold text-xl text-gray-900 mb-2\">Services financiers mobiles au B\u00e9nin<\/h4>\n                            <p class=\"text-gray-600 text-sm mb-4\">Mesures de pr\u00e9caution pour l&rsquo;\u00e9ducation et la s\u00e9curit\u00e9 du consommateur face aux services num\u00e9riques.<\/p>\n                            <span class=\"inline-block text-xs font-bold text-gray-400 uppercase tracking-wide\"><i class=\"fas fa-handshake mr-1\"><\/i> ARCEP-B\u00e9nin<\/span>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- Ann\u00e9e 2022 -->\n                <div class=\"relative flex flex-col md:flex-row items-center justify-between mb-16 w-full\" data-aos=\"fade-up\">\n                    <div class=\"w-full pl-12 md:pl-0 md:w-5\/12 md:text-right\">\n                        <div class=\"bg-white p-6 rounded-2xl shadow-sm border border-gray-100 hover:shadow-lg transition-all\">\n                            <span class=\"inline-block px-3 py-1 bg-red-50 text-jaie-red font-bold rounded-lg text-sm mb-3\">2022<\/span>\n                            <h4 class=\"font-bold text-xl text-gray-900 mb-2\">Droits num\u00e9riques au Togo<\/h4>\n                            <p class=\"text-gray-600 text-sm mb-4\">Projet de sensibilisation sur les droits num\u00e9riques et la restriction de l\u2019espace civique au Togo.<\/p>\n                            <span class=\"inline-block text-xs font-bold text-gray-400 uppercase tracking-wide\"><i class=\"fas fa-handshake mr-1\"><\/i> CIVICUS<\/span>\n                        <\/div>\n                    <\/div>\n                    <div class=\"absolute left-[1.1rem] md:left-1\/2 transform md:-translate-x-1\/2 w-4 h-4 rounded-full bg-jaie-red border-4 border-gray-50 shadow-[0_0_0_4px_rgba(231,29,54,0.2)] z-10\"><\/div>\n                    <div class=\"hidden md:block md:w-5\/12\"><\/div>\n                <\/div>\n\n                <!-- Ann\u00e9e 2024 -->\n                <div class=\"relative flex flex-col md:flex-row items-center justify-between w-full\" data-aos=\"fade-up\">\n                    <div class=\"hidden md:block md:w-5\/12\"><\/div>\n                    <div class=\"absolute left-[1.1rem] md:left-1\/2 transform md:-translate-x-1\/2 w-4 h-4 rounded-full bg-jaie-yellow border-4 border-gray-50 shadow-[0_0_0_4px_rgba(255,200,87,0.4)] z-10\"><\/div>\n                    <div class=\"w-full pl-12 md:pl-0 md:w-5\/12\">\n                        <div class=\"bg-white p-6 rounded-2xl shadow-sm border border-gray-100 hover:shadow-lg transition-all border-l-4 border-l-jaie-yellow\">\n                            <span class=\"inline-block px-3 py-1 bg-yellow-50 text-jaie-blue font-bold rounded-lg text-sm mb-3\">2024<\/span>\n                            <ul class=\"space-y-4\">\n                                <li class=\"flex items-start gap-3\">\n                                    <div class=\"mt-1 w-2 h-2 rounded-full bg-jaie-yellow flex-shrink-0\"><\/div>\n                                    <p class=\"text-gray-700 text-sm font-medium\">Promotion des droits des filles et des femmes aux capacit\u00e9s diverses <span class=\"text-gray-400 block text-xs mt-1\">(Partenaire: UAF-AFRICA)<\/span><\/p>\n                                <\/li>\n                                <li class=\"flex items-start gap-3 pt-3 border-t border-gray-50\">\n                                    <div class=\"mt-1 w-2 h-2 rounded-full bg-jaie-yellow flex-shrink-0\"><\/div>\n                                    <p class=\"text-gray-700 text-sm font-medium\">Renforcement des capacit\u00e9s des OSC sur le plaidoyer <span class=\"text-gray-400 block text-xs mt-1\">(Partenaire: CIVICUS)<\/span><\/p>\n                                <\/li>\n                            <\/ul>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- PARTENAIRES -->\n    <section id=\"partenaires\" class=\"py-20 full-bleed bg-white border-t border-gray-100\">\n        <div class=\"max-w-7xl mx-auto px-6 sm:px-10 lg:px-8\">\n            <div class=\"text-center max-w-2xl mx-auto mb-10\" data-aos=\"fade-up\">\n                <!-- TITRE MODIFI\u00c9 EN NOIR PUR -->\n                <h3 class=\"text-2xl font-extrabold text-black uppercase tracking-widest\">Ils nous font confiance<\/h3>\n            <\/div>\n\n            <div class=\"flex flex-wrap justify-center items-center gap-6 md:gap-10\" data-aos=\"fade-up\">\n                <!-- PARTENAIRES TRANSFORM\u00c9S EN BLOCS AVEC FOND BLANC, BORDURE ET OMBRE -->\n                <div class=\"bg-white border border-gray-200 shadow-sm rounded-xl px-8 py-4 grayscale hover:grayscale-0 opacity-60 hover:opacity-100 hover:shadow-md transition-all cursor-pointer font-extrabold text-2xl text-jaie-blue\">CIVICUS<\/div>\n                <div class=\"bg-white border border-gray-200 shadow-sm rounded-xl px-8 py-4 grayscale hover:grayscale-0 opacity-60 hover:opacity-100 hover:shadow-md transition-all cursor-pointer font-extrabold text-2xl text-jaie-red\">UAF-AFRICA<\/div>\n                <div class=\"bg-white border border-gray-200 shadow-sm rounded-xl px-8 py-4 grayscale hover:grayscale-0 opacity-60 hover:opacity-100 hover:shadow-md transition-all cursor-pointer font-extrabold text-2xl text-jaie-black\">ARCEP-B\u00e9nin<\/div>\n                <div class=\"bg-white border border-gray-200 shadow-sm rounded-xl px-8 py-4 grayscale hover:grayscale-0 opacity-60 hover:opacity-100 hover:shadow-md transition-all cursor-pointer font-extrabold text-2xl text-jaie-blue\">Le Centre ODAS<\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- FOOTER -->\n    <footer id=\"footer-contact\" class=\"full-bleed bg-jaie-blue text-white pt-20 pb-8\">\n        <div class=\"max-w-7xl mx-auto px-6 sm:px-10 lg:px-8\">\n            <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-12 gap-12 mb-16 border-b border-white\/10 pb-16\">\n                \n                <div class=\"lg:col-span-5\">\n                    <div class=\"flex items-center gap-2 mb-6\">\n                        <span class=\"text-3xl font-extrabold text-white tracking-tight\">JAIE<\/span>\n                        <div class=\"flex gap-1\">\n                            <div class=\"h-2.5 w-2.5 rounded-full bg-jaie-red\"><\/div>\n                            <div class=\"h-2.5 w-2.5 rounded-full bg-jaie-yellow\"><\/div>\n                        <\/div>\n                    <\/div>\n                    <p class=\"text-blue-200 text-sm leading-relaxed max-w-md\">\n                        Association Jeunesse Active pour l&rsquo;Int\u00e9gration et l&rsquo;Education. <br>Ensemble, b\u00e2tissons un avenir durable, inclusif et respectueux des droits humains au B\u00e9nin, au Togo et au-del\u00e0.\n                    <\/p>\n                <\/div>\n                \n                <div class=\"lg:col-span-4\">\n                    <h4 class=\"text-sm font-extrabold mb-6 text-jaie-yellow uppercase tracking-widest\">Nous contacter<\/h4>\n                    <ul class=\"space-y-4\">\n                        <li>\n                            <a href=\"https:\/\/wa.me\/2290160708085\" target=\"_blank\" class=\"flex items-center text-blue-100 hover:text-white transition-colors group\">\n                                <div class=\"w-10 h-10 rounded-full bg-white\/5 flex items-center justify-center mr-3 group-hover:bg-jaie-red transition-colors\">\n                                    <i class=\"fab fa-whatsapp text-lg\"><\/i>\n                                <\/div>\n                                <span class=\"font-medium\">(+229) 01 60 70 80 85<\/span>\n                            <\/a>\n                        <\/li>\n                        <li>\n                            <a href=\"mailto:associationjaie@gmail.com\" class=\"flex items-center text-blue-100 hover:text-white transition-colors group\">\n                                <div class=\"w-10 h-10 rounded-full bg-white\/5 flex items-center justify-center mr-3 group-hover:bg-jaie-red transition-colors\">\n                                    <i class=\"fas fa-envelope text-lg\"><\/i>\n                                <\/div>\n                                <span class=\"font-medium\">associationjaie@gmail.com<\/span>\n                            <\/a>\n                        <\/li>\n                    <\/ul>\n                <\/div>\n                \n                <div class=\"lg:col-span-3\">\n                    <h4 class=\"text-sm font-extrabold mb-6 text-jaie-yellow uppercase tracking-widest\">Suivez-nous<\/h4>\n                    <div class=\"flex flex-wrap gap-3\">\n                        <a href=\"https:\/\/www.facebook.com\/associationjaie\" target=\"_blank\" class=\"social-link w-12 h-12 bg-white\/5 rounded-full flex items-center justify-center text-white hover:bg-white\/20\">\n                            <i class=\"fab fa-facebook-f\"><\/i>\n                        <\/a>\n                        <a href=\"https:\/\/www.linkedin.com\/company\/associationjaie\" target=\"_blank\" class=\"social-link w-12 h-12 bg-white\/5 rounded-full flex items-center justify-center text-white hover:bg-white\/20\">\n                            <i class=\"fab fa-linkedin-in\"><\/i>\n                        <\/a>\n                        <!-- Modification: Remplacement de l'ic\u00f4ne par la lettre \"X\" en gras -->\n                        <a href=\"https:\/\/x.com\/associationjaie\" target=\"_blank\" class=\"social-link w-12 h-12 bg-white\/5 rounded-full flex items-center justify-center text-white hover:bg-white\/20\">\n                            <span class=\"font-extrabold text-xl\">X<\/span>\n                        <\/a>\n                        <!-- Ajout: Lien Bluesky (avec logo SVG officiel) -->\n                        <a href=\"https:\/\/bsky.app\/profile\/associationjaie.bsky.social\" target=\"_blank\" class=\"social-link w-12 h-12 bg-white\/5 rounded-full flex items-center justify-center text-white hover:bg-white\/20\">\n                            <svg fill=\"currentColor\" viewBox=\"0 0 320 286\" class=\"w-[18px] h-[18px]\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                <path d=\"M69.364 19.146c36.687 27.674 76.148 83.696 90.636 113.784 14.488-30.088 53.949-86.11 90.636-113.784 26.538-20.016 69.364-35.433 69.364 13.748 0 9.851-5.59 82.417-8.91 94.215-11.458 41.11-53.111 51.465-90.134 45.105 64.783 11.026 81.189 47.712 45.632 84.341-66.273 68.291-95.772-18.79-103.356-41.059-1.396-4.103-2.072-6.04-2.268-4.38-.196-1.66-.872.277-2.268 4.38-7.584 22.269-37.083 109.35 103.356 41.059-35.557-36.629-19.151-73.315 45.632-84.341-37.023 6.36-78.676-3.995-90.134-45.105-3.32-11.798-8.91-84.364-8.91-94.215 0-49.18 42.826-33.764 69.364-13.748z\"\/>\n                            <\/svg>\n                        <\/a>\n                    <\/div>\n                <\/div>\n            <\/div>\n            \n            <div class=\"flex flex-col md:flex-row justify-between items-center text-blue-300 text-sm\">\n                <p>&copy; <span id=\"year\"><\/span> Association JAIE. Tous droits r\u00e9serv\u00e9s.<\/p>\n                <p class=\"mt-2 md:mt-0 opacity-60 text-xs\">Con\u00e7u pour l&rsquo;impact social.<\/p>\n            <\/div>\n        <\/div>\n    <\/footer>\n\n    <!-- Scripts -->\n    <!-- AOS JS - S\u00e9curis\u00e9 avec attribut d'int\u00e9grit\u00e9 (SRI) -->\n    <script src=\"https:\/\/unpkg.com\/aos@2.3.1\/dist\/aos.js\"><\/script>\n    <script>\n        \/\/ Initialisation de la librairie d'animation AOS\n        AOS.init({ \n            once: true, \n            offset: 50,\n            duration: 800,\n            easing: 'ease-out-cubic',\n        });\n\n        \/\/ Mise \u00e0 jour de l'ann\u00e9e dans le footer\n        document.getElementById('year').textContent = new Date().getFullYear();\n\n        \/\/ Gestion du Menu Mobile\n        const btn = document.getElementById('mobile-menu-btn');\n        const menu = document.getElementById('mobile-menu');\n        \n        if(btn && menu) {\n            btn.addEventListener('click', () => { \n                menu.classList.toggle('hidden'); \n            });\n        }\n        \n        \/\/ Navigation fluide pour les ancres\n        document.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\n            anchor.addEventListener('click', function (e) {\n                const href = this.getAttribute('href');\n                if(href === '#') return;\n                \n                e.preventDefault();\n                if (menu) menu.classList.add('hidden'); \/\/ ferme le menu mobile au clic\n                \n                const target = document.querySelector(href);\n                if(target) {\n                    \/\/ On ne calcule plus l'offset du header fixe vu qu'il ne l'est plus\n                    target.scrollIntoView({ behavior: 'smooth' });\n                }\n            });\n        });\n    <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>JAIE &#8211; Jeunesse Active pour l&rsquo;Int\u00e9gration et l&rsquo;Education Notre Vision B\u00e2tir un monde de paix pour les jeunes et les femmes L&rsquo;Association JAIE s&rsquo;engage pour les droits des jeunes, l&rsquo;inclusion sociale et le d\u00e9veloppement durable. D\u00e9couvrir JAIE Nous Rejoindre \u00c9galit\u00e9 des sexes Redevabilit\u00e9 Inclusivit\u00e9 Bonne Gouvernance Confidentialit\u00e9 Qui sommes-nous ? Impliqu\u00e9e pour la vie sociale&#8230;<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","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-32592","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":"JAIE &#8211; Jeunesse Active pour l&rsquo;Int\u00e9gration et l&rsquo;Education Notre Vision B\u00e2tir un monde de paix pour les jeunes et les femmes L&rsquo;Association JAIE s&rsquo;engage pour les droits des jeunes, l&rsquo;inclusion sociale et le d\u00e9veloppement durable. D\u00e9couvrir JAIE Nous Rejoindre \u00c9galit\u00e9 des sexes Redevabilit\u00e9 Inclusivit\u00e9 Bonne Gouvernance Confidentialit\u00e9 Qui sommes-nous ? Impliqu\u00e9e pour la vie sociale...","_links":{"self":[{"href":"https:\/\/jaie-assoc.com\/en\/wp-json\/wp\/v2\/pages\/32592","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=32592"}],"version-history":[{"count":20,"href":"https:\/\/jaie-assoc.com\/en\/wp-json\/wp\/v2\/pages\/32592\/revisions"}],"predecessor-version":[{"id":33878,"href":"https:\/\/jaie-assoc.com\/en\/wp-json\/wp\/v2\/pages\/32592\/revisions\/33878"}],"wp:attachment":[{"href":"https:\/\/jaie-assoc.com\/en\/wp-json\/wp\/v2\/media?parent=32592"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}