{"id":4787,"date":"2025-12-24T13:19:03","date_gmt":"2025-12-24T13:19:03","guid":{"rendered":"https:\/\/darkslateblue-stinkbug-565876.hostingersite.com\/?page_id=4787"},"modified":"2026-01-31T18:41:50","modified_gmt":"2026-01-31T18:41:50","slug":"sunu-thiossane","status":"publish","type":"page","link":"https:\/\/sunuthiossane.org\/en\/","title":{"rendered":"Sunu Thiossane"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"4787\" class=\"elementor elementor-4787\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-964b7d8 elementor-section-full_width elementor-section-stretched elementor-section-height-default elementor-section-height-default\" data-id=\"964b7d8\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-b153438\" data-id=\"b153438\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-3715dea elementor-widget__width-initial elementor-absolute elementor-hidden-mobile elementor-widget elementor-widget-react-video\" data-id=\"3715dea\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_position&quot;:&quot;absolute&quot;}\" data-widget_type=\"react-video.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t  \t\t<div class=\"react-video video-item-2842 center style1\" >\r\n\r\n\r\n   \t\t\t\t\t\r\n  \t\t\t\t\t\t<div class=\"overly-border\">\r\n\t\t\t\t\t\t    <a class=\"popup-videos\" href=\"https:\/\/www.youtube.com\/watch?v=e5Hc2B50Z7c\">\r\n\t\t\t\t\t\t\t\t<i class=\"fa fa-play\"><\/i>\r\n\t\t\t\t\t\t\t<\/a>\r\n\t\t\t\t\t\t<\/div>\r\n\r\n\t\t\t\t    \r\n\t\t\t\t\r\n\t\t\t\t  \r\n\t\t\t\t    \r\n\t\t\t<\/div>\t\r\n\r\n\r\n\t\t<script type=\"text\/javascript\">\t\t\t\r\n\t\t\tjQuery(document).ready(function(){\r\n\t\t\t\tjQuery('.popup-videos').magnificPopup({\r\n\t\t\t        disableOn: 10,\r\n\t\t\t        type: 'iframe',\r\n\t\t\t        mainClass: 'mfp-fade',\r\n\t\t\t        removalDelay: 160,\r\n\t\t\t        preloader: false,\r\n\r\n\t\t\t        fixedContentPos: false\r\n\t\t\t    }); \r\n\t\t\t});\r\n\t\t<\/script>\r\n    \r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2cddba9 elementor-widget elementor-widget-html\" data-id=\"2cddba9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;600;700;800&family=Inter:wght@300;400;500;600&display=swap\" rel=\"stylesheet\">\r\n    <style>\r\n        * {\r\n            margin: 0;\r\n            padding: 0;\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        \r\n\r\n        \/* Conteneur principal du slider *\/\r\n        .slider-container {\r\n            position: relative;\r\n            width: 100%;\r\n            height: 92vh;\r\n            overflow: hidden;\r\n        }\r\n\r\n        \/* Slide individuel *\/\r\n        .slide {\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 100%;\r\n            opacity: 0;\r\n            transition: opacity 1s ease-in-out;\r\n            background-size: cover;\r\n            background-position: center;\r\n            background-repeat: no-repeat;\r\n        }\r\n\r\n        .slide.active {\r\n            opacity: 1;\r\n            z-index: 1;\r\n        }\r\n\r\n        \/* Overlay gradient \u00e9l\u00e9gant et moderne *\/\r\n        .slide::before {\r\n            content: '';\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(\r\n                135deg, \r\n                rgba(15, 23, 42, 0.85) 0%, \r\n                rgba(30, 41, 59, 0.7) 35%,\r\n                rgba(51, 65, 85, 0.5) 70%,\r\n                rgba(71, 85, 105, 0.3) 100%\r\n            );\r\n            z-index: 1;\r\n        }\r\n\r\n        \/* Effet de vignette sur les bords *\/\r\n        .slide::after {\r\n            content: '';\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 100%;\r\n            background: radial-gradient(\r\n                ellipse at center,\r\n                transparent 0%,\r\n                transparent 40%,\r\n                rgba(0, 0, 0, 0.4) 100%\r\n            );\r\n            z-index: 1;\r\n        }\r\n\r\n        \/* Contenu texte du slide *\/\r\n        .slide-content {\r\n            position: absolute;\r\n            top: 50%;\r\n            left: 8%;\r\n            transform: translateY(-50%);\r\n            z-index: 2;\r\n            color: white;\r\n            max-width: 600px;\r\n            opacity: 0;\r\n            transition: all 0.8s ease-out;\r\n        }\r\n\r\n        .slide.active .slide-content {\r\n            opacity: 1;\r\n            transform: translateY(-50%) translateX(0);\r\n        }\r\n\r\n        \/* Surtitre avec fond orange *\/\r\n        .slide-content .surtitle {\r\n            display: inline-block;\r\n            background: #e89235;\r\n            color: white;\r\n            font-family: 'Poppins', sans-serif;\r\n            font-size: 0.6rem;\r\n            font-weight: 600;\r\n            text-transform: uppercase;\r\n            letter-spacing: 2px;\r\n            padding: 8px 20px;\r\n            margin-bottom: 1.2rem;\r\n            border-radius: 4px;\r\n            animation: slideInLeft 0.8s ease-out forwards;\r\n            box-shadow: 0 4px 15px rgba(232, 146, 53, 0.4);\r\n        }\r\n\r\n        .slide-content h1 {\r\n            font-family: 'Poppins', sans-serif;\r\n            font-size: 2.3rem;\r\n            font-weight: 800;\r\n            line-height: 1.1;\r\n            margin-bottom: 1.5rem;\r\n            text-align: left;\r\n            animation: slideInLeft 0.8s 0.1s ease-out forwards;\r\n            letter-spacing: 1.5px;\r\n            text-shadow: 0 4px 20px rgba(0, 0, 0, 0.4);\r\n            text-transform: uppercase;\r\n            white-space: nowrap;\r\n            opacity: 0;\r\n            color: white !important;\r\n        }\r\n\r\n        .slide.active .slide-content h1 {\r\n            opacity: 1;\r\n        }\r\n\r\n        .slide-content p {\r\n            font-family: 'Inter', sans-serif;\r\n            font-size: 1.15rem;\r\n            line-height: 1.8;\r\n            text-align: justify;\r\n            margin-bottom: 2rem;\r\n            font-weight: 400;\r\n            animation: slideInLeft 0.8s 0.2s ease-out forwards;\r\n            opacity: 0;\r\n            text-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);\r\n        }\r\n\r\n        .slide.active .slide-content p {\r\n            opacity: 1;\r\n        }\r\n\r\n        .slide-content .cta-button {\r\n            display: inline-block;\r\n            padding: 10px 28px;\r\n            background: rgba(255, 255, 255, 0.15);\r\n            border: 1px solid rgba(255, 255, 255, 0.3);\r\n            color: white;\r\n            text-decoration: none;\r\n            font-family: 'Inter', sans-serif;\r\n            font-weight: 500;\r\n            font-size: 0.85rem;\r\n            text-transform: uppercase;\r\n            letter-spacing: 1px;\r\n            transition: all 0.3s ease;\r\n            backdrop-filter: blur(10px);\r\n            animation: slideInLeft 0.8s 0.4s ease-out forwards;\r\n            opacity: 0;\r\n            border-radius: 4px;\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .cta-button::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 0;\r\n            left: -100%;\r\n            width: 100%;\r\n            height: 100%;\r\n            background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);\r\n            transition: left 0.5s ease;\r\n        }\r\n\r\n        .slide.active .slide-content .cta-button {\r\n            opacity: 1;\r\n        }\r\n\r\n        .cta-button:hover {\r\n            background: #e89235;\r\n            border-color: #e89235;\r\n            color: white;\r\n            transform: translateY(-2px);\r\n            box-shadow: 0 4px 15px rgba(232, 146, 53, 0.4);\r\n        }\r\n\r\n        .cta-button:hover::before {\r\n            left: 100%;\r\n        }\r\n\r\n        \/* Animations *\/\r\n        @keyframes slideInLeft {\r\n            from {\r\n                transform: translateX(-50px);\r\n                opacity: 0;\r\n            }\r\n            to {\r\n                transform: translateX(0);\r\n                opacity: 1;\r\n            }\r\n        }\r\n\r\n        \/* Navigation par fl\u00e8ches - Design moderne minimaliste *\/\r\n        .slider-nav {\r\n            position: absolute;\r\n            top: 50%;\r\n            transform: translateY(-50%);\r\n            z-index: 3;\r\n            background: rgba(255, 255, 255, 0.1);\r\n            border: 1px solid rgba(255, 255, 255, 0.2);\r\n            width: 40px;\r\n            height: 40px;\r\n            border-radius: 4px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            cursor: pointer;\r\n            transition: all 0.3s ease;\r\n            backdrop-filter: blur(10px);\r\n        }\r\n\r\n        .slider-nav:hover {\r\n            background: rgba(255, 255, 255, 0.2);\r\n            border-color: rgba(255, 255, 255, 0.4);\r\n            transform: translateY(-50%) scale(1.05);\r\n        }\r\n\r\n        .slider-nav.prev {\r\n            left: 30px;\r\n        }\r\n\r\n        .slider-nav.next {\r\n            right: 30px;\r\n        }\r\n\r\n        .slider-nav::before {\r\n            content: '';\r\n            width: 10px;\r\n            height: 10px;\r\n            border-top: 2px solid rgba(255, 255, 255, 0.9);\r\n            border-right: 2px solid rgba(255, 255, 255, 0.9);\r\n            display: block;\r\n        }\r\n\r\n        .slider-nav.prev::before {\r\n            transform: rotate(-135deg);\r\n            margin-left: 5px;\r\n        }\r\n\r\n        .slider-nav.next::before {\r\n            transform: rotate(45deg);\r\n            margin-right: 5px;\r\n        }\r\n\r\n        \/* Pagination (dots) - Smart Navigation *\/\r\n        .slider-pagination {\r\n            position: absolute;\r\n            bottom: 40px;\r\n            left: 50%;\r\n            transform: translateX(-50%);\r\n            z-index: 3;\r\n            display: flex;\r\n            gap: 10px;\r\n            align-items: center;\r\n        }\r\n\r\n        .dot {\r\n            width: 10px;\r\n            height: 10px;\r\n            border-radius: 50%;\r\n            background: rgba(255, 255, 255, 0.4);\r\n            cursor: pointer;\r\n            transition: all 0.3s ease;\r\n            border: 1px solid rgba(255, 255, 255, 0.3);\r\n        }\r\n\r\n        .dot:hover {\r\n            background: rgba(255, 255, 255, 0.6);\r\n            transform: scale(1.2);\r\n        }\r\n\r\n        .dot.active {\r\n            background: #e89235;\r\n            width: 30px;\r\n            border-radius: 5px;\r\n            border-color: #e89235;\r\n        }\r\n\r\n        \/* Responsive Design *\/\r\n        @media (max-width: 1024px) {\r\n            .slide-content {\r\n                left: 5%;\r\n                max-width: 500px;\r\n            }\r\n\r\n            .slide-content .surtitle {\r\n                font-size: 0.65rem;\r\n                padding: 6px 16px;\r\n                margin-bottom: 1rem;\r\n            }\r\n\r\n            .slide-content h1 {\r\n                font-size: 1.8rem;\r\n                letter-spacing: 1.5px;\r\n            }\r\n\r\n            .slide-content p {\r\n                font-size: 1rem;\r\n            }\r\n\r\n            .slider-nav {\r\n                width: 42px;\r\n                height: 42px;\r\n            }\r\n\r\n            .slider-nav::before {\r\n                width: 9px;\r\n                height: 9px;\r\n            }\r\n\r\n            .slider-nav::before {\r\n                width: 10px;\r\n                height: 10px;\r\n            }\r\n\r\n            .slider-nav.prev {\r\n                left: 20px;\r\n            }\r\n\r\n            .slider-nav.next {\r\n                right: 20px;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 768px) {\r\n            .slider-container {\r\n                height: 80vh;\r\n            }\r\n\r\n            .slide-content {\r\n                left: 5%;\r\n                right: 5%;\r\n                transform: translateY(-50%);\r\n                max-width: 90%;\r\n                text-align: left;\r\n            }\r\n\r\n            .slide.active .slide-content {\r\n                transform: translateY(-50%);\r\n            }\r\n\r\n            .slide-content .surtitle {\r\n                font-size: 0.55rem;\r\n                padding: 5px 12px;\r\n                letter-spacing: 1.2px;\r\n                margin-bottom: 0.7rem;\r\n            }\r\n\r\n            .slide-content h1 {\r\n                font-size: 1.4rem;\r\n                text-align: left;\r\n                letter-spacing: 0.5px;\r\n                white-space: normal;\r\n                line-height: 1.2;\r\n                margin-bottom: 1rem;\r\n            }\r\n\r\n            .slide-content p {\r\n                font-size: 0.95rem;\r\n                text-align: left;\r\n                line-height: 1.6;\r\n                margin-bottom: 1.2rem;\r\n            }\r\n\r\n            .cta-button {\r\n                padding: 8px 18px;\r\n                font-size: 0.7rem;\r\n                letter-spacing: 0.5px;\r\n            }\r\n\r\n            \/* Masquer les fl\u00e8ches de navigation sur mobile *\/\r\n            .slider-nav {\r\n                display: none;\r\n            }\r\n\r\n            .slider-pagination {\r\n                bottom: 25px;\r\n            }\r\n\r\n            .dot {\r\n                width: 8px;\r\n                height: 8px;\r\n            }\r\n\r\n            .dot.active {\r\n                width: 24px;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 480px) {\r\n            .slider-container {\r\n                height: 75vh;\r\n            }\r\n\r\n            .slide-content h1 {\r\n                font-size: 1.5rem;\r\n                line-height: 1.25;\r\n            }\r\n\r\n            .slide-content p {\r\n                font-size: 0.9rem;\r\n                line-height: 1.6;\r\n                text-align: left;\r\n            }\r\n\r\n            .cta-button {\r\n                padding: 7px 16px;\r\n                font-size: 0.65rem;\r\n            }\r\n\r\n            \/* Masquer les fl\u00e8ches de navigation sur mobile *\/\r\n            .slider-nav {\r\n                display: none;\r\n            }\r\n\r\n            .slider-pagination {\r\n                bottom: 20px;\r\n            }\r\n\r\n            .dot {\r\n                width: 7px;\r\n                height: 7px;\r\n            }\r\n\r\n            .dot.active {\r\n                width: 20px;\r\n            }\r\n        }\r\n\r\n        \/* Accessibilit\u00e9 *\/\r\n        .slider-nav:focus,\r\n        .dot:focus {\r\n            outline: 3px solid rgba(255, 255, 255, 0.8);\r\n            outline-offset: 3px;\r\n        }\r\n\r\n        \/* Performance - Pr\u00e9chargement des images *\/\r\n        .slide {\r\n            will-change: opacity;\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n    <div class=\"slider-container\">\r\n        <!-- Slide 1 -->\r\n        <div class=\"slide active\" style=\"background-image: url('https:\/\/sunuthiossane.org\/wp-content\/uploads\/2025\/12\/Slider-Sunu-Thiossane-Youth-Organisation-5.jpeg')\">\r\n            <div class=\"slide-content\">\r\n                <span class=\"surtitle\">SUNU THIOSSANE<\/span>\r\n                <h1>Organisation \u00c9ducative <br>Jeunesse S\u00e9n\u00e9gal depuis 2011<\/h1>\r\n                <p>Organisation \u00e9ducative pour jeunes de 8 \u00e0 18 ans au S\u00e9n\u00e9gal. Programmes bilingues int\u00e9grant STEAM et \u00e9changes culturels internationaux. 13 ans d'excellence, +1200 jeunes accompagn\u00e9s, 98% de satisfaction.\r\n<\/p>\r\n                <a href=https:\/\/sunuthiossane.org\/a-propos\/ class=\"cta-button\">Notre histoire<\/a>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- Slide 2 -->\r\n        <div class=\"slide\" style=\"background-image: url('https:\/\/sunuthiossane.org\/wp-content\/uploads\/2025\/12\/Slider-Sunu-Thiossane-Youth-Organisation-1.jpeg')\">\r\n            <div class=\"slide-content\">\r\n                <span class=\"surtitle\">NOS PROGRAMMES<\/span>\r\n                <h1>Programmes \u00c9ducatifs <br>STEAM Bilingues au S\u00e9n\u00e9gal<\/h1>\r\n                <p>Programmes \u00e9ducatifs bilingues pour jeunes de 8 \u00e0 18 ans. Enseignement STEAM en fran\u00e7ais et anglais : sciences, technologies, ing\u00e9nierie, arts, math\u00e9matiques. Excellence acad\u00e9mique et h\u00e9ritage culturel africain.<\/p>\r\n                <a href=\"https:\/\/sunuthiossane.org\/nos-programmes\/\" class=\"cta-button\">Nos Programmes<\/a>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- Slide 3 -->\r\n        <div class=\"slide\" style=\"background-image: url('https:\/\/sunuthiossane.org\/wp-content\/uploads\/2025\/12\/Slider-Sunu-Thiossane-Youth-Organisation-4.jpeg')\">\r\n            <div class=\"slide-content\">\r\n                <span class=\"surtitle\">\u00c9CHANGES CULTURELS<\/span>\r\n                <h1>\u00c9changes Culturels <br>Internationaux pour Jeunes<\/h1> \r\n                <p>Programmes d'\u00e9changes culturels internationaux pour jeunes de 8 \u00e0 18 ans. Immersion culturelle d\u00e9veloppant leadership et comp\u00e9tences interculturelles. Exp\u00e9riences transformatrices encadr\u00e9es dans nos pays partenaires.<\/p>\r\n                <a href=\"https:\/\/sunuthiossane.org\/voyages-dechanges-culturels\/\" class=\"cta-button\">Nos destinations<\/a>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- Navigation par fl\u00e8ches -->\r\n        <div class=\"slider-nav prev\" aria-label=\"Slide pr\u00e9c\u00e9dent\" role=\"button\" tabindex=\"0\"><\/div>\r\n        <div class=\"slider-nav next\" aria-label=\"Slide suivant\" role=\"button\" tabindex=\"0\"><\/div>\r\n\r\n        <!-- Pagination (dots) -->\r\n        <div class=\"slider-pagination\" role=\"navigation\" aria-label=\"Navigation du slider\"><\/div>\r\n    <\/div>\r\n\r\n    <script>\r\n        \/\/ Configuration du slider\r\n        const slider = {\r\n            currentSlide: 0,\r\n            slides: document.querySelectorAll('.slide'),\r\n            totalSlides: document.querySelectorAll('.slide').length,\r\n            autoSlideInterval: null,\r\n            autoSlideDelay: 4000, \/\/ 4 secondes\r\n            isHovered: false\r\n        };\r\n\r\n        \/\/ Initialisation de la pagination\r\n        function initPagination() {\r\n            const pagination = document.querySelector('.slider-pagination');\r\n            for (let i = 0; i < slider.totalSlides; i++) {\r\n                const dot = document.createElement('div');\r\n                dot.classList.add('dot');\r\n                if (i === 0) dot.classList.add('active');\r\n                dot.setAttribute('data-slide', i);\r\n                dot.setAttribute('role', 'button');\r\n                dot.setAttribute('aria-label', `Aller au slide ${i + 1}`);\r\n                dot.setAttribute('tabindex', '0');\r\n                dot.addEventListener('click', () => goToSlide(i));\r\n                dot.addEventListener('keypress', (e) => {\r\n                    if (e.key === 'Enter') goToSlide(i);\r\n                });\r\n                pagination.appendChild(dot);\r\n            }\r\n        }\r\n\r\n        \/\/ Aller \u00e0 un slide sp\u00e9cifique\r\n        function goToSlide(index) {\r\n            \/\/ Retirer la classe active de tous les slides et dots\r\n            slider.slides.forEach(slide => slide.classList.remove('active'));\r\n            document.querySelectorAll('.dot').forEach(dot => dot.classList.remove('active'));\r\n\r\n            \/\/ Ajouter la classe active au slide et dot correspondants\r\n            slider.currentSlide = index;\r\n            slider.slides[slider.currentSlide].classList.add('active');\r\n            document.querySelectorAll('.dot')[slider.currentSlide].classList.add('active');\r\n        }\r\n\r\n        \/\/ Slide suivant\r\n        function nextSlide() {\r\n            const nextIndex = (slider.currentSlide + 1) % slider.totalSlides;\r\n            goToSlide(nextIndex);\r\n        }\r\n\r\n        \/\/ Slide pr\u00e9c\u00e9dent\r\n        function prevSlide() {\r\n            const prevIndex = (slider.currentSlide - 1 + slider.totalSlides) % slider.totalSlides;\r\n            goToSlide(prevIndex);\r\n        }\r\n\r\n        \/\/ D\u00e9marrer l'auto-slide\r\n        function startAutoSlide() {\r\n            slider.autoSlideInterval = setInterval(() => {\r\n                if (!slider.isHovered) {\r\n                    nextSlide();\r\n                }\r\n            }, slider.autoSlideDelay);\r\n        }\r\n\r\n        \/\/ Arr\u00eater l'auto-slide\r\n        function stopAutoSlide() {\r\n            clearInterval(slider.autoSlideInterval);\r\n        }\r\n\r\n        \/\/ \u00c9v\u00e9nements de navigation\r\n        document.querySelector('.slider-nav.next').addEventListener('click', () => {\r\n            nextSlide();\r\n            stopAutoSlide();\r\n            startAutoSlide();\r\n        });\r\n\r\n        document.querySelector('.slider-nav.prev').addEventListener('click', () => {\r\n            prevSlide();\r\n            stopAutoSlide();\r\n            startAutoSlide();\r\n        });\r\n\r\n        \/\/ Support clavier pour la navigation\r\n        document.addEventListener('keydown', (e) => {\r\n            if (e.key === 'ArrowRight') {\r\n                nextSlide();\r\n                stopAutoSlide();\r\n                startAutoSlide();\r\n            } else if (e.key === 'ArrowLeft') {\r\n                prevSlide();\r\n                stopAutoSlide();\r\n                startAutoSlide();\r\n            }\r\n        });\r\n\r\n        \/\/ Pause au survol\r\n        const sliderContainer = document.querySelector('.slider-container');\r\n        sliderContainer.addEventListener('mouseenter', () => {\r\n            slider.isHovered = true;\r\n        });\r\n\r\n        sliderContainer.addEventListener('mouseleave', () => {\r\n            slider.isHovered = false;\r\n        });\r\n\r\n        \/\/ Support tactile (swipe) pour mobile\r\n        let touchStartX = 0;\r\n        let touchEndX = 0;\r\n        let touchStartY = 0;\r\n        let touchEndY = 0;\r\n\r\n        sliderContainer.addEventListener('touchstart', (e) => {\r\n            touchStartX = e.changedTouches[0].screenX;\r\n            touchStartY = e.changedTouches[0].screenY;\r\n        }, false);\r\n\r\n        sliderContainer.addEventListener('touchend', (e) => {\r\n            touchEndX = e.changedTouches[0].screenX;\r\n            touchEndY = e.changedTouches[0].screenY;\r\n            handleSwipe();\r\n        }, false);\r\n\r\n        function handleSwipe() {\r\n            const swipeThreshold = 50; \/\/ Distance minimale pour d\u00e9tecter un swipe\r\n            const deltaX = touchEndX - touchStartX;\r\n            const deltaY = Math.abs(touchEndY - touchStartY);\r\n\r\n            \/\/ S'assurer que c'est un swipe horizontal (pas vertical)\r\n            if (deltaY < 100) {\r\n                if (deltaX > swipeThreshold) {\r\n                    \/\/ Swipe vers la droite - slide pr\u00e9c\u00e9dent\r\n                    prevSlide();\r\n                    stopAutoSlide();\r\n                    startAutoSlide();\r\n                } else if (deltaX < -swipeThreshold) {\r\n                    \/\/ Swipe vers la gauche - slide suivant\r\n                    nextSlide();\r\n                    stopAutoSlide();\r\n                    startAutoSlide();\r\n                }\r\n            }\r\n        }\r\n\r\n        \/\/ Initialisation\r\n        initPagination();\r\n        startAutoSlide();\r\n\r\n        \/\/ Pr\u00e9chargement des images pour de meilleures performances\r\n        window.addEventListener('load', () => {\r\n            slider.slides.forEach(slide => {\r\n                const img = new Image();\r\n                img.src = slide.style.backgroundImage.slice(5, -2);\r\n            });\r\n        });\r\n    <\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-c06721d elementor-section-full_width elementor-section-stretched elementor-section-height-default elementor-section-height-default\" data-id=\"c06721d\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-ead8dbd\" data-id=\"ead8dbd\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-6c730eb elementor-widget elementor-widget-html\" data-id=\"6c730eb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700;800&family=Poppins:wght@300;400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n    \r\n    <style>\r\n        \/* ========================================\r\n           SUNU THIOSSANE - CHARTE GRAPHIQUE COMPL\u00c8TE\r\n           ======================================== *\/\r\n        \r\n        * {\r\n            margin: 0;\r\n            padding: 0;\r\n            box-sizing: border-box;\r\n        }\r\n             .site-footer{\r\n         margin-top:0px !important;\r\n     }\r\n        :root {\r\n            \/* Marrons\/Browns *\/\r\n            --brown: #8B6F47;\r\n            --brown-primary: #8B6F47;\r\n            --brown-dark: #6B5437;\r\n            --brown-light: #A58B63;\r\n            \r\n            \/* Oranges *\/\r\n            --orange: #E89340;\r\n            --orange-primary: #E78F3A;\r\n            --orange-light: #F4A961;\r\n            --orange-dark: #D67A28;\r\n            \r\n            \/* Cr\u00e8mes\/Neutres *\/\r\n            --cream: #FAF6F0;\r\n            --cream-light: #FDF9F3;\r\n            --cream-dark: #F5EFE6;\r\n            --white: #FFFFFF;\r\n            \r\n            \/* Gris *\/\r\n            --gray: #666;\r\n            --gray-medium: #E5E5E5;\r\n            --light-gray: #f5f5f5;\r\n            \r\n            \/* Textes *\/\r\n            --dark: #1a1a1a;\r\n            --text-dark: #2C2416;\r\n            --text-medium: #5C4E3A;\r\n            --text-light: #8B7E6A;\r\n            \r\n            \/* Ombres *\/\r\n            --shadow: 0 2px 15px rgba(139, 111, 71, 0.1);\r\n            --shadow-hover: 0 8px 25px rgba(139, 111, 71, 0.15);\r\n            --transition: all 0.3s ease;\r\n        }\r\n\r\n        body {\r\n            font-family: 'Inter', sans-serif;\r\n            color: var(--text-dark);\r\n            line-height: 1.6;\r\n            overflow-x: hidden;\r\n        }\r\n\r\n        h1, h2, h3, h4, h5, h6 {\r\n            font-family: 'Poppins', sans-serif;\r\n            font-weight: 600;\r\n            line-height: 1.2;\r\n        }\r\n\r\n        \/* Container *\/\r\n        .st-container {\r\n            max-width: 1300px;\r\n            margin: 0 auto;\r\n            padding: 0.5rem;\r\n        }\r\n\r\n        \/* Section Styling *\/\r\n        section {\r\n            padding: 3rem 0;\r\n        }\r\n\r\n        \/* Badges *\/\r\n        .st-section-badge {\r\n            display: inline-block;\r\n            background: rgba(232, 147, 64, 0.1);\r\n            color: var(--orange);\r\n            font-weight: 600;\r\n            font-size: 0.75rem;\r\n            text-transform: uppercase;\r\n            letter-spacing: 1.5px;\r\n            padding: 0.5rem 1.2rem;\r\n            border-radius: 50px;\r\n            border: 1px solid rgba(232, 147, 64, 0.3);\r\n            margin-bottom: 1rem;\r\n        }\r\n\r\n        \/* Section Headers *\/\r\n        .st-section-header {\r\n            text-align: center;\r\n            margin-bottom: 3rem;\r\n        }\r\n\r\n        .st-section-title {\r\n            font-size: 1.75rem;\r\n            color: var(--brown-dark);\r\n            margin-bottom: 0.75rem;\r\n            font-weight: 600;\r\n            text-transform: uppercase;\r\n        }\r\n\r\n        .st-section-subtitle {\r\n            font-size: 1rem;\r\n            color: var(--text-medium);\r\n            max-width: 700px;\r\n            margin: 0 auto;\r\n            line-height: 1.7;\r\n        }\r\n\r\n        \/* Buttons *\/\r\n        .st-btn-primary,\r\n        .btn-primary {\r\n            display: inline-flex;\r\n            align-items: center;\r\n            gap: 0.5rem;\r\n            padding: 0.85rem 2rem;\r\n            background: var(--orange);\r\n            color: white;\r\n            text-decoration: none;\r\n            font-weight: 600;\r\n            font-size: 0.95rem;\r\n            border-radius: 30px;\r\n            border: none;\r\n            transition: var(--transition);\r\n            cursor: pointer;\r\n            width: fit-content;\r\n        }\r\n\r\n        .st-btn-primary:hover,\r\n        .btn-primary:hover {\r\n            background: var(--orange-dark);\r\n            transform: translateY(-2px);\r\n            box-shadow: 0 6px 20px rgba(232, 147, 64, 0.4);\r\n        }\r\n\r\n        .st-btn-primary::after {\r\n            content: '\u2192';\r\n            font-size: 1.1rem;\r\n            transition: var(--transition);\r\n        }\r\n\r\n        .st-btn-primary:hover::after {\r\n            transform: translateX(3px);\r\n        }\r\n\r\n        \/* ========================================\r\n           SECTION ABOUT\r\n           ======================================== *\/\r\n        \r\n        .st-about {\r\n            background: var(--white);\r\n            padding: 6rem 2rem;\r\n        }\r\n\r\n        .st-about-grid {\r\n            display: grid;\r\n            grid-template-columns: 1fr 1fr;\r\n            gap: 4rem;\r\n            align-items: start;\r\n        }\r\n\r\n        .st-about-content {\r\n            display: flex;\r\n            flex-direction: column;\r\n            justify-content: flex-start;\r\n        }\r\n\r\n        .st-section-badge {\r\n            display: inline-block;\r\n            background: rgba(232, 147, 64, 0.1);\r\n            color: var(--orange);\r\n            font-weight: 600;\r\n            font-size: 0.75rem;\r\n            text-transform: uppercase;\r\n            letter-spacing: 1.5px;\r\n            padding: 0.5rem 1.2rem;\r\n            border-radius: 50px;\r\n            border: 1px solid rgba(232, 147, 64, 0.3);\r\n            margin-bottom: 1rem;\r\n            width: fit-content;\r\n        }\r\n\r\n        .st-about-content h2 {\r\n            font-size: 1.75rem;\r\n            color: var(--brown-dark);\r\n            margin-bottom: 1.5rem;\r\n            font-weight: 600;\r\n            text-transform: uppercase;\r\n        }\r\n\r\n        .st-about-content p {\r\n            color: var(--text-medium);\r\n            line-height: 1.8;\r\n            margin-bottom: 1.5rem;\r\n            text-align: justify;\r\n            font-size: 1.1rem;\r\n        }\r\n\r\n        .st-about-image {\r\n            border-radius: 30px;\r\n            overflow: hidden;\r\n            box-shadow: var(--shadow);\r\n            height: 100%;\r\n            min-height: 500px;\r\n        }\r\n\r\n        .st-about-image img {\r\n            width: 100%;\r\n            height: 100%;\r\n            object-fit: cover;\r\n            transition: var(--transition);\r\n        }\r\n\r\n        .st-about-image:hover img {\r\n            transform: scale(1.05);\r\n        }\r\n\r\n        \/* Image mobile - cach\u00e9e sur desktop *\/\r\n        .st-about-image-mobile {\r\n            display: none;\r\n            border-radius: 30px;\r\n            overflow: hidden;\r\n            box-shadow: var(--shadow);\r\n            margin-top: 2rem;\r\n        }\r\n\r\n        .st-about-image-mobile img {\r\n            width: 100%;\r\n            height: auto;\r\n            object-fit: cover;\r\n        }\r\n\r\n        \/* ========================================\r\n           SECTION PILLARS\r\n           ======================================== *\/\r\n        \r\n        .st-pillars {\r\n            background: var(--cream-dark);\r\n            padding: 6rem 2rem;\r\n            position: relative;\r\n        }\r\n\r\n        \/* Image de fond avec overlay *\/\r\n        .st-pillars::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            right: 0;\r\n            bottom: 0;\r\n              background: \r\n        linear-gradient(135deg, rgba(107, 84, 55, 0.90) 0%, rgba(139, 111, 71, 0.85) 50%, rgba(107, 84, 55, 0.90) 100%),\r\n        url('https:\/\/sunuthiossane.org\/wp-content\/uploads\/2026\/01\/Slider-Sunu-Thiossane-Youth-Organisation-1.jpeg') no-repeat center center;\r\n            background-size: cover;\r\n\r\n            z-index: 1;\r\n        }\r\n\r\n        .st-pillars > * {\r\n            position: relative;\r\n            z-index: 2;\r\n        }\r\n\r\n        .st-pillars .st-section-badge {\r\n            background: rgba(255, 255, 255, 0.95);\r\n            color: var(--brown-dark);\r\n        }\r\n\r\n        .st-pillars .st-section-title,\r\n        .st-pillars .st-section-subtitle {\r\n            color: #ffffff;\r\n            text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);\r\n        }\r\n\r\n        .st-pillars-slider {\r\n            max-width: 1400px;\r\n            margin: 0 auto;\r\n        }\r\n\r\n        .st-pillars-slider-container {\r\n            overflow: hidden;\r\n        }\r\n\r\n        .st-pillars-track {\r\n            display: flex;\r\n            gap: 2rem;\r\n            transition: transform 0.5s ease-in-out;\r\n        }\r\n\r\n        .st-pillar-slide {\r\n            flex: 0 0 calc((100% - 4rem) \/ 3);\r\n            min-width: calc((100% - 4rem) \/ 3);\r\n        }\r\n\r\n        .st-pillar-card {\r\n            background: rgba(255, 255, 255, 0.95);\r\n            backdrop-filter: blur(10px);\r\n            padding: 2.5rem;\r\n            border-radius: 20px;\r\n            box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);\r\n            border: 1px solid rgba(255, 255, 255, 0.2);\r\n            transition: var(--transition);\r\n            height: 100%;\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .st-pillar-card::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 4px;\r\n            background: linear-gradient(90deg, var(--orange), var(--brown-primary));\r\n            transform: scaleX(0);\r\n            transition: var(--transition);\r\n        }\r\n\r\n        .st-pillar-card:hover {\r\n            transform: translateY(-10px);\r\n            box-shadow: 0 12px 40px rgba(0, 0, 0, 0.4);\r\n        }\r\n\r\n        .st-pillar-card:hover::before {\r\n            transform: scaleX(1);\r\n        }\r\n\r\n        .st-pillar-icon {\r\n            width: 60px;\r\n            height: 60px;\r\n            background: linear-gradient(135deg, var(--orange), var(--brown-primary));\r\n            border-radius: 15px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            margin-bottom: 1.5rem;\r\n            font-size: 1.8rem;\r\n        }\r\n\r\n        .st-pillar-card h3 {\r\n            font-size: 1.2rem;\r\n            color: var(--brown-primary);\r\n            margin-bottom: 1rem;\r\n            font-weight: 600;\r\n        }\r\n\r\n        .st-pillar-card p {\r\n            color: var(--text-medium);\r\n            line-height: 1.7;\r\n            margin-bottom: 1.6rem;\r\n            text-align: justify;\r\n            font-size: 1.1rem;\r\n\r\n        }\r\n\r\n        .st-pillar-link {\r\n            color: var(--orange);\r\n            font-weight: 600;\r\n            text-decoration: none;\r\n            display: inline-flex;\r\n            align-items: center;\r\n            gap: 0.5rem;\r\n            transition: var(--transition);\r\n        }\r\n\r\n        .st-pillar-link:hover {\r\n            gap: 0.8rem;\r\n            color: var(--orange-dark);\r\n        }\r\n\r\n        \/* ========================================\r\n           SLIDER CONTROLS\r\n           ======================================== *\/\r\n        \r\n        .st-slider-controls {\r\n            display: flex;\r\n            justify-content: center;\r\n            gap: 1rem;\r\n            margin-top: 3rem;\r\n        }\r\n\r\n        .st-slider-btn {\r\n            width: 50px;\r\n            height: 50px;\r\n            border-radius: 50%;\r\n            background: rgba(255, 255, 255, 0.9);\r\n            border: 2px solid var(--orange);\r\n            color: var(--orange);\r\n            cursor: pointer;\r\n            transition: var(--transition);\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            font-size: 1.5rem;\r\n            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);\r\n        }\r\n\r\n        .st-slider-btn:hover:not(:disabled) {\r\n            background: var(--orange);\r\n            color: white;\r\n            transform: scale(1.1);\r\n        }\r\n\r\n        .st-slider-btn:disabled {\r\n            opacity: 0.3;\r\n            cursor: not-allowed;\r\n            border-color: #ccc;\r\n            color: #ccc;\r\n        }\r\n\r\n        \/* ========================================\r\n           SECTION PROGRAMS\r\n           ======================================== *\/\r\n        \r\n        .st-programs {\r\n            background: var(--white);\r\n            padding: 6rem 2rem;\r\n        }\r\n\r\n        .st-programs-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\r\n            gap: 2.5rem;\r\n        }\r\n\r\n        .st-program-card {\r\n            background: var(--white);\r\n            border-radius: 20px;\r\n            overflow: hidden;\r\n            box-shadow: var(--shadow);\r\n            border: 1px solid rgba(139, 111, 71, 0.08);\r\n            transition: var(--transition);\r\n            display: flex;\r\n            flex-direction: column;\r\n        }\r\n\r\n        .st-program-card:hover {\r\n            transform: translateY(-10px);\r\n            box-shadow: var(--shadow-hover);\r\n            border-color: rgba(232, 147, 64, 0.2);\r\n        }\r\n\r\n        .st-program-image {\r\n            position: relative;\r\n            height: 250px;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .st-program-image img {\r\n            width: 100%;\r\n            height: 100%;\r\n            object-fit: cover;\r\n            transition: var(--transition);\r\n        }\r\n\r\n        .st-program-card:hover .st-program-image img {\r\n            transform: scale(1.1);\r\n        }\r\n\r\n        .st-program-badge {\r\n            position: absolute;\r\n            top: 1rem;\r\n            left: 1rem;\r\n            background: var(--orange);\r\n            color: white;\r\n            padding: 0.5rem 1rem;\r\n            border-radius: 50px;\r\n            font-size: 0.85rem;\r\n            font-weight: 600;\r\n        }\r\n\r\n        .st-program-content {\r\n            padding: 2rem;\r\n            display: flex;\r\n            flex-direction: column;\r\n            flex-grow: 1;\r\n        }\r\n\r\n        .st-program-meta {\r\n            display: flex;\r\n            gap: 1.5rem;\r\n            margin-bottom: 1rem;\r\n            font-size: 0.9rem;\r\n            color: var(--text-light);\r\n        }\r\n\r\n        .st-program-content h3 {\r\n            font-size: 1.1rem;\r\n            color: var(--brown-primary);\r\n            margin-bottom: 0.8rem;\r\n            font-weight: 600;\r\n            text-transform: uppercase;\r\n        }\r\n\r\n        .st-program-content p {\r\n            color: var(--text-medium);\r\n            line-height: 1.6;\r\n            margin-bottom: auto;\r\n            text-align: justify;\r\n        }\r\n\r\n        .st-program-footer {\r\n            padding-top: 1.5rem;\r\n            margin-top: auto;\r\n        }\r\n\r\n        .st-program-link {\r\n            color: var(--orange);\r\n            text-decoration: none;\r\n            font-weight: 600;\r\n            display: inline-flex;\r\n            align-items: center;\r\n            gap: 0.5rem;\r\n            transition: var(--transition);\r\n        }\r\n\r\n        .st-program-link:hover {\r\n            color: var(--orange-dark);\r\n            gap: 0.8rem;\r\n        }\r\n\r\n        \/* ========================================\r\n           SECTION TESTIMONIALS\r\n           ======================================== *\/\r\n        \r\n        .st-testimonials {\r\n            background: var(--cream-dark);\r\n            padding: 6rem 2rem;\r\n            position: relative;\r\n        }\r\n\r\n        .st-testimonials::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            right: 0;\r\n            bottom: 0;\r\n            background: \r\n        linear-gradient(135deg, rgba(107, 84, 55, 0.90) 0%, rgba(139, 111, 71, 0.90) 50%, rgba(107, 84, 55, 0.90) 100%),\r\n        url('https:\/\/sunuthiossane.org\/wp-content\/uploads\/2026\/01\/SUNU-THIOSSANE-YOUTH-ORGANISATION-55.jpeg') no-repeat center center;\r\n    background-size: cover;\r\n            z-index: 1;\r\n        }\r\n\r\n        .st-testimonials > * {\r\n            position: relative;\r\n            z-index: 2;\r\n        }\r\n\r\n        .st-testimonials .st-section-badge {\r\n            background: rgba(255, 255, 255, 0.95);\r\n            color: var(--brown-dark);\r\n        }\r\n\r\n        .st-testimonials .st-section-title {\r\n            color: #ffffff;\r\n            text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);\r\n        }\r\n\r\n        .st-testimonials-slider {\r\n            max-width: 1200px;\r\n            margin: 0 auto;\r\n        }\r\n\r\n        .st-testimonials-slider-container {\r\n            overflow: hidden;\r\n        }\r\n\r\n        .st-testimonials-track {\r\n            display: grid;\r\n            grid-auto-flow: column;\r\n            grid-auto-columns: calc((100% - 2rem) \/ 2);\r\n            gap: 2rem;\r\n            transition: transform 0.5s ease-in-out;\r\n        }\r\n\r\n        .st-testimonial-card {\r\n            background: rgba(255, 255, 255, 0.95);\r\n            backdrop-filter: blur(10px);\r\n            padding: 2rem;\r\n            border-radius: 20px;\r\n            box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);\r\n            border: 1px solid rgba(255, 255, 255, 0.2);\r\n            display: grid;\r\n            grid-template-rows: 1fr auto;\r\n            height: 100%;\r\n        }\r\n\r\n        .st-testimonial-quote {\r\n            font-size: 1rem;\r\n            font-style: italic;\r\n            color: var(--text-dark);\r\n            line-height: 1.7;\r\n            text-align: justify;\r\n            margin-bottom: 1.5rem;\r\n        }\r\n\r\n        .st-testimonial-author {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 1rem;\r\n        }\r\n\r\n        .st-testimonial-avatar {\r\n            width: 55px;\r\n            height: 55px;\r\n            border-radius: 50%;\r\n            border: 3px solid rgba(232, 147, 64, 0.3);\r\n            object-fit: cover;\r\n        }\r\n\r\n        .st-testimonial-info h4 {\r\n            font-size: 0.95rem;\r\n            color: var(--brown-primary);\r\n            font-weight: 600;\r\n            margin-bottom: 0.25rem;\r\n        }\r\n\r\n        .st-testimonial-info p {\r\n            color: var(--text-light);\r\n            font-size: 0.85rem;\r\n        }\r\n\r\n        \/* ========================================\r\n           SECTION WHY CHOOSE US\r\n           ======================================== *\/\r\n        \r\n        .st-why-choose {\r\n            background: var(--white);\r\n            padding: 6rem 2rem;\r\n        }\r\n\r\n        .st-why-grid {\r\n            display: grid;\r\n            grid-template-columns: 1fr 1fr;\r\n            gap: 4rem;\r\n            align-items: start;\r\n        }\r\n\r\n        .st-why-content {\r\n            display: flex;\r\n            flex-direction: column;\r\n        }\r\n\r\n        .st-why-content h2 {\r\n            font-size: 1.5rem;\r\n            color: var(--brown-dark);\r\n            margin-bottom: 2rem;\r\n            font-weight: 600;\r\n        }\r\n\r\n        .st-accordion-item {\r\n            border: 2px solid var(--cream);\r\n            border-radius: 15px;\r\n            margin-bottom: 1rem;\r\n            overflow: hidden;\r\n            transition: var(--transition);\r\n        }\r\n\r\n        .st-accordion-item.st-active {\r\n            border-color: var(--orange);\r\n        }\r\n        .st-accordion{\r\n            margin-top: 30px;\r\n        }\r\n\r\n        .st-accordion-header {\r\n            padding: 1rem;\r\n            cursor: pointer;\r\n            display: flex;\r\n            justify-content: space-between;\r\n            align-items: center;\r\n            font-weight: 600;\r\n            background: var(--white);\r\n            transition: var(--transition);\r\n            color: var(--text-dark);\r\n        }\r\n\r\n        .st-accordion-item.st-active .st-accordion-header {\r\n            background: var(--cream-light);\r\n            color: var(--orange);\r\n        }\r\n\r\n        .st-accordion-icon {\r\n            font-size: 1.2rem;\r\n            transition: var(--transition);\r\n            color: var(--orange);\r\n        }\r\n\r\n        .st-accordion-item.st-active .st-accordion-icon {\r\n            transform: rotate(45deg);\r\n        }\r\n\r\n        .st-accordion-body {\r\n            max-height: 0;\r\n            overflow: hidden;\r\n            transition: max-height 0.3s ease;\r\n        }\r\n\r\n        .st-accordion-item.st-active .st-accordion-body {\r\n            max-height: 300px;\r\n        }\r\n\r\n        .st-accordion-content {\r\n            padding: 0 1.5rem 1.5rem;\r\n            color: var(--text-medium);\r\n            line-height: 1.7;\r\n            text-align: justify;\r\n        }\r\n\r\n        .st-why-image {\r\n            border-radius: 30px;\r\n            overflow: hidden;\r\n            box-shadow: var(--shadow);\r\n            height: 100%;\r\n            min-height: 500px;\r\n        }\r\n\r\n        .st-why-image img {\r\n            width: 100%;\r\n            height: 100%;\r\n            object-fit: cover;\r\n        }\r\n\r\n        \/* Image mobile - cach\u00e9e sur desktop *\/\r\n        .st-why-image-mobile {\r\n            display: none;\r\n            border-radius: 30px;\r\n            overflow: hidden;\r\n            box-shadow: var(--shadow);\r\n            margin-top: 2rem;\r\n        }\r\n\r\n        .st-why-image-mobile img {\r\n            width: 100%;\r\n            height: auto;\r\n            object-fit: cover;\r\n        }\r\n\r\n        \/* ========================================\r\n           SECTION CTA\r\n           ======================================== *\/\r\n        \r\n        .st-cta-section {\r\n            position: relative;\r\n            padding: 6rem 0rem;\r\n            text-align: center;\r\n            color: white;\r\n            overflow: hidden;\r\n            height: 70%;\r\n        }\r\n\r\n        .st-cta-bg {\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 100%;\r\n            background: url('https:\/\/sunuthiossane.org\/wp-content\/uploads\/2025\/12\/SUNU-THIOSSANE-YOUTH-ORGANISATION-55.jpeg') center\/cover;\r\n            z-index: -2;\r\n        }\r\n\r\n        .st-cta-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(107, 84, 55, 0.90), rgba(139, 111, 71, 0.85));\r\n            z-index: -1;\r\n        }\r\n\r\n        .st-cta-content h2 {\r\n            font-size: 2rem;\r\n            margin-bottom: 1.5rem;\r\n            color: white;\r\n            text-transform: uppercase;\r\n            font-weight: 600;\r\n        }\r\n\r\n        .st-cta-content p {\r\n            font-size: 1.1rem;\r\n            opacity: 0.95;\r\n            line-height: 1.8;\r\n            margin-bottom: 2.5rem;\r\n            max-width: 900px;\r\n            margin-left: auto;\r\n            margin-right: auto;\r\n        }\r\n\r\n        .cta-buttons {\r\n            display: flex;\r\n            gap: 1.5rem;\r\n            justify-content: center;\r\n            flex-wrap: wrap;\r\n            margin-bottom: 2.5rem;\r\n            line-height: 10px;\r\n            width: auto;\r\n        }\r\n\r\n        .cta-footer {\r\n            font-size: 0.95rem;\r\n            opacity: 0.9;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            gap: 2rem;\r\n            flex-wrap: wrap;\r\n        }\r\n\r\n        .cta-footer-item {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 0.5rem;\r\n        }\r\n\r\n        .btn-outline {\r\n            background: transparent;\r\n            color: white;\r\n            border: 2px solid white;\r\n            padding: 0.85rem 2rem;\r\n            border-radius: 30px;\r\n            text-decoration: none;\r\n            font-weight: 600;\r\n            font-size: 0.95rem;\r\n            transition: var(--transition);\r\n            display: inline-block;\r\n        }\r\n\r\n        .btn-outline:hover {\r\n            background: rgba(255, 255, 255, 0.1);\r\n        }\r\n\r\n        .st-btn {\r\n            padding: 1rem 2.5rem;\r\n            border-radius: 50px;\r\n            font-weight: 600;\r\n            text-decoration: none;\r\n            transition: var(--transition);\r\n            display: inline-flex;\r\n            align-items: center;\r\n            gap: 0.5rem;\r\n        }\r\n\r\n        .st-btn.st-btn-primary {\r\n            background: white;\r\n            color: var(--orange);\r\n            line-height: 10px;\r\n            width: auto;\r\n        }\r\n\r\n        .st-btn.st-btn-primary:hover {\r\n            transform: translateY(-3px);\r\n            box-shadow: 0 10px 25px rgba(0,0,0,0.2);\r\n        }\r\n\r\n        \/* ========================================\r\n           SECTION CONTACT\r\n           ======================================== *\/\r\n        \r\n        .st-contact {\r\n            background: var(--cream-dark);\r\n            padding: 6rem 2rem;\r\n        }\r\n\r\n        .st-contact-grid {\r\n            display: grid;\r\n            grid-template-columns: 1fr 1.5fr;\r\n            gap: 3rem;\r\n        }\r\n\r\n        .st-contact-info {\r\n            background: var(--white);\r\n            padding: 3rem;\r\n            border-radius: 20px;\r\n            box-shadow: var(--shadow);\r\n            border: 1px solid rgba(139, 111, 71, 0.08);\r\n        }\r\n\r\n        .st-info-item {\r\n            margin-bottom: 2.5rem;\r\n        }\r\n\r\n        .st-info-item h3 {\r\n            font-size: 1.2rem;\r\n            color: var(--brown-primary);\r\n            margin-bottom: 0.8rem;\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 0.8rem;\r\n            font-weight: 600;\r\n        }\r\n\r\n        .st-info-icon {\r\n            width: 40px;\r\n            height: 40px;\r\n            background: var(--orange);\r\n            color: white;\r\n            border-radius: 10px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n        }\r\n\r\n        .st-info-item p {\r\n            color: var(--text-medium);\r\n            line-height: 1.8;\r\n            padding-left: 3rem;\r\n        }\r\n\r\n        .st-contact-form {\r\n            background: var(--white);\r\n            padding: 3rem;\r\n            border-radius: 20px;\r\n            box-shadow: var(--shadow);\r\n            border: 1px solid rgba(139, 111, 71, 0.08);\r\n        }\r\n\r\n        .st-form-grid {\r\n            display: grid;\r\n            grid-template-columns: 1fr 1fr;\r\n            gap: 1.5rem;\r\n            margin-bottom: 1.5rem;\r\n        }\r\n\r\n        .st-form-group input,\r\n        .st-form-group textarea {\r\n            width: 100%;\r\n            padding: 1rem;\r\n            border: 2px solid var(--cream);\r\n            border-radius: 10px;\r\n            font-family: inherit;\r\n            transition: var(--transition);\r\n            color: var(--text-dark);\r\n        }\r\n\r\n        .st-form-group input:focus,\r\n        .st-form-group textarea:focus {\r\n            outline: none;\r\n            border-color: var(--orange);\r\n        }\r\n\r\n        .st-form-group textarea {\r\n            resize: vertical;\r\n            min-height: 150px;\r\n        }\r\n\r\n        .st-submit-btn {\r\n            width: 100%;\r\n            padding: 1.2rem;\r\n            background: var(--orange);\r\n            color: white;\r\n            border: none;\r\n            border-radius: 10px;\r\n            font-weight: 600;\r\n            font-size: 1rem;\r\n            cursor: pointer;\r\n            transition: var(--transition);\r\n        }\r\n\r\n        .st-submit-btn:hover {\r\n            background: var(--orange-dark);\r\n            transform: translateY(-2px);\r\n            box-shadow: 0 6px 20px rgba(232, 147, 64, 0.4);\r\n        }\r\n\r\n        \/* ========================================\r\n           RESPONSIVE\r\n           ======================================== *\/\r\n        \r\n        @media (max-width: 968px) {\r\n            .st-about-grid,\r\n            .st-why-grid,\r\n            .st-contact-grid {\r\n                grid-template-columns: 1fr;\r\n            }\r\n\r\n            .st-form-grid {\r\n                grid-template-columns: 1fr;\r\n            }\r\n\r\n            .st-about,\r\n            .st-pillars,\r\n            .st-programs,\r\n            .st-testimonials,\r\n            .st-why-choose,\r\n            .st-contact {\r\n                padding: 4rem 1.5rem;\r\n            }\r\n\r\n            .st-pillar-slide {\r\n                flex: 0 0 calc((100% - 2rem) \/ 2);\r\n                min-width: calc((100% - 2rem) \/ 2);\r\n            }\r\n\r\n            .st-testimonials-track {\r\n                grid-auto-columns: 100%;\r\n            }\r\n\r\n            \/* Cacher les images desktop *\/\r\n            .st-about-image,\r\n            .st-why-image {\r\n                display: none;\r\n            }\r\n\r\n            \/* Afficher les images mobiles *\/\r\n            .st-about-image-mobile,\r\n            .st-why-image-mobile {\r\n                display: block;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 767px) {\r\n            .st-section-title {\r\n                font-size: 1.4rem;\r\n            }\r\n            .st-cta-content h2 {\r\n    font-size: 1.3rem !important; }\r\n\r\n            .st-about-content h2 {\r\n                font-size: 1.3rem;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 640px) {\r\n            .st-pillar-slide {\r\n                flex: 0 0 100%;\r\n                min-width: 100%;\r\n            }\r\n\r\n            .st-programs-grid {\r\n                grid-template-columns: 1fr;\r\n            }\r\n        }\r\n\r\n        \/* Animations *\/\r\n        @keyframes fadeIn {\r\n            from {\r\n                opacity: 0;\r\n                transform: translateY(20px);\r\n            }\r\n            to {\r\n                opacity: 1;\r\n                transform: translateY(0);\r\n            }\r\n        }\r\n\r\n        .st-fade-in {\r\n            animation: fadeIn 0.8s ease-out;\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n    <div class=\"st-wrapper\">\r\n        <!-- About Section -->\r\n        <section class=\"st-about\" id=\"st-about\">\r\n            <div class=\"st-container\">\r\n                <div class=\"st-about-grid\">\r\n                    <div class=\"st-about-content st-fade-in\">\r\n                        <span class=\"st-section-badge\">QUI SOMMES-NOUS<\/span>\r\n                        <h2>Sunu Thiossane : Excellence \u00c9ducative et Ouverture Internationale<\/h2>\r\n                        <p>Depuis 2011, Sunu Thiossane offre \u00e0 vos enfants des exp\u00e9riences internationales qui transforment leur vision du monde. Nos programmes d'\u00e9changes culturels au Rwanda et dans nos pays partenaires d\u00e9veloppent les comp\u00e9tences interculturelles et le leadership des jeunes de 8 \u00e0 18 ans. <\/p>\r\n                        <p>Dans un monde de plus en plus interconnect\u00e9, pr\u00e9parez votre enfant \u00e0 devenir un citoyen du monde, ouvert, confiant et capable de relever les d\u00e9fis de demain. Une aventure \u00e9ducative unique, encadr\u00e9e par des professionnels passionn\u00e9s.<\/p>\r\n                        <a href=\"https:\/\/sunuthiossane.org\/a-propos\/\" class=\"btn-primary\">En savoir plus<\/a>\r\n                        \r\n                        <!-- Image mobile uniquement -->\r\n                        <div class=\"st-about-image-mobile\">\r\n                            <img decoding=\"async\" src=\"https:\/\/sunuthiossane.org\/wp-content\/uploads\/2025\/12\/Slider-Sunu-Thiossane-Youth-Organisation-4.jpeg\" alt=\"Sunu Thiossane\">\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"st-about-image st-fade-in\">\r\n                        <img decoding=\"async\" src=\"https:\/\/sunuthiossane.org\/wp-content\/uploads\/2025\/12\/Slider-Sunu-Thiossane-Youth-Organisation-4.jpeg\" alt=\"Sunu Thiossane\">\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/section>\r\n\r\n        <!-- Pillars Section -->\r\n        <section class=\"st-pillars\" id=\"st-pillars\">\r\n            <div class=\"st-container\">\r\n                <div class=\"st-section-header\">\r\n                    <span class=\"st-section-badge\">Sunu Thiossane<\/span>\r\n                    <h2 class=\"st-section-title\">Nos Piliers d'Action : \u00c9ducation, Culture et Leadership<\/h2>\r\n                    <p class=\"st-section-subtitle\">Pour accompagner les jeunes dans toutes les dimensions de leur vie, Sunu Thiossane s'appuie sur cinq grands piliers d'action.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n            \r\n            <div class=\"st-pillars-slider\">\r\n                <div class=\"st-pillars-slider-container\">\r\n                    <div class=\"st-pillars-track\" id=\"stPillarsTrack\">\r\n                        <div class=\"st-pillar-slide\">\r\n                            <div class=\"st-pillar-card\">\r\n                                <div class=\"st-pillar-icon\">\ud83d\udcda<\/div>\r\n                                <h3>\u00c9ducation STEAM et Innovation<\/h3>\r\n                                <p>Un parcours scolaire bilingue fran\u00e7ais\u2013anglais, compl\u00e9t\u00e9 par des programmes de soutien scolaire, d'alphab\u00e9tisation num\u00e9rique et de STEM\/STEAM.<\/p>\r\n                                <a href=\"https:\/\/sunuthiossane.org\/nos-programmes\/\" class=\"st-pillar-link\">En savoir plus \u2192<\/a>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"st-pillar-slide\">\r\n                            <div class=\"st-pillar-card\">\r\n                                <div class=\"st-pillar-icon\">\ud83d\udc65<\/div>\r\n                                <h3>Immersion Culturelle et Leadership<\/h3>\r\n                                <p>Ateliers de leadership, cercles de mentorat, clubs et projets communautaires pour devenir acteurs de changement dans leurs quartiers et au-del\u00e0.<\/p>\r\n                                <a href=\"https:\/\/sunuthiossane.org\/voyages-dechanges-culturels\/\" class=\"st-pillar-link\">En savoir plus \u2192<\/a>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"st-pillar-slide\">\r\n                            <div class=\"st-pillar-card\">\r\n                                <div class=\"st-pillar-icon\">\ud83d\udcbc<\/div>\r\n                                <h3>D\u00e9veloppement Personnel et Autonomie<\/h3>\r\n                                <p>De la petite entreprise locale \u00e0 la startup, nous sensibilisons les jeunes \u00e0 l'entrepreneuriat et les accompagnons dans leurs premi\u00e8res initiatives.<\/p>\r\n                                <a href=\"https:\/\/sunuthiossane.org\/nos-programmes\/\" class=\"st-pillar-link\">En savoir plus \u2192<\/a>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"st-pillar-slide\">\r\n                            <div class=\"st-pillar-card\">\r\n                                <div class=\"st-pillar-icon\">\ud83c\udf0d<\/div>\r\n                                <h3>\u00c9changes Culturels Internationaux<\/h3>\r\n                                <p>Programmes d'\u00e9changes \u00e9ducatifs internationaux cr\u00e9ant des ponts entre le S\u00e9n\u00e9gal et le monde. Voyages th\u00e9matiques, immersion culturelle et collaborations avec nos partenaires en Afrique et \u00e0 l'international.<\/p>\r\n                                <a href=\"https:\/\/sunuthiossane.org\/voyages-dechanges-culturels\/\" class=\"st-pillar-link\">En savoir plus \u2192<\/a>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"st-pillar-slide\">\r\n                            <div class=\"st-pillar-card\">\r\n                                <div class=\"st-pillar-icon\">\ud83c\udf31<\/div>\r\n                                <h3>Agro\u00e9cologie et Souverainet\u00e9 Alimentaire<\/h3>\r\n                                <p>Sensibilisation \u00e0 l'agriculture durable et \u00e0 la souverainet\u00e9 alimentaire. Visites de fermes p\u00e9dagogiques, ateliers culinaires et projets de jardins scolaires pour \u00e9duquer aux enjeux environnementaux.<\/p>\r\n                                <a href=\"#\" class=\"st-pillar-link\">En savoir plus \u2192<\/a>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"st-slider-controls\">\r\n                    <button class=\"st-slider-btn\" id=\"stPillarsPrev\">\u2039<\/button>\r\n                    <button class=\"st-slider-btn\" id=\"stPillarsNext\">\u203a<\/button>\r\n                <\/div>\r\n            <\/div>\r\n        <\/section>\r\n\r\n        <!-- Programs Section -->\r\n        <section class=\"st-programs\" id=\"st-programs\">\r\n            <div class=\"st-container\">\r\n                <div class=\"st-section-header\">\r\n                    <span class=\"st-section-badge\">D\u00e9couvrez<\/span>\r\n                    <h2 class=\"st-section-title\">Nos Programmes<\/h2>\r\n                    <p class=\"st-section-subtitle\">Des exp\u00e9riences \u00e9ducatives transformatrices qui pr\u00e9parent les jeunes \u00e0 devenir des citoyens du monde.<\/p>\r\n                <\/div>\r\n                <div class=\"st-programs-grid\">\r\n                    <div class=\"st-program-card\">\r\n                        <div class=\"st-program-image\">\r\n                            <img decoding=\"async\" src=\"https:\/\/sunuthiossane.org\/wp-content\/uploads\/2026\/01\/Echange-Kenya-Rwanda-Tech-Science.jpeg\" alt=\"Kenya\/Rwanda\">\r\n                            <div class=\"st-program-badge\">Technologie<\/div>\r\n                        <\/div>\r\n                        <div class=\"st-program-content\">\r\n                            <div class=\"st-program-meta\">\r\n                                <span>\ud83d\udccd Kenya\/Rwanda<\/span>\r\n                                <span>\ud83d\udcc5 Avril 2026<\/span>\r\n                            <\/div>\r\n                            <h3>\u00c9change technologique<\/h3>\r\n                            <p>Immersion compl\u00e8te dans l'\u00e9cosyst\u00e8me technologique en Afrique de l'Est<\/p>\r\n                            <div class=\"st-program-footer\">\r\n                                <a href=\"https:\/\/sunuthiossane.org\/en\/cultural-exchanges\/exchange-kenya-rwanda-tech-science-sunu-thiossane\/\" class=\"st-program-link\">\r\n                                    En savoir plus \u2192\r\n                                <\/a>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"st-program-card\">\r\n                        <div class=\"st-program-image\">\r\n                            <img decoding=\"async\" src=\"https:\/\/sunuthiossane.org\/wp-content\/uploads\/2026\/01\/Echange-Culturel-Japon-Yokosuka-Tokyo.jpeg\" alt=\"Japon\">\r\n                            <div class=\"st-program-badge\">Culture<\/div>\r\n                        <\/div>\r\n                        <div class=\"st-program-content\">\r\n                            <div class=\"st-program-meta\">\r\n                                <span>\ud83d\udccd Tokyo, Japon<\/span>\r\n                                <span>\ud83d\udcc5 D\u00e9cembre 2026<\/span>\r\n                            <\/div>\r\n                            <h3>Immersion culturelle<\/h3>\r\n                            <p>D\u00e9couverte approfondie de la culture japonaise et ses traditions mill\u00e9naires<\/p>\r\n                            <div class=\"st-program-footer\">\r\n                                <a href=\"https:\/\/sunuthiossane.org\/en\/cultural-exchanges\/cultural-exchange-japan-yokosuka-tokyo\/\" class=\"st-program-link\">\r\n                                    En savoir plus \u2192\r\n                                <\/a>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"st-program-card\">\r\n                        <div class=\"st-program-image\">\r\n                            <img decoding=\"async\" src=\"https:\/\/sunuthiossane.org\/wp-content\/uploads\/2026\/01\/Jeunes-camp-immersion-anglais-Toronto-Canada.jpeg\" alt=\"Canada\">\r\n                            <div class=\"st-program-badge\">Anglais<\/div>\r\n                        <\/div>\r\n                        <div class=\"st-program-content\">\r\n                            <div class=\"st-program-meta\">\r\n                                <span>\ud83d\udccd Toronto, Canada<\/span>\r\n                                <span>\ud83d\udcc5 Juillet 2026<\/span>\r\n                            <\/div>\r\n                            <h3>Immersion en anglais<\/h3>\r\n                            <p>Programme intensif d'apprentissage linguistique et culturel au Canada<\/p>\r\n                            <div class=\"st-program-footer\">\r\n                                <a href=\"https:\/\/sunuthiossane.org\/en\/cultural-exchanges\/english-immersion-camp-toronto\/\" class=\"st-program-link\">\r\n                                    En savoir plus \u2192\r\n                                <\/a>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/section>\r\n\r\n        <!-- Testimonials Section -->\r\n        <section class=\"st-testimonials\" id=\"st-testimonials\">\r\n            <div class=\"st-container\">\r\n                <div class=\"st-section-header\">\r\n                    <span class=\"st-section-badge\">T\u00e9moignages<\/span>\r\n                    <h2 class=\"st-section-title\">T\u00e9moignages de Parents et Partenaires<\/h2>\r\n                <\/div>\r\n            <\/div>\r\n            \r\n            <div class=\"st-testimonials-slider\">\r\n                <div class=\"st-testimonials-slider-container\">\r\n                    <div class=\"st-testimonials-track\" id=\"stTestimonialsTrack\">\r\n                        <div class=\"st-testimonial-slide\">\r\n                            <div class=\"st-testimonial-card\">\r\n                                <p class=\"st-testimonial-quote\">Le projet \u00e9ducatif de Sunu Thiossane nous inspire beaucoup de confiance. L'approche bilingue, l'ouverture culturelle et l'accent mis sur l'autonomie correspondent pleinement \u00e0 ce que nous souhaitons pour notre enfant.<\/p>\r\n                                <div class=\"st-testimonial-author\">\r\n                                    <img decoding=\"async\" src=\"https:\/\/sunuthiossane.org\/wp-content\/uploads\/2025\/12\/homme-daffaire.png\" alt=\"Parent\" class=\"st-testimonial-avatar\">\r\n                                    <div class=\"st-testimonial-info\">\r\n                                        <h4>Parent<\/h4>\r\n                                    <\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"st-testimonial-slide\">\r\n                            <div class=\"st-testimonial-card\">\r\n                                <p class=\"st-testimonial-quote\">Sunu Thiossane propose une vision \u00e9ducative claire et porteuse de sens. La valorisation de la culture, combin\u00e9e \u00e0 l'apprentissage de l'anglais et aux activit\u00e9s pratiques, nous semble \u00eatre une excellente base pour pr\u00e9parer les enfants au monde de demain.<\/p>\r\n                                <div class=\"st-testimonial-author\">\r\n                                    <img decoding=\"async\" src=\"https:\/\/sunuthiossane.org\/wp-content\/uploads\/2025\/12\/homme-1.png\" alt=\"Parent\" class=\"st-testimonial-avatar\">\r\n                                    <div class=\"st-testimonial-info\">\r\n                                        <h4>Parent<\/h4>\r\n                                    <\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"st-testimonial-slide\">\r\n                            <div class=\"st-testimonial-card\">\r\n                                <p class=\"st-testimonial-quote\">Les projets port\u00e9s par Sunu Thiossane pr\u00e9sentent un fort potentiel p\u00e9dagogique. Ils encouragent les \u00e9l\u00e8ves \u00e0 se projeter, \u00e0 d\u00e9velopper leur confiance et \u00e0 comprendre leur place dans un monde de plus en plus interconnect\u00e9.<\/p>\r\n                                <div class=\"st-testimonial-author\">\r\n                                    <img decoding=\"async\" src=\"https:\/\/sunuthiossane.org\/wp-content\/uploads\/2025\/12\/homme-daffaire.png\" alt=\"Partenaire \u00e9ducatif\" class=\"st-testimonial-avatar\">\r\n                                    <div class=\"st-testimonial-info\">\r\n                                        <h4>Partenaire \u00e9ducatif<\/h4>\r\n                                    <\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"st-testimonial-slide\">\r\n                            <div class=\"st-testimonial-card\">\r\n                                <p class=\"st-testimonial-quote\">Sunu Thiossane d\u00e9veloppe un programme \u00e9ducatif structur\u00e9, align\u00e9 avec des valeurs fortes et des enjeux contemporains. L'accent mis sur l'\u00e9ducation bilingue, la culture et les comp\u00e9tences du XXI\u1d49 si\u00e8cle constitue une base solide pour un impact durable.<\/p>\r\n                                <div class=\"st-testimonial-author\">\r\n                                    <img decoding=\"async\" src=\"https:\/\/sunuthiossane.org\/wp-content\/uploads\/2025\/12\/femme-2.png\" alt=\"Institution\" class=\"st-testimonial-avatar\">\r\n                                    <div class=\"st-testimonial-info\">\r\n                                        <h4>Institution<\/h4>\r\n                                    <\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"st-slider-controls\">\r\n                    <button class=\"st-slider-btn\" id=\"stTestimonialsPrev\">\u2039<\/button>\r\n                    <button class=\"st-slider-btn\" id=\"stTestimonialsNext\">\u203a<\/button>\r\n                <\/div>\r\n            <\/div>\r\n        <\/section>\r\n\r\n        <!-- Why Choose Us Section -->\r\n        <section class=\"st-why-choose\">\r\n            <div class=\"st-container\">\r\n                <div class=\"st-why-grid\">\r\n                    <div class=\"st-why-content\">\r\n                        <span class=\"st-section-badge\">Pourquoi nous choisir?<\/span>\r\n                        <h2>Pourquoi les Familles Nous Font Confiance ?<\/h2>\r\n                        <p class=\"st-section-subtitle\">Les parents choisissent Sunu Thiossane pour une combinaison unique d'exigence acad\u00e9mique, de valeurs fortes et d'ouverture sur le monde.<\/p>\r\n                        \r\n                        <div class=\"st-accordion\">\r\n                            <div class=\"st-accordion-item st-active\">\r\n                                <div class=\"st-accordion-header\">\r\n                                    <span>\ud83d\udde3\ufe0f Un bilinguisme vivant<\/span>\r\n                                    <span class=\"st-accordion-icon\">+<\/span>\r\n                                <\/div>\r\n                                <div class=\"st-accordion-body\">\r\n                                    <div class=\"st-accordion-content\">\r\n                                        Le fran\u00e7ais et l'anglais sont int\u00e9gr\u00e9s dans la vie quotidienne de l'\u00e9cole. Les \u00e9l\u00e8ves apprennent \u00e0 communiquer, r\u00e9fl\u00e9chir et cr\u00e9er dans les deux langues.\r\n                                    <\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n                            <div class=\"st-accordion-item\">\r\n                                <div class=\"st-accordion-header\">\r\n                                    <span>\ud83c\udf0d Un ancrage culturel assum\u00e9<\/span>\r\n                                    <span class=\"st-accordion-icon\">+<\/span>\r\n                                <\/div>\r\n                                <div class=\"st-accordion-body\">\r\n                                    <div class=\"st-accordion-content\">\r\n                                        L'histoire, les cultures africaines et les valeurs spirituelles des familles sont prises au s\u00e9rieux.\r\n                                    <\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n                            <div class=\"st-accordion-item\">\r\n                                <div class=\"st-accordion-header\">\r\n                                    <span>\ud83d\udcda Un encadrement structur\u00e9<\/span>\r\n                                    <span class=\"st-accordion-icon\">+<\/span>\r\n                                <\/div>\r\n                                <div class=\"st-accordion-body\">\r\n                                    <div class=\"st-accordion-content\">\r\n                                        Une \u00e9quipe de direction identifi\u00e9e, une coordination logistique solide, des partenaires de confiance.\r\n                                    <\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n                            <div class=\"st-accordion-item\">\r\n                                <div class=\"st-accordion-header\">\r\n                                    <span>\u2708\ufe0f Des passerelles vers l'international<\/span>\r\n                                    <span class=\"st-accordion-icon\">+<\/span>\r\n                                <\/div>\r\n                                <div class=\"st-accordion-body\">\r\n                                    <div class=\"st-accordion-content\">\r\n                                        Les jeunes peuvent b\u00e9n\u00e9ficier d'\u00e9changes culturels et de voyages \u00e9ducatifs pr\u00e9par\u00e9s et suivis de pr\u00e8s.\r\n                                    <\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        \r\n                        <!-- Image mobile uniquement -->\r\n                        <div class=\"st-why-image-mobile\">\r\n                            <img decoding=\"async\" src=\"https:\/\/sunuthiossane.org\/wp-content\/uploads\/2025\/12\/Slider-Sunu-Thiossane-Youth-Organisation-5.jpeg\" alt=\"Students\">\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"st-why-image\">\r\n                        <img decoding=\"async\" src=\"https:\/\/sunuthiossane.org\/wp-content\/uploads\/2025\/12\/Slider-Sunu-Thiossane-Youth-Organisation-5.jpeg\" alt=\"Students\">\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/section>\r\n\r\n        <!-- CTA Section -->\r\n        <section class=\"st-cta-section\">\r\n            <div class=\"st-cta-bg\"><\/div>\r\n            <div class=\"st-cta-overlay\"><\/div>\r\n            <div class=\"st-container\">\r\n                <div class=\"st-cta-content\">\r\n                    <h2>DES PROGRAMMES \u00c9DUCATIFS POUR LES JEUNES DE 8 \u00c0 18 ANS<\/h2>\r\n                    <div class=\"cta-buttons\">\r\n                        <a href=\"https:\/\/sunuthiossane.org\/nos-programmes\/\" class=\"st-btn st-btn-primary\">NOS PROGRAMMES<\/a>\r\n                        <a href=\"https:\/\/sunuthiossane.org\/admission\/\/\" class=\"btn-outline\">ADMISSION EN LIGNE<\/a>\r\n                    <\/div>\r\n                    <div class=\"cta-footer\">\r\n                        <div class=\"cta-footer-item\">\r\n                            \u2b50 Plus de 12 ans d'exp\u00e9rience \u00e9ducative\r\n                        <\/div>\r\n                        <div class=\"cta-footer-item\">\r\n                            \ud83d\udcde \u00c9quipe \u00e0 votre \u00e9coute 7j\/7\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/section>\r\n\r\n       \r\n\r\n    <script data-cfasync=\"false\" src=\"\/cdn-cgi\/scripts\/5c5dd728\/cloudflare-static\/email-decode.min.js\"><\/script><script>\r\n        class STSlider {\r\n            constructor(config) {\r\n                this.track = document.getElementById(config.trackId);\r\n                this.prevBtn = document.getElementById(config.prevBtnId);\r\n                this.nextBtn = document.getElementById(config.nextBtnId);\r\n                this.slides = this.track ? this.track.children : [];\r\n                this.currentIndex = 0;\r\n                this.config = {\r\n                    desktop: config.desktop || 3,\r\n                    tablet: config.tablet || 2,\r\n                    mobile: config.mobile || 1\r\n                };\r\n                this.init();\r\n            }\r\n            \r\n            init() {\r\n                if (!this.track || !this.prevBtn || !this.nextBtn) return;\r\n                this.prevBtn.addEventListener('click', () => this.prev());\r\n                this.nextBtn.addEventListener('click', () => this.next());\r\n                window.addEventListener('resize', () => this.updateButtons());\r\n                this.addTouchSupport();\r\n                this.updateButtons();\r\n            }\r\n            \r\n            getVisibleSlides() {\r\n                const width = window.innerWidth;\r\n                if (width > 968) return this.config.desktop;\r\n                if (width > 640) return this.config.tablet;\r\n                return this.config.mobile;\r\n            }\r\n            \r\n            getMaxIndex() {\r\n                return Math.max(0, this.slides.length - this.getVisibleSlides());\r\n            }\r\n            \r\n            prev() {\r\n                if (this.currentIndex > 0) {\r\n                    this.currentIndex--;\r\n                    this.updateSlider();\r\n                }\r\n            }\r\n            \r\n            next() {\r\n                const maxIndex = this.getMaxIndex();\r\n                if (this.currentIndex < maxIndex) {\r\n                    this.currentIndex++;\r\n                    this.updateSlider();\r\n                }\r\n            }\r\n            \r\n            updateSlider() {\r\n                if (!this.slides[0]) return;\r\n                const slideWidth = this.slides[0].offsetWidth;\r\n                const gap = 32;\r\n                const offset = this.currentIndex * (slideWidth + gap);\r\n                this.track.style.transform = `translateX(-${offset}px)`;\r\n                this.updateButtons();\r\n            }\r\n            \r\n            updateButtons() {\r\n                const maxIndex = this.getMaxIndex();\r\n                this.prevBtn.disabled = this.currentIndex === 0;\r\n                this.nextBtn.disabled = this.currentIndex >= maxIndex;\r\n                if (this.currentIndex > maxIndex) {\r\n                    this.currentIndex = maxIndex;\r\n                    this.updateSlider();\r\n                }\r\n            }\r\n            \r\n            addTouchSupport() {\r\n                let touchStartX = 0;\r\n                let touchEndX = 0;\r\n                this.track.addEventListener('touchstart', (e) => {\r\n                    touchStartX = e.changedTouches[0].screenX;\r\n                }, false);\r\n                this.track.addEventListener('touchend', (e) => {\r\n                    touchEndX = e.changedTouches[0].screenX;\r\n                    if (touchEndX < touchStartX - 50) this.next();\r\n                    if (touchEndX > touchStartX + 50) this.prev();\r\n                }, false);\r\n            }\r\n        }\r\n        \r\n        if (document.readyState === 'loading') {\r\n            document.addEventListener('DOMContentLoaded', initSTComponents);\r\n        } else {\r\n            initSTComponents();\r\n        }\r\n        \r\n        function initSTComponents() {\r\n            new STSlider({\r\n                trackId: 'stPillarsTrack',\r\n                prevBtnId: 'stPillarsPrev',\r\n                nextBtnId: 'stPillarsNext',\r\n                desktop: 3,\r\n                tablet: 2,\r\n                mobile: 1\r\n            });\r\n            \r\n            new STSlider({\r\n                trackId: 'stTestimonialsTrack',\r\n                prevBtnId: 'stTestimonialsPrev',\r\n                nextBtnId: 'stTestimonialsNext',\r\n                desktop: 2,\r\n                tablet: 1,\r\n                mobile: 1\r\n            });\r\n            \r\n            const accordionHeaders = document.querySelectorAll('.st-accordion-header');\r\n            accordionHeaders.forEach(header => {\r\n                header.addEventListener('click', function() {\r\n                    const item = this.parentElement;\r\n                    const isActive = item.classList.contains('st-active');\r\n                    document.querySelectorAll('.st-accordion-item').forEach(acc => {\r\n                        acc.classList.remove('st-active');\r\n                    });\r\n                    if (!isActive) {\r\n                        item.classList.add('st-active');\r\n                    }\r\n                });\r\n            });\r\n\r\n            const observerOptions = {\r\n                threshold: 0.1,\r\n                rootMargin: '0px 0px -50px 0px'\r\n            };\r\n\r\n            const observer = new IntersectionObserver((entries) => {\r\n                entries.forEach(entry => {\r\n                    if (entry.isIntersecting) {\r\n                        entry.target.style.opacity = '1';\r\n                        entry.target.style.transform = 'translateY(0)';\r\n                    }\r\n                });\r\n            }, observerOptions);\r\n\r\n            const observeElements = document.querySelectorAll('.st-pillar-card, .st-program-card, .st-about-content, .st-about-image');\r\n            observeElements.forEach(el => {\r\n                el.style.opacity = '0';\r\n                el.style.transform = 'translateY(20px)';\r\n                el.style.transition = 'opacity 0.6s ease, transform 0.6s ease';\r\n                observer.observe(el);\r\n            });\r\n        }\r\n    <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>SUNU THIOSSANE Organisation \u00c9ducative Jeunesse S\u00e9n\u00e9gal since 2011 Educational organization for young people aged 8 to 18 in Senegal. Bilingual programs integrating STEAM and international cultural exchanges. 13 years of excellence, +1200 young people accompanied, 98% of satisfaction. Our history OUR PROGRAMS STEAM Bilingual Educational Programs in Senegal Bilingual educational programs for young people aged 8 to 18...<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_theme","meta":{"footnotes":""},"class_list":["post-4787","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v26.6 (Yoast SEO v28.1) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Programmes \u00c9ducatifs Jeunes 8-18 ans | Sunu Thiossane S\u00e9n\u00e9gal<\/title>\n<meta name=\"description\" content=\"Organisation \u00e9ducative au S\u00e9n\u00e9gal. Programmes STEAM bilingues et \u00e9changes culturels pour jeunes 8-18 ans. 13 ans d&#039;excellence, 98% de satisfaction.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/sunuthiossane.org\/en\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Sunu Thiossane\" \/>\n<meta property=\"og:description\" content=\"Organisation \u00e9ducative au S\u00e9n\u00e9gal. Programmes STEAM bilingues et \u00e9changes culturels pour jeunes 8-18 ans. 13 ans d&#039;excellence, 98% de satisfaction.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/sunuthiossane.org\/en\/\" \/>\n<meta property=\"og:site_name\" content=\"Sunu Thiossane\" \/>\n<meta property=\"article:modified_time\" content=\"2026-01-31T18:41:50+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/sunuthiossane.org\/wp-content\/uploads\/2025\/12\/Slider-Sunu-Thiossane-Youth-Organisation-4.jpeg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/sunuthiossane.org\\\/\",\"url\":\"https:\\\/\\\/sunuthiossane.org\\\/\",\"name\":\"Programmes \u00c9ducatifs Jeunes 8-18 ans | Sunu Thiossane S\u00e9n\u00e9gal\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/sunuthiossane.org\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/sunuthiossane.org\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/sunuthiossane.org\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/sunuthiossane.org\\\/wp-content\\\/uploads\\\/2025\\\/12\\\/Slider-Sunu-Thiossane-Youth-Organisation-4.jpeg\",\"datePublished\":\"2025-12-24T13:19:03+00:00\",\"dateModified\":\"2026-01-31T18:41:50+00:00\",\"description\":\"Organisation \u00e9ducative au S\u00e9n\u00e9gal. Programmes STEAM bilingues et \u00e9changes culturels pour jeunes 8-18 ans. 13 ans d'excellence, 98% de satisfaction.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/sunuthiossane.org\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/sunuthiossane.org\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/sunuthiossane.org\\\/#primaryimage\",\"url\":\"https:\\\/\\\/sunuthiossane.org\\\/wp-content\\\/uploads\\\/2025\\\/12\\\/Slider-Sunu-Thiossane-Youth-Organisation-4.jpeg\",\"contentUrl\":\"https:\\\/\\\/sunuthiossane.org\\\/wp-content\\\/uploads\\\/2025\\\/12\\\/Slider-Sunu-Thiossane-Youth-Organisation-4.jpeg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/sunuthiossane.org\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/sunuthiossane.org\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Sunu Thiossane\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/sunuthiossane.org\\\/#website\",\"url\":\"https:\\\/\\\/sunuthiossane.org\\\/\",\"name\":\"Sunu Thiossane\",\"description\":\"Youth Development Organisation\",\"publisher\":{\"@id\":\"https:\\\/\\\/sunuthiossane.org\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/sunuthiossane.org\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/sunuthiossane.org\\\/#organization\",\"name\":\"Sunu Thiossane\",\"url\":\"https:\\\/\\\/sunuthiossane.org\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/sunuthiossane.org\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/sunuthiossane.org\\\/wp-content\\\/uploads\\\/2025\\\/12\\\/sunu-thiossane1-.png\",\"contentUrl\":\"https:\\\/\\\/sunuthiossane.org\\\/wp-content\\\/uploads\\\/2025\\\/12\\\/sunu-thiossane1-.png\",\"width\":500,\"height\":500,\"caption\":\"Sunu Thiossane\"},\"image\":{\"@id\":\"https:\\\/\\\/sunuthiossane.org\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Educational Programs Youth 8-18 | Sunu Thiossane Senegal","description":"Educational organization in Senegal. Bilingual STEAM programs and cultural exchanges for young people aged 8-18. 13 years of excellence, 98% of satisfaction.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/sunuthiossane.org\/en\/","og_locale":"en_US","og_type":"article","og_title":"Sunu Thiossane","og_description":"Organisation \u00e9ducative au S\u00e9n\u00e9gal. Programmes STEAM bilingues et \u00e9changes culturels pour jeunes 8-18 ans. 13 ans d'excellence, 98% de satisfaction.","og_url":"https:\/\/sunuthiossane.org\/en\/","og_site_name":"Sunu Thiossane","article_modified_time":"2026-01-31T18:41:50+00:00","og_image":[{"url":"https:\/\/sunuthiossane.org\/wp-content\/uploads\/2025\/12\/Slider-Sunu-Thiossane-Youth-Organisation-4.jpeg","type":"","width":"","height":""}],"twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/sunuthiossane.org\/","url":"https:\/\/sunuthiossane.org\/","name":"Educational Programs Youth 8-18 | Sunu Thiossane Senegal","isPartOf":{"@id":"https:\/\/sunuthiossane.org\/#website"},"primaryImageOfPage":{"@id":"https:\/\/sunuthiossane.org\/#primaryimage"},"image":{"@id":"https:\/\/sunuthiossane.org\/#primaryimage"},"thumbnailUrl":"https:\/\/sunuthiossane.org\/wp-content\/uploads\/2025\/12\/Slider-Sunu-Thiossane-Youth-Organisation-4.jpeg","datePublished":"2025-12-24T13:19:03+00:00","dateModified":"2026-01-31T18:41:50+00:00","description":"Educational organization in Senegal. Bilingual STEAM programs and cultural exchanges for young people aged 8-18. 13 years of excellence, 98% of satisfaction.","breadcrumb":{"@id":"https:\/\/sunuthiossane.org\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/sunuthiossane.org\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/sunuthiossane.org\/#primaryimage","url":"https:\/\/sunuthiossane.org\/wp-content\/uploads\/2025\/12\/Slider-Sunu-Thiossane-Youth-Organisation-4.jpeg","contentUrl":"https:\/\/sunuthiossane.org\/wp-content\/uploads\/2025\/12\/Slider-Sunu-Thiossane-Youth-Organisation-4.jpeg"},{"@type":"BreadcrumbList","@id":"https:\/\/sunuthiossane.org\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/sunuthiossane.org\/"},{"@type":"ListItem","position":2,"name":"Sunu Thiossane"}]},{"@type":"WebSite","@id":"https:\/\/sunuthiossane.org\/#website","url":"https:\/\/sunuthiossane.org\/","name":"Sunu Thiossane","description":"Youth Development Organisation","publisher":{"@id":"https:\/\/sunuthiossane.org\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/sunuthiossane.org\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/sunuthiossane.org\/#organization","name":"Sunu Thiossane","url":"https:\/\/sunuthiossane.org\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/sunuthiossane.org\/#\/schema\/logo\/image\/","url":"https:\/\/sunuthiossane.org\/wp-content\/uploads\/2025\/12\/sunu-thiossane1-.png","contentUrl":"https:\/\/sunuthiossane.org\/wp-content\/uploads\/2025\/12\/sunu-thiossane1-.png","width":500,"height":500,"caption":"Sunu Thiossane"},"image":{"@id":"https:\/\/sunuthiossane.org\/#\/schema\/logo\/image\/"}}]}},"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/sunuthiossane.org\/en\/wp-json\/wp\/v2\/pages\/4787","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sunuthiossane.org\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sunuthiossane.org\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sunuthiossane.org\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sunuthiossane.org\/en\/wp-json\/wp\/v2\/comments?post=4787"}],"version-history":[{"count":727,"href":"https:\/\/sunuthiossane.org\/en\/wp-json\/wp\/v2\/pages\/4787\/revisions"}],"predecessor-version":[{"id":6653,"href":"https:\/\/sunuthiossane.org\/en\/wp-json\/wp\/v2\/pages\/4787\/revisions\/6653"}],"wp:attachment":[{"href":"https:\/\/sunuthiossane.org\/en\/wp-json\/wp\/v2\/media?parent=4787"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}