{"id":1937,"date":"2025-11-08T16:53:24","date_gmt":"2025-11-08T15:53:24","guid":{"rendered":"https:\/\/www.ampce-mali.org\/?page_id=1937"},"modified":"2026-02-18T02:18:44","modified_gmt":"2026-02-18T01:18:44","slug":"opportunity","status":"publish","type":"page","link":"https:\/\/www.ampce-mali.org\/en\/opportunity\/","title":{"rendered":"Opportunity"},"content":{"rendered":"<div data-elementor-type=\"page\" data-elementor-id=\"1937\" class=\"elementor elementor-1937\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2f0df35 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-parent\" data-id=\"2f0df35\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d3466e1 elementor-widget elementor-widget-ampce_opportunity_widget\" data-id=\"d3466e1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"ampce_opportunity_widget.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t        <style>\r\n            #ampce-widget-d3466e1 {\r\n                --ampce-dark: #121212;\r\n                --ampce-gray-light: #f8f9fa;\r\n                --text-dark: #333;\r\n                --text-light: #fff;\r\n                --transition: all 0.3s ease;\r\n            }\r\n\r\n            #ampce-widget-d3466e1 .selection-guide-label {\r\n                display: block;\r\n                font-size: 11px;\r\n                text-transform: uppercase;\r\n                margin-bottom: 12px;\r\n                font-weight: 700;\r\n                letter-spacing: 1px;\r\n                color: var(--ampce-orange);\r\n            }\r\n\r\n            #ampce-widget-d3466e1 .mega-menu-container {\r\n                display: flex;\r\n                flex-wrap: wrap;\r\n                background: #ffffff;\r\n                border-radius: 16px;\r\n                overflow: hidden;\r\n                box-shadow: 0px 20px 40px rgba(0, 0, 0, 0.15);\r\n                font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\r\n                margin: 20px auto;\r\n                border: 1px solid #eee;\r\n                width: 100%;\r\n                position: relative;\r\n            }\r\n\r\n            \/* --- TABS NAVIGATION --- *\/\r\n            #ampce-widget-d3466e1 .category-tabs {\r\n                display: flex;\r\n                gap: 10px;\r\n                padding-bottom: 20px;\r\n                margin-bottom: 0px;\r\n                \/* Moved to wrapper *\/\r\n                border-bottom: 1px solid #eee;\r\n                overflow-x: auto;\r\n                white-space: nowrap;\r\n                -webkit-overflow-scrolling: touch;\r\n                scrollbar-width: none;\r\n            }\r\n\r\n            #ampce-widget-d3466e1 .category-tabs::-webkit-scrollbar {\r\n                display: none;\r\n                \/* Safari\/Chrome *\/\r\n            }\r\n\r\n            \/* --- SCROLL INDICATORS --- *\/\r\n            #ampce-widget-d3466e1 .tabs-scroll-wrapper {\r\n                position: relative;\r\n                margin-bottom: 20px;\r\n                overflow: hidden;\r\n            }\r\n\r\n            #ampce-widget-d3466e1 .tabs-scroll-wrapper::before,\r\n            #ampce-widget-d3466e1 .tabs-scroll-wrapper::after {\r\n                content: '';\r\n                position: absolute;\r\n                top: 0;\r\n                bottom: 20px;\r\n                \/* Match category-tabs padding-bottom *\/\r\n                width: 40px;\r\n                z-index: 2;\r\n                pointer-events: none;\r\n                transition: opacity 0.3s ease, transform 0.3s ease;\r\n                opacity: 0;\r\n            }\r\n\r\n            #ampce-widget-d3466e1 .tabs-scroll-wrapper::before {\r\n                left: 0;\r\n                background: linear-gradient(to right, #fff, rgba(255, 255, 255, 0));\r\n                transform: translateX(-10px);\r\n            }\r\n\r\n            #ampce-widget-d3466e1 .tabs-scroll-wrapper::after {\r\n                right: 0;\r\n                background: linear-gradient(to left, #fff, rgba(255, 255, 255, 0));\r\n                transform: translateX(10px);\r\n            }\r\n\r\n            #ampce-widget-d3466e1 .tabs-scroll-wrapper.has-scroll-left::before {\r\n                opacity: 1;\r\n                transform: translateX(0);\r\n            }\r\n\r\n            #ampce-widget-d3466e1 .tabs-scroll-wrapper.has-scroll-right::after {\r\n                opacity: 1;\r\n                transform: translateX(0);\r\n            }\r\n\r\n            \/* --- NAVIGATION ARROWS --- *\/\r\n            #ampce-widget-d3466e1 .scroll-arrow {\r\n                position: absolute;\r\n                top: 50%;\r\n                transform: translateY(-50%) translateY(-10px);\r\n                \/* Adjust for category-tabs padding-bottom *\/\r\n                width: 34px;\r\n                height: 34px;\r\n                border-radius: 50%;\r\n                background: #fff;\r\n                color: var(--ampce-orange);\r\n                border: 1px solid #eee;\r\n                display: flex;\r\n                align-items: center;\r\n                justify-content: center;\r\n                cursor: pointer;\r\n                z-index: 10;\r\n                transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n                opacity: 0;\r\n                visibility: hidden;\r\n                box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);\r\n            }\r\n\r\n            #ampce-widget-d3466e1 .scroll-arrow:hover {\r\n                background: var(--ampce-orange);\r\n                color: #fff;\r\n                border-color: var(--ampce-orange);\r\n                transform: translateY(-50%) translateY(-10px) scale(1.1);\r\n                box-shadow: 0 6px 16px rgba(255, 122, 0, 0.3);\r\n            }\r\n\r\n            #ampce-widget-d3466e1 .scroll-arrow.left {\r\n                left: 10px;\r\n                transform: translateY(-50%) translateY(-10px) translateX(-10px);\r\n            }\r\n\r\n            #ampce-widget-d3466e1 .scroll-arrow.right {\r\n                right: 10px;\r\n                transform: translateY(-50%) translateY(-10px) translateX(10px);\r\n            }\r\n\r\n            #ampce-widget-d3466e1 .tabs-scroll-wrapper.has-scroll-left .scroll-arrow.left {\r\n                opacity: 1;\r\n                visibility: visible;\r\n                transform: translateY(-50%) translateY(-10px) translateX(0);\r\n            }\r\n\r\n            #ampce-widget-d3466e1 .tabs-scroll-wrapper.has-scroll-right .scroll-arrow.right {\r\n                opacity: 1;\r\n                visibility: visible;\r\n                transform: translateY(-50%) translateY(-10px) translateX(0);\r\n            }\r\n\r\n            #ampce-widget-d3466e1 .scroll-arrow svg {\r\n                width: 20px;\r\n                height: 20px;\r\n                display: block;\r\n            }\r\n\r\n            #ampce-widget-d3466e1 .scroll-arrow.left svg {\r\n                transform: translateX(-1px);\r\n            }\r\n\r\n            #ampce-widget-d3466e1 .scroll-arrow.right svg {\r\n                transform: translateX(1px);\r\n            }\r\n\r\n            #ampce-widget-d3466e1 .cat-tab-btn {\r\n                padding: 10px 20px;\r\n                border-radius: 25px;\r\n                background: #f1f1f1;\r\n                color: #666;\r\n                font-weight: 700;\r\n                font-size: 13px;\r\n                border: none;\r\n                cursor: pointer;\r\n                transition: all 0.3s ease;\r\n                white-space: nowrap;\r\n            }\r\n\r\n            #ampce-widget-d3466e1 .cat-tab-btn:hover {\r\n                background: #e9e9e9;\r\n                color: var(--ampce-orange);\r\n            }\r\n\r\n            #ampce-widget-d3466e1 .cat-tab-btn.active {\r\n                background: var(--ampce-orange);\r\n                color: #fff;\r\n                box-shadow: 0 4px 10px rgba(255, 122, 0, 0.3);\r\n            }\r\n\r\n            #ampce-widget-d3466e1 .games-section {\r\n                flex: 1;\r\n                padding: 40px;\r\n                background: #fff;\r\n                display: flex;\r\n                flex-direction: column;\r\n                min-width: 0;\r\n            }\r\n\r\n            #ampce-widget-d3466e1 .category-content {\r\n                display: none;\r\n                animation: fadeIn 0.4s ease;\r\n            }\r\n\r\n            #ampce-widget-d3466e1 .category-content.active {\r\n                display: block;\r\n            }\r\n\r\n            @keyframes fadeIn {\r\n                from {\r\n                    opacity: 0;\r\n                    transform: translateY(5px);\r\n                }\r\n\r\n                to {\r\n                    opacity: 1;\r\n                    transform: translateY(0);\r\n                }\r\n            }\r\n\r\n            #ampce-widget-d3466e1 .game-list {\r\n                display: flex;\r\n                flex-wrap: wrap;\r\n                gap: 10px;\r\n            }\r\n\r\n            #ampce-widget-d3466e1 .game-chip {\r\n                padding: 8px 16px;\r\n                background: var(--ampce-gray-light);\r\n                border-radius: 30px;\r\n                font-size: 13px;\r\n                font-weight: 600;\r\n                color: var(--text-dark);\r\n                cursor: pointer;\r\n                transition: var(--transition);\r\n                border: 2px solid transparent;\r\n                box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);\r\n            }\r\n\r\n            #ampce-widget-d3466e1 .game-chip:hover {\r\n                background: #fff;\r\n                border-color: var(--ampce-orange);\r\n                color: var(--ampce-orange);\r\n                transform: translateY(-2px);\r\n            }\r\n\r\n            #ampce-widget-d3466e1 .game-chip.active {\r\n                background: var(--ampce-orange);\r\n                color: white;\r\n                border-color: var(--ampce-orange);\r\n                box-shadow: 0 4px 12px rgba(255, 122, 0, 0.3);\r\n            }\r\n\r\n            \/* Right Section *\/\r\n            #ampce-widget-d3466e1 .form-section {\r\n                flex: 0 0 380px;\r\n                \/* FIXED WIDTH ON DESKTOP *\/\r\n                padding: 40px;\r\n                position: relative;\r\n                color: var(--text-light);\r\n                overflow: hidden;\r\n                \/* Hidden on desktop for nice border radius *\/\r\n                display: flex;\r\n                flex-direction: column;\r\n                justify-content: center;\r\n                background-color: #1a1a1a;\r\n                min-height: 400px;\r\n            }\r\n\r\n            \/* Background Overlay *\/\r\n            #ampce-widget-d3466e1 .form-bg-media {\r\n                position: absolute;\r\n                top: 0;\r\n                left: 0;\r\n                width: 100%;\r\n                height: 100%;\r\n                z-index: 0;\r\n            }\r\n\r\n            #ampce-widget-d3466e1 .form-bg-media img {\r\n                width: 100%;\r\n                height: 100%;\r\n                object-fit: cover;\r\n                transition: opacity 0.5s ease;\r\n                \/* Smooth transition *\/\r\n            }\r\n\r\n            #ampce-widget-d3466e1 .form-overlay {\r\n                position: absolute;\r\n                top: 0;\r\n                left: 0;\r\n                width: 100%;\r\n                height: 100%;\r\n                background: linear-gradient(135deg, rgba(26, 26, 26, 0.9) 0%, rgba(255, 122, 0, 0.2) 100%);\r\n                z-index: 1;\r\n            }\r\n\r\n            #ampce-widget-d3466e1 .form-content-wrapper {\r\n                position: relative;\r\n                z-index: 2;\r\n            }\r\n\r\n            #ampce-widget-d3466e1 .form-section h3 {\r\n                margin-top: 0;\r\n                font-size: 1.5rem;\r\n                margin-bottom: 25px;\r\n                font-weight: 800;\r\n                text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);\r\n                color: #fff;\r\n            }\r\n\r\n            #ampce-widget-d3466e1 .form-section h3 span {\r\n                color: var(--ampce-orange);\r\n            }\r\n\r\n            #ampce-widget-d3466e1 .form-group {\r\n                margin-bottom: 20px;\r\n            }\r\n\r\n            #ampce-widget-d3466e1 .form-group label {\r\n                display: block;\r\n                font-size: 11px;\r\n                text-transform: uppercase;\r\n                margin-bottom: 8px;\r\n                font-weight: 700;\r\n                letter-spacing: 1px;\r\n                color: rgba(255, 255, 255, 0.8);\r\n            }\r\n\r\n            #ampce-widget-d3466e1 .form-group input,\r\n            #ampce-widget-d3466e1 .form-group select {\r\n                width: 100%;\r\n                padding: 12px 15px;\r\n                background: rgba(255, 255, 255, 0.1);\r\n                border: 1px solid rgba(255, 255, 255, 0.3);\r\n                border-radius: 8px;\r\n                font-size: 14px;\r\n                color: var(--text-light);\r\n                outline: none;\r\n                transition: var(--transition);\r\n                backdrop-filter: blur(5px);\r\n            }\r\n\r\n            #ampce-widget-d3466e1 .form-group input::placeholder {\r\n                color: rgba(255, 255, 255, 0.5);\r\n            }\r\n\r\n            #ampce-widget-d3466e1 .form-group select option {\r\n                color: var(--text-dark);\r\n                background: white;\r\n            }\r\n\r\n            #ampce-widget-d3466e1 .form-group input:focus,\r\n            #ampce-widget-d3466e1 .form-group select:focus {\r\n                border-color: var(--ampce-orange);\r\n                background: rgba(255, 255, 255, 0.2);\r\n            }\r\n\r\n            #ampce-widget-d3466e1 .submit-btn {\r\n                width: 100%;\r\n                padding: 15px;\r\n                background: var(--ampce-orange);\r\n                color: white;\r\n                border: none;\r\n                border-radius: 8px;\r\n                font-size: 16px;\r\n                font-weight: 800;\r\n                text-transform: uppercase;\r\n                cursor: pointer;\r\n                transition: var(--transition);\r\n                margin-top: 15px;\r\n                box-shadow: 0 4px 15px rgba(255, 122, 0, 0.4);\r\n            }\r\n\r\n            #ampce-widget-d3466e1 .submit-btn:hover {\r\n                background: #ff8c24;\r\n                transform: translateY(-3px);\r\n                box-shadow: 0 6px 20px rgba(255, 122, 0, 0.6);\r\n            }\r\n\r\n            @media (max-width: 1024px) {\r\n                #ampce-widget-d3466e1 .mega-menu-container {\r\n                    flex-direction: column;\r\n                    \/* UX BEST PRACTICE: Natural page scroll is better than nested scroll on mobile *\/\r\n                    max-height: none;\r\n                    overflow-y: visible;\r\n                    height: auto;\r\n                    -webkit-overflow-scrolling: auto;\r\n                }\r\n\r\n                #ampce-widget-d3466e1 .games-section {\r\n                    padding: 20px;\r\n                    \/* Reduced padding for mobile *\/\r\n                    flex: none;\r\n                    width: 100%;\r\n                }\r\n\r\n                #ampce-widget-d3466e1 .form-section {\r\n                    padding: 25px 20px;\r\n                    flex: none;\r\n                    width: 100%;\r\n                    min-height: auto;\r\n                    border-top: 1px solid rgba(255, 255, 255, 0.1);\r\n                    \/* Separator *\/\r\n                    overflow: visible;\r\n                }\r\n\r\n                \/* Drag to Scroll Classes *\/\r\n                #ampce-widget-d3466e1 .category-tabs {\r\n                    cursor: grab;\r\n                }\r\n\r\n                #ampce-widget-d3466e1 .category-tabs.active {\r\n                    cursor: grabbing;\r\n                    cursor: -webkit-grabbing;\r\n                }\r\n        <\/style>\r\n\r\n        <div id=\"ampce-widget-d3466e1\">\r\n            <div class=\"mega-menu-container\">\r\n                <!-- LEFT SECTION: Games -->\r\n                <div class=\"games-section\">\r\n\r\n                    <span class=\"selection-guide-label\">1. DISCIPLINE<\/span>\r\n\r\n                    <!-- TABS HEADER -->\r\n                    <div class=\"tabs-scroll-wrapper\" id=\"scroll-wrapper-d3466e1\">\r\n                        <button class=\"scroll-arrow left\" id=\"arrow-left-d3466e1\" title=\"Pr\u00e9c\u00e9dent\"\r\n                            aria-label=\"D\u00e9filer \u00e0 gauche\">\r\n                            <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--ampce-orange)\" stroke-width=\"4\"\r\n                                stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                                <polyline points=\"15 18 9 12 15 6\"><\/polyline>\r\n                            <\/svg>\r\n                        <\/button>\r\n\r\n                        <div class=\"category-tabs\" id=\"tabs-d3466e1\">\r\n                                                            <button class=\"cat-tab-btn active\"\r\n                                    onclick=\"switchCategory_d3466e1(0, 'https:\/\/www.ampce-mali.org\/wp-content\/uploads\/2026\/01\/vr-training-soccer.jpg')\">\r\n                                    Sport &amp; Simulation                                <\/button>\r\n                                                            <button class=\"cat-tab-btn\"\r\n                                    onclick=\"switchCategory_d3466e1(1, 'https:\/\/www.ampce-mali.org\/wp-content\/uploads\/2026\/01\/R.jpg')\">\r\n                                    Combat (VS Fighting)                                <\/button>\r\n                                                            <button class=\"cat-tab-btn\"\r\n                                    onclick=\"switchCategory_d3466e1(2, 'https:\/\/www.ampce-mali.org\/wp-content\/uploads\/2026\/01\/R-1.jpg')\">\r\n                                    FPS &amp; Battle Royale                                <\/button>\r\n                                                            <button class=\"cat-tab-btn\"\r\n                                    onclick=\"switchCategory_d3466e1(3, 'https:\/\/www.ampce-mali.org\/wp-content\/uploads\/2026\/01\/AlbionOnline.jpg')\">\r\n                                    MOBA &amp; Strat\u00e9gie                                <\/button>\r\n                                                            <button class=\"cat-tab-btn\"\r\n                                    onclick=\"switchCategory_d3466e1(4, 'https:\/\/www.ampce-mali.org\/wp-content\/uploads\/2025\/07\/IMG_0637FESP.jpg')\">\r\n                                    PHYGITAL                                 <\/button>\r\n                                                            <button class=\"cat-tab-btn\"\r\n                                    onclick=\"switchCategory_d3466e1(5, 'https:\/\/www.ampce-mali.org\/wp-content\/plugins\/elementor\/assets\/images\/placeholder.png')\">\r\n                                    MANGA ET VR                                <\/button>\r\n                                                    <\/div>\r\n\r\n                        <button class=\"scroll-arrow right\" id=\"arrow-right-d3466e1\" title=\"Suivant\"\r\n                            aria-label=\"D\u00e9filer \u00e0 droite\">\r\n                            <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--ampce-orange)\" stroke-width=\"4\"\r\n                                stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                                <polyline points=\"9 18 15 12 9 6\"><\/polyline>\r\n                            <\/svg>\r\n                        <\/button>\r\n                    <\/div>\r\n\r\n                    <!-- TABS CONTENT -->\r\n                                            <div class=\"category-content active\"\r\n                            id=\"cat-content-d3466e1-0\">\r\n                            <span class=\"selection-guide-label\"\r\n                                style=\"margin-top: 10px;\">2. CHOISIS TON JEU<\/span>\r\n                            <div class=\"game-list\">\r\n                                                                    <span class=\"game-chip\"\r\n                                        onclick=\"selectGame_d3466e1('EA-FC')\">\r\n                                        EA-FC                                    <\/span>\r\n                                                                    <span class=\"game-chip\"\r\n                                        onclick=\"selectGame_d3466e1('E-Foot (Console - Mobile - PC)')\">\r\n                                        E-Foot (Console - Mobile - PC)                                    <\/span>\r\n                                                                    <span class=\"game-chip\"\r\n                                        onclick=\"selectGame_d3466e1('NBA 2K')\">\r\n                                        NBA 2K                                    <\/span>\r\n                                                                    <span class=\"game-chip\"\r\n                                        onclick=\"selectGame_d3466e1('ROCKET LEAGUE')\">\r\n                                        ROCKET LEAGUE                                    <\/span>\r\n                                                            <\/div>\r\n                        <\/div>\r\n                                            <div class=\"category-content\"\r\n                            id=\"cat-content-d3466e1-1\">\r\n                            <span class=\"selection-guide-label\"\r\n                                style=\"margin-top: 10px;\">2. CHOISIS TON JEU<\/span>\r\n                            <div class=\"game-list\">\r\n                                                                    <span class=\"game-chip\"\r\n                                        onclick=\"selectGame_d3466e1('Tekken 8')\">\r\n                                        Tekken 8                                    <\/span>\r\n                                                                    <span class=\"game-chip\"\r\n                                        onclick=\"selectGame_d3466e1('SF6')\">\r\n                                        SF6                                    <\/span>\r\n                                                                    <span class=\"game-chip\"\r\n                                        onclick=\"selectGame_d3466e1('Mortal Kombat 1')\">\r\n                                        Mortal Kombat 1                                    <\/span>\r\n                                                                    <span class=\"game-chip\"\r\n                                        onclick=\"selectGame_d3466e1('DB FighterZ')\">\r\n                                        DB FighterZ                                    <\/span>\r\n                                                                    <span class=\"game-chip\"\r\n                                        onclick=\"selectGame_d3466e1('FATAL FURY')\">\r\n                                        FATAL FURY                                    <\/span>\r\n                                                            <\/div>\r\n                        <\/div>\r\n                                            <div class=\"category-content\"\r\n                            id=\"cat-content-d3466e1-2\">\r\n                            <span class=\"selection-guide-label\"\r\n                                style=\"margin-top: 10px;\">2. CHOISIS TON JEU<\/span>\r\n                            <div class=\"game-list\">\r\n                                                                    <span class=\"game-chip\"\r\n                                        onclick=\"selectGame_d3466e1('Valorant')\">\r\n                                        Valorant                                    <\/span>\r\n                                                                    <span class=\"game-chip\"\r\n                                        onclick=\"selectGame_d3466e1('PUBG Mobile')\">\r\n                                        PUBG Mobile                                    <\/span>\r\n                                                                    <span class=\"game-chip\"\r\n                                        onclick=\"selectGame_d3466e1('COD Warzone')\">\r\n                                        COD Warzone                                    <\/span>\r\n                                                                    <span class=\"game-chip\"\r\n                                        onclick=\"selectGame_d3466e1('Fortnite')\">\r\n                                        Fortnite                                    <\/span>\r\n                                                                    <span class=\"game-chip\"\r\n                                        onclick=\"selectGame_d3466e1('COD Mobile')\">\r\n                                        COD Mobile                                    <\/span>\r\n                                                            <\/div>\r\n                        <\/div>\r\n                                            <div class=\"category-content\"\r\n                            id=\"cat-content-d3466e1-3\">\r\n                            <span class=\"selection-guide-label\"\r\n                                style=\"margin-top: 10px;\">2. CHOISIS TON JEU<\/span>\r\n                            <div class=\"game-list\">\r\n                                                                    <span class=\"game-chip\"\r\n                                        onclick=\"selectGame_d3466e1('LoL')\">\r\n                                        LoL                                    <\/span>\r\n                                                                    <span class=\"game-chip\"\r\n                                        onclick=\"selectGame_d3466e1('MLBB')\">\r\n                                        MLBB                                    <\/span>\r\n                                                                    <span class=\"game-chip\"\r\n                                        onclick=\"selectGame_d3466e1('Brawl Stars')\">\r\n                                        Brawl Stars                                    <\/span>\r\n                                                            <\/div>\r\n                        <\/div>\r\n                                            <div class=\"category-content\"\r\n                            id=\"cat-content-d3466e1-4\">\r\n                            <span class=\"selection-guide-label\"\r\n                                style=\"margin-top: 10px;\">2. CHOISIS TON JEU<\/span>\r\n                            <div class=\"game-list\">\r\n                                                                    <span class=\"game-chip\"\r\n                                        onclick=\"selectGame_d3466e1('FOOTBALL UFL')\">\r\n                                        FOOTBALL UFL                                    <\/span>\r\n                                                                    <span class=\"game-chip\"\r\n                                        onclick=\"selectGame_d3466e1('BASKETBALL 3X3 FRESTYLE')\">\r\n                                        BASKETBALL 3X3 FRESTYLE                                    <\/span>\r\n                                                                    <span class=\"game-chip\"\r\n                                        onclick=\"selectGame_d3466e1('JUST DANCE')\">\r\n                                        JUST DANCE                                    <\/span>\r\n                                                                    <span class=\"game-chip\"\r\n                                        onclick=\"selectGame_d3466e1('SHOOTER (CS2)')\">\r\n                                        SHOOTER (CS2)                                    <\/span>\r\n                                                                    <span class=\"game-chip\"\r\n                                        onclick=\"selectGame_d3466e1('BATLE OF ROBBOTS')\">\r\n                                        BATLE OF ROBBOTS                                    <\/span>\r\n                                                                    <span class=\"game-chip\"\r\n                                        onclick=\"selectGame_d3466e1('DRONES RACING')\">\r\n                                        DRONES RACING                                    <\/span>\r\n                                                                    <span class=\"game-chip\"\r\n                                        onclick=\"selectGame_d3466e1('MOBA PC \/ LASER TAG')\">\r\n                                        MOBA PC \/ LASER TAG                                    <\/span>\r\n                                                                    <span class=\"game-chip\"\r\n                                        onclick=\"selectGame_d3466e1('BATLE ROYALE\/FORTNITE')\">\r\n                                        BATLE ROYALE\/FORTNITE                                    <\/span>\r\n                                                            <\/div>\r\n                        <\/div>\r\n                                            <div class=\"category-content\"\r\n                            id=\"cat-content-d3466e1-5\">\r\n                            <span class=\"selection-guide-label\"\r\n                                style=\"margin-top: 10px;\">2. CHOISIS TON JEU<\/span>\r\n                            <div class=\"game-list\">\r\n                                                                    <span class=\"game-chip\"\r\n                                        onclick=\"selectGame_d3466e1('OTAKU')\">\r\n                                        OTAKU                                    <\/span>\r\n                                                                    <span class=\"game-chip\"\r\n                                        onclick=\"selectGame_d3466e1('VR Game')\">\r\n                                        VR Game                                    <\/span>\r\n                                                            <\/div>\r\n                        <\/div>\r\n                                    <\/div>\r\n\r\n                <!-- RIGHT SECTION: Form -->\r\n                <div class=\"form-section\">\r\n                    <div class=\"form-bg-media\">\r\n                        <img decoding=\"async\" id=\"form-bg-img-d3466e1\" src=\"https:\/\/www.ampce-mali.org\/wp-content\/uploads\/2026\/01\/vr-training-soccer.jpg\"\r\n                            alt=\"Background\">\r\n                    <\/div>\r\n                    <div class=\"form-overlay\"><\/div>\r\n\r\n                    <div class=\"form-content-wrapper\">\r\n                        <h3>Rejoins l'\u00c9lite avec AMPCE<\/h3>\r\n                        <p style=\"font-size: 14px; margin-bottom: 25px; opacity: 0.9;\">\r\n                            S\u00e9lectionne ta discipline en haut (mobile-Tablette) ou  \u00e0 gauche (PC) pour pr\u00e9-remplir ta candidature.                        <\/p>\r\n\r\n                        <form id=\"mega-reg-form-d3466e1\" class=\"ampce-opportunity-form\" action=\"\">\r\n                            <input type=\"hidden\" name=\"action\" value=\"ampce_submit_application\">\r\n                            <input type=\"hidden\" id=\"ampce_nonce\" name=\"ampce_nonce\" value=\"e85bd22b93\" \/><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/en\/wp-json\/wp\/v2\/pages\/1937\" \/>\r\n                            <div class=\"form-group\">\r\n                                <label>Nom &amp; Pr\u00e9nom<\/label>\r\n                                <input type=\"text\" name=\"fullname\"\r\n                                    placeholder=\"Ex: Moussa Diakit\u00e9\" required>\r\n                            <\/div>\r\n\r\n                            <div class=\"form-group\">\r\n                                <label>Num\u00e9ro WhatsApp (Actif)<\/label>\r\n                                <input type=\"tel\" name=\"phone\"\r\n                                    placeholder=\"+223 ...\" required>\r\n                            <\/div>\r\n\r\n                            <div class=\"form-group\">\r\n                                <label>Email (Optionnel)<\/label>\r\n                                <input type=\"email\" name=\"email\" placeholder=\"contact@email.com\">\r\n                            <\/div>\r\n\r\n                            <div class=\"form-group\">\r\n                                <label\r\n                                    style=\"color: var(--ampce-orange);\">Discipline S\u00e9lectionn\u00e9e<\/label>\r\n                                <select id=\"selected-game-d3466e1\" name=\"selected_game\" required\r\n style=\"font-weight: bold; color: var(--ampce-orange);\">\r\n                                    <option value=\"\" disabled selected>\r\n                                        \u2b05\ufe0f Choisis ton jeu \u00e0 gauche                                    <\/option>\r\n                                <\/select>\r\n                            <\/div>\r\n                            <button type=\"submit\" class=\"submit-btn\">ENVOYER <\/button>\r\n                            <div class=\"form-message\"\r\n                                style=\"margin-top: 10px; font-size: 13px; text-align: center; display: none;\"><\/div>\r\n                            <p style=\"font-size: 11px; text-align: center; margin-top: 15px; opacity: 0.7;\">\r\n                                En postulant, tu acceptes la charte de l&#039;acad\u00e9mie.                            <\/p>\r\n                        <input type=\"hidden\" name=\"trp-form-language\" value=\"en\"\/><\/form>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <script>\r\n            \/\/ DRAG TO SCROLL & INDICATORS & ARROWS\r\n            (function () {\r\n                const slider = document.getElementById('tabs-d3466e1');\r\n                const wrapper = document.getElementById('scroll-wrapper-d3466e1');\r\n                const btnLeft = document.getElementById('arrow-left-d3466e1');\r\n                const btnRight = document.getElementById('arrow-right-d3466e1');\r\n\r\n                let isDown = false;\r\n                let startX;\r\n                let scrollLeft;\r\n\r\n                const updateIndicators = () => {\r\n                    const scrollLeftVal = slider.scrollLeft;\r\n                    const maxScrollLeft = slider.scrollWidth - slider.clientWidth;\r\n\r\n                    if (scrollLeftVal > 5) {\r\n                        wrapper.classList.add('has-scroll-left');\r\n                    } else {\r\n                        wrapper.classList.remove('has-scroll-left');\r\n                    }\r\n\r\n                    if (scrollLeftVal < maxScrollLeft - 5) {\r\n                        wrapper.classList.add('has-scroll-right');\r\n                    } else {\r\n                        wrapper.classList.remove('has-scroll-right');\r\n                    }\r\n                };\r\n\r\n                \/\/ Click to Scroll logic\r\n                const scrollList = (direction) => {\r\n                    const scrollAmount = 250;\r\n                    slider.scrollBy({\r\n                        left: direction === 'right' ? scrollAmount : -scrollAmount,\r\n                        behavior: 'smooth'\r\n                    });\r\n                };\r\n\r\n                btnLeft.addEventListener('click', (e) => {\r\n                    e.stopPropagation();\r\n                    scrollList('left');\r\n                });\r\n                btnRight.addEventListener('click', (e) => {\r\n                    e.stopPropagation();\r\n                    scrollList('right');\r\n                });\r\n\r\n                slider.addEventListener('mousedown', (e) => {\r\n                    isDown = true;\r\n                    slider.classList.add('active');\r\n                    startX = e.pageX - slider.offsetLeft;\r\n                    scrollLeft = slider.scrollLeft;\r\n                });\r\n                slider.addEventListener('mouseleave', () => {\r\n                    isDown = false;\r\n                    slider.classList.remove('active');\r\n                });\r\n                slider.addEventListener('mouseup', () => {\r\n                    isDown = false;\r\n                    slider.classList.remove('active');\r\n                });\r\n                slider.addEventListener('mousemove', (e) => {\r\n                    if (!isDown) return;\r\n                    e.preventDefault();\r\n                    const x = e.pageX - slider.offsetLeft;\r\n                    const walk = (x - startX) * 2; \/\/ Scroll-fast\r\n                    slider.scrollLeft = scrollLeft - walk;\r\n                    updateIndicators();\r\n                });\r\n\r\n                slider.addEventListener('scroll', updateIndicators);\r\n                window.addEventListener('resize', updateIndicators);\r\n\r\n                \/\/ Initialize\r\n                setTimeout(updateIndicators, 200);\r\n            })();\r\n\r\n            function switchCategory_d3466e1(index, imageUrl) {\r\n                const widgetId = 'd3466e1';\r\n\r\n                \/\/ 1. Update Tabs Active State\r\n                const tabs = document.querySelectorAll('#ampce-widget-' + widgetId + ' .cat-tab-btn');\r\n                tabs.forEach(tab => tab.classList.remove('active'));\r\n                tabs[index].classList.add('active');\r\n\r\n                \/\/ 2. Show\/Hide Content\r\n                const contents = document.querySelectorAll('#ampce-widget-' + widgetId + ' .category-content');\r\n                contents.forEach(content => content.classList.remove('active'));\r\n                document.getElementById('cat-content-' + widgetId + '-' + index).classList.add('active');\r\n\r\n                \/\/ 3. Update Background Image (if provided)\r\n                if (imageUrl) {\r\n                    const bgImg = document.getElementById('form-bg-img-' + widgetId);\r\n                    if (bgImg) {\r\n                        bgImg.style.opacity = 0; \/\/ Fade out\r\n                        setTimeout(() => {\r\n                            bgImg.src = imageUrl;\r\n                            bgImg.style.opacity = 1; \/\/ Fade in\r\n                        }, 300);\r\n                    }\r\n                }\r\n            }\r\n\r\n            function selectGame_d3466e1(gameName) {\r\n                const selectElement = document.getElementById('selected-game-d3466e1');\r\n                const widgetId = 'd3466e1';\r\n\r\n                \/\/ V\u00e9rifier si l'option existe, sinon la cr\u00e9er temporairement\r\n                let optionExists = Array.from(selectElement.options).some(option => option.value === gameName);\r\n                if (!optionExists) {\r\n                    let newOption = new Option(gameName, gameName);\r\n                    selectElement.add(newOption);\r\n                }\r\n\r\n                selectElement.value = gameName;\r\n\r\n                \/\/ Animation visuelle sur le select\r\n                selectElement.style.borderColor = '#fff';\r\n                setTimeout(() => {\r\n                    selectElement.style.borderColor = 'var(--ampce-orange)';\r\n                }, 200);\r\n\r\n                \/\/ G\u00e9rer le style visuel des chips\r\n                const chips = document.querySelectorAll('#ampce-widget-' + widgetId + ' .game-chip');\r\n                chips.forEach(chip => {\r\n                    chip.classList.remove('active');\r\n                    if (chip.innerText.trim() === gameName) chip.classList.add('active');\r\n                });\r\n            }\r\n\r\n            jQuery(document).ready(function ($) {\r\n                $('#mega-reg-form-d3466e1').on('submit', function (e) {\r\n                    e.preventDefault();\r\n                    var form = $(this);\r\n                    var btn = form.find('.submit-btn');\r\n                    var msg = form.find('.form-message');\r\n\r\n                    btn.text('Envoi en cours...').css('opacity', '0.7');\r\n\r\n                    $.post('https:\/\/www.ampce-mali.org\/wp-admin\/admin-ajax.php', form.serialize(), function (response) {\r\n                        if (response.success) {\r\n                            msg.html('<span style=\"color: #4CAF50;\">\u2705 ' + response.data + '<\/span>').show();\r\n                            form[0].reset();\r\n                        } else {\r\n                            msg.html('<span style=\"color: #FF5252;\">\u274c ' + (response.data || 'Erreur inconnue') + '<\/span>').show();\r\n                        }\r\n                    }).fail(function () {\r\n                        msg.html('<span style=\"color: #FF5252;\">\u274c Erreur serveur.<\/span>').show();\r\n                    }).always(function () {\r\n                        btn.text('ENVOYER MA CANDIDATURE').css('opacity', '1');\r\n                    });\r\n                });\r\n            });\r\n        <\/script>\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>\n\t\t\n    <div class=\"xs_social_share_widget xs_share_url after_content \t\tmain_content  wslu-style-1 wslu-share-box-shaped wslu-fill-colored wslu-none wslu-share-horizontal wslu-theme-font-no wslu-main_content\">\n\n\t\t\n        <ul>\n\t\t\t        <\/ul>\n    <\/div>","protected":false},"excerpt":{"rendered":"<p>1. DISCIPLINE Sport &amp; Simulation Combat (VS Fighting) FPS &amp; Battle Royale MOBA &amp; Strat\u00e9gie PHYGITAL MANGA ET VR 2. CHOISIS TON JEU EA-FC E-Foot (Console &#8211; Mobile &#8211; PC) NBA 2K ROCKET LEAGUE 2. CHOISIS TON JEU Tekken 8 SF6 Mortal Kombat 1 DB FighterZ FATAL FURY 2. CHOISIS TON JEU Valorant PUBG Mobile COD Warzone Fortnite COD Mobile 2. CHOISIS TON JEU LoL MLBB Brawl Stars 2. CHOISIS TON JEU FOOTBALL UFL BASKETBALL 3X3 FRESTYLE JUST DANCE SHOOTER (CS2) BATLE OF ROBBOTS DRONES RACING MOBA PC \/ LASER TAG BATLE ROYALE\/FORTNITE 2. CHOISIS TON JEU OTAKU VR Game Rejoins l&rsquo;\u00c9lite avec AMPCE S\u00e9lectionne ta discipline en haut (mobile-Tablette) ou \u00e0 gauche (PC) pour pr\u00e9-remplir ta candidature. Nom &amp; Pr\u00e9nom Num\u00e9ro WhatsApp (Actif) Email (Optionnel) Discipline S\u00e9lectionn\u00e9e \u2b05\ufe0f Choisis ton jeu \u00e0 gauche ENVOYER En postulant, tu acceptes la charte de l&#039;acad\u00e9mie.<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"iawp_total_views":575,"footnotes":""},"class_list":["post-1937","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.ampce-mali.org\/en\/wp-json\/wp\/v2\/pages\/1937","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.ampce-mali.org\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.ampce-mali.org\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.ampce-mali.org\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.ampce-mali.org\/en\/wp-json\/wp\/v2\/comments?post=1937"}],"version-history":[{"count":19,"href":"https:\/\/www.ampce-mali.org\/en\/wp-json\/wp\/v2\/pages\/1937\/revisions"}],"predecessor-version":[{"id":2440,"href":"https:\/\/www.ampce-mali.org\/en\/wp-json\/wp\/v2\/pages\/1937\/revisions\/2440"}],"wp:attachment":[{"href":"https:\/\/www.ampce-mali.org\/en\/wp-json\/wp\/v2\/media?parent=1937"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}