{"id":5547,"date":"2025-12-26T19:32:48","date_gmt":"2025-12-26T19:32:48","guid":{"rendered":"https:\/\/darkslateblue-stinkbug-565876.hostingersite.com\/?page_id=5547"},"modified":"2026-01-10T10:41:13","modified_gmt":"2026-01-10T10:41:13","slug":"our-programs","status":"publish","type":"page","link":"https:\/\/sunuthiossane.org\/en\/our-programs\/","title":{"rendered":"Our programs"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"5547\" class=\"elementor elementor-5547\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-ad1bc26 elementor-section-stretched elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"ad1bc26\" 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-b292514\" data-id=\"b292514\" 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-a79b09f elementor-widget elementor-widget-html\" data-id=\"a79b09f\" 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=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\/Slider-Sunu-Thiossane-Youth-Organisation-5.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\/\/\" class=\"st-breadcrumb-item\">\r\n                ACCUEIL\r\n            <\/a>\r\n            <span class=\"st-breadcrumb-separator\">\/<\/span>\r\n            <span class=\"st-breadcrumb-item active\">\r\n              NOS PROGRAMMES\r\n            <\/span>\r\n        <\/nav>\r\n\r\n        <!-- Page Title -->\r\n        <h1 class=\"st-page-title\"> Programmes \u00c9ducatifs STEAM et \u00c9changes Culturels Internationaux\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-6b96bd0 elementor-section-stretched elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"6b96bd0\" 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-3ca2deb\" data-id=\"3ca2deb\" 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-35f552c elementor-widget elementor-widget-html\" data-id=\"35f552c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Style CSS pour Elementor - Charte Sunu Thiossane -->\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    :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\r\n    body {\r\n        font-family: 'Inter', sans-serif;\r\n        font-size: 1rem;\r\n        line-height: 1.6;\r\n        color: var(--text-medium);\r\n        background: var(--white);\r\n        -webkit-font-smoothing: antialiased;\r\n    }\r\n\r\n    h1, h2, h3, h4, h5, h6 {\r\n        font-family: 'Poppins', sans-serif;\r\n        color: var(--brown-dark);\r\n        font-weight: 600;\r\n        line-height: 1.2;\r\n    }\r\n\r\n    \/* Hero Section - Blanc *\/\r\n    .hero {\r\n        background: var(--white);\r\n        color: var(--text-dark);\r\n        padding: 4rem 2rem;\r\n        text-align: center;\r\n    }\r\n\r\n    .hero-content {\r\n        max-width: 1000px;\r\n        margin: 0 auto;\r\n    }\r\n\r\n    .hero h1 {\r\n        font-size: clamp(1.5rem, 4vw, 2rem);\r\n        margin-bottom: 1rem;\r\n        color: var(--brown-dark);\r\n        font-weight: 600;\r\n    }\r\n\r\n    .hero-subtitle {\r\n        font-size: clamp(0.95rem, 2vw, 1.05rem);\r\n        margin-bottom: 2rem;\r\n        font-weight: 400;\r\n        max-width: 1000px;\r\n        margin-left: auto;\r\n        margin-right: auto;\r\n        line-height: 1.7;\r\n        color: var(--text-medium);\r\n    }\r\n\r\n    .hero-buttons {\r\n        display: flex;\r\n        gap: 1rem;\r\n        justify-content: center;\r\n        flex-wrap: wrap;\r\n    }\r\n\r\n    .btn {\r\n        padding: 0.85rem 2rem;\r\n        border-radius: 30px;\r\n        font-size: 0.95rem;\r\n        font-weight: 600;\r\n        text-decoration: none;\r\n        display: inline-block;\r\n        transition: all 0.3s ease;\r\n        border: none;\r\n        cursor: pointer;\r\n    }\r\n\r\n    .btn-primary {\r\n        background: var(--orange);\r\n        color: var(--white);\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-dark {\r\n        background: transparent;\r\n        color: var(--dark);\r\n        border: 2px solid var(--dark);\r\n    }\r\n\r\n    .btn-outline-dark:hover {\r\n        background: var(--dark);\r\n        color: var(--white);\r\n        transform: translateY(-2px);\r\n        box-shadow: 0 4px 15px rgba(26, 26, 26, 0.3);\r\n    }\r\n\r\n    \/* Container *\/\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    .section-title {\r\n        font-size: clamp(1.4rem, 3vw, 1.75rem);\r\n        margin-bottom: 0.75rem;\r\n        color: var(--brown-dark);\r\n        text-align: center;\r\n    }\r\n\r\n    .section-subtitle {\r\n        font-size: 1rem;\r\n        color: var(--text-medium);\r\n        text-align: center;\r\n        max-width: 600px;\r\n        margin: 0 auto 3rem;\r\n        line-height: 1.7;\r\n    }\r\n\r\n    \/* Alternance Backgrounds - Stricte Blanc\/Beige *\/\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    \/* Pr\u00e9sentation Text *\/\r\n    .presentation-text {\r\n        max-width: 750px;\r\n        margin: 0 auto;\r\n        text-align: center;\r\n        font-size: 1rem;\r\n        line-height: 1.7;\r\n        color: var(--text-medium);\r\n    }\r\n\r\n    .presentation-text p + p {\r\n        margin-top: 1rem;\r\n    }\r\n\r\n    \/* Values Grid *\/\r\n    .cards {\r\n        display: grid;\r\n        grid-template-columns: repeat(4, 1fr);\r\n        gap: 2rem;\r\n        max-width: 1200px;\r\n        margin: 0 auto;\r\n    }\r\n\r\n    .card {\r\n        background: var(--white);\r\n        padding: 2rem;\r\n        border-radius: 12px;\r\n        box-shadow: 0 2px 15px rgba(139, 111, 71, 0.1);\r\n        border: 1px solid rgba(139, 111, 71, 0.08);\r\n        transition: all 0.3s ease;\r\n        text-align: center;\r\n    }\r\n\r\n    .card:hover {\r\n        transform: translateY(-5px);\r\n        box-shadow: 0 8px 25px rgba(139, 111, 71, 0.15);\r\n        border-color: rgba(232, 147, 64, 0.2);\r\n    }\r\n\r\n    .card-icon {\r\n        font-size: 2.5rem;\r\n        margin-bottom: 1rem;\r\n        display: block;\r\n    }\r\n\r\n    .card h3 {\r\n        font-size: 1.05rem;\r\n        margin-bottom: 0.75rem;\r\n        color: var(--brown-primary);\r\n    }\r\n\r\n    .card p {\r\n        font-size: 0.9rem;\r\n        line-height: 1.6;\r\n        color: var(--text-medium);\r\n    }\r\n\r\n    \/* Programmes Grid *\/\r\n    .cards-3 {\r\n        display: grid;\r\n        grid-template-columns: repeat(3, 1fr);\r\n        gap: 2rem;\r\n        max-width: 1000px;\r\n        margin: 0 auto;\r\n    }\r\n\r\n    .programme-card {\r\n        background: var(--white);\r\n        border-radius: 12px;\r\n        overflow: hidden;\r\n        box-shadow: 0 2px 15px rgba(139, 111, 71, 0.1);\r\n        border: 1px solid rgba(139, 111, 71, 0.08);\r\n        transition: all 0.3s ease;\r\n        height: 100%;\r\n        display: flex;\r\n        flex-direction: column;\r\n    }\r\n\r\n    .programme-card:hover {\r\n        transform: translateY(-5px);\r\n        box-shadow: 0 8px 25px rgba(139, 111, 71, 0.15);\r\n        border-color: rgba(232, 147, 64, 0.2);\r\n    }\r\n\r\n    .programme-header {\r\n        background: linear-gradient(135deg, var(--brown-dark) 0%, var(--brown-primary) 100%);\r\n        color: var(--white);\r\n        padding: 2rem 1.5rem;\r\n        text-align: center;\r\n    }\r\n\r\n    .programme-flag {\r\n        font-size: 2.5rem;\r\n        margin-bottom: 0.75rem;\r\n    }\r\n\r\n    .programme-header h3 {\r\n        font-size: 1.3rem;\r\n        color: var(--white);\r\n        margin-bottom: 0.25rem;\r\n    }\r\n\r\n    .programme-header p {\r\n        font-size: 0.9rem;\r\n        opacity: 0.9;\r\n        color: var(--white);\r\n    }\r\n\r\n    .programme-body {\r\n        padding: 1.5rem;\r\n        flex-grow: 1;\r\n        display: flex;\r\n        flex-direction: column;\r\n    }\r\n\r\n    .info-item {\r\n        display: flex;\r\n        gap: 0.75rem;\r\n        padding: 0.85rem 0;\r\n        border-bottom: 1px solid rgba(139, 111, 71, 0.08);\r\n    }\r\n\r\n    .info-item:last-child {\r\n        border-bottom: none;\r\n        padding-bottom: 0;\r\n    }\r\n\r\n    .info-item:first-child {\r\n        padding-top: 0;\r\n    }\r\n\r\n    .info-icon {\r\n        font-size: 1.1rem;\r\n        min-width: 24px;\r\n        color: var(--orange);\r\n    }\r\n\r\n    .info-content h4 {\r\n        font-size: 0.85rem;\r\n        font-weight: 600;\r\n        color: var(--brown-dark);\r\n        margin-bottom: 0.25rem;\r\n        font-family: 'Inter', sans-serif;\r\n    }\r\n\r\n    .info-content p {\r\n        font-size: 0.9rem;\r\n        color: var(--text-medium);\r\n        line-height: 1.5;\r\n    }\r\n\r\n    .programme-price {\r\n        margin-top: auto;\r\n        padding-top: 1.25rem;\r\n    }\r\n\r\n    .price-box {\r\n        padding: 0.75rem;\r\n        background: var(--cream-light);\r\n        border-radius: 8px;\r\n        text-align: center;\r\n        border: 1px solid var(--orange);\r\n    }\r\n\r\n    .price-amount {\r\n        font-size: 1.1rem;\r\n        font-weight: 600;\r\n        color: var(--orange);\r\n    }\r\n\r\n    \/* Onglets (Tabs) *\/\r\n    .tabs-nav {\r\n        display: flex;\r\n        gap: 0.5rem;\r\n        border-bottom: 2px solid var(--cream-dark);\r\n        margin-bottom: 2.5rem;\r\n        overflow-x: auto;\r\n        scrollbar-width: none;\r\n        -ms-overflow-style: none;\r\n        justify-content: center;\r\n    }\r\n\r\n    .tabs-nav::-webkit-scrollbar {\r\n        display: none;\r\n    }\r\n\r\n    .tab-btn {\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        border: none;\r\n        background: transparent;\r\n        border-bottom: 3px solid transparent;\r\n        cursor: pointer;\r\n        transition: all 0.3s ease;\r\n        white-space: nowrap;\r\n        font-family: 'Inter', sans-serif;\r\n        position: relative;\r\n        bottom: -2px;\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    }\r\n\r\n    .tab-content.active {\r\n        display: block;\r\n        animation: fadeIn 0.4s ease;\r\n    }\r\n\r\n    @keyframes fadeIn {\r\n        from {\r\n            opacity: 0;\r\n            transform: translateY(10px);\r\n        }\r\n        to {\r\n            opacity: 1;\r\n            transform: translateY(0);\r\n        }\r\n    }\r\n\r\n    \/* Liste des d\u00e9tails (pour tabs D\u00e9tails) *\/\r\n    .details-list {\r\n        list-style: none;\r\n        max-width: 900px;\r\n        margin: 0 auto;\r\n        background: var(--white);\r\n        padding: 2rem;\r\n        border-radius: 12px;\r\n        box-shadow: 0 2px 15px rgba(139, 111, 71, 0.1);\r\n        border: 1px solid rgba(139, 111, 71, 0.08);\r\n    }\r\n\r\n    .details-list li {\r\n        padding: 1rem 0;\r\n        border-bottom: 1px solid rgba(139, 111, 71, 0.08);\r\n        display: flex;\r\n        gap: 1rem;\r\n        font-size: 0.95rem;\r\n        line-height: 1.6;\r\n        color: var(--text-medium);\r\n    }\r\n\r\n    .details-list li:last-child {\r\n        border-bottom: none;\r\n    }\r\n\r\n    .details-list li::before {\r\n        content: '\u2713';\r\n        color: var(--orange);\r\n        font-weight: bold;\r\n        font-size: 1.1rem;\r\n        min-width: 20px;\r\n        flex-shrink: 0;\r\n    }\r\n\r\n    \/* Payment Timeline *\/\r\n    .payment-timeline {\r\n        max-width: 900px;\r\n        margin: 2rem auto 0;\r\n        position: relative;\r\n        padding: 2rem 0;\r\n    }\r\n\r\n    .timeline-line {\r\n        position: absolute;\r\n        top: 50%;\r\n        left: 5%;\r\n        right: 5%;\r\n        height: 2px;\r\n        background: var(--cream-dark);\r\n        transform: translateY(-50%);\r\n    }\r\n\r\n    .timeline-progress {\r\n        position: absolute;\r\n        top: 50%;\r\n        left: 5%;\r\n        height: 3px;\r\n        background: var(--orange);\r\n        transform: translateY(-50%);\r\n        width: 0%;\r\n        transition: width 1.2s ease 0.3s;\r\n    }\r\n\r\n    .timeline-progress.animate {\r\n        width: 18%;\r\n    }\r\n\r\n    .timeline-steps {\r\n        display: flex;\r\n        justify-content: space-between;\r\n        position: relative;\r\n        z-index: 2;\r\n        padding: 0 3%;\r\n    }\r\n\r\n    .payment-step {\r\n        flex: 1;\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n    }\r\n\r\n    .step-marker {\r\n        width: 12px;\r\n        height: 12px;\r\n        border-radius: 50%;\r\n        background: var(--white);\r\n        border: 2px solid var(--cream-dark);\r\n        transition: all 0.3s ease;\r\n    }\r\n\r\n    .payment-step.active .step-marker {\r\n        width: 18px;\r\n        height: 18px;\r\n        background: var(--orange);\r\n        border-color: var(--orange);\r\n    }\r\n\r\n    .payment-step:hover .step-marker {\r\n        transform: scale(1.2);\r\n        border-color: var(--brown-primary);\r\n    }\r\n\r\n    .step-content {\r\n        text-align: center;\r\n        margin-top: 1rem;\r\n    }\r\n\r\n    .step-date {\r\n        font-size: 0.75rem;\r\n        font-weight: 600;\r\n        color: var(--text-light);\r\n        display: block;\r\n        margin-bottom: 0.25rem;\r\n    }\r\n\r\n    .payment-step.active .step-date {\r\n        color: var(--orange);\r\n    }\r\n\r\n    .step-label {\r\n        font-size: 0.75rem;\r\n        color: var(--text-light);\r\n    }\r\n\r\n    .step-amount {\r\n        font-size: 0.95rem;\r\n        font-weight: 600;\r\n        color: var(--brown-dark);\r\n        margin-top: 0.5rem;\r\n    }\r\n\r\n    .step-badge {\r\n        display: inline-block;\r\n        font-size: 0.65rem;\r\n        font-weight: 600;\r\n        color: var(--white);\r\n        background: var(--brown-primary);\r\n        padding: 0.25rem 0.6rem;\r\n        border-radius: 6px;\r\n        margin-top: 0.5rem;\r\n        text-transform: uppercase;\r\n    }\r\n\r\n    .payment-note {\r\n        max-width: 700px;\r\n        margin: 2rem auto 0;\r\n        padding: 1rem 1.25rem;\r\n        background: var(--cream-light);\r\n        border-radius: 8px;\r\n        border-left: 3px solid var(--orange);\r\n        font-size: 0.9rem;\r\n        line-height: 1.6;\r\n        color: var(--text-medium);\r\n    }\r\n\r\n    \/* Banking Info *\/\r\n    .banking-section {\r\n        background: #F5EFE6;\r\n        color: var(--text-dark);\r\n        position: relative;\r\n    }\r\n\r\n    .banking-card {\r\n        background: var(--white);\r\n        color: var(--text-dark);\r\n        padding: 2.5rem 2rem;\r\n        border-radius: 12px;\r\n        max-width: 650px;\r\n        margin: 0 auto;\r\n        box-shadow: 0 8px 25px rgba(139, 111, 71, 0.15);\r\n        border: 1px solid rgba(139, 111, 71, 0.08);\r\n    }\r\n\r\n    .banking-card h3 {\r\n        font-size: 1.5rem;\r\n        color: var(--brown-primary);\r\n        text-align: center;\r\n        margin-bottom: 2rem;\r\n    }\r\n\r\n    .bank-detail {\r\n        display: flex;\r\n        justify-content: space-between;\r\n        padding: 1rem 0;\r\n        border-bottom: 1px solid rgba(139, 111, 71, 0.08);\r\n        gap: 1rem;\r\n    }\r\n\r\n    .bank-detail:last-of-type {\r\n        border-bottom: none;\r\n    }\r\n\r\n    .bank-label {\r\n        font-weight: 600;\r\n        color: var(--text-light);\r\n        font-size: 0.9rem;\r\n    }\r\n\r\n    .bank-value {\r\n        font-weight: 600;\r\n        color: var(--brown-dark);\r\n        text-align: right;\r\n        font-size: 0.9rem;\r\n    }\r\n\r\n    .account-number {\r\n        background: var(--cream-light);\r\n        padding: 1.5rem;\r\n        border-radius: 8px;\r\n        text-align: center;\r\n        font-family: 'Courier New', monospace;\r\n        font-size: 1rem;\r\n        font-weight: 600;\r\n        letter-spacing: 0.5px;\r\n        border: 2px dashed var(--orange);\r\n        margin-top: 1.5rem;\r\n        color: var(--brown-dark);\r\n    }\r\n\r\n    .account-number small {\r\n        display: block;\r\n        font-size: 0.8rem;\r\n        color: var(--text-light);\r\n        margin-bottom: 0.5rem;\r\n        font-family: 'Inter', sans-serif;\r\n    }\r\n\r\n    \/* Projects Grid *\/\r\n    .projects-grid {\r\n        display: grid;\r\n        grid-template-columns: repeat(3, 1fr);\r\n        gap: 2rem;\r\n    }\r\n\r\n    .project-card {\r\n        background: var(--white);\r\n        border-radius: 12px;\r\n        overflow: hidden;\r\n        box-shadow: 0 2px 15px rgba(139, 111, 71, 0.1);\r\n        border: 1px solid rgba(139, 111, 71, 0.08);\r\n        transition: all 0.3s ease;\r\n    }\r\n\r\n    .project-card:hover {\r\n        transform: translateY(-5px);\r\n        box-shadow: 0 8px 25px rgba(139, 111, 71, 0.15);\r\n        border-color: rgba(232, 147, 64, 0.2);\r\n    }\r\n\r\n    .project-header {\r\n        background: linear-gradient(135deg, var(--orange) 0%, var(--orange-dark) 100%);\r\n        color: var(--white);\r\n        padding: 2rem 1.5rem;\r\n        text-align: center;\r\n    }\r\n\r\n    .project-number {\r\n        font-size: 1.8rem;\r\n        font-weight: 600;\r\n        opacity: 0.3;\r\n        margin-bottom: 0.5rem;\r\n        color: var(--white);\r\n    }\r\n\r\n    .project-header h3 {\r\n        font-size: 1.2rem;\r\n        color: var(--white);\r\n        line-height: 1.3;\r\n    }\r\n\r\n    .project-body {\r\n        padding: 1.5rem;\r\n    }\r\n\r\n    .project-detail {\r\n        display: flex;\r\n        gap: 0.75rem;\r\n        padding: 0.85rem 0;\r\n        border-bottom: 1px solid rgba(139, 111, 71, 0.08);\r\n    }\r\n\r\n    .project-detail:last-child {\r\n        border-bottom: none;\r\n        padding-bottom: 0;\r\n    }\r\n\r\n    .project-detail:first-child {\r\n        padding-top: 0;\r\n    }\r\n\r\n    .project-icon {\r\n        font-size: 1.2rem;\r\n        min-width: 28px;\r\n        height: 28px;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        background: var(--cream-light);\r\n        border-radius: 6px;\r\n    }\r\n\r\n    .project-detail strong {\r\n        display: block;\r\n        font-size: 0.85rem;\r\n        color: var(--brown-primary);\r\n        margin-bottom: 0.25rem;\r\n    }\r\n\r\n    .project-detail-text {\r\n        font-size: 0.9rem;\r\n        color: var(--text-medium);\r\n        line-height: 1.5;\r\n    }\r\n\r\n    \/* Engagement CTA *\/\r\n    .cta-engagement {\r\n        background: linear-gradient(rgba(107, 84, 55, 0.75), rgba(107, 84, 55, 0.75)), \r\n                    url('https:\/\/sunuthiossane.org\/wp-content\/uploads\/2025\/12\/Sunu-Thiossane-31.jpg') center\/cover no-repeat;\r\n        color: var(--white);\r\n        padding: 5rem 2rem;\r\n        text-align: center;\r\n        position: relative;\r\n    }\r\n\r\n    .cta-overlay {\r\n        position: relative;\r\n        z-index: 1;\r\n    }\r\n\r\n    .cta-title {\r\n        font-size: clamp(1.75rem, 4vw, 2.5rem);\r\n        color: var(--white);\r\n        margin-bottom: 1.5rem;\r\n        font-weight: 600;\r\n    }\r\n\r\n    .cta-description {\r\n        font-size: clamp(1rem, 2vw, 1.1rem);\r\n        color: rgba(255,255,255,0.95);\r\n        max-width: 900px;\r\n        margin: 0 auto 2.5rem;\r\n        line-height: 1.7;\r\n    }\r\n\r\n    .cta-buttons {\r\n        display: flex;\r\n        gap: 1rem;\r\n        justify-content: center;\r\n        flex-wrap: wrap;\r\n        margin-bottom: 2.5rem;\r\n    }\r\n\r\n    .btn-large {\r\n        padding: 1rem 2.5rem;\r\n        font-size: 1rem;\r\n    }\r\n\r\n    .btn-outline-white {\r\n        background: transparent;\r\n        color: var(--white);\r\n        border: 2px solid var(--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    .cta-footer {\r\n        display: flex;\r\n        gap: 2rem;\r\n        justify-content: center;\r\n        align-items: center;\r\n        flex-wrap: wrap;\r\n        font-size: 0.95rem;\r\n        color: rgba(255,255,255,0.9);\r\n    }\r\n\r\n    .cta-info {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 0.5rem;\r\n    }\r\n\r\n    .cta-icon {\r\n        font-size: 1.2rem;\r\n    }\r\n\r\n    .cta-separator {\r\n        color: rgba(255,255,255,0.3);\r\n        font-size: 1.2rem;\r\n    }\r\n\r\n    \/* Responsive *\/\r\n    @media (max-width: 1024px) {\r\n        .cards {\r\n            grid-template-columns: repeat(2, 1fr);\r\n        }\r\n        \r\n        .cards-3,\r\n        .projects-grid {\r\n            grid-template-columns: repeat(2, 1fr);\r\n        }\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n        section {\r\n            padding: 2.5rem 0;\r\n        }\r\n\r\n        .container {\r\n            padding: 0 1.5rem;\r\n        }\r\n\r\n        .hero {\r\n            padding: 3rem 1.5rem;\r\n        }\r\n\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        .cards,\r\n        .cards-3,\r\n        .projects-grid {\r\n            grid-template-columns: 1fr;\r\n            gap: 1.5rem;\r\n        }\r\n\r\n        .payment-timeline {\r\n            overflow-x: auto;\r\n            padding: 1.5rem 0;\r\n        }\r\n\r\n        .timeline-steps {\r\n            min-width: 600px;\r\n        }\r\n\r\n        .bank-detail {\r\n            flex-direction: column;\r\n            gap: 0.5rem;\r\n        }\r\n\r\n        .bank-value {\r\n            text-align: left;\r\n        }\r\n\r\n        .cta-engagement {\r\n            padding: 3.5rem 1.5rem;\r\n        }\r\n\r\n        .cta-separator {\r\n            display: none;\r\n        }\r\n\r\n        .cta-footer {\r\n            flex-direction: column;\r\n            gap: 1rem;\r\n        }\r\n\r\n        .btn {\r\n            width: 100%;\r\n            text-align: center;\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\r\n<!-- Import des polices Google Fonts -->\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<!-- Contenu des sections -->\r\n\r\n<!-- Hero - Section 1: Fond Blanc -->\r\n<section class=\"hero bg-white\">\r\n    <div class=\"hero-content\">\r\n        <p class=\"hero-subtitle\">Nos programmes d'\u00e9changes \u00e9ducatifs et culturels permettent aux jeunes de 8 \u00e0 18 ans d'explorer le monde tout en d\u00e9veloppant leurs comp\u00e9tences acad\u00e9miques et interculturelles. Immersion en anglais, d\u00e9couverte de nouvelles cultures et d\u00e9veloppement du leadership dans un cadre s\u00e9curis\u00e9 et enrichissant. Kenya, Rwanda, Canada, Japon : des destinations exceptionnelles pour des exp\u00e9riences transformatrices.<\/p>\r\n        <div class=\"hero-buttons\">\r\n            <a href=\"#programmes\" class=\"btn btn-primary\">D\u00e9couvrir les programmes<\/a>\r\n            <a href=\"#banking\" class=\"btn btn-outline-dark\">S'inscrire maintenant<\/a>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<!-- Valeurs - Section 2: Fond Beige -->\r\n<section class=\"bg-beige\">\r\n    <div class=\"container\">\r\n        <h2 class=\"section-title\">Valeurs et Objectifs P\u00e9dagogiques de nos Programmes<\/h2>\r\n        <p class=\"section-subtitle\">Nos programmes \u00e9ducatifs s'appuient sur quatre piliers fondamentaux pour garantir une exp\u00e9rience transformatrice.<\/p>\r\n        <div class=\"cards\">\r\n            <div class=\"card\">\r\n                <div class=\"card-icon\" >\ud83d\udd4c<\/div>\r\n                <h3>Dimension Spirituelle<\/h3>\r\n                <p>Accompagnement du d\u00e9veloppement spirituel et moral des jeunes dans le respect des valeurs familiales. Construction d'une identit\u00e9 forte et \u00e9quilibr\u00e9e.<\/p>\r\n            <\/div>\r\n            <div class=\"card\">\r\n                <div class=\"card-icon\">\ud83c\udf93<\/div>\r\n                <h3>Excellence Acad\u00e9mique<\/h3>\r\n                <p>Programmes \u00e9ducatifs STEAM bilingues de haute qualit\u00e9. Sciences, technologies, ing\u00e9nierie, arts et math\u00e9matiques pour pr\u00e9parer aux d\u00e9fis contemporains.<\/p>\r\n            <\/div>\r\n            <div class=\"card\">\r\n                <div class=\"card-icon\">\ud83c\udf0d<\/div>\r\n                <h3>Ouverture Culturelle<\/h3>\r\n                <p>\u00c9changes culturels enrichissants favorisant l'ouverture d'esprit. D\u00e9couverte de nouvelles cultures dans nos destinations partenaires en Afrique, Asie et Am\u00e9rique.<\/p>\r\n            <\/div>\r\n            <div class=\"card\">\r\n                <div class=\"card-icon\">\ud83d\udca1<\/div>\r\n                <h3>Leadership<\/h3>\r\n               <p>Formation au leadership et \u00e0 la citoyennet\u00e9 active. D\u00e9veloppement des comp\u00e9tences de communication, collaboration et r\u00e9solution cr\u00e9ative de probl\u00e8mes.<\/p>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<!-- Programmes & Projets - Section 3: Fond Blanc avec Tabs -->\r\n<section id=\"programmes\" class=\"bg-white\">\r\n    <div class=\"container\">\r\n        <h2 class=\"section-title\">NOS PROGRAMMES 2026<\/h2>\r\n        <p class=\"section-subtitle\">D\u00e9couvrez nos programmes internationaux et projets strat\u00e9giques<\/p>\r\n        \r\n        <!-- Tabs Navigation -->\r\n        <div class=\"tabs-nav\">\r\n            <button class=\"tab-btn active\" data-tab=\"programmes-tab\">Programmes Internationaux<\/button>\r\n            <button class=\"tab-btn\" data-tab=\"projets-tab\">Projets Strat\u00e9giques<\/button>\r\n        <\/div>\r\n\r\n        <!-- Tab Content: Programmes -->\r\n        <div id=\"programmes-tab\" class=\"tab-content active\">\r\n            <div class=\"cards-3\">\r\n                <!-- Kenya\/Rwanda -->\r\n                <div class=\"programme-card\">\r\n                    <div class=\"programme-header\">\r\n                        <div class=\"programme-flag\">\ud83c\uddf0\ud83c\uddea \ud83c\uddf7\ud83c\uddfc<\/div>\r\n                        <h3>Kenya \u2192 Rwanda<\/h3>\r\n                        <p>Programme Tech et Science<\/p>\r\n                    <\/div>\r\n                    <div class=\"programme-body\">\r\n                        <div class=\"info-item\">\r\n                            <div class=\"info-icon\">\ud83d\udcc5<\/div>\r\n                            <div class=\"info-content\">\r\n                                <h4>P\u00e9riode<\/h4>\r\n                                <p>Mars 2026 (2 semaines)<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"info-item\">\r\n                            <div class=\"info-icon\">\ud83d\udc65<\/div>\r\n                            <div class=\"info-content\">\r\n                                <h4>\u00c2ge des participants<\/h4>\r\n                                <p>8 \u00e0 17 ans<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"info-item\">\r\n                            <div class=\"info-icon\">\ud83c\udfaf<\/div>\r\n                            <div class=\"info-content\">\r\n                                <h4>Focus<\/h4>\r\n                                <p>\u00c9change technologique, sciences et innovation pour les jeunes<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"programme-price\">\r\n                            <a href=\"https:\/\/sunuthiossane.org\/voyages-dechanges-culturels\/programme-kenya-%e2%86%92-rwanda\/\" class=\"btn btn-primary\" target=\"_blank\" style=\"width: 100%; display: block; text-align: center;\">D\u00e9couvrir le programme<\/a>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Canada -->\r\n                <div class=\"programme-card\">\r\n                    <div class=\"programme-header\">\r\n                        <div class=\"programme-flag\">\ud83c\udde8\ud83c\udde6<\/div>\r\n                        <h3>Canada<\/h3>\r\n                        <p>Toronto<\/p>\r\n                    <\/div>\r\n                    <div class=\"programme-body\">\r\n                        <div class=\"info-item\">\r\n                            <div class=\"info-icon\">\ud83d\udcc5<\/div>\r\n                            <div class=\"info-content\">\r\n                                <h4>P\u00e9riode<\/h4>\r\n                                <p>12 juillet \u2013 1er ao\u00fbt 2026<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"info-item\">\r\n                            <div class=\"info-icon\">\ud83d\udc65<\/div>\r\n                            <div class=\"info-content\">\r\n                                <h4>\u00c2ge des participants<\/h4>\r\n                                <p>8 \u00e0 17 ans<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"info-item\">\r\n                            <div class=\"info-icon\">\ud83c\udfaf<\/div>\r\n                            <div class=\"info-content\">\r\n                                <h4>Focus<\/h4>\r\n                                <p>Immersion en anglais, activit\u00e9s de camp (sports, arts, STEM)<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"programme-price\">\r\n                            <a href=\"https:\/\/sunuthiossane.org\/voyages-dechanges-culturels\/programme-canada-toronto\/\" class=\"btn btn-primary\" target=\"_blank\" style=\"width: 100%; display: block; text-align: center;\">Voir les d\u00e9tails<\/a>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Japon -->\r\n                <div class=\"programme-card\">\r\n                    <div class=\"programme-header\">\r\n                        <div class=\"programme-flag\">\ud83c\uddef\ud83c\uddf5<\/div>\r\n                        <h3>Japon<\/h3>\r\n                        <p>\u00c9ducation et \u00c9change Culturel<\/p>\r\n                    <\/div>\r\n                    <div class=\"programme-body\">\r\n                        <div class=\"info-item\">\r\n                            <div class=\"info-icon\">\ud83d\udcc5<\/div>\r\n                            <div class=\"info-content\">\r\n                                <h4>P\u00e9riode<\/h4>\r\n                                <p>22 d\u00e9cembre 2026 \u2013 5 janvier 2027<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"info-item\">\r\n                            <div class=\"info-icon\">\ud83d\udc65<\/div>\r\n                            <div class=\"info-content\">\r\n                                <h4>\u00c2ge des participants<\/h4>\r\n                                <p>8 \u00e0 18 ans<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"info-item\">\r\n                            <div class=\"info-icon\">\ud83c\udfd9\ufe0f<\/div>\r\n                            <div class=\"info-content\">\r\n                                <h4>Villes visit\u00e9es<\/h4>\r\n                                <p>Yokosuka, Tokyo<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"programme-price\">\r\n                            <a href=\"https:\/\/sunuthiossane.org\/voyages-dechanges-culturels\/programme-japon\/\" class=\"btn btn-primary\" target=\"_blank\" style=\"width: 100%; display: block; text-align: center;\">Plus d'informations<\/a>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- Tab Content: Projets -->\r\n        <div id=\"projets-tab\" class=\"tab-content\">\r\n            <div class=\"projects-grid\">\r\n                <div class=\"project-card\">\r\n                    <div class=\"project-header\">\r\n                        <div class=\"project-number\">01<\/div>\r\n                        <h3>Voyages d'\u00c9change<br>Internationaux<\/h3>\r\n                    <\/div>\r\n                    <div class=\"project-body\">\r\n                        <div class=\"project-detail\">\r\n                            <div class=\"project-icon\">\ud83c\uddf0\ud83c\uddea<\/div>\r\n                            <div>\r\n                                <strong>Kenya \/ Rwanda<\/strong>\r\n                                <div class=\"project-detail-text\">Avril 2026 (2 semaines) \u2013 Focus : \u00c9change technologique<\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"project-detail\">\r\n                            <div class=\"project-icon\">\ud83c\udde8\ud83c\udde6<\/div>\r\n                            <div>\r\n                                <strong>Canada \u2013 Toronto<\/strong>\r\n                                <div class=\"project-detail-text\">12 juillet \u2013 1er ao\u00fbt \u2013 Immersion anglais, sports, arts, STEM<\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"project-detail\">\r\n                            <div class=\"project-icon\">\ud83c\uddef\ud83c\uddf5<\/div>\r\n                            <div>\r\n                                <strong>Japon \u2013 Tokyo & Yokosuka<\/strong>\r\n                                <div class=\"project-detail-text\">22 d\u00e9cembre 2026 \u2013 5 janvier 2027 \u2013 Immersion culturelle<\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        \r\n                        <div style=\"margin-top: 1.5rem; padding-top: 1rem; border-top: 1px solid rgba(139, 111, 71, 0.08);\">\r\n                            <a href=\"https:\/\/darkslateblue-stinkbug-565876.hostingersite.com\/voyages-dechanges-culturels\/\" class=\"btn btn-primary\" target=\"_blank\" style=\"width: 100%; display: block; text-align: center;\">D\u00e9couvrir nos voyages<\/a>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"project-card\">\r\n                    <div class=\"project-header\">\r\n                        <div class=\"project-number\">02<\/div>\r\n                        <h3>Camp d'\u00c9t\u00e9 d'Immersion<br>Dakar<\/h3>\r\n                    <\/div>\r\n                    <div class=\"project-body\">\r\n                        <div class=\"project-detail\">\r\n                            <div class=\"project-icon\">\ud83d\udcc5<\/div>\r\n                            <div>\r\n                                <strong>P\u00e9riode<\/strong>\r\n                                <div class=\"project-detail-text\">3 \u2013 31 ao\u00fbt 2026<\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"project-detail\">\r\n                            <div class=\"project-icon\">\ud83d\udd50<\/div>\r\n                            <div>\r\n                                <strong>Horaires<\/strong>\r\n                                <div class=\"project-detail-text\">Lundi \u2013 Vendredi | 10h00 \u2013 15h00<\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"project-detail\">\r\n                            <div class=\"project-icon\">\ud83c\udfa8<\/div>\r\n                            <div>\r\n                                <strong>Activit\u00e9s<\/strong>\r\n                                <div class=\"project-detail-text\">Anglais, sports, arts, science, technologie, robotique, excursions<\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"project-detail\">\r\n                            <div class=\"project-icon\">\ud83d\udcb0<\/div>\r\n                            <div>\r\n                                <strong>Tarifs<\/strong>\r\n                                <div class=\"project-detail-text\">Local : 100.000 FCFA + 15.000 transport<br>International : 200.000 FCFA + 15.000 transport<\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        \r\n                        <div style=\"margin-top: 1.5rem; padding-top: 1rem; border-top: 1px solid rgba(139, 111, 71, 0.08);\">\r\n                            <a href=\"https:\/\/darkslateblue-stinkbug-565876.hostingersite.com\/camp-dete-dimmersion\/\" class=\"btn btn-primary\" target=\"_blank\" style=\"width: 100%; display: block; text-align: center;\">Inscription au camp<\/a>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"project-card\">\r\n                    <div class=\"project-header\">\r\n                        <div class=\"project-number\">03<\/div>\r\n                        <h3>Acad\u00e9mie<br>Sunu Cosaan<\/h3>\r\n                    <\/div>\r\n                    <div class=\"project-body\">\r\n                        <div class=\"project-detail\">\r\n                            <div class=\"project-icon\">\ud83d\udcc5<\/div>\r\n                            <div>\r\n                                <strong>Ouverture<\/strong>\r\n                                <div class=\"project-detail-text\">Septembre 2026<\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"project-detail\">\r\n                            <div class=\"project-icon\">\ud83c\udfeb<\/div>\r\n                            <div>\r\n                                <strong>Type<\/strong>\r\n                                <div class=\"project-detail-text\">Cr\u00e8che \/ Jardin d'enfants bilingue<\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"project-detail\">\r\n                            <div class=\"project-icon\">\ud83d\udccd<\/div>\r\n                            <div>\r\n                                <strong>Localisation<\/strong>\r\n                                <div class=\"project-detail-text\">Dakar<\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"project-detail\">\r\n                            <div class=\"project-icon\">\ud83c\udfaf<\/div>\r\n                            <div>\r\n                                <strong>Objectif 1\u00e8re ann\u00e9e<\/strong>\r\n                                <div class=\"project-detail-text\">75 enfants inscrits avec vision, mission et structure tarifaire compl\u00e8te<\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        \r\n                        <div style=\"margin-top: 1.5rem; padding-top: 1rem; border-top: 1px solid rgba(139, 111, 71, 0.08);\">\r\n                            <a href=\"https:\/\/darkslateblue-stinkbug-565876.hostingersite.com\/academie-sunu-thiossane\/\" class=\"btn btn-primary\" target=\"_blank\" style=\"width: 100%; display: block; text-align: center;\">D\u00e9couvrir l'acad\u00e9mie<\/a>\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<!-- D\u00e9tails Accordion - Section 4: Fond Beige -->\r\n<section class=\"bg-beige\">\r\n    <div class=\"container\">\r\n        <h2 class=\"section-title\">D\u00c9TAILS DU PROGRAMME<\/h2>\r\n        <p class=\"section-subtitle\">Tout ce qui est inclus dans votre investissement<\/p>\r\n        \r\n        <!-- Tabs Navigation -->\r\n        <div class=\"tabs-nav\">\r\n            <button class=\"tab-btn active\" data-tab=\"frais-tab\">D\u00e9tail des Frais<\/button>\r\n            <button class=\"tab-btn\" data-tab=\"inclus-tab\">Ce qui est Inclus<\/button>\r\n            <button class=\"tab-btn\" data-tab=\"hebergement-tab\">H\u00e9bergement & Transport<\/button>\r\n            <button class=\"tab-btn\" data-tab=\"assurance-tab\">Assurance & S\u00e9curit\u00e9<\/button>\r\n        <\/div>\r\n\r\n        <!-- Tab Content: Frais -->\r\n        <div id=\"frais-tab\" class=\"tab-content active\">\r\n            <ul class=\"details-list\">\r\n                <li>Frais de traitement de la demande de visa (prise de rendez-vous et inscription)<\/li>\r\n                <li>Vol aller-retour en tarif de groupe avec r\u00e9servation optimis\u00e9e<\/li>\r\n                <li>Activit\u00e9s \u00e9ducatives et culturelles compl\u00e8tes<\/li>\r\n                <li>Partenariats avec organisations locales de qualit\u00e9<\/li>\r\n                <li>Excursions et visites guid\u00e9es professionnelles<\/li>\r\n            <\/ul>\r\n        <\/div>\r\n\r\n        <!-- Tab Content: Inclus -->\r\n        <div id=\"inclus-tab\" class=\"tab-content\">\r\n            <ul class=\"details-list\">\r\n                <li>Billet d'avion aller-retour<\/li>\r\n                <li>Visa et frais de rendez-vous<\/li>\r\n                <li>H\u00e9bergement s\u00e9curis\u00e9 et confortable<\/li>\r\n                <li>Tous les repas (cuisine locale adapt\u00e9e)<\/li>\r\n                <li>Transport local pendant tout le s\u00e9jour<\/li>\r\n                <li>Activit\u00e9s \u00e9ducatives et culturelles compl\u00e8tes<\/li>\r\n                <li>Encadrement professionnel et mentorat personnalis\u00e9<\/li>\r\n                <li>Assurance m\u00e9dicale internationale<\/li>\r\n            <\/ul>\r\n        <\/div>\r\n\r\n        <!-- Tab Content: H\u00e9bergement -->\r\n        <div id=\"hebergement-tab\" class=\"tab-content\">\r\n            <ul class=\"details-list\">\r\n                <li>H\u00e9bergement dans des \u00e9tablissements s\u00e9curis\u00e9s et contr\u00f4l\u00e9s<\/li>\r\n                <li>Restauration adapt\u00e9e aux jeunes avec options vari\u00e9es<\/li>\r\n                <li>Transport local organis\u00e9 pour tous les d\u00e9placements<\/li>\r\n                <li>Supervision 24h\/24 par notre \u00e9quipe qualifi\u00e9e<\/li>\r\n            <\/ul>\r\n        <\/div>\r\n\r\n        <!-- Tab Content: Assurance -->\r\n        <div id=\"assurance-tab\" class=\"tab-content\">\r\n            <ul class=\"details-list\">\r\n                <li>Assurance m\u00e9dicale internationale compl\u00e8te<\/li>\r\n                <li>Couverture sant\u00e9 pendant toute la dur\u00e9e du s\u00e9jour<\/li>\r\n                <li>Protocoles de s\u00e9curit\u00e9 stricts et conformes<\/li>\r\n                <li>\u00c9quipe d'encadrement form\u00e9e aux premiers secours<\/li>\r\n            <\/ul>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<!-- Calendrier de Paiement - Section 5: Fond Blanc -->\r\n<section class=\"bg-white\" id=\"calendrier-paiement\">\r\n    <div class=\"container\">\r\n        <h2 class=\"section-title\">Calendrier et Modalit\u00e9s de Paiement<\/h2>\r\n        <p class=\"section-subtitle\">Plan de paiement \u00e9chelonn\u00e9 en 4 versements pour faciliter l'acc\u00e8s \u00e0 nos programmes \u00e9ducatifs internationaux.<\/p>\r\n\r\n        <!-- Tabs par destination -->\r\n        <div class=\"tabs-nav payment-tabs\" style=\"margin-bottom: 3rem;\">\r\n            <button class=\"tab-btn active\" data-tab=\"kenya-payment\" data-program=\"kenya\">\r\n                <span class=\"tab-flag\">\ud83c\uddf0\ud83c\uddea \ud83c\uddf7\ud83c\uddfc<\/span>\r\n                <span class=\"tab-label\">Kenya-Rwanda<\/span>\r\n                <span class=\"tab-price\">4.500.000 FCFA<\/span>\r\n            <\/button>\r\n            <button class=\"tab-btn\" data-tab=\"canada-payment\" data-program=\"canada\">\r\n                <span class=\"tab-flag\">\ud83c\udde8\ud83c\udde6<\/span>\r\n                <span class=\"tab-label\">Canada<\/span>\r\n                <span class=\"tab-price\">5.000.000 FCFA<\/span>\r\n            <\/button>\r\n            <button class=\"tab-btn\" data-tab=\"japon-payment\" data-program=\"japon\">\r\n                <span class=\"tab-flag\">\ud83c\uddef\ud83c\uddf5<\/span>\r\n                <span class=\"tab-label\">Japon<\/span>\r\n                <span class=\"tab-price\">4.500.000 FCFA<\/span>\r\n            <\/button>\r\n        <\/div>\r\n\r\n        <!-- Timeline Kenya-Rwanda -->\r\n        <div id=\"kenya-payment\" class=\"tab-content payment-tab-content active\">\r\n            <div class=\"payment-summary\">\r\n                <h3>Programme Kenya \u2192 Rwanda<\/h3>\r\n                <div class=\"payment-total\">4.500.000 FCFA<\/div>\r\n                <div class=\"payment-subtitle\">Total en 4 versements<\/div>\r\n            <\/div>\r\n\r\n            <div class=\"payment-timeline-modern\">\r\n                <!-- Ligne de connexion -->\r\n                <div class=\"timeline-connector\"><\/div>\r\n                <div class=\"timeline-progress\" data-program=\"kenya\"><\/div>\r\n\r\n                <!-- \u00c9tapes cliquables -->\r\n                <div class=\"timeline-steps-grid\">\r\n                    <!-- \u00c9tape 1 -->\r\n                    <div class=\"payment-step-modern active\" data-step=\"1\" data-program=\"kenya\">\r\n                        <div class=\"step-marker-modern\">\r\n                            <span class=\"step-number-modern\">1<\/span>\r\n                        <\/div>\r\n                        <div class=\"step-date-modern\">25 Janvier 2026<\/div>\r\n                        <div class=\"step-label-modern\">Premier paiement<\/div>\r\n                        <div class=\"step-amount-modern\">500.000 FCFA<\/div>\r\n                        <span class=\"step-badge-modern non-remboursable\">NON REMBOURSABLE<\/span>\r\n                        <div class=\"step-description-modern\">Confirmation d'inscription<\/div>\r\n                    <\/div>\r\n\r\n                    <!-- \u00c9tape 2 -->\r\n                    <div class=\"payment-step-modern\" data-step=\"2\" data-program=\"kenya\">\r\n                        <div class=\"step-marker-modern\">\r\n                            <span class=\"step-number-modern\">2<\/span>\r\n                        <\/div>\r\n                        <div class=\"step-date-modern\">25 F\u00e9vrier 2026<\/div>\r\n                        <div class=\"step-label-modern\">Deuxi\u00e8me paiement<\/div>\r\n                        <div class=\"step-amount-modern\">1.333.333 FCFA<\/div>\r\n                    <\/div>\r\n\r\n                    <!-- \u00c9tape 3 -->\r\n                    <div class=\"payment-step-modern\" data-step=\"3\" data-program=\"kenya\">\r\n                        <div class=\"step-marker-modern\">\r\n                            <span class=\"step-number-modern\">3<\/span>\r\n                        <\/div>\r\n                        <div class=\"step-date-modern\">25 Mars 2026<\/div>\r\n                        <div class=\"step-label-modern\">Troisi\u00e8me paiement<\/div>\r\n                        <div class=\"step-amount-modern\">1.333.333 FCFA<\/div>\r\n                    <\/div>\r\n\r\n                    <!-- \u00c9tape 4 -->\r\n                    <div class=\"payment-step-modern\" data-step=\"4\" data-program=\"kenya\">\r\n                        <div class=\"step-marker-modern\">\r\n                            <span class=\"step-number-modern\">4<\/span>\r\n                        <\/div>\r\n                        <div class=\"step-date-modern\">25 Avril 2026<\/div>\r\n                        <div class=\"step-label-modern\">Quatri\u00e8me paiement<\/div>\r\n                        <div class=\"step-amount-modern\">1.333.334 FCFA<\/div>\r\n                        <span class=\"step-badge-modern final\">PAIEMENT FINAL<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- Timeline Canada -->\r\n        <div id=\"canada-payment\" class=\"tab-content payment-tab-content\">\r\n            <div class=\"payment-summary\">\r\n                <h3>Programme Canada (Toronto)<\/h3>\r\n                <div class=\"payment-total\">5.000.000 FCFA<\/div>\r\n                <div class=\"payment-subtitle\">Total en 4 versements<\/div>\r\n            <\/div>\r\n\r\n            <div class=\"payment-timeline-modern\">\r\n                <div class=\"timeline-connector\"><\/div>\r\n                <div class=\"timeline-progress\" data-program=\"canada\"><\/div>\r\n\r\n                <div class=\"timeline-steps-grid\">\r\n                    <div class=\"payment-step-modern active\" data-step=\"1\" data-program=\"canada\">\r\n                        <div class=\"step-marker-modern\">\r\n                            <span class=\"step-number-modern\">1<\/span>\r\n                        <\/div>\r\n                        <div class=\"step-date-modern\">25 Janvier 2026<\/div>\r\n                        <div class=\"step-label-modern\">Premier paiement<\/div>\r\n                        <div class=\"step-amount-modern\">500.000 FCFA<\/div>\r\n                        <span class=\"step-badge-modern non-remboursable\">NON REMBOURSABLE<\/span>\r\n                        <div class=\"step-description-modern\">Confirmation d'inscription<\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"payment-step-modern\" data-step=\"2\" data-program=\"canada\">\r\n                        <div class=\"step-marker-modern\">\r\n                            <span class=\"step-number-modern\">2<\/span>\r\n                        <\/div>\r\n                        <div class=\"step-date-modern\">25 F\u00e9vrier 2026<\/div>\r\n                        <div class=\"step-label-modern\">Deuxi\u00e8me paiement<\/div>\r\n                        <div class=\"step-amount-modern\">1.500.000 FCFA<\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"payment-step-modern\" data-step=\"3\" data-program=\"canada\">\r\n                        <div class=\"step-marker-modern\">\r\n                            <span class=\"step-number-modern\">3<\/span>\r\n                        <\/div>\r\n                        <div class=\"step-date-modern\">25 Mars 2026<\/div>\r\n                        <div class=\"step-label-modern\">Troisi\u00e8me paiement<\/div>\r\n                        <div class=\"step-amount-modern\">1.500.000 FCFA<\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"payment-step-modern\" data-step=\"4\" data-program=\"canada\">\r\n                        <div class=\"step-marker-modern\">\r\n                            <span class=\"step-number-modern\">4<\/span>\r\n                        <\/div>\r\n                        <div class=\"step-date-modern\">25 Avril 2026<\/div>\r\n                        <div class=\"step-label-modern\">Quatri\u00e8me paiement<\/div>\r\n                        <div class=\"step-amount-modern\">1.500.000 FCFA<\/div>\r\n                        <span class=\"step-badge-modern final\">PAIEMENT FINAL<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- Timeline Japon -->\r\n        <div id=\"japon-payment\" class=\"tab-content payment-tab-content\">\r\n            <div class=\"payment-summary\">\r\n                <h3>Programme Japon (Tokyo)<\/h3>\r\n                <div class=\"payment-total\">4.500.000 FCFA<\/div>\r\n                <div class=\"payment-subtitle\">Total en 4 versements<\/div>\r\n            <\/div>\r\n\r\n            <div class=\"payment-timeline-modern\">\r\n                <div class=\"timeline-connector\"><\/div>\r\n                <div class=\"timeline-progress\" data-program=\"japon\"><\/div>\r\n\r\n                <div class=\"timeline-steps-grid\">\r\n                    <div class=\"payment-step-modern active\" data-step=\"1\" data-program=\"japon\">\r\n                        <div class=\"step-marker-modern\">\r\n                            <span class=\"step-number-modern\">1<\/span>\r\n                        <\/div>\r\n                        <div class=\"step-date-modern\">25 Janvier 2026<\/div>\r\n                        <div class=\"step-label-modern\">Premier paiement<\/div>\r\n                        <div class=\"step-amount-modern\">500.000 FCFA<\/div>\r\n                        <span class=\"step-badge-modern non-remboursable\">NON REMBOURSABLE<\/span>\r\n                        <div class=\"step-description-modern\">Confirmation d'inscription<\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"payment-step-modern\" data-step=\"2\" data-program=\"japon\">\r\n                        <div class=\"step-marker-modern\">\r\n                            <span class=\"step-number-modern\">2<\/span>\r\n                        <\/div>\r\n                        <div class=\"step-date-modern\">25 F\u00e9vrier 2026<\/div>\r\n                        <div class=\"step-label-modern\">Deuxi\u00e8me paiement<\/div>\r\n                        <div class=\"step-amount-modern\">1.333.333 FCFA<\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"payment-step-modern\" data-step=\"3\" data-program=\"japon\">\r\n                        <div class=\"step-marker-modern\">\r\n                            <span class=\"step-number-modern\">3<\/span>\r\n                        <\/div>\r\n                        <div class=\"step-date-modern\">25 Mars 2026<\/div>\r\n                        <div class=\"step-label-modern\">Troisi\u00e8me paiement<\/div>\r\n                        <div class=\"step-amount-modern\">1.333.333 FCFA<\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"payment-step-modern\" data-step=\"4\" data-program=\"japon\">\r\n                        <div class=\"step-marker-modern\">\r\n                            <span class=\"step-number-modern\">4<\/span>\r\n                        <\/div>\r\n                        <div class=\"step-date-modern\">25 Avril 2026<\/div>\r\n                        <div class=\"step-label-modern\">Quatri\u00e8me paiement<\/div>\r\n                        <div class=\"step-amount-modern\">1.333.334 FCFA<\/div>\r\n                        <span class=\"step-badge-modern final\">PAIEMENT FINAL<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- Note importante -->\r\n        <div class=\"payment-note\" style=\"margin-top: 3rem;\">\r\n            <p><strong>Important :<\/strong> Le premier versement de 500.000 FCFA est non remboursable et confirme votre inscription au programme. Le paiement complet de 90% du prix total devra \u00eatre re\u00e7u au plus tard 45 jours avant la date de d\u00e9part.<\/p>\r\n        <\/div>\r\n\r\n        <!-- Tableau comparatif -->\r\n        <div class=\"payment-comparison-table\">\r\n            <h3>\ud83d\udcca Comparatif des Modalit\u00e9s de Paiement<\/h3>\r\n            <div class=\"comparison-grid\">\r\n                <div class=\"comparison-card\">\r\n                    <div class=\"comparison-flag\">\ud83c\uddf0\ud83c\uddea \ud83c\uddf7\ud83c\uddfc<\/div>\r\n                    <div class=\"comparison-title\">Kenya \u2192 Rwanda<\/div>\r\n                    <div class=\"comparison-price\">4.500.000 FCFA<\/div>\r\n                    <div class=\"comparison-details\">\r\n                        <div>1er : 500.000 FCFA<\/div>\r\n                        <div>2e-3e : 1.333.333 FCFA<\/div>\r\n                        <div>4e : 1.333.334 FCFA<\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"comparison-card\">\r\n                    <div class=\"comparison-flag\">\ud83c\udde8\ud83c\udde6<\/div>\r\n                    <div class=\"comparison-title\">Canada<\/div>\r\n                    <div class=\"comparison-price\">5.000.000 FCFA<\/div>\r\n                    <div class=\"comparison-details\">\r\n                        <div>1er : 500.000 FCFA<\/div>\r\n                        <div>2e-4e : 1.500.000 FCFA \u00d7 3<\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"comparison-card\">\r\n                    <div class=\"comparison-flag\">\ud83c\uddef\ud83c\uddf5<\/div>\r\n                    <div class=\"comparison-title\">Japon<\/div>\r\n                    <div class=\"comparison-price\">4.500.000 FCFA<\/div>\r\n                    <div class=\"comparison-details\">\r\n                        <div>1er : 500.000 FCFA<\/div>\r\n                        <div>2e-3e : 1.333.333 FCFA<\/div>\r\n                        <div>4e : 1.333.334 FCFA<\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<!-- CSS COMPLET -->\r\n<style>\r\n\/* ============================================\r\n   PAYMENT TABS\r\n   ============================================ *\/\r\n.payment-tabs {\r\n    display: grid;\r\n    grid-template-columns: repeat(3, 1fr);\r\n    gap: 1rem;\r\n}\r\n\r\n.payment-tabs .tab-btn {\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    padding: 1.5rem 1rem;\r\n    background: white;\r\n    border: 2px solid var(--cream);\r\n    border-radius: 15px;\r\n    transition: all 0.3s ease;\r\n    cursor: pointer;\r\n}\r\n\r\n.payment-tabs .tab-btn:hover {\r\n    border-color: var(--orange);\r\n    transform: translateY(-3px);\r\n    box-shadow: 0 8px 25px rgba(232, 147, 64, 0.2);\r\n}\r\n\r\n.payment-tabs .tab-btn.active {\r\n    background: linear-gradient(135deg, var(--orange), var(--brown-primary));\r\n    border-color: var(--orange);\r\n    color: white;\r\n}\r\n\r\n.tab-flag {\r\n    font-size: 2rem;\r\n    margin-bottom: 0.5rem;\r\n}\r\n\r\n.tab-label {\r\n    font-weight: 600;\r\n    font-size: 0.95rem;\r\n    margin-bottom: 0.5rem;\r\n}\r\n\r\n.tab-price {\r\n    font-size: 1.1rem;\r\n    font-weight: 700;\r\n    color: var(--orange);\r\n}\r\n\r\n.payment-tabs .tab-btn.active .tab-price {\r\n    color: white;\r\n}\r\n\r\n\/* ============================================\r\n   PAYMENT SUMMARY\r\n   ============================================ *\/\r\n.payment-summary {\r\n    display: none;\r\n    text-align: center;\r\n    margin-bottom: 3rem;\r\n    padding: 2rem;\r\n    background: linear-gradient(135deg, rgba(232,147,64,0.1) 0%, rgba(139,111,71,0.1) 100%);\r\n    border-radius: 20px;\r\n    border: 2px solid rgba(232,147,64,0.2);\r\n    animation: fadeInUp 0.6s ease-out;\r\n}\r\n\r\n.payment-summary h3 {\r\n    font-size: 1.4rem;\r\n    color: var(--brown-primary);\r\n    margin-bottom: 1rem;\r\n    font-weight: 600;\r\n}\r\n\r\n.payment-total {\r\n    font-size: 2.5rem;\r\n    color: var(--orange);\r\n    font-weight: 700;\r\n    margin-bottom: 0.5rem;\r\n}\r\n\r\n.payment-subtitle {\r\n    font-size: 1rem;\r\n    color: var(--text-medium);\r\n}\r\n\r\n\/* ============================================\r\n   TIMELINE MODERNE\r\n   ============================================ *\/\r\n.payment-timeline-modern {\r\n    position: relative;\r\n    padding: 3rem 0;\r\n}\r\n\r\n.timeline-connector {\r\n    position: absolute;\r\n    top: 80px;\r\n    left: 0;\r\n    right: 0;\r\n    height: 3px;\r\n    background: var(--cream);\r\n    z-index: 1;\r\n}\r\n\r\n.timeline-progress {\r\n    position: absolute;\r\n    top: 80px;\r\n    left: 0;\r\n    height: 3px;\r\n    background: linear-gradient(90deg, var(--orange), var(--brown-primary));\r\n    width: 0%;\r\n    transition: width 1s ease-out;\r\n    z-index: 2;\r\n}\r\n\r\n.timeline-steps-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(4, 1fr);\r\n    gap: 2rem;\r\n    position: relative;\r\n    z-index: 3;\r\n}\r\n\r\n\/* ============================================\r\n   STEPS MODERNES - ALIGN\u00c9S\r\n   ============================================ *\/\r\n.payment-step-modern {\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    text-align: center;\r\n    padding: 1.5rem;\r\n    background: white;\r\n    border-radius: 15px;\r\n    border: 2px solid var(--cream);\r\n    transition: all 0.3s ease;\r\n    cursor: pointer;\r\n    position: relative;\r\n}\r\n\r\n.payment-step-modern:hover {\r\n    border-color: var(--orange);\r\n    transform: translateY(-5px);\r\n    box-shadow: 0 10px 30px rgba(232, 147, 64, 0.2);\r\n}\r\n\r\n.payment-step-modern.active {\r\n    border-color: var(--orange);\r\n    background: linear-gradient(135deg, rgba(232,147,64,0.05), rgba(139,111,71,0.05));\r\n}\r\n\r\n.step-marker-modern {\r\n    width: 60px;\r\n    height: 60px;\r\n    background: linear-gradient(135deg, var(--orange), var(--brown-primary));\r\n    border-radius: 50%;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    margin-bottom: 1rem;\r\n    box-shadow: 0 4px 15px rgba(232, 147, 64, 0.3);\r\n    transition: all 0.3s ease;\r\n}\r\n\r\n.payment-step-modern:hover .step-marker-modern,\r\n.payment-step-modern.active .step-marker-modern {\r\n    transform: scale(1.1);\r\n    box-shadow: 0 6px 20px rgba(232, 147, 64, 0.5);\r\n}\r\n\r\n.step-number-modern {\r\n    color: white;\r\n    font-size: 1.5rem;\r\n    font-weight: 700;\r\n    font-family: 'Poppins', sans-serif;\r\n}\r\n\r\n.step-date-modern {\r\n    font-size: 0.9rem;\r\n    color: var(--text-medium);\r\n    margin-bottom: 0.5rem;\r\n    font-weight: 500;\r\n}\r\n\r\n.step-label-modern {\r\n    font-size: 0.85rem;\r\n    color: var(--text-light);\r\n    margin-bottom: 0.75rem;\r\n}\r\n\r\n.step-amount-modern {\r\n    font-size: 1.1rem;\r\n    color: var(--brown-dark);\r\n    font-weight: 700;\r\n    margin-bottom: 0.75rem;\r\n}\r\n\r\n.step-badge-modern {\r\n    display: inline-block;\r\n    padding: 0.4rem 0.8rem;\r\n    border-radius: 20px;\r\n    font-size: 0.7rem;\r\n    font-weight: 600;\r\n    text-transform: uppercase;\r\n    letter-spacing: 0.5px;\r\n}\r\n\r\n.step-badge-modern.non-remboursable {\r\n    background: #b45309;\r\n    color: white;\r\n}\r\n\r\n.step-badge-modern.final {\r\n    background: linear-gradient(135deg, #10b981, #059669);\r\n    color: white;\r\n}\r\n\r\n.step-description-modern {\r\n    font-size: 0.75rem;\r\n    color: var(--text-light);\r\n    margin-top: 0.5rem;\r\n    font-style: italic;\r\n}\r\n\r\n\/* ============================================\r\n   COMPARISON TABLE\r\n   ============================================ *\/\r\n.payment-comparison-table {\r\n    margin-top: 3rem;\r\n    padding: 2rem;\r\n    background: linear-gradient(135deg, rgba(232,147,64,0.05) 0%, rgba(139,111,71,0.05) 100%);\r\n    border-radius: 20px;\r\n}\r\n\r\n.payment-comparison-table h3 {\r\n    font-size: 1.3rem;\r\n    color: var(--brown-primary);\r\n    margin-bottom: 1.5rem;\r\n    text-align: center;\r\n}\r\n\r\n.comparison-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(3, 1fr);\r\n    gap: 1.5rem;\r\n}\r\n\r\n.comparison-card {\r\n    background: white;\r\n    padding: 1.5rem;\r\n    border-radius: 15px;\r\n    text-align: center;\r\n    box-shadow: 0 4px 15px rgba(0,0,0,0.08);\r\n    transition: all 0.3s ease;\r\n}\r\n\r\n.comparison-card:hover {\r\n    transform: translateY(-5px);\r\n    box-shadow: 0 8px 25px rgba(0,0,0,0.12);\r\n}\r\n\r\n.comparison-flag {\r\n    font-size: 2rem;\r\n    margin-bottom: 0.75rem;\r\n}\r\n\r\n.comparison-title {\r\n    font-weight: 600;\r\n    color: var(--brown-dark);\r\n    margin-bottom: 0.75rem;\r\n    font-size: 1.1rem;\r\n}\r\n\r\n.comparison-price {\r\n    font-size: 1.6rem;\r\n    color: var(--orange);\r\n    font-weight: 700;\r\n    margin-bottom: 1rem;\r\n}\r\n\r\n.comparison-details {\r\n    font-size: 0.85rem;\r\n    color: var(--text-medium);\r\n    padding: 1rem;\r\n    background: var(--cream-light);\r\n    border-radius: 10px;\r\n}\r\n\r\n.comparison-details > div {\r\n    margin-bottom: 0.25rem;\r\n}\r\n\r\n.comparison-details > div:last-child {\r\n    margin-bottom: 0;\r\n}\r\n\r\n\/* ============================================\r\n   ANIMATIONS\r\n   ============================================ *\/\r\n@keyframes fadeInUp {\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.payment-step-modern {\r\n    animation: fadeInUp 0.6s ease-out backwards;\r\n}\r\n\r\n.payment-step-modern:nth-child(1) { animation-delay: 0.1s; }\r\n.payment-step-modern:nth-child(2) { animation-delay: 0.2s; }\r\n.payment-step-modern:nth-child(3) { animation-delay: 0.3s; }\r\n.payment-step-modern:nth-child(4) { animation-delay: 0.4s; }\r\n\r\n\/* ============================================\r\n   RESPONSIVE MOBILE\r\n   ============================================ *\/\r\n@media (max-width: 968px) {\r\n    .payment-tabs {\r\n        grid-template-columns: 1fr;\r\n    }\r\n    \r\n    .timeline-steps-grid {\r\n        grid-template-columns: repeat(2, 1fr);\r\n        gap: 1.5rem;\r\n    }\r\n    \r\n    .timeline-connector,\r\n    .timeline-progress {\r\n        display: none;\r\n    }\r\n    \r\n    .comparison-grid {\r\n        grid-template-columns: 1fr;\r\n        gap: 1rem;\r\n    }\r\n}\r\n\r\n@media (max-width: 640px) {\r\n    .timeline-steps-grid {\r\n        grid-template-columns: 1fr;\r\n    }\r\n    \r\n    .payment-summary {\r\n        padding: 1.5rem;\r\n    }\r\n    \r\n    .payment-total {\r\n        font-size: 2rem;\r\n    }\r\n    \r\n    .step-marker-modern {\r\n        width: 50px;\r\n        height: 50px;\r\n    }\r\n    \r\n    .step-number-modern {\r\n        font-size: 1.3rem;\r\n    }\r\n    \r\n    .payment-step-modern {\r\n        padding: 1rem;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<!-- JAVASCRIPT INTERACTIF -->\r\n<script>\r\ndocument.addEventListener('DOMContentLoaded', function() {\r\n    \r\n    \/\/ Gestion des tabs\r\n    const paymentTabs = document.querySelectorAll('[data-tab]');\r\n    const paymentContents = document.querySelectorAll('.payment-tab-content');\r\n    \r\n    paymentTabs.forEach(tab => {\r\n        tab.addEventListener('click', function() {\r\n            const targetTab = this.getAttribute('data-tab');\r\n            \r\n            \/\/ Remove active from all\r\n            paymentTabs.forEach(t => t.classList.remove('active'));\r\n            paymentContents.forEach(c => c.classList.remove('active'));\r\n            \r\n            \/\/ Add active to current\r\n            this.classList.add('active');\r\n            document.getElementById(targetTab).classList.add('active');\r\n            \r\n            \/\/ Reset progress animation\r\n            setTimeout(() => {\r\n                animateProgress(this.getAttribute('data-program'));\r\n            }, 100);\r\n        });\r\n    });\r\n    \r\n    \/\/ Gestion des steps cliquables\r\n    const allSteps = document.querySelectorAll('.payment-step-modern');\r\n    \r\n    allSteps.forEach(step => {\r\n        step.addEventListener('click', function() {\r\n            const program = this.getAttribute('data-program');\r\n            const stepNumber = parseInt(this.getAttribute('data-step'));\r\n            const programSteps = document.querySelectorAll(`[data-program=\"${program}\"].payment-step-modern`);\r\n            \r\n            \/\/ Remove active from all steps of this program\r\n            programSteps.forEach(s => s.classList.remove('active'));\r\n            \r\n            \/\/ Add active to clicked step and all previous\r\n            programSteps.forEach(s => {\r\n                const sNum = parseInt(s.getAttribute('data-step'));\r\n                if (sNum <= stepNumber) {\r\n                    s.classList.add('active');\r\n                }\r\n            });\r\n            \r\n            \/\/ Update progress bar\r\n            animateProgress(program, stepNumber);\r\n        });\r\n    });\r\n    \r\n    \/\/ Animation progress bar\r\n    function animateProgress(program, activeStep = 1) {\r\n        const progressBar = document.querySelector(`.timeline-progress[data-program=\"${program}\"]`);\r\n        if (!progressBar) return;\r\n        \r\n        const percentage = (activeStep \/ 4) * 100;\r\n        progressBar.style.width = percentage + '%';\r\n    }\r\n    \r\n    \/\/ Initial animation on page load\r\n    setTimeout(() => {\r\n        animateProgress('kenya', 1);\r\n    }, 500);\r\n});\r\n<\/script>\r\n\r\n<!-- Informations Bancaires - Section 6: Fond Beige -->\r\n<section id=\"banking\" class=\"banking-section\">\r\n    <div class=\"container\">\r\n        <h2 class=\"section-title\">INFORMATIONS BANCAIRES<\/h2>\r\n        <p class=\"section-subtitle\">Coordonn\u00e9es officielles pour vos paiements s\u00e9curis\u00e9s<\/p>\r\n        \r\n        <!-- Tabs Navigation Banking -->\r\n        <div class=\"tabs-nav\">\r\n            <button class=\"tab-btn active\" data-tab=\"bank-tab\">\ud83c\udfe6 Virement Bancaire<\/button>\r\n            <button class=\"tab-btn\" data-tab=\"wave-tab\">\ud83d\udcf1 Wave<\/button>\r\n            <button class=\"tab-btn\" data-tab=\"mobile-tab\">\ud83d\udcde Mobile Money<\/button>\r\n        <\/div>\r\n\r\n        <!-- Tab Content: Virement Bancaire -->\r\n        <div id=\"bank-tab\" class=\"tab-content active\">\r\n            <div class=\"banking-card\">\r\n                <h3>Sunu Thiossane<\/h3>\r\n                <div class=\"bank-detail\">\r\n                    <span class=\"bank-label\">Banque :<\/span>\r\n                    <span class=\"bank-value\">Banque Islamique du S\u00e9n\u00e9gal<\/span>\r\n                <\/div>\r\n                <div class=\"bank-detail\">\r\n                    <span class=\"bank-label\">Localisation :<\/span>\r\n                    <span class=\"bank-value\">Ngor Almadies, Villa N\u00b005<br>Dakar \u2013 S\u00e9n\u00e9gal<\/span>\r\n                <\/div>\r\n                <div class=\"account-number\">\r\n                    <small>Num\u00e9ro de Compte<\/small>\r\n                    SN079 01127 251245472001 42<br>\r\n                    <div style=\"margin-top: 0.5rem; font-size: 0.95rem;\">37.251111.245472.0 42<\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- Tab Content: Wave -->\r\n        <div id=\"wave-tab\" class=\"tab-content\">\r\n            <div class=\"banking-card\">\r\n                <h3>Paiement Wave<\/h3>\r\n                <div class=\"bank-detail\">\r\n                    <span class=\"bank-label\">Nom du compte :<\/span>\r\n                    <span class=\"bank-value\">Sunu Thiossane<\/span>\r\n                <\/div>\r\n                <div class=\"bank-detail\">\r\n                    <span class=\"bank-label\">Num\u00e9ro Wave :<\/span>\r\n                    <span class=\"bank-value\">+221 76 386 87 61 <\/span>\r\n                <\/div>\r\n                <div class=\"payment-note\" style=\"margin-top: 1.5rem; background: rgba(232,147,64,0.1); border-left-color: var(--orange);\">\r\n                    <p><strong>Important :<\/strong> Apr\u00e8s le paiement, veuillez envoyer une capture d'\u00e9cran de la transaction par WhatsApp au +221 XX XXX XX XX avec le nom du participant.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- Tab Content: Mobile Money -->\r\n        <div id=\"mobile-tab\" class=\"tab-content\">\r\n            <div class=\"banking-card\">\r\n                <h3>Paiement Mobile Money<\/h3>\r\n                <div class=\"bank-detail\">\r\n                    <span class=\"bank-label\">Nom du compte :<\/span>\r\n                    <span class=\"bank-value\">Sunu Thiossane<\/span>\r\n                <\/div>\r\n                <div class=\"bank-detail\">\r\n                    <span class=\"bank-label\">Num\u00e9ro Orange Money :<\/span>\r\n                    <span class=\"bank-value\"> +221 77 755 13 83<\/span>\r\n                <\/div>\r\n                <div class=\"payment-note\" style=\"margin-top: 1.5rem; background: rgba(232,147,64,0.1); border-left-color: var(--orange);\">\r\n                    <p><strong>Important :<\/strong> Apr\u00e8s le paiement, veuillez envoyer une capture d'\u00e9cran de la transaction par WhatsApp au +221 XX XXX XX XX avec le nom du participant.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<!-- Engagement - CTA avec Image de Fond - Section 7: Fond Image -->\r\n<section class=\"cta-engagement\">\r\n    <div class=\"cta-overlay\">\r\n        <div class=\"container\">\r\n            <h2 class=\"cta-title\">NOTRE ENGAGEMENT<\/h2>\r\n            <p class=\"cta-description\">Le Programme d'\u00c9change Culturel Sunu Thiossane s'engage \u00e0 offrir une exp\u00e9rience \u00e9ducative compl\u00e8te, s\u00e9curis\u00e9e et transformatrice, permettant aux jeunes d'\u00e9largir leurs horizons et de devenir des citoyens responsables, ouverts et engag\u00e9s dans un monde globalis\u00e9.<\/p>\r\n            \r\n            <div class=\"cta-buttons\">\r\n                <a href=\"https:\/\/sunuthiossane.org\/admission\/\" class=\"btn btn-primary btn-large\">Pr\u00e9-inscription en ligne<\/a>\r\n                <a href=\"https:\/\/sunuthiossane.org\/wp-content\/uploads\/2025\/12\/brochure.pdf\" class=\"btn btn-outline-white btn-large\" target=\"_blank\">T\u00e9l\u00e9charger la brochure PDF<\/a>\r\n            <\/div>\r\n\r\n            <div class=\"cta-footer\">\r\n                <div class=\"cta-info\">\r\n                    <span class=\"cta-icon\">\ud83d\udcb3<\/span>\r\n                    <span>Paiement \u00e9chelonn\u00e9 disponible<\/span>\r\n                <\/div>\r\n                <div class=\"cta-separator\">|<\/div>\r\n                <div class=\"cta-info\">\r\n                    <span class=\"cta-icon\">\ud83d\udcac<\/span>\r\n                    <span>Conseiller disponible pour vos questions<\/span>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<script>\r\n    \/\/ Tabs functionality (Programmes et D\u00e9tails)\r\n    const tabButtons = document.querySelectorAll('.tab-btn');\r\n    const tabContents = document.querySelectorAll('.tab-content');\r\n\r\n    tabButtons.forEach(button => {\r\n        button.addEventListener('click', () => {\r\n            const targetTab = button.getAttribute('data-tab');\r\n\r\n            \/\/ Remove active class from all buttons and contents\r\n            tabButtons.forEach(btn => btn.classList.remove('active'));\r\n            tabContents.forEach(content => content.classList.remove('active'));\r\n\r\n            \/\/ Add active class to clicked button and corresponding content\r\n            button.classList.add('active');\r\n            document.getElementById(targetTab).classList.add('active');\r\n        });\r\n    });\r\n\r\n    \/\/ Timeline animation on scroll\r\n    const timelineObserver = new IntersectionObserver((entries) => {\r\n        entries.forEach(entry => {\r\n            if (entry.isIntersecting) {\r\n                const progressLine = document.getElementById('timelineProgress');\r\n                if (progressLine) {\r\n                    progressLine.classList.add('animate');\r\n                }\r\n            }\r\n        });\r\n    }, {\r\n        threshold: 0.3\r\n    });\r\n\r\n    const paymentSection = document.querySelector('.payment-timeline');\r\n    if (paymentSection) {\r\n        timelineObserver.observe(paymentSection);\r\n    }\r\n\r\n    \/\/ Smooth scroll for anchor links\r\n    document.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\r\n        anchor.addEventListener('click', function (e) {\r\n            e.preventDefault();\r\n            const target = document.querySelector(this.getAttribute('href'));\r\n            if (target) {\r\n                target.scrollIntoView({\r\n                    behavior: 'smooth',\r\n                    block: 'start'\r\n                });\r\n            }\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<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>ACCUEIL \/ NOS PROGRAMMES Programmes \u00c9ducatifs STEAM et \u00c9changes Culturels Internationaux Nos programmes d&#8217;\u00e9changes \u00e9ducatifs et culturels permettent aux jeunes de 8 \u00e0 18 ans d&#8217;explorer le monde tout en d\u00e9veloppant leurs comp\u00e9tences acad\u00e9miques et interculturelles. Immersion en anglais, d\u00e9couverte de nouvelles cultures et d\u00e9veloppement du leadership dans un cadre s\u00e9curis\u00e9 et enrichissant. Kenya, Rwanda,&#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-5547","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v26.6 (Yoast SEO v28.1) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Nos Programmes \u00c9ducatifs STEAM Bilingues | Sunu Thiossane<\/title>\n<meta name=\"description\" content=\"D\u00e9couvrez nos programmes \u00e9ducatifs STEAM bilingues pour jeunes 8-18 ans. \u00c9changes internationaux Kenya, Rwanda, Canada, Japon. Excellence acad\u00e9mique garantie.\" \/>\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\/our-programs\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Nos Programmes\" \/>\n<meta property=\"og:description\" content=\"D\u00e9couvrez nos programmes \u00e9ducatifs STEAM bilingues pour jeunes 8-18 ans. \u00c9changes internationaux Kenya, Rwanda, Canada, Japon. Excellence acad\u00e9mique garantie.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/sunuthiossane.org\/en\/our-programs\/\" \/>\n<meta property=\"og:site_name\" content=\"Sunu Thiossane\" \/>\n<meta property=\"article:modified_time\" content=\"2026-01-10T10:41:13+00:00\" \/>\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=\"25 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/sunuthiossane.org\\\/en\\\/our-programs\\\/\",\"url\":\"https:\\\/\\\/sunuthiossane.org\\\/en\\\/our-programs\\\/\",\"name\":\"Nos Programmes \u00c9ducatifs STEAM Bilingues | Sunu Thiossane\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/sunuthiossane.org\\\/#website\"},\"datePublished\":\"2025-12-26T19:32:48+00:00\",\"dateModified\":\"2026-01-10T10:41:13+00:00\",\"description\":\"D\u00e9couvrez nos programmes \u00e9ducatifs STEAM bilingues pour jeunes 8-18 ans. \u00c9changes internationaux Kenya, Rwanda, Canada, Japon. Excellence acad\u00e9mique garantie.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/sunuthiossane.org\\\/en\\\/our-programs\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/sunuthiossane.org\\\/en\\\/our-programs\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/sunuthiossane.org\\\/en\\\/our-programs\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/sunuthiossane.org\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Nos Programmes\"}]},{\"@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":"Our Bilingual STEAM Educational Programs | Sunu Thiossane","description":"Discover our bilingual STEAM educational programs for 8-18 year olds. International exchanges in Kenya, Rwanda, Canada and Japan. Academic excellence guaranteed.","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\/our-programs\/","og_locale":"en_US","og_type":"article","og_title":"Nos Programmes","og_description":"D\u00e9couvrez nos programmes \u00e9ducatifs STEAM bilingues pour jeunes 8-18 ans. \u00c9changes internationaux Kenya, Rwanda, Canada, Japon. Excellence acad\u00e9mique garantie.","og_url":"https:\/\/sunuthiossane.org\/en\/our-programs\/","og_site_name":"Sunu Thiossane","article_modified_time":"2026-01-10T10:41:13+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"25 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/sunuthiossane.org\/en\/our-programs\/","url":"https:\/\/sunuthiossane.org\/en\/our-programs\/","name":"Our Bilingual STEAM Educational Programs | Sunu Thiossane","isPartOf":{"@id":"https:\/\/sunuthiossane.org\/#website"},"datePublished":"2025-12-26T19:32:48+00:00","dateModified":"2026-01-10T10:41:13+00:00","description":"Discover our bilingual STEAM educational programs for 8-18 year olds. International exchanges in Kenya, Rwanda, Canada and Japan. Academic excellence guaranteed.","breadcrumb":{"@id":"https:\/\/sunuthiossane.org\/en\/our-programs\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/sunuthiossane.org\/en\/our-programs\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/sunuthiossane.org\/en\/our-programs\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/sunuthiossane.org\/"},{"@type":"ListItem","position":2,"name":"Nos Programmes"}]},{"@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\/5547","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=5547"}],"version-history":[{"count":34,"href":"https:\/\/sunuthiossane.org\/en\/wp-json\/wp\/v2\/pages\/5547\/revisions"}],"predecessor-version":[{"id":6509,"href":"https:\/\/sunuthiossane.org\/en\/wp-json\/wp\/v2\/pages\/5547\/revisions\/6509"}],"wp:attachment":[{"href":"https:\/\/sunuthiossane.org\/en\/wp-json\/wp\/v2\/media?parent=5547"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}