{"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":"<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-2975 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>Educational Organization <br>Youth Senegal since 2011<\/h1>\r\n                <p>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 supported, 98% satisfaction rating.\r\n<\/p>\r\n                <a href=\"https:\/\/sunuthiossane.org\/en\/a-propos\/\" class=\"cta-button\">Our history<\/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\">OUR PROGRAMS<\/span>\r\n                <h1>Educational Programs <br>STEAM Bilingues in Senegal<\/h1>\r\n                <p>Bilingual educational programs for young people aged 8 to 18. STEAM education in French and English: science, technology, engineering, arts, mathematics. Academic excellence and African cultural heritage.<\/p>\r\n                <a href=\"https:\/\/sunuthiossane.org\/en\/our-programs\/\" class=\"cta-button\">Our programs<\/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\">CULTURAL EXCHANGES<\/span>\r\n                <h1>Cultural exchanges <br>Youth International<\/h1> \r\n                <p>International cultural exchange programs for young people aged 8 to 18. Cultural immersion to develop leadership and intercultural skills. Supervised transformative experiences in our partner countries.<\/p>\r\n                <a href=\"https:\/\/sunuthiossane.org\/en\/cultural-exchange-trips\/\" class=\"cta-button\">Our 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=\"Previous slide\" role=\"button\" tabindex=\"0\"><\/div>\r\n        <div class=\"slider-nav next\" aria-label=\"Next slide\" role=\"button\" tabindex=\"0\"><\/div>\r\n\r\n        <!-- Pagination (dots) -->\r\n        <div class=\"slider-pagination\" role=\"navigation\" aria-label=\"Slider navigation\"><\/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\">WHO WE ARE<\/span>\r\n                        <h2>Sunu Thiossane: Educational Excellence and International Openness<\/h2>\r\n                        <p>Since 2011, Sunu Thiossane has been offering your children international experiences that transform their view of the world. Our cultural exchange programs in Rwanda and in our partner countries develop intercultural and leadership skills in young people aged 8 to 18. <\/p>\r\n                        <p>In an increasingly interconnected world, prepare your child to become a global citizen, open-minded, confident and capable of meeting tomorrow's challenges. A unique educational adventure, supervised by passionate professionals.<\/p>\r\n                        <a href=\"https:\/\/sunuthiossane.org\/en\/a-propos\/\" class=\"btn-primary\">Read more<\/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\">Our Pillars of Action: Education, Culture and Leadership<\/h2>\r\n                    <p class=\"st-section-subtitle\">To support young people in all aspects of their lives, Sunu Thiossane relies on five main pillars of 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>STEAM Education and Innovation<\/h3>\r\n                                <p>A bilingual French-English curriculum, complemented by tutoring, digital literacy and STEM\/STEAM programs.<\/p>\r\n                                <a href=\"https:\/\/sunuthiossane.org\/en\/our-programs\/\" class=\"st-pillar-link\">Read more \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>Cultural Immersion and Leadership<\/h3>\r\n                                <p>Leadership workshops, mentoring circles, clubs and community projects to become agents of change in their neighborhoods and beyond.<\/p>\r\n                                <a href=\"https:\/\/sunuthiossane.org\/en\/cultural-exchange-trips\/\" class=\"st-pillar-link\">Read more \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>Personal Development and Autonomy<\/h3>\r\n                                <p>From small local businesses to start-ups, we raise young people's awareness of entrepreneurship and support them in their first initiatives.<\/p>\r\n                                <a href=\"https:\/\/sunuthiossane.org\/en\/our-programs\/\" class=\"st-pillar-link\">Read more \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>International Cultural Exchanges<\/h3>\r\n                                <p>International educational exchange programs building bridges between Senegal and the world. Themed trips, cultural immersion and collaborations with our partners in Africa and abroad.<\/p>\r\n                                <a href=\"https:\/\/sunuthiossane.org\/en\/cultural-exchange-trips\/\" class=\"st-pillar-link\">Read more \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>Agroecology and Food Sovereignty<\/h3>\r\n                                <p>Raising awareness of sustainable agriculture and food sovereignty. Visits to educational farms, culinary workshops and school garden projects to raise awareness of environmental issues.<\/p>\r\n                                <a href=\"#\" class=\"st-pillar-link\">Read more \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\">Discover<\/span>\r\n                    <h2 class=\"st-section-title\">Our programs<\/h2>\r\n                    <p class=\"st-section-subtitle\">Transformative educational experiences that prepare young people to become global citizens.<\/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\">Technology<\/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 April 2026<\/span>\r\n                            <\/div>\r\n                            <h3>Technology exchange<\/h3>\r\n                            <p>Complete immersion in East Africa's technology ecosystem<\/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                                    Read more \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=\"Japan\">\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, Japan<\/span>\r\n                                <span>\ud83d\udcc5 December 2026<\/span>\r\n                            <\/div>\r\n                            <h3>Cultural immersion<\/h3>\r\n                            <p>In-depth discovery of Japanese culture and its age-old traditions<\/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                                    Read more \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\">English<\/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 July 2026<\/span>\r\n                            <\/div>\r\n                            <h3>English immersion<\/h3>\r\n                            <p>Intensive language and cultural learning program in 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                                    Read more \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\">Testimonials<\/span>\r\n                    <h2 class=\"st-section-title\">Testimonials from Parents and Partners<\/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\">We have a lot of confidence in Sunu Thiossane's educational project. The bilingual approach, the cultural openness and the emphasis on autonomy are fully in line with what we want for our child.<\/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 offers a clear and meaningful educational vision. We believe that promoting culture, combined with learning English and practical activities, is an excellent way to prepare children for tomorrow's world.<\/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\">Sunu Thiossane's projects have strong educational potential. They encourage students to project themselves, develop their confidence and understand their place in an increasingly interconnected world.<\/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=\"Educational partner\" class=\"st-testimonial-avatar\">\r\n                                    <div class=\"st-testimonial-info\">\r\n                                        <h4>Educational partner<\/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 develops a structured educational program aligned with strong values and contemporary issues. The focus on bilingual education, culture and 21st\u1d49 century skills provides a solid foundation for lasting impact.<\/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\">Why choose us?<\/span>\r\n                        <h2>Why do families trust us?<\/h2>\r\n                        <p class=\"st-section-subtitle\">Parents choose Sunu Thiossane for its unique combination of high academic standards, strong values and openness to the world.<\/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 Living bilingualism<\/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                                        French and English are integrated into the daily life of the school. Students learn to communicate, think and create in both languages.\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 A strong cultural base<\/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                                        The history, cultures and spiritual values of families are taken seriously.\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 A structured framework<\/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                                        An identified management team, solid logistical coordination, trusted partners.\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 International gateways<\/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                                        Young people can benefit from cultural exchanges and educational trips that are carefully planned and monitored.\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>EDUCATIONAL PROGRAMS FOR YOUNG PEOPLE AGED 8 TO 18<\/h2>\r\n                    <div class=\"cta-buttons\">\r\n                        <a href=\"https:\/\/sunuthiossane.org\/en\/our-programs\/\" class=\"st-btn st-btn-primary\">OUR PROGRAMS<\/a>\r\n                        <a href=\"https:\/\/sunuthiossane.org\/en\/admission\/\" class=\"btn-outline\">ONLINE ADMISSION<\/a>\r\n                    <\/div>\r\n                    <div class=\"cta-footer\">\r\n                        <div class=\"cta-footer-item\">\r\n                            \u2b50 Over 12 years of educational experience\r\n                        <\/div>\r\n                        <div class=\"cta-footer-item\">\r\n                            \ud83d\udcde Team at your service 7\/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>","protected":false},"excerpt":{"rendered":"<p>SUNU THIOSSANE Organisation \u00c9ducative Jeunesse S\u00e9n\u00e9gal depuis 2011 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&#8217;excellence, +1200 jeunes accompagn\u00e9s, 98% de satisfaction. Notre histoire NOS PROGRAMMES Programmes \u00c9ducatifs STEAM Bilingues au S\u00e9n\u00e9gal Programmes \u00e9ducatifs bilingues pour jeunes de 8 \u00e0 18&#8230;<\/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 v27.4) - 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}]}}