{"id":2661,"date":"2022-01-15T15:44:53","date_gmt":"2022-01-15T15:44:53","guid":{"rendered":"http:\/\/localhost\/echooling\/?page_id=2661"},"modified":"2026-01-09T11:59:38","modified_gmt":"2026-01-09T11:59:38","slug":"educational-organization-senegal","status":"publish","type":"page","link":"https:\/\/sunuthiossane.org\/en\/educational-organization-senegal\/","title":{"rendered":"Our history"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"2661\" class=\"elementor elementor-2661\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-5ac3f0b elementor-section-stretched elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"5ac3f0b\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;,&quot;background_background&quot;:&quot;classic&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-d586022\" data-id=\"d586022\" 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-fc65f0e elementor-widget elementor-widget-html\" data-id=\"fc65f0e\" 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&family=Poppins:wght@300;400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n    :root {\r\n        --st-primary-orange: #E89B4E;\r\n        --st-primary-brown: #8B6F47;\r\n        --st-dark-brown: #5A4A35;\r\n        --st-font-primary: 'Inter', sans-serif;\r\n        --st-font-heading: 'Poppins', sans-serif;\r\n    }\r\n\r\n    \/* PAGE HEADER *\/\r\n    .st-page-header {\r\n        position: relative;\r\n        min-height: 400px;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        background-image: url('https:\/\/sunuthiossane.org\/wp-content\/uploads\/2026\/01\/SUNU-THIOSSANE-YOUTH-ORGANISATION-59.jpeg');\r\n        background-size: cover;\r\n        background-position: center;\r\n        background-repeat: no-repeat;\r\n        overflow: hidden;\r\n        width: 100vw;\r\n        margin-left: calc(50% - 50vw);\r\n        margin-right: calc(50% - 50vw);\r\n    }\r\n\r\n    \/* Overlay gradient *\/\r\n    .st-page-header::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: linear-gradient(\r\n            135deg,\r\n            rgba(90, 74, 53, 0.92) 0%,\r\n            rgba(139, 111, 71, 0.88) 50%,\r\n            rgba(90, 74, 53, 0.92) 100%\r\n        );\r\n        z-index: 1;\r\n    }\r\n\r\n    \/* Pattern overlay *\/\r\n    .st-page-header::after {\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-image: \r\n            repeating-linear-gradient(\r\n                45deg,\r\n                transparent,\r\n                transparent 10px,\r\n                rgba(255, 255, 255, 0.02) 10px,\r\n                rgba(255, 255, 255, 0.02) 20px\r\n            );\r\n        z-index: 2;\r\n    }\r\n\r\n    .st-page-header-content {\r\n        position: relative;\r\n        z-index: 3;\r\n        text-align: center;\r\n        max-width: 1200px;\r\n        padding: 0 2rem;\r\n        animation: fadeInUp 0.8s ease;\r\n    }\r\n\r\n    @keyframes fadeInUp {\r\n        from {\r\n            opacity: 0;\r\n            transform: translateY(30px);\r\n        }\r\n        to {\r\n            opacity: 1;\r\n            transform: translateY(0);\r\n        }\r\n    }\r\n\r\n    \/* BREADCRUMB *\/\r\n    .st-breadcrumb {\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        gap: 0.75rem;\r\n        margin-bottom: 1.5rem;\r\n        font-size: 0.95rem;\r\n        flex-wrap: wrap;\r\n    }\r\n\r\n    .st-breadcrumb-item {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 0.75rem;\r\n        color: rgba(255, 255, 255, 0.8);\r\n        text-decoration: none;\r\n        transition: all 0.3s ease;\r\n    }\r\n\r\n    .st-breadcrumb-item:hover {\r\n        color: var(--st-primary-orange);\r\n    }\r\n\r\n    .st-breadcrumb-separator {\r\n        color: rgba(255, 255, 255, 0.4);\r\n        font-size: 0.9rem;\r\n    }\r\n\r\n    .st-breadcrumb-item.active {\r\n        color: var(--st-primary-orange);\r\n        font-weight: 500;\r\n        pointer-events: none;\r\n    }\r\n\r\n    \/* PAGE TITLE *\/\r\n    .st-page-title {\r\n        font-family: var(--st-font-heading);\r\n        font-size: 2.5rem;\r\n        font-weight: 800;\r\n        color: white;\r\n        margin-bottom: 1rem;\r\n        line-height: 1.2;\r\n        text-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);\r\n        letter-spacing: -0.5px;\r\n    }\r\n\r\n    .st-page-subtitle {\r\n        font-size: 1.2rem;\r\n        color: rgba(255, 255, 255, 0.9);\r\n        max-width: 700px;\r\n        margin: 0 auto;\r\n        line-height: 1.6;\r\n        font-weight: 400;\r\n    }\r\n\r\n    \/* RESPONSIVE *\/\r\n    @media (max-width: 768px) {\r\n        .st-page-header {\r\n            min-height: 320px;\r\n        }\r\n\r\n        .st-page-title {\r\n            font-size: 2.2rem;\r\n        }\r\n\r\n        .st-page-subtitle {\r\n            font-size: 1rem;\r\n        }\r\n\r\n        .st-breadcrumb {\r\n            font-size: 0.85rem;\r\n            gap: 0.5rem;\r\n        }\r\n    }\r\n\r\n    @media (max-width: 480px) {\r\n        .st-page-header {\r\n            min-height: 280px;\r\n        }\r\n\r\n        .st-page-title {\r\n            font-size: 1.8rem;\r\n        }\r\n\r\n        .st-page-subtitle {\r\n            font-size: 0.95rem;\r\n        }\r\n\r\n        .st-page-header-content {\r\n            padding: 0 1.5rem;\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<!-- PAGE HEADER -->\r\n<div class=\"st-page-header\">\r\n    <div class=\"st-page-header-content\">\r\n        \r\n        <!-- Breadcrumb -->\r\n        <nav class=\"st-breadcrumb\" aria-label=\"Breadcrumb\">\r\n            <a href=\"https:\/\/sunuthiossane.org\/en\/\" class=\"st-breadcrumb-item\">\r\n                Home\r\n            <\/a>\r\n            <span class=\"st-breadcrumb-separator\">\/<\/span>\r\n            <span class=\"st-breadcrumb-item active\">\r\n               About us\r\n            <\/span>\r\n        <\/nav>\r\n\r\n        <!-- Page Title -->\r\n        <h1 class=\"st-page-title\">Sunu Thiossane Youth Organisation :<br> Our history and mission\r\n<\/h1>\r\n        \r\n     \r\n\r\n    <\/div>\r\n<\/div>\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-ef7d5b0 elementor-section-stretched elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"ef7d5b0\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;,&quot;background_background&quot;:&quot;classic&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-6689c21\" data-id=\"6689c21\" 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-b0924a7 elementor-widget elementor-widget-html\" data-id=\"b0924a7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700&family=Poppins:wght@300;400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n    \r\n    <style>\r\n    .entry-footer .edit-link {\r\n    padding: 20px;\r\n    display: none;\r\n}\r\n        * {\r\n            margin: 0;\r\n            padding: 0;\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        :root {\r\n            --brown: #8B6F47;\r\n            --brown-primary: #8B6F47;\r\n            --brown-dark: #6B5437;\r\n            --brown-light: #A58B63;\r\n            --orange: #E89340;\r\n            --orange-primary: #E78F3A;\r\n            --orange-light: #F4A961;\r\n            --orange-dark: #D67A28;\r\n            --cream: #FAF6F0;\r\n            --cream-light: #FDF9F3;\r\n            --cream-dark: #F5EFE6;\r\n            --white: #FFFFFF;\r\n            --gray: #666;\r\n            --gray-medium: #E5E5E5;\r\n            --light-gray: #f5f5f5;\r\n            --dark: #1a1a1a;\r\n            --text-dark: #2C2416;\r\n            --text-medium: #5C4E3A;\r\n            --text-light: #8B7E6A;\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            max-width: 1200px;\r\n            margin: 0 auto;\r\n            padding: 0 2rem;\r\n        }\r\n\r\n        section {\r\n            padding: 3rem 0;\r\n        }\r\n\r\n        @keyframes fadeInUp {\r\n            from {\r\n                opacity: 0;\r\n                transform: translateY(30px);\r\n            }\r\n            to {\r\n                opacity: 1;\r\n                transform: translateY(0);\r\n            }\r\n        }\r\n\r\n        .fade-in-up {\r\n            animation: fadeInUp 0.8s ease forwards;\r\n        }\r\n\r\n        .btn {\r\n            display: inline-block;\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: all 0.3s;\r\n            cursor: pointer;\r\n        }\r\n\r\n        .btn-primary {\r\n            background: var(--orange);\r\n            color: white;\r\n            border: none;\r\n        }\r\n\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        .btn-outline {\r\n            background: transparent;\r\n            color: var(--brown-dark);\r\n            border: 2px solid var(--brown-dark);\r\n        }\r\n\r\n        .btn-outline:hover {\r\n            background: var(--brown-dark);\r\n            color: white;\r\n            transform: translateY(-2px);\r\n        }\r\n\r\n        \/* Hero avec carte flottante *\/\r\n        .hero-floating {\r\n            background: var(--cream);\r\n            padding: 4rem 2rem;\r\n            position: relative;\r\n        }\r\n\r\n        .hero-container {\r\n            max-width: 1200px;\r\n            margin: 0 auto;\r\n            display: grid;\r\n            grid-template-columns: 1.2fr 1fr;\r\n            gap: 3rem;\r\n            align-items: start;\r\n            position: relative;\r\n        }\r\n\r\n        .floating-card {\r\n            background: white;\r\n            padding: 3rem;\r\n            border-radius: 12px;\r\n            box-shadow: 0 20px 60px rgba(139, 111, 71, 0.15);\r\n            border: 1px solid rgba(139, 111, 71, 0.1);\r\n            position: relative;\r\n            z-index: 2;\r\n        }\r\n\r\n        .card-content {\r\n            opacity: 0;\r\n            transform: translateY(30px);\r\n            transition: opacity 0.6s ease, transform 0.6s ease;\r\n        }\r\n\r\n        .card-content.visible {\r\n            opacity: 1;\r\n            transform: translateY(0);\r\n        }\r\n\r\n        .card-subtitle {\r\n            font-size: 0.95rem;\r\n            color: var(--orange);\r\n            font-weight: 600;\r\n            margin-bottom: 1rem;\r\n            text-transform: uppercase;\r\n            letter-spacing: 1px;\r\n        }\r\n\r\n        .card-title {\r\n            font-size: 2rem;\r\n            color: var(--brown-dark);\r\n            margin-bottom: 1.5rem;\r\n            text-transform: uppercase;\r\n        }\r\n\r\n        .card-description {\r\n            font-size: 1rem;\r\n            line-height: 1.8;\r\n            color: var(--text-medium);\r\n            margin-bottom: 1.5rem;\r\n            text-align: justify;\r\n        }\r\n\r\n        .stats-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(3, 1fr);\r\n            gap: 1.5rem;\r\n            margin-bottom: 2.5rem;\r\n            padding: 1.5rem 0;\r\n            border-top: 2px solid var(--cream);\r\n            border-bottom: 2px solid var(--cream);\r\n        }\r\n\r\n        .stat-box {\r\n            text-align: center;\r\n        }\r\n\r\n        .stat-number {\r\n            font-size: 2rem;\r\n            font-weight: 700;\r\n            color: var(--orange);\r\n            margin-bottom: 0.5rem;\r\n            font-family: 'Poppins', sans-serif;\r\n        }\r\n\r\n        .stat-label {\r\n            font-size: 0.85rem;\r\n            color: var(--text-medium);\r\n            line-height: 1.3;\r\n        }\r\n\r\n        .card-buttons {\r\n            display: flex;\r\n            gap: 1rem;\r\n            flex-wrap: wrap;\r\n        }\r\n\r\n        .hero-image-wrapper {\r\n            position: sticky;\r\n            top: 4rem;\r\n            height: 500px;\r\n        }\r\n\r\n        .hero-image-box {\r\n            position: relative;\r\n            border-radius: 12px;\r\n            overflow: hidden;\r\n            box-shadow: 0 15px 50px rgba(139, 111, 71, 0.3);\r\n            height: 100%;\r\n        }\r\n\r\n        .hero-image-box img {\r\n            width: 100%;\r\n            height: 100%;\r\n            object-fit: cover;\r\n        }\r\n\r\n        .section-title {\r\n            font-size: 1.75rem;\r\n            text-align: center;\r\n            color: var(--brown-dark);\r\n            margin-bottom: 0.75rem;\r\n            font-weight: 600;\r\n            text-transform: uppercase;\r\n            letter-spacing: 0.5px;\r\n        }\r\n\r\n        .section-subtitle {\r\n            text-align: center;\r\n            color: var(--text-medium);\r\n            font-size: 1rem;\r\n            margin-bottom: 3rem;\r\n            max-width: 700px;\r\n            margin-left: auto;\r\n            margin-right: auto;\r\n            line-height: 1.7;\r\n        }\r\n\r\n        .bg-white {\r\n            background: #FFFFFF;\r\n        }\r\n\r\n        .bg-beige {\r\n            background: #F5EFE6;\r\n        }\r\n\r\n        .tabs-nav {\r\n            display: flex;\r\n            gap: 0.5rem;\r\n            margin-bottom: 3rem;\r\n            border-bottom: 2px solid var(--cream);\r\n            overflow-x: auto;\r\n            flex-wrap: wrap;\r\n            justify-content: center;\r\n            -webkit-overflow-scrolling: touch;\r\n            scrollbar-width: none;\r\n        }\r\n\r\n        .tabs-nav::-webkit-scrollbar {\r\n            display: none;\r\n        }\r\n\r\n        .tab-btn {\r\n            background: transparent;\r\n            border: none;\r\n            padding: 1rem 1.5rem;\r\n            font-size: 0.95rem;\r\n            font-weight: 600;\r\n            color: var(--text-light);\r\n            cursor: pointer;\r\n            transition: all 0.3s;\r\n            border-bottom: 3px solid transparent;\r\n            white-space: nowrap;\r\n            position: relative;\r\n            bottom: -2px;\r\n            font-family: 'Poppins', sans-serif;\r\n        }\r\n\r\n        .tab-btn:hover {\r\n            color: var(--brown-primary);\r\n            background: var(--cream-light);\r\n        }\r\n\r\n        .tab-btn.active {\r\n            color: var(--orange);\r\n            border-bottom-color: var(--orange);\r\n        }\r\n\r\n        .tab-content {\r\n            display: none;\r\n            background: white;\r\n            padding: 2.5rem;\r\n            border-radius: 12px;\r\n            box-shadow: 0 2px 20px rgba(139, 111, 71, 0.08);\r\n            border: 1px solid rgba(139, 111, 71, 0.05);\r\n            max-width: 900px;\r\n            margin: 0 auto;\r\n            min-height: 400px;\r\n        }\r\n\r\n        .tab-content.active {\r\n            display: block;\r\n            animation: fadeInUp 0.4s ease;\r\n        }\r\n\r\n        .tab-content h4 {\r\n            font-size: 1.5rem;\r\n            color: var(--brown-primary);\r\n            margin-bottom: 1.5rem;\r\n        }\r\n\r\n        .tab-content p {\r\n            font-size: 1rem;\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        }\r\n\r\n        .tab-content ul {\r\n            list-style: none;\r\n            padding: 0;\r\n        }\r\n\r\n        .tab-content ul li {\r\n            padding: 0.7rem 0;\r\n            font-size: 0.95rem;\r\n            color: var(--text-medium);\r\n            border-bottom: 1px solid var(--cream);\r\n            padding-left: 1.5rem;\r\n            position: relative;\r\n        }\r\n\r\n        .tab-content ul li:last-child {\r\n            border-bottom: none;\r\n        }\r\n\r\n        .tab-content ul li::before {\r\n            content: '\u2713';\r\n            position: absolute;\r\n            left: 0;\r\n            color: var(--orange);\r\n            font-weight: 700;\r\n        }\r\n\r\n        \/* ADN Slider Navigation *\/\r\n        .adn-slider-nav {\r\n            display: flex;\r\n            gap: 0.75rem;\r\n            justify-content: center;\r\n            margin-bottom: 2.5rem;\r\n            flex-wrap: wrap;\r\n        }\r\n\r\n        .adn-nav-btn {\r\n            background: transparent;\r\n            border: none;\r\n            padding: 0.65rem 1.25rem;\r\n            border-radius: 8px;\r\n            cursor: pointer;\r\n            transition: all 0.25s ease;\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 0.5rem;\r\n            font-family: 'Inter', sans-serif;\r\n            font-weight: 500;\r\n            font-size: 0.9rem;\r\n            color: var(--text-medium);\r\n        }\r\n\r\n        .adn-nav-btn:hover {\r\n            background: var(--cream-light);\r\n            color: var(--brown-primary);\r\n        }\r\n\r\n        .adn-nav-btn.active {\r\n            background: var(--orange);\r\n            color: white;\r\n        }\r\n\r\n        .adn-nav-icon {\r\n            font-size: 1.1rem;\r\n        }\r\n\r\n        .adn-slider-container {\r\n            position: relative;\r\n            overflow: hidden;\r\n            max-width: 1000px;\r\n            margin: 0 auto;\r\n        }\r\n\r\n        .adn-slide {\r\n            display: none;\r\n        }\r\n\r\n        .adn-slide.active {\r\n            display: block;\r\n            animation: fadeInUp 0.5s ease;\r\n        }\r\n\r\n        \/* Hero Cards *\/\r\n        .hero-cards {\r\n            display: grid;\r\n            grid-template-columns: repeat(2, 1fr);\r\n            gap: 1.25rem;\r\n        }\r\n\r\n        .hero-card {\r\n            background: white;\r\n            padding: 1.75rem;\r\n            border-radius: 8px;\r\n            border-left: 3px solid var(--orange);\r\n            transition: all 0.25s ease;\r\n            box-shadow: 0 2px 10px rgba(139, 111, 71, 0.08);\r\n            border: 1px solid rgba(139, 111, 71, 0.05);\r\n            border-left: 3px solid var(--orange);\r\n            min-height: 280px;\r\n            display: flex;\r\n            flex-direction: column;\r\n        }\r\n\r\n        .hero-card:hover {\r\n            transform: translateX(3px);\r\n            box-shadow: 0 4px 15px rgba(139, 111, 71, 0.12);\r\n        }\r\n\r\n        .hero-card-icon {\r\n            font-size: 2rem;\r\n            margin-bottom: 0.75rem;\r\n            display: inline-block;\r\n        }\r\n\r\n        .hero-card h3 {\r\n            font-size: 1.125rem;\r\n            color: var(--brown-primary);\r\n            margin-bottom: 0.65rem;\r\n            font-weight: 600;\r\n        }\r\n\r\n        .hero-card p {\r\n            font-size: 0.91rem;\r\n            color: var(--text-medium);\r\n            line-height: 1.6;\r\n            text-align: justify;\r\n            flex-grow: 1;\r\n        }\r\n\r\n        .hero-card strong {\r\n            color: var(--orange);\r\n            font-weight: 600;\r\n        }\r\n\r\n        \/* DNA Items Grid *\/\r\n        .dna-items-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(2, 1fr);\r\n            gap: 1rem;\r\n        }\r\n\r\n        .dna-item-compact {\r\n            display: flex;\r\n            align-items: flex-start;\r\n            gap: 0.875rem;\r\n            padding: 0.875rem;\r\n            background: white;\r\n            border-left: 2px solid var(--orange);\r\n            border-radius: 6px;\r\n            transition: all 0.25s ease;\r\n            box-shadow: 0 2px 8px rgba(139, 111, 71, 0.06);\r\n            border: 1px solid rgba(139, 111, 71, 0.05);\r\n            border-left: 2px solid var(--orange);\r\n            min-height: 110px;\r\n        }\r\n\r\n        .dna-item-compact:hover {\r\n            transform: translateX(3px);\r\n            box-shadow: 0 4px 12px rgba(139, 111, 71, 0.1);\r\n        }\r\n\r\n        .check-icon {\r\n            flex-shrink: 0;\r\n            width: 22px;\r\n            height: 22px;\r\n            background: var(--orange);\r\n            color: white;\r\n            border-radius: 50%;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            font-weight: 700;\r\n            font-size: 0.75rem;\r\n            margin-top: 1px;\r\n        }\r\n\r\n        .dna-item-compact strong {\r\n            display: block;\r\n            color: var(--brown-primary);\r\n            font-size: 0.95rem;\r\n            margin-bottom: 0.25rem;\r\n            font-weight: 600;\r\n        }\r\n\r\n        .dna-item-compact p {\r\n            color: var(--text-medium);\r\n            font-size: 0.85rem;\r\n            line-height: 1.5;\r\n            margin: 0;\r\n            text-align: justify;\r\n        }\r\n\r\n        \/* Histoire Section *\/\r\n        .history-year-buttons {\r\n            display: flex;\r\n            gap: 0.75rem;\r\n            margin-bottom: 2.5rem;\r\n            flex-wrap: wrap;\r\n            justify-content: center;\r\n        }\r\n\r\n        .year-btn {\r\n            background: white;\r\n            border: 2px solid var(--gray-medium);\r\n            padding: 0.75rem 1.75rem;\r\n            border-radius: 50px;\r\n            font-family: 'Poppins', sans-serif;\r\n            font-weight: 600;\r\n            font-size: 1rem;\r\n            color: var(--brown-primary);\r\n            cursor: pointer;\r\n            transition: all 0.3s ease;\r\n        }\r\n\r\n        .year-btn:hover {\r\n            border-color: var(--orange);\r\n            background: var(--cream-light);\r\n            transform: translateY(-2px);\r\n        }\r\n\r\n        .year-btn.active {\r\n            background: var(--orange);\r\n            color: white;\r\n            border-color: var(--orange);\r\n            box-shadow: 0 4px 12px rgba(232, 147, 64, 0.3);\r\n        }\r\n\r\n        .history-content {\r\n            display: none;\r\n        }\r\n\r\n        .history-content.active {\r\n            display: block;\r\n            animation: fadeInUp 0.5s ease;\r\n        }\r\n\r\n        .history-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(4, 1fr);\r\n            gap: 1.5rem;\r\n        }\r\n\r\n        .history-grid.grid-3 {\r\n            grid-template-columns: repeat(3, 1fr);\r\n        }\r\n\r\n        .history-card {\r\n            background: white;\r\n            padding: 2rem;\r\n            border-radius: 12px;\r\n            box-shadow: 0 2px 10px rgba(139, 111, 71, 0.08);\r\n            border: 1px solid rgba(139, 111, 71, 0.05);\r\n            transition: all 0.3s ease;\r\n            border-top: 4px solid var(--orange);\r\n            min-height: 240px;\r\n            display: flex;\r\n            flex-direction: column;\r\n        }\r\n\r\n        .history-card:hover {\r\n            transform: translateY(-5px);\r\n            box-shadow: 0 6px 20px rgba(139, 111, 71, 0.15);\r\n        }\r\n\r\n        .history-card-icon {\r\n            font-size: 2.5rem;\r\n            margin-bottom: 1rem;\r\n            display: block;\r\n        }\r\n\r\n        .history-card h4 {\r\n            font-size: 1.15rem;\r\n            color: var(--brown-primary);\r\n            margin-bottom: 0.75rem;\r\n            font-weight: 600;\r\n            line-height: 1.4;\r\n        }\r\n\r\n        .history-card p {\r\n            font-size: 0.95rem;\r\n            color: var(--text-medium);\r\n            line-height: 1.7;\r\n            flex-grow: 1;\r\n            text-align: justify;\r\n        }\r\n\r\n        \/* Timeline Cards *\/\r\n        .timeline {\r\n            max-width: 1000px;\r\n            margin: 0 auto;\r\n        }\r\n\r\n        .timeline-items {\r\n            display: grid;\r\n            grid-template-columns: repeat(2, 1fr);\r\n            gap: 1.5rem;\r\n        }\r\n\r\n        .timeline-card {\r\n            background: white;\r\n            padding: 2rem;\r\n            border-radius: 10px;\r\n            box-shadow: 0 2px 10px rgba(139, 111, 71, 0.08);\r\n            border: 1px solid rgba(139, 111, 71, 0.05);\r\n            transition: all 0.3s ease;\r\n            position: relative;\r\n            overflow: hidden;\r\n            min-height: 320px;\r\n            display: flex;\r\n            flex-direction: column;\r\n        }\r\n\r\n        .timeline-card::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            width: 4px;\r\n            height: 100%;\r\n            background: var(--orange);\r\n        }\r\n\r\n        .timeline-card:hover {\r\n            transform: translateY(-5px);\r\n            box-shadow: 0 6px 20px rgba(139, 111, 71, 0.15);\r\n        }\r\n\r\n        .timeline-header {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 0.75rem;\r\n            margin-bottom: 1.25rem;\r\n        }\r\n\r\n        .timeline-number {\r\n            width: 32px;\r\n            height: 32px;\r\n            background: linear-gradient(135deg, var(--orange), var(--orange-dark));\r\n            color: white;\r\n            border-radius: 50%;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            font-weight: 700;\r\n            font-size: 0.9rem;\r\n            flex-shrink: 0;\r\n        }\r\n\r\n        .timeline-title-group h3 {\r\n            font-size: 1.25rem;\r\n            color: var(--brown-primary);\r\n            margin: 0;\r\n            font-weight: 600;\r\n        }\r\n\r\n        .timeline-title-group .age-range {\r\n            font-size: 0.8rem;\r\n            color: var(--orange);\r\n            margin: 0.25rem 0 0 0;\r\n            font-weight: 600;\r\n        }\r\n\r\n        .timeline-description {\r\n            font-size: 0.91rem;\r\n            color: var(--text-medium);\r\n            line-height: 1.6;\r\n            margin-bottom: 1rem;\r\n            text-align: justify;\r\n        }\r\n\r\n        .timeline-features {\r\n            list-style: none;\r\n            padding: 0;\r\n            margin: 0;\r\n            flex-grow: 1;\r\n        }\r\n\r\n        .timeline-features li {\r\n            display: flex;\r\n            align-items: flex-start;\r\n            gap: 0.75rem;\r\n            padding: 0.5rem 0;\r\n            font-size: 0.86rem;\r\n            color: var(--text-medium);\r\n            line-height: 1.5;\r\n        }\r\n\r\n        .timeline-checkmark {\r\n            flex-shrink: 0;\r\n            width: 18px;\r\n            height: 18px;\r\n            background: var(--orange);\r\n            color: white;\r\n            border-radius: 50%;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            font-size: 0.7rem;\r\n            font-weight: 700;\r\n            margin-top: 2px;\r\n        }\r\n\r\n        \/* Unique Features *\/\r\n        .unique-features {\r\n            display: grid;\r\n            gap: 1.5rem;\r\n            max-width: 900px;\r\n            margin: 0 auto;\r\n        }\r\n\r\n        .feature-item {\r\n            background: white;\r\n            padding: 2rem 2.5rem;\r\n            border-radius: 12px;\r\n            box-shadow: 0 2px 15px rgba(139, 111, 71, 0.08);\r\n            border: 1px solid rgba(139, 111, 71, 0.05);\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 2rem;\r\n            transition: all 0.3s;\r\n            min-height: 140px;\r\n        }\r\n\r\n        .feature-item:hover {\r\n            transform: translateX(10px);\r\n            box-shadow: 0 4px 20px rgba(139, 111, 71, 0.15);\r\n        }\r\n\r\n        .feature-icon {\r\n            font-size: 2.5rem;\r\n            flex-shrink: 0;\r\n        }\r\n\r\n        .feature-content h3 {\r\n            font-size: 1.125rem;\r\n            color: var(--brown-primary);\r\n            margin-bottom: 0.5rem;\r\n        }\r\n\r\n        .feature-content p {\r\n            font-size: 0.9rem;\r\n            color: var(--text-medium);\r\n            line-height: 1.6;\r\n            text-align: justify;\r\n        }\r\n\r\n        \/* CTA Section *\/\r\n        .cta-section {\r\n            background: linear-gradient(rgba(107, 84, 55, 0.95), rgba(139, 111, 71, 0.92)), \r\n                        url('https:\/\/sunuthiossane.org\/wp-content\/uploads\/2025\/12\/Sunu-Thiossane-5-1.jpg') center\/cover no-repeat;\r\n            color: white;\r\n            padding: 3.5rem 3rem;\r\n            text-align: center;\r\n        }\r\n\r\n        .cta-section h2 {\r\n            color: white;\r\n            font-size: 2rem;\r\n            margin-bottom: 1.5rem;\r\n            font-weight: 600;\r\n        }\r\n\r\n        .cta-section p {\r\n            font-size: 1.1rem;\r\n            opacity: 0.95;\r\n            margin-bottom: 2.5rem;\r\n            line-height: 1.8;\r\n            max-width: 700px;\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        }\r\n\r\n        .btn-white {\r\n            background: white;\r\n            color: var(--text-dark);\r\n            box-shadow: 0 4px 15px rgba(0,0,0,0.15);\r\n        }\r\n\r\n        .btn-white:hover {\r\n            background: var(--cream-light);\r\n            transform: translateY(-2px);\r\n            box-shadow: 0 6px 20px rgba(0,0,0,0.2);\r\n        }\r\n\r\n        .btn-outline-white {\r\n            background: transparent;\r\n            color: white;\r\n            border: 2px solid white;\r\n        }\r\n\r\n        .btn-outline-white:hover {\r\n            background: rgba(255,255,255,0.1);\r\n            transform: translateY(-2px);\r\n        }\r\n\r\n        \/* Responsive *\/\r\n        @media (max-width: 1024px) {\r\n            .history-grid {\r\n                grid-template-columns: repeat(2, 1fr);\r\n            }\r\n            \r\n            .history-grid.grid-3 {\r\n                grid-template-columns: repeat(2, 1fr);\r\n            }\r\n        }\r\n\r\n        @media (max-width: 968px) {\r\n            .hero-floating {\r\n                min-height: auto;\r\n            }\r\n\r\n            .hero-container {\r\n                grid-template-columns: 1fr;\r\n                gap: 2rem;\r\n                display: flex;\r\n                flex-direction: column;\r\n            }\r\n\r\n            .floating-card {\r\n                order: 1;\r\n                padding: 2rem;\r\n            }\r\n\r\n            .hero-image-wrapper {\r\n                order: 2;\r\n                position: relative;\r\n                top: 0;\r\n                height: 350px;\r\n            }\r\n\r\n            .card-title {\r\n                font-size: 1.75rem;\r\n            }\r\n\r\n            .stats-grid {\r\n                grid-template-columns: 1fr;\r\n                gap: 1rem;\r\n            }\r\n\r\n            .card-content {\r\n                opacity: 1;\r\n                transform: translateY(0);\r\n            }\r\n        }\r\n\r\n        @media (max-width: 768px) {\r\n            .section-title {\r\n                font-size: 1.4rem;\r\n            }\r\n\r\n            .section-subtitle {\r\n                font-size: 0.95rem;\r\n            }\r\n\r\n            .hero-cards,\r\n            .dna-items-grid {\r\n                grid-template-columns: 1fr;\r\n            }\r\n\r\n            .history-grid,\r\n            .history-grid.grid-3 {\r\n                grid-template-columns: 1fr;\r\n            }\r\n\r\n            .timeline-items {\r\n                grid-template-columns: 1fr;\r\n            }\r\n\r\n            .feature-item {\r\n                flex-direction: column;\r\n                text-align: center;\r\n            }\r\n\r\n            section {\r\n                padding: 3rem 0;\r\n            }\r\n\r\n            .container {\r\n                padding: 0 1.5rem;\r\n            }\r\n\r\n            .btn {\r\n                padding: 0.75rem 1.5rem;\r\n                font-size: 0.9rem;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 480px) {\r\n            .section-title {\r\n                font-size: 1.3rem;\r\n            }\r\n\r\n            .container {\r\n                padding: 0 1rem;\r\n            }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n\r\n<!-- Hero Section - Carte Flottante -->\r\n<section class=\"hero-floating\">\r\n    <div class=\"hero-container\">\r\n        <div class=\"floating-card\">\r\n            <div class=\"card-content\" data-delay=\"0\">\r\n                <p class=\"card-subtitle\">\u00abWho Are We?\u00bb<\/p>\r\n                <h1 class=\"card-title\">Educational organization and cultural exchange since 2011<\/h1>\r\n            <\/div>\r\n            \r\n            <div class=\"card-content\" data-delay=\"200\">\r\n                <p class=\"card-description\">\r\n                    Founded in 2011 in Dakar, Sunu Thiossane is an organization dedicated to the development of Senegalese and African youth. Our mission is to empower young people by giving them access to quality education while cultivating their cultural, artistic and technological talents.\r\n                <\/p>\r\n            <\/div>\r\n\r\n            <div class=\"card-content\" data-delay=\"400\">\r\n                <p class=\"card-description\">\r\n                    For over a decade, our experienced team of educators has accompanied students on their academic and artistic journeys with a strong commitment to inclusivity. We offer English immersion programs, cultural exchanges and STEAM activities to young people from disadvantaged neighborhoods in Dakar and other parts of Senegal.\r\n                <\/p>\r\n            <\/div>\r\n\r\n            <div class=\"card-content\" data-delay=\"600\">\r\n                <p class=\"card-description\">\r\n                    In response to the growing importance of technology, we have integrated digital literacy into our curriculum through courses and workshops in programming, coding and digital literacy. By equipping the younger generation with these essential skills, we're unlocking their full potential and helping to build a better future for Africa.\r\n                <\/p>\r\n            <\/div>\r\n\r\n            <div class=\"card-content\" data-delay=\"800\">\r\n                <div class=\"stats-grid\">\r\n                    <div class=\"stat-box\">\r\n                        <div class=\"stat-number\">2011<\/div>\r\n                        <div class=\"stat-label\">Year of creation<\/div>\r\n                    <\/div>\r\n                    <div class=\"stat-box\">\r\n                        <div class=\"stat-number\">450+<\/div>\r\n                        <div class=\"stat-label\">Accompanied young people<\/div>\r\n                    <\/div>\r\n                    <div class=\"stat-box\">\r\n                        <div class=\"stat-number\">12<\/div>\r\n                        <div class=\"stat-label\">Years of commitment<\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"card-content\" data-delay=\"1000\">\r\n                <div class=\"card-buttons\">\r\n                    <a href=\"https:\/\/sunuthiossane.org\/en\/admission\/\" class=\"btn btn-primary\">ONLINE ADMISSION<\/a>\r\n                    <a href=\"https:\/\/sunuthiossane.org\/en\/nous-contacter\/\" class=\"btn btn-outline\">CONTACT US<\/a>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"hero-image-wrapper\">\r\n            <div class=\"hero-image-box\">\r\n                <img decoding=\"async\" src=\"https:\/\/sunuthiossane.org\/wp-content\/uploads\/2025\/12\/Sunu-Thiossane-5-1.jpg\" alt=\"Sunu Thiossane\">\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<!-- Nos Programmes (Tabs) - BEIGE -->\r\n<section class=\"bg-beige\" id=\"programmes\">\r\n    <div class=\"container\">\r\n        <h2 class=\"section-title\">Our STEAM Educational Programs <br>and Cultural Exchanges<\/h2>\r\n        <p class=\"section-subtitle\">Comprehensive programs for holistic youth development<\/p>\r\n        \r\n        <div class=\"tabs-nav\">\r\n            <button class=\"tab-btn active\" data-tab=\"immersion\">\ud83d\udde3\ufe0f English immersion<\/button>\r\n            <button class=\"tab-btn\" data-tab=\"echanges\">\ud83c\udf0d Cultural exchanges<\/button>\r\n            <button class=\"tab-btn\" data-tab=\"steam\">\ud83d\udd2c STEAM UP<\/button>\r\n            <button class=\"tab-btn\" data-tab=\"universite\">\ud83c\udf93 University access<\/button>\r\n            <button class=\"tab-btn\" data-tab=\"12ans\">\ud83d\udcc6 Program 12 years<\/button>\r\n        <\/div>\r\n\r\n        <div class=\"tab-content active\" id=\"immersion\">\r\n            <h4>English immersion<\/h4>\r\n            <p>English is integrated into all our programs: summer camps, after-school programs, Saturday programs and academic activities.<\/p>\r\n            <p><strong>Participants develop their skills in :<\/strong><\/p>\r\n            <ul>\r\n                <li>Reading and comprehension<\/li>\r\n                <li>Writing and editing<\/li>\r\n                <li>Oral expression and conversation<\/li>\r\n                <li>Listening comprehension<\/li>\r\n            <\/ul>\r\n            <p>This command of English opens up international opportunities and access to global educational resources.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"tab-content\" id=\"echanges\">\r\n            <h4>Learning across continents<\/h4>\r\n            <p>Our cultural exchange programs give young people the opportunity to discover other cultures and develop a global vision of the world.<\/p>\r\n            <p><strong>These experiences include :<\/strong><\/p>\r\n            <ul>\r\n                <li>International educational trips (Canada, Kenya, Rwanda, Japan)<\/li>\r\n                <li>Cultural and linguistic immersion<\/li>\r\n                <li>Meetings with young people from all over the world<\/li>\r\n                <li>Discovering different educational systems<\/li>\r\n                <li>Participation in international collaborative projects<\/li>\r\n            <\/ul>\r\n            <p>These exchanges transform young people's perspectives and boost their confidence and ambition.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"tab-content\" id=\"steam\">\r\n            <h4>STEAM UP<\/h4>\r\n            <p>The STEAM UP program combines Science, Technology, Engineering, Arts and Mathematics to prepare young people for today's digital world.<\/p>\r\n            <p><strong>Through hands-on workshops, young people develop :<\/strong><\/p>\r\n            <ul>\r\n                <li>Critical thinking and problem solving<\/li>\r\n                <li>Creativity and innovation<\/li>\r\n                <li>Programming and robotics skills<\/li>\r\n                <li>Mastery of technological tools<\/li>\r\n                <li>Ability to work as part of a team on complex projects<\/li>\r\n            <\/ul>\r\n            <p>These skills are essential for success in an increasingly technological world.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"tab-content\" id=\"universite\">\r\n            <h4>University access and career services<\/h4>\r\n            <p>Sunu Thiossane supports young people in their transition to higher education and the professional world.<\/p>\r\n            <p><strong>We offer :<\/strong><\/p>\r\n            <ul>\r\n                <li>Personalized university guidance<\/li>\r\n                <li>Preparing for entrance exams<\/li>\r\n                <li>Assistance in finding scholarships<\/li>\r\n                <li>Academic and professional mentoring<\/li>\r\n                <li>Workshops on professional skills<\/li>\r\n                <li>Alumni and professional network<\/li>\r\n            <\/ul>\r\n            <p>Our aim is to give every young person access to higher education and a career in line with their potential.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"tab-content\" id=\"12ans\">\r\n            <h4>A long-term commitment: 12 years of support<\/h4>\r\n            <p>Sunu Thiossane is committed to providing each child with a complete 12-year education, from the age of 6 right up to the baccalaureate.<\/p>\r\n            <p><strong>This course is structured around two main pillars:<\/strong><\/p>\r\n            <ul>\r\n                <li><strong>Xam Sa B\u00f3pp (6-12 years)<\/strong> - Know who you are\u00ab: personal development, cultural arts, African history, self-confidence<\/li>\r\n                <li><strong>Geum Sa B\u00f3pp (13-18 years)<\/strong> - Believe in yourself\u00ab: global citizenship, healthy lifestyle choices, academic and professional success<\/li>\r\n            <\/ul>\r\n            <p>This ongoing support ensures the holistic and sustainable development of each young person.<\/p>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<!-- Notre ADN - BLANC -->\r\n<section class=\"bg-white\">\r\n    <div class=\"container\">\r\n        <h2 class=\"section-title\">Our DNA: What makes us unique<\/h2>\r\n        <p class=\"section-subtitle\"> What makes us unique<\/p>\r\n        \r\n        <div class=\"adn-slider-nav\">\r\n            <button class=\"adn-nav-btn active\" data-slide=\"mission-vision\">\r\n                <span class=\"adn-nav-icon\">\ud83c\udfaf<\/span>\r\n                <span>Mission &amp; Vision<\/span>\r\n            <\/button>\r\n            <button class=\"adn-nav-btn\" data-slide=\"approche\">\r\n                <span class=\"adn-nav-icon\">\ud83d\udca1<\/span>\r\n                <span>Approach<\/span>\r\n            <\/button>\r\n            <button class=\"adn-nav-btn\" data-slide=\"domaines\">\r\n                <span class=\"adn-nav-icon\">\ud83c\udf0d<\/span>\r\n                <span>Domains<\/span>\r\n            <\/button>\r\n        <\/div>\r\n\r\n        <div class=\"adn-slider-container\">\r\n            <div class=\"adn-slide active\" id=\"mission-vision-slide\">\r\n                <div class=\"hero-cards\">\r\n                    <div class=\"hero-card\">\r\n                        <div class=\"hero-card-icon\">\ud83c\udfaf<\/div>\r\n                        <h3>Our mission<\/h3>\r\n                        <p>Lighting the way for the next generation of African visionaries and leaders by giving them access to quality English-language education, strong African cultural awareness, technological and digital skills.<\/p>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"hero-card\">\r\n                        <div class=\"hero-card-icon\">\ud83c\udf1f<\/div>\r\n                        <h3>Our vision<\/h3>\r\n                        <p>Build an African youth that is proud of its heritage, open to the world and capable of becoming an agent of change in Africa and beyond. <strong>Xam Sa B\u00f3pp<\/strong> (Know who you are) and <strong>Geum Sa B\u00f3pp<\/strong> (Believe in yourself).<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"adn-slide\" id=\"approche-slide\">\r\n                <div class=\"dna-items-grid\">\r\n                    <div class=\"dna-item-compact\">\r\n                        <span class=\"check-icon\">\u2713<\/span>\r\n                        <div>\r\n                            <strong>Social inclusion<\/strong>\r\n                            <p>Equal opportunities for all young people, regardless of their socio-economic background<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"dna-item-compact\">\r\n                        <span class=\"check-icon\">\u2713<\/span>\r\n                        <div>\r\n                            <strong>Intercultural dialogue<\/strong>\r\n                            <p>Opening up to other cultures while promoting African identity<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"dna-item-compact\">\r\n                        <span class=\"check-icon\">\u2713<\/span>\r\n                        <div>\r\n                            <strong>Hands-on learning<\/strong>\r\n                            <p>Learning by doing, through concrete projects and real-life experiences<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"dna-item-compact\">\r\n                        <span class=\"check-icon\">\u2713<\/span>\r\n                        <div>\r\n                            <strong>Ongoing support<\/strong>\r\n                            <p>Long-term follow-up of children and young people over 12 years<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"adn-slide\" id=\"domaines-slide\">\r\n                <div class=\"dna-items-grid\">\r\n                    <div class=\"dna-item-compact\">\r\n                        <span class=\"check-icon\">\u2713<\/span>\r\n                        <div>\r\n                            <strong>Bilingual education<\/strong>\r\n                            <p>Quality education tailored to local realities and young people's aspirations<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"dna-item-compact\">\r\n                        <span class=\"check-icon\">\u2713<\/span>\r\n                        <div>\r\n                            <strong>Youth programs<\/strong>\r\n                            <p>Leadership, mentoring and community projects to develop skills<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"dna-item-compact\">\r\n                        <span class=\"check-icon\">\u2713<\/span>\r\n                        <div>\r\n                            <strong>Cultural exchanges<\/strong>\r\n                            <p>Opening up to the world, international travel and partnerships<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"dna-item-compact\">\r\n                        <span class=\"check-icon\">\u2713<\/span>\r\n                        <div>\r\n                            <strong>Agroecology<\/strong>\r\n                            <p>Reconnecting young people with the land, food and environmental issues<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<!-- Notre Histoire - BEIGE -->\r\n<section class=\"bg-beige\">\r\n    <div class=\"container\">\r\n        <h2 class=\"section-title\">Our history: From 2011 to today<\/h2>\r\n        <p class=\"section-subtitle\">More than a decade of commitment to African youth<\/p>\r\n        \r\n        <div class=\"history-year-buttons\">\r\n            <button class=\"year-btn active\" data-year=\"2011\">2011<\/button>\r\n            <button class=\"year-btn\" data-year=\"2012\">2012-2013<\/button>\r\n            <button class=\"year-btn\" data-year=\"2014\">2014<\/button>\r\n            <button class=\"year-btn\" data-year=\"2022\">2022-Present<\/button>\r\n        <\/div>\r\n\r\n        <div class=\"history-content active\" id=\"year-2011\">\r\n            <div class=\"history-grid\">\r\n                <div class=\"history-card\">\r\n                    <span class=\"history-card-icon\">\ud83c\udfa8<\/span>\r\n                    <h4>First intensive summer arts program<\/h4>\r\n                    <p>Launch of the first intensive summer arts program at the prestigious Brooklyn Arts Exchange in New York, welcoming 40 students for a transformative experience.<\/p>\r\n                <\/div>\r\n                <div class=\"history-card\">\r\n                    <span class=\"history-card-icon\">\ud83d\udcdc<\/span>\r\n                    <h4>Department of Education License<\/h4>\r\n                    <p>Obtained a prestigious license from the Brooklyn, New York Department of Education, enabling us to extend our programs to more educational institutions.<\/p>\r\n                <\/div>\r\n                <div class=\"history-card\">\r\n                    <span class=\"history-card-icon\">\ud83c\udfeb<\/span>\r\n                    <h4>Program at MS 352<\/h4>\r\n                    <p>Launch of an educational impact program at MS 352 - Metropolitan Corporate Academy High School, marking our expansion into the New York school system.<\/p>\r\n                <\/div>\r\n                <div class=\"history-card\">\r\n                    <span class=\"history-card-icon\">\ud83c\udf0d<\/span>\r\n                    <h4>First summer camp in Dakar<\/h4>\r\n                    <p>Expansion of operations in Dakar, Senegal, with the first summer camp organized at the Senegalese American Bilingual School, anchoring our presence in Africa.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"history-content\" id=\"year-2012\">\r\n            <div class=\"history-grid\">\r\n                <div class=\"history-card\">\r\n                    <span class=\"history-card-icon\">\ud83c\udfad<\/span>\r\n                    <h4>There's No Place Like Senegal\" production\"<\/h4>\r\n                    <p>Presentation of an original theatrical production celebrating the richness of Senegalese culture and heritage, reaching hundreds of spectators in New York.<\/p>\r\n                <\/div>\r\n                <div class=\"history-card\">\r\n                    <span class=\"history-card-icon\">\ud83d\udcc5<\/span>\r\n                    <h4>Saturday program in Harlem<\/h4>\r\n                    <p>In partnership with the Senegalese Association of America, launch of a Saturday program in the vibrant Harlem neighborhood, strengthening our community ties.<\/p>\r\n                <\/div>\r\n                <div class=\"history-card\">\r\n                    <span class=\"history-card-icon\">\u2600\ufe0f<\/span>\r\n                    <h4>Second annual summer camp<\/h4>\r\n                    <p>Organization of the second annual summer camp in Dakar, Senegal, strengthening our commitment in the region and reaching out to more young Senegalese.<\/p>\r\n                <\/div>\r\n                <div class=\"history-card\">\r\n                    <span class=\"history-card-icon\">\ud83e\udd1d<\/span>\r\n                    <h4>Truce Harlem Children's Zone program<\/h4>\r\n                    <p>Extension of the Saturday program at Truce Harlem Children's Zone, offering an immersive cultural and educational experience for young people in the community.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"history-content\" id=\"year-2014\">\r\n            <div class=\"history-grid\">\r\n                <div class=\"history-card\">\r\n                    <span class=\"history-card-icon\">\ud83c\udf1f<\/span>\r\n                    <h4>Third annual summer camp<\/h4>\r\n                    <p>Continuing our tradition with the third annual summer camp in Dakar, Senegal, consolidating our impact with young people in the region.<\/p>\r\n                <\/div>\r\n                <div class=\"history-card\">\r\n                    <span class=\"history-card-icon\">\ud83c\udfa8<\/span>\r\n                    <h4>Sunu-Arts program at MS 353<\/h4>\r\n                    <p>Launch of the Sunu-Arts in Education program at MS 353, focusing on arts education and academic enrichment for New York students.<\/p>\r\n                <\/div>\r\n                <div class=\"history-card\">\r\n                    <span class=\"history-card-icon\">\ud83c\udf93<\/span>\r\n                    <h4>First annual course with Baruch (CUNY)<\/h4>\r\n                    <p>Establishment of the first annual internship program in partnership with Baruch College, offering valuable professional opportunities to participating students.<\/p>\r\n                <\/div>\r\n                <div class=\"history-card\">\r\n                    <span class=\"history-card-icon\">\ud83c\udfac<\/span>\r\n                    <h4>Larabilaran: Le Talibe Et Moi\" production\"<\/h4>\r\n                    <p>Production of a remarkable theatrical work transcending cultural and artistic boundaries, addressing important social issues in Senegal.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"history-content\" id=\"year-2022\">\r\n            <div class=\"history-grid grid-3\">\r\n                <div class=\"history-card\">\r\n                    <span class=\"history-card-icon\">\ud83c\udfd5\ufe0f<\/span>\r\n                    <h4>Fifth annual summer camp<\/h4>\r\n                    <p>Organization of the fifth annual summer camp at SOS VILLAGE DES ENFANTS in Dakar, Senegal, reaching dozens of underprivileged youngsters.<\/p>\r\n                <\/div>\r\n                <div class=\"history-card\">\r\n                    <span class=\"history-card-icon\">\ud83d\udcda<\/span>\r\n                    <h4>Year-round arts education program<\/h4>\r\n                    <p>Expansion of programs into an annual format with after-school and Saturday programs in Dakar, ensuring continuous follow-up of young people.<\/p>\r\n                <\/div>\r\n                <div class=\"history-card\">\r\n                    <span class=\"history-card-icon\">\u2708\ufe0f<\/span>\r\n                    <h4>Cultural exchange for young people in the United States<\/h4>\r\n                    <p>Organization of a major cultural exchange in the United States in partnership with USAID, Virginia Tech University and Arts Tech for our young Senegalese.<\/p>\r\n                <\/div>\r\n                <div class=\"history-card\">\r\n                    <span class=\"history-card-icon\">\ud83c\udf0d<\/span>\r\n                    <h4>Regional expansion<\/h4>\r\n                    <p>Strengthened collaboration with partner schools in Senegal and Gambia, extending our impact across West Africa.<\/p>\r\n                <\/div>\r\n                <div class=\"history-card\">\r\n                    <span class=\"history-card-icon\">\ud83c\udf89<\/span>\r\n                    <h4>Exceptional growth<\/h4>\r\n                    <p>From 40 students in 2011 to over 450 today. Celebrating the first graduating class of our full 12-year program.<\/p>\r\n                <\/div>\r\n                <div class=\"history-card\">\r\n                    <span class=\"history-card-icon\">\ud83d\udcbb<\/span>\r\n                    <h4>Hybrid classrooms and online activities<\/h4>\r\n                    <p>Integration of comprehensive online activities with hybrid classrooms, enabling educational continuity in all circumstances for our students.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<!-- Programme 12 Ans - BLANC -->\r\n<section class=\"bg-white\">\r\n    <div class=\"container\">\r\n        <h2 class=\"section-title\">Long-term programs for young people aged 8-18<\/h2>\r\n        <p class=\"section-subtitle\">A complete educational pathway from early childhood to adulthood<\/p>\r\n        \r\n        <div class=\"timeline\">\r\n            <div class=\"timeline-items\">\r\n                <div class=\"timeline-card\">\r\n                    <div class=\"timeline-header\">\r\n                        <div class=\"timeline-number\">1<\/div>\r\n                        <div class=\"timeline-title-group\">\r\n                            <h3>Xam Sa B\u00f3pp<\/h3>\r\n                            <div class=\"age-range\">6 to 12 years - \u00abKnow who you are\u00bb<\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <p class=\"timeline-description\">This first phase is designed to help children discover themselves and build a solid identity.<\/p>\r\n                    <ul class=\"timeline-features\">\r\n                        <li>\r\n                            <span class=\"timeline-checkmark\">\u2713<\/span>\r\n                            <span>Personal and social development activities<\/span>\r\n                        <\/li>\r\n                        <li>\r\n                            <span class=\"timeline-checkmark\">\u2713<\/span>\r\n                            <span>Cultural arts programs<\/span>\r\n                        <\/li>\r\n                        <li>\r\n                            <span class=\"timeline-checkmark\">\u2713<\/span>\r\n                            <span>Workshops on African history and heritage<\/span>\r\n                        <\/li>\r\n                        <li>\r\n                            <span class=\"timeline-checkmark\">\u2713<\/span>\r\n                            <span>Confidence-building activities<\/span>\r\n                        <\/li>\r\n                    <\/ul>\r\n                <\/div>\r\n                \r\n                <div class=\"timeline-card\">\r\n                    <div class=\"timeline-header\">\r\n                        <div class=\"timeline-number\">2<\/div>\r\n                        <div class=\"timeline-title-group\">\r\n                            <h3>Geum Sa B\u00f3pp<\/h3>\r\n                            <div class=\"age-range\">13 to 18 years - \u00abBelieve in yourself\u00bb<\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <p class=\"timeline-description\">This second phase is a veritable rite of passage to adulthood.<\/p>\r\n                    <ul class=\"timeline-features\">\r\n                        <li>\r\n                            <span class=\"timeline-checkmark\">\u2713<\/span>\r\n                            <span>Open-mindedness and global citizenship<\/span>\r\n                        <\/li>\r\n                        <li>\r\n                            <span class=\"timeline-checkmark\">\u2713<\/span>\r\n                            <span>Healthy and ethical lifestyle choices<\/span>\r\n                        <\/li>\r\n                        <li>\r\n                            <span class=\"timeline-checkmark\">\u2713<\/span>\r\n                            <span>Academic and university success<\/span>\r\n                        <\/li>\r\n                        <li>\r\n                            <span class=\"timeline-checkmark\">\u2713<\/span>\r\n                            <span>Career guidance<\/span>\r\n                        <\/li>\r\n                    <\/ul>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<!-- Ce qui nous rend uniques - BEIGE -->\r\n<section class=\"bg-beige\">\r\n    <div class=\"container\">\r\n        <h2 class=\"section-title\">Our Values: Innovation, Commitment and Excellence<\/h2>\r\n        <p class=\"section-subtitle\">Features that set Sunu Thiossane apart<\/p>\r\n        \r\n        <div class=\"unique-features\">\r\n            <div class=\"feature-item\">\r\n                <div class=\"feature-icon\">\ud83c\udf0d<\/div>\r\n                <div class=\"feature-content\">\r\n                    <h3>Africa-centric approach<\/h3>\r\n                    <p>An education unique in Senegal that promotes African cultural identity while preparing students for a globalized world<\/p>\r\n                <\/div>\r\n            <\/div>\r\n            \r\n            <div class=\"feature-item\">\r\n                <div class=\"feature-icon\">\ud83d\udde3\ufe0f<\/div>\r\n                <div class=\"feature-content\">\r\n                    <h3>English program<\/h3>\r\n                    <p>In a predominantly French-speaking country, we offer complete immersion in English<\/p>\r\n                <\/div>\r\n            <\/div>\r\n            \r\n            <div class=\"feature-item\">\r\n                <div class=\"feature-icon\">\ud83d\udcc5<\/div>\r\n                <div class=\"feature-content\">\r\n                    <h3>12-year commitment<\/h3>\r\n                    <p>Comprehensive educational support from age 6 to 18, guaranteeing holistic development<\/p>\r\n                <\/div>\r\n            <\/div>\r\n            \r\n            <div class=\"feature-item\">\r\n                <div class=\"feature-icon\">\ud83d\udd17<\/div>\r\n                <div class=\"feature-content\">\r\n                    <h3>Unique combination<\/h3>\r\n                    <p>African culture, quality education, technology and international exchanges in a single program<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<!-- CTA Final - Image avec overlay -->\r\n<section class=\"cta-section\">\r\n    <div class=\"container\">\r\n        <h2>Cultural exchanges, STEAM and more<\/h2>\r\n        <p>Cultural exchanges on 4 continents. English immersion from age 6. Innovative STEAM workshops. Support towards university. Find out more about each of our educational programs and find the one that matches your child's aspirations.<\/p>\r\n        <div class=\"cta-buttons\">\r\n            <a href=\"https:\/\/sunuthiossane.org\/en\/our-programs\/\" class=\"btn btn-white\">Discover our programs<\/a>\r\n            <a href=\"https:\/\/sunuthiossane.org\/en\/nous-contacter\/\" class=\"btn btn-outline-white\">Contact us<\/a>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<script>\r\n    \/\/ Animation au scroll pour le hero\r\n    const observerOptions = {\r\n        threshold: 0.2,\r\n        rootMargin: '0px 0px -100px 0px'\r\n    };\r\n\r\n    const observer = new IntersectionObserver((entries) => {\r\n        entries.forEach(entry => {\r\n            if (entry.isIntersecting) {\r\n                const delay = entry.target.dataset.delay || 0;\r\n                setTimeout(() => {\r\n                    entry.target.classList.add('visible');\r\n                }, delay);\r\n            }\r\n        });\r\n    }, observerOptions);\r\n\r\n    document.querySelectorAll('.card-content').forEach(el => {\r\n        observer.observe(el);\r\n    });\r\n\r\n    \/\/ Tabs functionality\r\n    document.querySelectorAll('.tab-btn').forEach(button => {\r\n        button.addEventListener('click', () => {\r\n            const tabId = button.getAttribute('data-tab');\r\n            \r\n            document.querySelectorAll('.tab-btn').forEach(btn => btn.classList.remove('active'));\r\n            document.querySelectorAll('.tab-content').forEach(content => content.classList.remove('active'));\r\n            \r\n            button.classList.add('active');\r\n            document.getElementById(tabId).classList.add('active');\r\n        });\r\n    });\r\n\r\n    \/\/ ADN Slider functionality\r\n    document.querySelectorAll('.adn-nav-btn').forEach(button => {\r\n        button.addEventListener('click', () => {\r\n            const slideId = button.getAttribute('data-slide');\r\n            \r\n            document.querySelectorAll('.adn-nav-btn').forEach(btn => btn.classList.remove('active'));\r\n            document.querySelectorAll('.adn-slide').forEach(slide => slide.classList.remove('active'));\r\n            \r\n            button.classList.add('active');\r\n            document.getElementById(slideId + '-slide').classList.add('active');\r\n        });\r\n    });\r\n\r\n    \/\/ Year buttons functionality for Histoire\r\n    document.querySelectorAll('.year-btn').forEach(button => {\r\n        button.addEventListener('click', () => {\r\n            const year = button.getAttribute('data-year');\r\n            \r\n            document.querySelectorAll('.year-btn').forEach(btn => btn.classList.remove('active'));\r\n            document.querySelectorAll('.history-content').forEach(content => content.classList.remove('active'));\r\n            \r\n            button.classList.add('active');\r\n            document.getElementById('year-' + year.split('-')[0]).classList.add('active');\r\n        });\r\n    });\r\n\r\n    \/\/ Scroll animations for other elements\r\n    const scrollObserver = 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    }, {\r\n        threshold: 0.1,\r\n        rootMargin: '0px 0px -50px 0px'\r\n    });\r\n\r\n    document.querySelectorAll('.feature-item, .timeline-card, .history-card').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        scrollObserver.observe(el);\r\n    });\r\n<\/script>\r\n\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>Accueil \/ \u00c0 Propos Sunu Thiossane Youth Organisation : Notre Histoire et Mission \u00abQui Sommes-Nous ? \u00bb Organisation \u00e9ducative et \u00e9change culturel depuis 2011 Fond\u00e9e en 2011 \u00e0 Dakar, Sunu Thiossane est une organisation d\u00e9di\u00e9e au d\u00e9veloppement de la jeunesse s\u00e9n\u00e9galaise et africaine. Notre mission est d&#8217;autonomiser les jeunes en leur donnant acc\u00e8s \u00e0 une&#8230;<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-2661","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>Sunu Thiossane | Organisation \u00c9ducative STEAM S\u00e9n\u00e9gal depuis 2011<\/title>\n<meta name=\"description\" content=\"Organisation \u00e9ducative au S\u00e9n\u00e9gal depuis 2011. Programmes STEAM bilingues et \u00e9changes culturels pour 1200+ jeunes de 8-18 ans. Rejoignez notre mouvement.\" \/>\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\/educational-organization-senegal\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Notre Histoire\" \/>\n<meta property=\"og:description\" content=\"Organisation \u00e9ducative au S\u00e9n\u00e9gal depuis 2011. Programmes STEAM bilingues et \u00e9changes culturels pour 1200+ jeunes de 8-18 ans. Rejoignez notre mouvement.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/sunuthiossane.org\/en\/educational-organization-senegal\/\" \/>\n<meta property=\"og:site_name\" content=\"Sunu Thiossane\" \/>\n<meta property=\"article:modified_time\" content=\"2026-01-09T11:59:38+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/sunuthiossane.org\/wp-content\/uploads\/2025\/12\/Sunu-Thiossane-5-1.jpg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"7 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/sunuthiossane.org\\\/organisation-educative-senegal\\\/\",\"url\":\"https:\\\/\\\/sunuthiossane.org\\\/organisation-educative-senegal\\\/\",\"name\":\"Sunu Thiossane | Organisation \u00c9ducative STEAM S\u00e9n\u00e9gal depuis 2011\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/sunuthiossane.org\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/sunuthiossane.org\\\/organisation-educative-senegal\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/sunuthiossane.org\\\/organisation-educative-senegal\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/sunuthiossane.org\\\/wp-content\\\/uploads\\\/2025\\\/12\\\/Sunu-Thiossane-5-1.jpg\",\"datePublished\":\"2022-01-15T15:44:53+00:00\",\"dateModified\":\"2026-01-09T11:59:38+00:00\",\"description\":\"Organisation \u00e9ducative au S\u00e9n\u00e9gal depuis 2011. Programmes STEAM bilingues et \u00e9changes culturels pour 1200+ jeunes de 8-18 ans. Rejoignez notre mouvement.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/sunuthiossane.org\\\/organisation-educative-senegal\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/sunuthiossane.org\\\/organisation-educative-senegal\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/sunuthiossane.org\\\/organisation-educative-senegal\\\/#primaryimage\",\"url\":\"https:\\\/\\\/sunuthiossane.org\\\/wp-content\\\/uploads\\\/2025\\\/12\\\/Sunu-Thiossane-5-1.jpg\",\"contentUrl\":\"https:\\\/\\\/sunuthiossane.org\\\/wp-content\\\/uploads\\\/2025\\\/12\\\/Sunu-Thiossane-5-1.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/sunuthiossane.org\\\/organisation-educative-senegal\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/sunuthiossane.org\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Notre Histoire\"}]},{\"@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":"Sunu Thiossane | STEAM Senegal Educational Organization since 2011","description":"Educational organization in Senegal since 2011. Bilingual STEAM programs and cultural exchanges for 1200+ young people aged 8-18. Join our movement.","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\/educational-organization-senegal\/","og_locale":"en_US","og_type":"article","og_title":"Notre Histoire","og_description":"Organisation \u00e9ducative au S\u00e9n\u00e9gal depuis 2011. Programmes STEAM bilingues et \u00e9changes culturels pour 1200+ jeunes de 8-18 ans. Rejoignez notre mouvement.","og_url":"https:\/\/sunuthiossane.org\/en\/educational-organization-senegal\/","og_site_name":"Sunu Thiossane","article_modified_time":"2026-01-09T11:59:38+00:00","og_image":[{"url":"https:\/\/sunuthiossane.org\/wp-content\/uploads\/2025\/12\/Sunu-Thiossane-5-1.jpg","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"7 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/sunuthiossane.org\/organisation-educative-senegal\/","url":"https:\/\/sunuthiossane.org\/organisation-educative-senegal\/","name":"Sunu Thiossane | STEAM Senegal Educational Organization since 2011","isPartOf":{"@id":"https:\/\/sunuthiossane.org\/#website"},"primaryImageOfPage":{"@id":"https:\/\/sunuthiossane.org\/organisation-educative-senegal\/#primaryimage"},"image":{"@id":"https:\/\/sunuthiossane.org\/organisation-educative-senegal\/#primaryimage"},"thumbnailUrl":"https:\/\/sunuthiossane.org\/wp-content\/uploads\/2025\/12\/Sunu-Thiossane-5-1.jpg","datePublished":"2022-01-15T15:44:53+00:00","dateModified":"2026-01-09T11:59:38+00:00","description":"Educational organization in Senegal since 2011. Bilingual STEAM programs and cultural exchanges for 1200+ young people aged 8-18. Join our movement.","breadcrumb":{"@id":"https:\/\/sunuthiossane.org\/organisation-educative-senegal\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/sunuthiossane.org\/organisation-educative-senegal\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/sunuthiossane.org\/organisation-educative-senegal\/#primaryimage","url":"https:\/\/sunuthiossane.org\/wp-content\/uploads\/2025\/12\/Sunu-Thiossane-5-1.jpg","contentUrl":"https:\/\/sunuthiossane.org\/wp-content\/uploads\/2025\/12\/Sunu-Thiossane-5-1.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/sunuthiossane.org\/organisation-educative-senegal\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/sunuthiossane.org\/"},{"@type":"ListItem","position":2,"name":"Notre Histoire"}]},{"@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\/2661","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=2661"}],"version-history":[{"count":180,"href":"https:\/\/sunuthiossane.org\/en\/wp-json\/wp\/v2\/pages\/2661\/revisions"}],"predecessor-version":[{"id":6442,"href":"https:\/\/sunuthiossane.org\/en\/wp-json\/wp\/v2\/pages\/2661\/revisions\/6442"}],"wp:attachment":[{"href":"https:\/\/sunuthiossane.org\/en\/wp-json\/wp\/v2\/media?parent=2661"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}