{"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":"<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-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\">\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-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\/en\/\" class=\"st-breadcrumb-item\">\r\n                HOME\r\n            <\/a>\r\n            <span class=\"st-breadcrumb-separator\">\/<\/span>\r\n            <span class=\"st-breadcrumb-item active\">\r\n              OUR PROGRAMS\r\n            <\/span>\r\n        <\/nav>\r\n\r\n        <!-- Page Title -->\r\n        <h1 class=\"st-page-title\"> STEAM Educational Programs and International Cultural Exchanges\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-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\">\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-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\">Our educational and cultural exchange programs enable young people aged 8 to 18 to explore the world while developing their academic and intercultural skills. Immersion in English, discovery of new cultures and leadership development in a safe and enriching environment. Kenya, Rwanda, Canada, Japan: exceptional destinations for transformative experiences.<\/p>\r\n        <div class=\"hero-buttons\">\r\n            <a href=\"#programmes\" class=\"btn btn-primary\">Discover the programs<\/a>\r\n            <a href=\"#banking\" class=\"btn btn-outline-dark\">Register now<\/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\">Values and Educational Objectives of our Programs<\/h2>\r\n        <p class=\"section-subtitle\">Our educational programs are built on four fundamental pillars to ensure a transformative experience.<\/p>\r\n        <div class=\"cards\">\r\n            <div class=\"card\">\r\n                <div class=\"card-icon\" >\ud83d\udd4c<\/div>\r\n                <h3>Spiritual dimension<\/h3>\r\n                <p>Supporting the spiritual and moral development of young people while respecting family values. Building a strong, balanced identity.<\/p>\r\n            <\/div>\r\n            <div class=\"card\">\r\n                <div class=\"card-icon\">\ud83c\udf93<\/div>\r\n                <h3>Academic Excellence<\/h3>\r\n                <p>High-quality, bilingual STEAM educational programs. Science, technology, engineering, arts and mathematics to prepare for today's challenges.<\/p>\r\n            <\/div>\r\n            <div class=\"card\">\r\n                <div class=\"card-icon\">\ud83c\udf0d<\/div>\r\n                <h3>Cultural openness<\/h3>\r\n                <p>Enriching cultural exchanges that encourage open-mindedness. Discover new cultures in our partner destinations in Africa, Asia and America.<\/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>Training in leadership and active citizenship. Development of communication, collaboration and creative problem-solving skills.<\/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\">OUR 2026 PROGRAMS<\/h2>\r\n        <p class=\"section-subtitle\">Discover our international programs and strategic projects<\/p>\r\n        \r\n        <!-- Tabs Navigation -->\r\n        <div class=\"tabs-nav\">\r\n            <button class=\"tab-btn active\" data-tab=\"programmes-tab\">International Programs<\/button>\r\n            <button class=\"tab-btn\" data-tab=\"projets-tab\">Strategic Projects<\/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>Tech &amp; Science program<\/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>Period<\/h4>\r\n                                <p>March 2026 (2 weeks)<\/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>Age of participants<\/h4>\r\n                                <p>Ages 8 to 17<\/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>Technology exchange, science and innovation for young people<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"programme-price\">\r\n                            <a href=\"https:\/\/sunuthiossane.org\/en\/cultural-exchange-trips\/program-kenya-%e2%86%92-rwanda\/\" class=\"btn btn-primary\" target=\"_blank\" style=\"width: 100%; display: block; text-align: center;\">Discover the program<\/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>Period<\/h4>\r\n                                <p>July 12 - August 1, 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>Age of participants<\/h4>\r\n                                <p>Ages 8 to 17<\/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>English immersion, camp activities (sports, arts, STEM)<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"programme-price\">\r\n                            <a href=\"https:\/\/sunuthiossane.org\/en\/cultural-exchange-trips\/canada-toronto-program\/\" class=\"btn btn-primary\" target=\"_blank\" style=\"width: 100%; display: block; text-align: center;\">See details<\/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>Japan<\/h3>\r\n                        <p>Education and Cultural Exchange<\/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>Period<\/h4>\r\n                                <p>December 22, 2026 - January 5, 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>Age of participants<\/h4>\r\n                                <p>8 to 18 years<\/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>Cities visited<\/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\/en\/cultural-exchange-trips\/japan-program\/\" class=\"btn btn-primary\" target=\"_blank\" style=\"width: 100%; display: block; text-align: center;\">More information<\/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>Exchange Trips<br>International<\/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\">April 2026 (2 weeks) - Focus: Technology exchange<\/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 - Toronto<\/strong>\r\n                                <div class=\"project-detail-text\">July 12 - August 1 - English immersion, 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>Japan - Tokyo &amp; Yokosuka<\/strong>\r\n                                <div class=\"project-detail-text\">December 22, 2026 - January 5, 2027 - Cultural immersion<\/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;\">Discover our trips<\/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>Summer Immersion Camp<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>Period<\/strong>\r\n                                <div class=\"project-detail-text\">August 3 - 31, 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>Opening hours<\/strong>\r\n                                <div class=\"project-detail-text\">Monday - Friday | 10h00 - 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>Activities<\/strong>\r\n                                <div class=\"project-detail-text\">English, Sports, Arts, Science, Technology, Robotics, Field Trips<\/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>Rates<\/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;\">Camp registration<\/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>Academy<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>Opening<\/strong>\r\n                                <div class=\"project-detail-text\">September 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\">Bilingual nursery \/ kindergarten<\/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>Location<\/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>Objective 1st year<\/strong>\r\n                                <div class=\"project-detail-text\">75 children enrolled with vision, mission and complete pricing structure<\/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;\">Discover the academy<\/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\">PROGRAM DETAILS<\/h2>\r\n        <p class=\"section-subtitle\">Everything included in your investment<\/p>\r\n        \r\n        <!-- Tabs Navigation -->\r\n        <div class=\"tabs-nav\">\r\n            <button class=\"tab-btn active\" data-tab=\"frais-tab\">Fees in detail<\/button>\r\n            <button class=\"tab-btn\" data-tab=\"inclus-tab\">What's Included<\/button>\r\n            <button class=\"tab-btn\" data-tab=\"hebergement-tab\">Accommodation &amp; Transport<\/button>\r\n            <button class=\"tab-btn\" data-tab=\"assurance-tab\">Insurance &amp; Security<\/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>Visa application processing fee (appointment and registration)<\/li>\r\n                <li>Round-trip group fares with optimized booking<\/li>\r\n                <li>Comprehensive educational and cultural activities<\/li>\r\n                <li>Partnerships with quality local organizations<\/li>\r\n                <li>Professional guided tours and excursions<\/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>Round-trip air ticket<\/li>\r\n                <li>Visa and appointment fees<\/li>\r\n                <li>Safe and comfortable accommodation<\/li>\r\n                <li>All meals (adapted local cuisine)<\/li>\r\n                <li>Local transport throughout stay<\/li>\r\n                <li>Comprehensive educational and cultural activities<\/li>\r\n                <li>Professional guidance and personalized mentoring<\/li>\r\n                <li>International medical insurance<\/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>Accommodation in secure, controlled facilities<\/li>\r\n                <li>Youth-friendly catering with a variety of options<\/li>\r\n                <li>Local transport organized for all trips<\/li>\r\n                <li>24-hour supervision by our qualified team<\/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>Comprehensive international medical insurance<\/li>\r\n                <li>Health coverage throughout your stay<\/li>\r\n                <li>Strict, compliant safety protocols<\/li>\r\n                <li>First-aid-trained supervisory team<\/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\">Timetable and Payment Terms<\/h2>\r\n        <p class=\"section-subtitle\">4-installment payment plan for easy access to our international educational programs.<\/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\">Japan<\/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>Kenya \u2192 Rwanda program<\/h3>\r\n                <div class=\"payment-total\">4.500.000 FCFA<\/div>\r\n                <div class=\"payment-subtitle\">Total in 4 instalments<\/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\">January 25, 2026<\/div>\r\n                        <div class=\"step-label-modern\">First payment<\/div>\r\n                        <div class=\"step-amount-modern\">500.000 FCFA<\/div>\r\n                        <span class=\"step-badge-modern non-remboursable\">NON-REFUNDABLE<\/span>\r\n                        <div class=\"step-description-modern\">Registration confirmation<\/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\">February 25, 2026<\/div>\r\n                        <div class=\"step-label-modern\">Second payment<\/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\">March 25, 2026<\/div>\r\n                        <div class=\"step-label-modern\">Third payment<\/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\">April 25, 2026<\/div>\r\n                        <div class=\"step-label-modern\">Fourth payment<\/div>\r\n                        <div class=\"step-amount-modern\">1,333,334 FCFA<\/div>\r\n                        <span class=\"step-badge-modern final\">FINAL PAYMENT<\/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>Canada Program (Toronto)<\/h3>\r\n                <div class=\"payment-total\">5.000.000 FCFA<\/div>\r\n                <div class=\"payment-subtitle\">Total in 4 instalments<\/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\">January 25, 2026<\/div>\r\n                        <div class=\"step-label-modern\">First payment<\/div>\r\n                        <div class=\"step-amount-modern\">500.000 FCFA<\/div>\r\n                        <span class=\"step-badge-modern non-remboursable\">NON-REFUNDABLE<\/span>\r\n                        <div class=\"step-description-modern\">Registration confirmation<\/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\">February 25, 2026<\/div>\r\n                        <div class=\"step-label-modern\">Second payment<\/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\">March 25, 2026<\/div>\r\n                        <div class=\"step-label-modern\">Third payment<\/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\">April 25, 2026<\/div>\r\n                        <div class=\"step-label-modern\">Fourth payment<\/div>\r\n                        <div class=\"step-amount-modern\">1.500.000 FCFA<\/div>\r\n                        <span class=\"step-badge-modern final\">FINAL PAYMENT<\/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>Japan program (Tokyo)<\/h3>\r\n                <div class=\"payment-total\">4.500.000 FCFA<\/div>\r\n                <div class=\"payment-subtitle\">Total in 4 instalments<\/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\">January 25, 2026<\/div>\r\n                        <div class=\"step-label-modern\">First payment<\/div>\r\n                        <div class=\"step-amount-modern\">500.000 FCFA<\/div>\r\n                        <span class=\"step-badge-modern non-remboursable\">NON-REFUNDABLE<\/span>\r\n                        <div class=\"step-description-modern\">Registration confirmation<\/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\">February 25, 2026<\/div>\r\n                        <div class=\"step-label-modern\">Second payment<\/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\">March 25, 2026<\/div>\r\n                        <div class=\"step-label-modern\">Third payment<\/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\">April 25, 2026<\/div>\r\n                        <div class=\"step-label-modern\">Fourth payment<\/div>\r\n                        <div class=\"step-amount-modern\">1,333,334 FCFA<\/div>\r\n                        <span class=\"step-badge-modern final\">FINAL PAYMENT<\/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 information:<\/strong> The first payment of 500,000 FCFA is non-refundable and confirms your registration for the program. Full payment of 90% of the total price must be received no later than 45 days before the departure date.<\/p>\r\n        <\/div>\r\n\r\n        <!-- Tableau comparatif -->\r\n        <div class=\"payment-comparison-table\">\r\n            <h3>\ud83d\udcca Comparison of Payment Methods<\/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>1st: 500,000 FCFA<\/div>\r\n                        <div>2nd-3rd: 1,333,333 FCFA<\/div>\r\n                        <div>4th: 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>1st: 500,000 FCFA<\/div>\r\n                        <div>2nd-4th: 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\">Japan<\/div>\r\n                    <div class=\"comparison-price\">4.500.000 FCFA<\/div>\r\n                    <div class=\"comparison-details\">\r\n                        <div>1st: 500,000 FCFA<\/div>\r\n                        <div>2nd-3rd: 1,333,333 FCFA<\/div>\r\n                        <div>4th: 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\">BANK DETAILS<\/h2>\r\n        <p class=\"section-subtitle\">Official contact details for secure payments<\/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 Bank transfer<\/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\">Bank :<\/span>\r\n                    <span class=\"bank-value\">Islamic Bank of Senegal<\/span>\r\n                <\/div>\r\n                <div class=\"bank-detail\">\r\n                    <span class=\"bank-label\">Location:<\/span>\r\n                    <span class=\"bank-value\">Ngor Almadies, Villa N\u00b005<br>Dakar - Senegal<\/span>\r\n                <\/div>\r\n                <div class=\"account-number\">\r\n                    <small>Account number<\/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>Wave payment<\/h3>\r\n                <div class=\"bank-detail\">\r\n                    <span class=\"bank-label\">Account name :<\/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\">Wave number :<\/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 information:<\/strong> After payment, please send a screenshot of the transaction via WhatsApp to +221 XX XXX XX XX with the participant's name.<\/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>Mobile Money Payment<\/h3>\r\n                <div class=\"bank-detail\">\r\n                    <span class=\"bank-label\">Account name :<\/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\">Orange Money number :<\/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 information:<\/strong> After payment, please send a screenshot of the transaction via WhatsApp to +221 XX XXX XX XX with the participant's name.<\/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\">OUR COMMITMENT<\/h2>\r\n            <p class=\"cta-description\">The Sunu Thiossane Cultural Exchange Program is committed to providing a comprehensive, safe and transformative educational experience, enabling young people to broaden their horizons and become responsible, open-minded and engaged citizens in a globalized world.<\/p>\r\n            \r\n            <div class=\"cta-buttons\">\r\n                <a href=\"https:\/\/sunuthiossane.org\/en\/admission\/\" class=\"btn btn-primary btn-large\">Online pre-registration<\/a>\r\n                <a href=\"https:\/\/sunuthiossane.org\/wp-content\/uploads\/2025\/12\/brochure.pdf\" class=\"btn btn-outline-white btn-large\" target=\"_blank\">Download PDF brochure<\/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>Payment by instalments available<\/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>Advisor available for your 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>","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 v26.6) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\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\/nos-programmes\/\",\"url\":\"https:\/\/sunuthiossane.org\/nos-programmes\/\",\"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\/nos-programmes\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/sunuthiossane.org\/nos-programmes\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/sunuthiossane.org\/nos-programmes\/#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\/nos-programmes\/","url":"https:\/\/sunuthiossane.org\/nos-programmes\/","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\/nos-programmes\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/sunuthiossane.org\/nos-programmes\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/sunuthiossane.org\/nos-programmes\/#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}]}}