{"id":6075,"date":"2026-01-01T20:17:22","date_gmt":"2026-01-01T20:17:22","guid":{"rendered":"https:\/\/sunuthiossane.org\/?page_id=6075"},"modified":"2026-01-05T13:09:04","modified_gmt":"2026-01-05T13:09:04","slug":"admission","status":"publish","type":"page","link":"https:\/\/sunuthiossane.org\/en\/admission\/","title":{"rendered":"Admission"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"6075\" class=\"elementor elementor-6075\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-0f1e9d9 elementor-section-stretched elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"0f1e9d9\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;,&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-5bf1f3e\" data-id=\"5bf1f3e\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-4ba8923 elementor-widget elementor-widget-html\" data-id=\"4ba8923\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700&family=Poppins:wght@300;400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n    :root {\r\n        --st-primary-orange: #E89B4E;\r\n        --st-primary-brown: #8B6F47;\r\n        --st-dark-brown: #5A4A35;\r\n        --st-font-primary: 'Inter', sans-serif;\r\n        --st-font-heading: 'Poppins', sans-serif;\r\n    }\r\n\r\n    \/* PAGE HEADER *\/\r\n    .st-page-header {\r\n        position: relative;\r\n        min-height: 400px;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        background-image: url('https:\/\/sunuthiossane.org\/wp-content\/uploads\/2026\/01\/SUNU-THIOSSANE-YOUTH-ORGANISATION-57.jpeg');\r\n        background-size: cover;\r\n        background-position: center;\r\n        background-repeat: no-repeat;\r\n        overflow: hidden;\r\n        width: 100vw;\r\n        margin-left: calc(50% - 50vw);\r\n        margin-right: calc(50% - 50vw);\r\n    }\r\n\r\n    \/* Overlay gradient *\/\r\n    .st-page-header::before {\r\n        content: '';\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        right: 0;\r\n        bottom: 0;\r\n        background: linear-gradient(\r\n            135deg,\r\n            rgba(90, 74, 53, 0.92) 0%,\r\n            rgba(139, 111, 71, 0.88) 50%,\r\n            rgba(90, 74, 53, 0.92) 100%\r\n        );\r\n        z-index: 1;\r\n    }\r\n\r\n    \/* Pattern overlay *\/\r\n    .st-page-header::after {\r\n        content: '';\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        right: 0;\r\n        bottom: 0;\r\n        background-image: \r\n            repeating-linear-gradient(\r\n                45deg,\r\n                transparent,\r\n                transparent 10px,\r\n                rgba(255, 255, 255, 0.02) 10px,\r\n                rgba(255, 255, 255, 0.02) 20px\r\n            );\r\n        z-index: 2;\r\n    }\r\n\r\n    .st-page-header-content {\r\n        position: relative;\r\n        z-index: 3;\r\n        text-align: center;\r\n        max-width: 1200px;\r\n        padding: 0 2rem;\r\n        animation: fadeInUp 0.8s ease;\r\n    }\r\n\r\n    @keyframes fadeInUp {\r\n        from {\r\n            opacity: 0;\r\n            transform: translateY(30px);\r\n        }\r\n        to {\r\n            opacity: 1;\r\n            transform: translateY(0);\r\n        }\r\n    }\r\n\r\n    \/* BREADCRUMB *\/\r\n    .st-breadcrumb {\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        gap: 0.75rem;\r\n        margin-bottom: 1.5rem;\r\n        font-size: 0.95rem;\r\n        flex-wrap: wrap;\r\n    }\r\n\r\n    .st-breadcrumb-item {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 0.75rem;\r\n        color: rgba(255, 255, 255, 0.8);\r\n        text-decoration: none;\r\n        transition: all 0.3s ease;\r\n    }\r\n\r\n    .st-breadcrumb-item:hover {\r\n        color: var(--st-primary-orange);\r\n    }\r\n\r\n    .st-breadcrumb-separator {\r\n        color: rgba(255, 255, 255, 0.4);\r\n        font-size: 0.9rem;\r\n    }\r\n\r\n    .st-breadcrumb-item.active {\r\n        color: var(--st-primary-orange);\r\n        font-weight: 500;\r\n        pointer-events: none;\r\n    }\r\n\r\n    \/* PAGE TITLE *\/\r\n    .st-page-title {\r\n        font-family: var(--st-font-heading);\r\n        font-size: 2.5rem;\r\n        font-weight: 800;\r\n        color: white;\r\n        margin-bottom: 1rem;\r\n        line-height: 1.2;\r\n        text-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);\r\n        letter-spacing: -0.5px;\r\n    }\r\n\r\n    .st-page-subtitle {\r\n        font-size: 1.2rem;\r\n        color: rgba(255, 255, 255, 0.9);\r\n        max-width: 700px;\r\n        margin: 0 auto;\r\n        line-height: 1.6;\r\n        font-weight: 400;\r\n    }\r\n\r\n    \/* RESPONSIVE *\/\r\n    @media (max-width: 768px) {\r\n        .st-page-header {\r\n            min-height: 320px;\r\n        }\r\n\r\n        .st-page-title {\r\n            font-size: 2.2rem;\r\n        }\r\n\r\n        .st-page-subtitle {\r\n            font-size: 1rem;\r\n        }\r\n\r\n        .st-breadcrumb {\r\n            font-size: 0.85rem;\r\n            gap: 0.5rem;\r\n        }\r\n    }\r\n\r\n    @media (max-width: 480px) {\r\n        .st-page-header {\r\n            min-height: 280px;\r\n        }\r\n\r\n        .st-page-title {\r\n            font-size: 1.8rem;\r\n        }\r\n\r\n        .st-page-subtitle {\r\n            font-size: 0.95rem;\r\n        }\r\n\r\n        .st-page-header-content {\r\n            padding: 0 1.5rem;\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<!-- PAGE HEADER -->\r\n<div class=\"st-page-header\">\r\n    <div class=\"st-page-header-content\">\r\n        \r\n        <!-- Breadcrumb -->\r\n        <nav class=\"st-breadcrumb\" aria-label=\"Breadcrumb\">\r\n            <a href=\"https:\/\/sunuthiossane.org\/\/\" class=\"st-breadcrumb-item\">\r\n                ACCUEIL\r\n            <\/a>\r\n            <span class=\"st-breadcrumb-separator\">\/<\/span>\r\n            <span class=\"st-breadcrumb-item active\">\r\n               ADMISSION EN LIGNE\r\n            <\/span>\r\n        <\/nav>\r\n\r\n        <!-- Page Title -->\r\n        <h1 class=\"st-page-title\">ADMISSION EN LIGNE<\/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-e186bdb elementor-section-stretched elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"e186bdb\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;,&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-52558a1\" data-id=\"52558a1\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-62c817a elementor-widget elementor-widget-html\" data-id=\"62c817a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t        <!-- FORMULAIRE D'ADMISSION SUNU THIOSSANE -->\r\n        <!-- \u00c0 coller dans un Widget HTML Elementor -->\r\n        \r\n        <style>\r\n            body, .st-admission-wrapper, .st-contact-wrapper {\r\n         font-family: 'Poppins', Arial, sans-serif;\r\n        }\r\n        \r\n        \/* ============================================\r\n           VARIABLES & CHARTE GRAPHIQUE SUNU THIOSSANE\r\n           ============================================ *\/\r\n        :root {\r\n          --st-primary: #8B6F47;      \/* Brun baobab *\/\r\n          --st-secondary: #E89F3C;    \/* Orange soleil *\/\r\n          --st-dark: #5C4A2F;         \/* Brun fonc\u00e9 *\/\r\n          --st-light: #F5F1EB;        \/* Beige clair *\/\r\n          --st-accent: #C77D2E;       \/* Orange terre *\/\r\n          --st-success: #6B8E23;      \/* Vert nature *\/\r\n          --st-error: #C44536;        \/* Rouge discret *\/\r\n          --st-border: #D4C5B0;       \/* Bordure neutre *\/\r\n          --st-shadow: rgba(139, 111, 71, 0.15);\r\n        }\r\n        \r\n        \/* ============================================\r\n           CONTENEUR PRINCIPAL\r\n           ============================================ *\/\r\n        .st-admission-wrapper {\r\n          max-width: 900px;\r\n          margin: 0 auto;\r\n          padding: 20px;\r\n          font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\r\n          color: var(--st-dark);\r\n          background: #fff;\r\n        }\r\n        \r\n        \/* ============================================\r\n           EN-T\u00caTE INSTITUTIONNEL\r\n           ============================================ *\/\r\n        .st-admission-header {\r\n          text-align: center;\r\n          padding: 30px 20px;\r\n          background: linear-gradient(135deg, var(--st-light) 0%, #fff 100%);\r\n          border-bottom: 3px solid var(--st-secondary);\r\n          margin-bottom: 40px;\r\n          border-radius: 8px 8px 0 0;\r\n        }\r\n        \r\n        .st-admission-header h1 {\r\n          font-size: 28px;\r\n          color: var(--st-primary);\r\n          margin: 0 0 10px 0;\r\n          font-weight: 600;\r\n          letter-spacing: 0.5px;\r\n        }\r\n        \r\n        .st-admission-header p {\r\n          color: var(--st-dark);\r\n          font-size: 15px;\r\n          margin: 0;\r\n          opacity: 0.85;\r\n        }\r\n        \r\n        \/* ============================================\r\n           BARRE DE PROGRESSION\r\n           ============================================ *\/\r\n        .st-progress-container {\r\n          margin-bottom: 40px;\r\n          padding: 0 20px;\r\n        }\r\n        \r\n        .st-progress-steps {\r\n          display: flex;\r\n          justify-content: space-between;\r\n          position: relative;\r\n          margin-bottom: 15px;\r\n        }\r\n        \r\n        .st-progress-steps::before {\r\n          content: '';\r\n          position: absolute;\r\n          top: 20px;\r\n          left: 0;\r\n          right: 0;\r\n          height: 3px;\r\n          background: var(--st-border);\r\n          z-index: 0;\r\n        }\r\n        \r\n        .st-progress-line {\r\n          position: absolute;\r\n          top: 20px;\r\n          left: 0;\r\n          height: 3px;\r\n          background: linear-gradient(90deg, var(--st-primary), var(--st-secondary));\r\n          transition: width 0.4s ease;\r\n          z-index: 1;\r\n        }\r\n        \r\n        .st-progress-step {\r\n          position: relative;\r\n          z-index: 2;\r\n          text-align: center;\r\n          flex: 1;\r\n        }\r\n        \r\n        .st-progress-circle {\r\n          width: 42px;\r\n          height: 42px;\r\n          border-radius: 50%;\r\n          background: #fff;\r\n          border: 3px solid var(--st-border);\r\n          display: flex;\r\n          align-items: center;\r\n          justify-content: center;\r\n          margin: 0 auto 8px;\r\n          font-weight: 600;\r\n          font-size: 16px;\r\n          color: var(--st-dark);\r\n          transition: all 0.3s ease;\r\n        }\r\n        \r\n        .st-progress-step.active .st-progress-circle {\r\n          background: var(--st-secondary);\r\n          border-color: var(--st-secondary);\r\n          color: #fff;\r\n          box-shadow: 0 4px 12px var(--st-shadow);\r\n          transform: scale(1.1);\r\n        }\r\n        \r\n        .st-progress-step.completed .st-progress-circle {\r\n          background: var(--st-primary);\r\n          border-color: var(--st-primary);\r\n          color: #fff;\r\n        }\r\n        \r\n        .st-progress-label {\r\n          font-size: 12px;\r\n          color: var(--st-dark);\r\n          opacity: 0.7;\r\n          font-weight: 500;\r\n        }\r\n        \r\n        .st-progress-step.active .st-progress-label {\r\n          opacity: 1;\r\n          color: var(--st-primary);\r\n          font-weight: 600;\r\n        }\r\n        \r\n        \/* ============================================\r\n           FORMULAIRE - \u00c9TAPES\r\n           ============================================ *\/\r\n        .st-form-step {\r\n          display: none;\r\n          animation: st-fadeIn 0.4s ease;\r\n        }\r\n        \r\n        .st-form-step.active {\r\n          display: block;\r\n        }\r\n        \r\n        @keyframes st-fadeIn {\r\n          from { opacity: 0; transform: translateY(10px); }\r\n          to { opacity: 1; transform: translateY(0); }\r\n        }\r\n        \r\n        .st-form-section {\r\n          background: var(--st-light);\r\n          padding: 30px;\r\n          border-radius: 8px;\r\n          margin-bottom: 20px;\r\n          border: 1px solid var(--st-border);\r\n        }\r\n        \r\n        .st-form-section h3 {\r\n          color: var(--st-primary);\r\n          font-size: 20px;\r\n          margin: 0 0 20px 0;\r\n          padding-bottom: 12px;\r\n          border-bottom: 2px solid var(--st-secondary);\r\n          font-weight: 600;\r\n        }\r\n        \r\n        \/* ============================================\r\n           CHAMPS DE FORMULAIRE\r\n           ============================================ *\/\r\n        .st-form-row {\r\n          display: grid;\r\n          grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\r\n          gap: 20px;\r\n          margin-bottom: 20px;\r\n        }\r\n        \r\n        .st-form-group {\r\n          display: flex;\r\n          flex-direction: column;\r\n        }\r\n        \r\n        .st-form-group label {\r\n          font-weight: 500;\r\n          color: var(--st-dark);\r\n          margin-bottom: 8px;\r\n          font-size: 14px;\r\n        }\r\n        \r\n        .st-form-group label .st-required {\r\n          color: var(--st-error);\r\n          margin-left: 3px;\r\n        }\r\n        \r\n        .st-form-group input,\r\n        .st-form-group select,\r\n        .st-form-group textarea {\r\n          padding: 12px 15px;\r\n          border: 2px solid var(--st-border);\r\n          border-radius: 6px;\r\n          font-size: 15px;\r\n          font-family: inherit;\r\n          transition: all 0.3s ease;\r\n          background: #fff;\r\n          color: var(--st-dark);\r\n        }\r\n        \r\n        .st-form-group input:focus,\r\n        .st-form-group select:focus,\r\n        .st-form-group textarea:focus {\r\n          outline: none;\r\n          border-color: var(--st-secondary);\r\n          box-shadow: 0 0 0 3px rgba(232, 159, 60, 0.1);\r\n        }\r\n        \r\n        .st-form-group textarea {\r\n          min-height: 100px;\r\n          resize: vertical;\r\n        }\r\n        \r\n        .st-form-group input[type=\"file\"] {\r\n          padding: 10px;\r\n          border-style: dashed;\r\n          cursor: pointer;\r\n        }\r\n        \r\n        .st-form-group.error input,\r\n        .st-form-group.error select,\r\n        .st-form-group.error textarea {\r\n          border-color: var(--st-error);\r\n        }\r\n        \r\n        .st-error-message {\r\n          color: var(--st-error);\r\n          font-size: 13px;\r\n          margin-top: 5px;\r\n          display: none;\r\n        }\r\n        \r\n        .st-form-group.error .st-error-message {\r\n          display: block;\r\n        }\r\n        \r\n        \/* ============================================\r\n           CHAMPS CONDITIONNELS\r\n           ============================================ *\/\r\n        .st-conditional-fields {\r\n          display: none;\r\n          margin-top: 20px;\r\n          padding: 20px;\r\n          background: #fff;\r\n          border-radius: 6px;\r\n          border: 2px dashed var(--st-secondary);\r\n        }\r\n        \r\n        .st-conditional-fields.visible {\r\n          display: block;\r\n          animation: st-fadeIn 0.3s ease;\r\n        }\r\n        \r\n        \/* ============================================\r\n           UPLOAD DE FICHIERS\r\n           ============================================ *\/\r\n        .st-file-info {\r\n          font-size: 12px;\r\n          color: var(--st-dark);\r\n          opacity: 0.7;\r\n          margin-top: 5px;\r\n        }\r\n        \r\n        .st-file-preview {\r\n          margin-top: 10px;\r\n          padding: 10px;\r\n          background: #fff;\r\n          border-radius: 4px;\r\n          border: 1px solid var(--st-border);\r\n          font-size: 13px;\r\n          color: var(--st-primary);\r\n          display: none;\r\n        }\r\n        \r\n        .st-file-preview.visible {\r\n          display: block;\r\n        }\r\n        \r\n        \/* ============================================\r\n           CASES \u00c0 COCHER\r\n           ============================================ *\/\r\n        .st-checkbox-group {\r\n          display: flex;\r\n          align-items: flex-start;\r\n          gap: 12px;\r\n          padding: 20px;\r\n          background: #fff;\r\n          border-radius: 6px;\r\n          border: 2px solid var(--st-border);\r\n          margin-bottom: 15px;\r\n          cursor: pointer;\r\n          transition: all 0.3s ease;\r\n        }\r\n        \r\n        .st-checkbox-group:hover {\r\n          border-color: var(--st-secondary);\r\n          background: var(--st-light);\r\n        }\r\n        \r\n        .st-checkbox-group input[type=\"checkbox\"] {\r\n          width: 20px;\r\n          height: 20px;\r\n          cursor: pointer;\r\n          accent-color: var(--st-primary);\r\n          flex-shrink: 0;\r\n          margin-top: 2px;\r\n        }\r\n        \r\n        .st-checkbox-group label {\r\n          cursor: pointer;\r\n          font-size: 14px;\r\n          line-height: 1.6;\r\n          margin: 0;\r\n        }\r\n        \r\n        \/* ============================================\r\n           BOUTONS DE NAVIGATION\r\n           ============================================ *\/\r\n        .st-form-navigation {\r\n          display: flex;\r\n          justify-content: space-between;\r\n          gap: 15px;\r\n          margin-top: 30px;\r\n          padding-top: 20px;\r\n          border-top: 2px solid var(--st-border);\r\n        }\r\n        \r\n        .st-btn {\r\n          padding: 14px 35px;\r\n          border: none;\r\n          border-radius: 6px;\r\n          font-size: 16px;\r\n          font-weight: 600;\r\n          cursor: pointer;\r\n          transition: all 0.3s ease;\r\n          font-family: inherit;\r\n          display: inline-flex;\r\n          align-items: center;\r\n          gap: 8px;\r\n        }\r\n        \r\n        .st-btn-primary {\r\n          background: linear-gradient(135deg, var(--st-primary), var(--st-accent));\r\n          color: #fff;\r\n          box-shadow: 0 4px 12px var(--st-shadow);\r\n        }\r\n        \r\n        .st-btn-primary:hover {\r\n          transform: translateY(-2px);\r\n          box-shadow: 0 6px 20px var(--st-shadow);\r\n        }\r\n        \r\n        .st-btn-secondary {\r\n          background: #fff;\r\n          color: var(--st-primary);\r\n          border: 2px solid var(--st-primary);\r\n        }\r\n        \r\n        .st-btn-secondary:hover {\r\n          background: var(--st-light);\r\n        }\r\n        \r\n        .st-btn-submit {\r\n          background: linear-gradient(135deg, var(--st-secondary), var(--st-accent));\r\n          color: #fff;\r\n          box-shadow: 0 4px 12px rgba(232, 159, 60, 0.3);\r\n          padding: 16px 45px;\r\n          font-size: 18px;\r\n        }\r\n        \r\n        .st-btn-submit:hover {\r\n          transform: translateY(-2px);\r\n          box-shadow: 0 6px 24px rgba(232, 159, 60, 0.4);\r\n        }\r\n        \r\n        .st-btn:disabled {\r\n          opacity: 0.5;\r\n          cursor: not-allowed;\r\n          transform: none !important;\r\n        }\r\n        \r\n        \/* ============================================\r\n           MESSAGES & ALERTES\r\n           ============================================ *\/\r\n        .st-alert {\r\n          padding: 15px 20px;\r\n          border-radius: 6px;\r\n          margin-bottom: 20px;\r\n          display: none;\r\n          animation: st-fadeIn 0.3s ease;\r\n        }\r\n        \r\n        .st-alert.visible {\r\n          display: block;\r\n        }\r\n        \r\n        .st-alert-success {\r\n          background: rgba(107, 142, 35, 0.1);\r\n          border: 2px solid var(--st-success);\r\n          color: var(--st-success);\r\n        }\r\n        \r\n        .st-alert-error {\r\n          background: rgba(196, 69, 54, 0.1);\r\n          border: 2px solid var(--st-error);\r\n          color: var(--st-error);\r\n        }\r\n        \r\n        .st-alert-info {\r\n          background: rgba(232, 159, 60, 0.1);\r\n          border: 2px solid var(--st-secondary);\r\n          color: var(--st-accent);\r\n        }\r\n        \r\n        \/* ============================================\r\n           LOADER\r\n           ============================================ *\/\r\n        .st-loader {\r\n          display: none;\r\n          text-align: center;\r\n          padding: 40px;\r\n        }\r\n        \r\n        .st-loader.visible {\r\n          display: block;\r\n        }\r\n        \r\n        .st-spinner {\r\n          border: 4px solid var(--st-light);\r\n          border-top: 4px solid var(--st-secondary);\r\n          border-radius: 50%;\r\n          width: 50px;\r\n          height: 50px;\r\n          animation: st-spin 1s linear infinite;\r\n          margin: 0 auto 15px;\r\n        }\r\n        \r\n        @keyframes st-spin {\r\n          0% { transform: rotate(0deg); }\r\n          100% { transform: rotate(360deg); }\r\n        }\r\n        \r\n        \/* ============================================\r\n           RESPONSIVE\r\n           ============================================ *\/\r\n        @media (max-width: 768px) {\r\n          .st-admission-header h1 {\r\n            font-size: 22px;\r\n          }\r\n          \r\n          .st-form-section {\r\n            padding: 20px;\r\n          }\r\n          \r\n          .st-form-row {\r\n            grid-template-columns: 1fr;\r\n          }\r\n          \r\n          .st-progress-label {\r\n            font-size: 10px;\r\n          }\r\n          \r\n          .st-progress-circle {\r\n            width: 36px;\r\n            height: 36px;\r\n            font-size: 14px;\r\n          }\r\n          \r\n          .st-form-navigation {\r\n            flex-direction: column;\r\n          }\r\n          \r\n          .st-btn {\r\n            width: 100%;\r\n            justify-content: center;\r\n          }\r\n        }\r\n        \r\n        @media (max-width: 480px) {\r\n          .st-admission-wrapper {\r\n            padding: 10px;\r\n          }\r\n          \r\n          .st-admission-header {\r\n            padding: 20px 15px;\r\n          }\r\n          \r\n          .st-form-section {\r\n            padding: 15px;\r\n          }\r\n        }\r\n        <\/style>\r\n        \r\n        <div class=\"st-admission-wrapper\">\r\n          <!-- EN-T\u00caTE -->\r\n          <div class=\"st-admission-header\">\r\n            <h1>Formulaire d'Admission en Ligne<\/h1>\r\n            <p>Sunu Thiossane - Excellence \u00c9ducative & \u00c9changes Culturels<\/p>\r\n          <\/div>\r\n        \r\n          <!-- BARRE DE PROGRESSION -->\r\n          <div class=\"st-progress-container\">\r\n            <div class=\"st-progress-steps\">\r\n              <div class=\"st-progress-line\" id=\"stProgressLine\"><\/div>\r\n              <div class=\"st-progress-step active\" data-step=\"1\">\r\n                <div class=\"st-progress-circle\">1<\/div>\r\n                <div class=\"st-progress-label\">\u00c9l\u00e8ve<\/div>\r\n              <\/div>\r\n              <div class=\"st-progress-step\" data-step=\"2\">\r\n                <div class=\"st-progress-circle\">2<\/div>\r\n                <div class=\"st-progress-label\">Parent<\/div>\r\n              <\/div>\r\n              <div class=\"st-progress-step\" data-step=\"3\">\r\n                <div class=\"st-progress-circle\">3<\/div>\r\n                <div class=\"st-progress-label\">Acad\u00e9mique<\/div>\r\n              <\/div>\r\n              <div class=\"st-progress-step\" data-step=\"4\">\r\n                <div class=\"st-progress-circle\">4<\/div>\r\n                <div class=\"st-progress-label\">Programme<\/div>\r\n              <\/div>\r\n              <div class=\"st-progress-step\" data-step=\"5\">\r\n                <div class=\"st-progress-circle\">5<\/div>\r\n                <div class=\"st-progress-label\">Documents<\/div>\r\n              <\/div>\r\n              <div class=\"st-progress-step\" data-step=\"6\">\r\n                <div class=\"st-progress-circle\">6<\/div>\r\n                <div class=\"st-progress-label\">Confirmation<\/div>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n        \r\n          <!-- MESSAGES D'ALERTE -->\r\n          <div id=\"stAlertContainer\"><\/div>\r\n        \r\n          <!-- FORMULAIRE -->\r\n          <form id=\"stAdmissionForm\" novalidate>\r\n            \r\n            <!-- \u00c9TAPE 1 : INFORMATIONS \u00c9L\u00c8VE -->\r\n            <div class=\"st-form-step active\" data-step=\"1\">\r\n              <div class=\"st-form-section\">\r\n                <h3>Informations de l'\u00c9l\u00e8ve<\/h3>\r\n                \r\n                <div class=\"st-form-row\">\r\n                  <div class=\"st-form-group\">\r\n                    <label for=\"stFirstName\">Pr\u00e9nom <span class=\"st-required\">*<\/span><\/label>\r\n                    <input type=\"text\" id=\"stFirstName\" name=\"first_name\" required>\r\n                    <span class=\"st-error-message\">Ce champ est obligatoire<\/span>\r\n                  <\/div>\r\n                  \r\n                  <div class=\"st-form-group\">\r\n                    <label for=\"stLastName\">Nom <span class=\"st-required\">*<\/span><\/label>\r\n                    <input type=\"text\" id=\"stLastName\" name=\"last_name\" required>\r\n                    <span class=\"st-error-message\">Ce champ est obligatoire<\/span>\r\n                  <\/div>\r\n                <\/div>\r\n        \r\n                <div class=\"st-form-row\">\r\n                  <div class=\"st-form-group\">\r\n                    <label for=\"stGender\">Sexe <span class=\"st-required\">*<\/span><\/label>\r\n                    <select id=\"stGender\" name=\"gender\" required>\r\n                      <option value=\"\">S\u00e9lectionnez<\/option>\r\n                      <option value=\"M\">Homme<\/option>\r\n                      <option value=\"F\">Femme<\/option>\r\n                    <\/select>\r\n                    <span class=\"st-error-message\">Ce champ est obligatoire<\/span>\r\n                  <\/div>\r\n                  \r\n                  <div class=\"st-form-group\">\r\n                    <label for=\"stBirthDate\">Date de naissance <span class=\"st-required\">*<\/span><\/label>\r\n                    <input type=\"date\" id=\"stBirthDate\" name=\"birth_date\" required>\r\n                    <span class=\"st-error-message\">Ce champ est obligatoire<\/span>\r\n                  <\/div>\r\n                <\/div>\r\n        \r\n                <div class=\"st-form-row\">\r\n                  <div class=\"st-form-group\">\r\n                    <label for=\"stBirthPlace\">Lieu de naissance <span class=\"st-required\">*<\/span><\/label>\r\n                    <input type=\"text\" id=\"stBirthPlace\" name=\"birth_place\" required>\r\n                    <span class=\"st-error-message\">Ce champ est obligatoire<\/span>\r\n                  <\/div>\r\n                  \r\n                  <div class=\"st-form-group\">\r\n                    <label for=\"stNationality\">Nationalit\u00e9 <span class=\"st-required\">*<\/span><\/label>\r\n                    <input type=\"text\" id=\"stNationality\" name=\"nationality\" required>\r\n                    <span class=\"st-error-message\">Ce champ est obligatoire<\/span>\r\n                  <\/div>\r\n                <\/div>\r\n        \r\n                <div class=\"st-form-row\">\r\n                  <div class=\"st-form-group\">\r\n                    <label for=\"stAddress\">Adresse compl\u00e8te <span class=\"st-required\">*<\/span><\/label>\r\n                    <input type=\"text\" id=\"stAddress\" name=\"address\" required>\r\n                    <span class=\"st-error-message\">Ce champ est obligatoire<\/span>\r\n                  <\/div>\r\n                <\/div>\r\n        \r\n                <div class=\"st-form-row\">\r\n                  <div class=\"st-form-group\">\r\n                    <label for=\"stCity\">Ville <span class=\"st-required\">*<\/span><\/label>\r\n                    <input type=\"text\" id=\"stCity\" name=\"city\" required>\r\n                    <span class=\"st-error-message\">Ce champ est obligatoire<\/span>\r\n                  <\/div>\r\n                  \r\n                  <div class=\"st-form-group\">\r\n                    <label for=\"stCountry\">Pays <span class=\"st-required\">*<\/span><\/label>\r\n                    <input type=\"text\" id=\"stCountry\" name=\"country\" required>\r\n                    <span class=\"st-error-message\">Ce champ est obligatoire<\/span>\r\n                  <\/div>\r\n                <\/div>\r\n        \r\n                <div class=\"st-form-row\">\r\n                  <div class=\"st-form-group\">\r\n                    <label for=\"stPhone\">T\u00e9l\u00e9phone <span class=\"st-required\">*<\/span><\/label>\r\n                    <input type=\"tel\" id=\"stPhone\" name=\"phone\" required>\r\n                    <span class=\"st-error-message\">Num\u00e9ro invalide<\/span>\r\n                  <\/div>\r\n                  \r\n                  <div class=\"st-form-group\">\r\n                    <label for=\"stEmail\">Email <span class=\"st-required\">*<\/span><\/label>\r\n                    <input type=\"email\" id=\"stEmail\" name=\"email\" required>\r\n                    <span class=\"st-error-message\">Email invalide<\/span>\r\n                  <\/div>\r\n                <\/div>\r\n              <\/div>\r\n        \r\n              <div class=\"st-form-navigation\">\r\n                <div><\/div>\r\n                <button type=\"button\" class=\"st-btn st-btn-primary\" onclick=\"stNextStep()\">\r\n                  Suivant \u2192\r\n                <\/button>\r\n              <\/div>\r\n            <\/div>\r\n        \r\n            <!-- \u00c9TAPE 2 : INFORMATIONS PARENT -->\r\n            <div class=\"st-form-step\" data-step=\"2\">\r\n              <div class=\"st-form-section\">\r\n                <h3>Informations Parent \/ Tuteur<\/h3>\r\n                \r\n                <div class=\"st-form-row\">\r\n                  <div class=\"st-form-group\">\r\n                    <label for=\"stParentName\">Nom et pr\u00e9nom <span class=\"st-required\">*<\/span><\/label>\r\n                    <input type=\"text\" id=\"stParentName\" name=\"parent_name\" required>\r\n                    <span class=\"st-error-message\">Ce champ est obligatoire<\/span>\r\n                  <\/div>\r\n                  \r\n                  <div class=\"st-form-group\">\r\n                    <label for=\"stParentRelation\">Lien avec l'\u00e9l\u00e8ve <span class=\"st-required\">*<\/span><\/label>\r\n                    <select id=\"stParentRelation\" name=\"parent_relation\" required>\r\n                      <option value=\"\">S\u00e9lectionnez<\/option>\r\n                      <option value=\"P\u00e8re\">P\u00e8re<\/option>\r\n                      <option value=\"M\u00e8re\">M\u00e8re<\/option>\r\n                      <option value=\"Tuteur l\u00e9gal\">Tuteur l\u00e9gal<\/option>\r\n                    <\/select>\r\n                    <span class=\"st-error-message\">Ce champ est obligatoire<\/span>\r\n                  <\/div>\r\n                <\/div>\r\n        \r\n                <div class=\"st-form-row\">\r\n                  <div class=\"st-form-group\">\r\n                    <label for=\"stParentPhone\">T\u00e9l\u00e9phone principal <span class=\"st-required\">*<\/span><\/label>\r\n                    <input type=\"tel\" id=\"stParentPhone\" name=\"parent_phone\" required>\r\n                    <span class=\"st-error-message\">Num\u00e9ro invalide<\/span>\r\n                  <\/div>\r\n                  \r\n                  <div class=\"st-form-group\">\r\n                    <label for=\"stParentPhone2\">T\u00e9l\u00e9phone secondaire<\/label>\r\n                    <input type=\"tel\" id=\"stParentPhone2\" name=\"parent_phone2\">\r\n                  <\/div>\r\n                <\/div>\r\n        \r\n                <div class=\"st-form-row\">\r\n                  <div class=\"st-form-group\">\r\n                    <label for=\"stParentEmail\">Email <span class=\"st-required\">*<\/span><\/label>\r\n                    <input type=\"email\" id=\"stParentEmail\" name=\"parent_email\" required>\r\n                    <span class=\"st-error-message\">Email invalide<\/span>\r\n                  <\/div>\r\n                  \r\n                  <div class=\"st-form-group\">\r\n                    <label for=\"stParentAddress\">Adresse <span class=\"st-required\">*<\/span><\/label>\r\n                    <input type=\"text\" id=\"stParentAddress\" name=\"parent_address\" required>\r\n                    <span class=\"st-error-message\">Ce champ est obligatoire<\/span>\r\n                  <\/div>\r\n                <\/div>\r\n              <\/div>\r\n        \r\n              <div class=\"st-form-navigation\">\r\n                <button type=\"button\" class=\"st-btn st-btn-secondary\" onclick=\"stPrevStep()\">\r\n                  \u2190 Pr\u00e9c\u00e9dent\r\n                <\/button>\r\n                <button type=\"button\" class=\"st-btn st-btn-primary\" onclick=\"stNextStep()\">\r\n                  Suivant \u2192\r\n                <\/button>\r\n              <\/div>\r\n            <\/div>\r\n        \r\n            <!-- \u00c9TAPE 3 : INFORMATIONS ACAD\u00c9MIQUES -->\r\n            <div class=\"st-form-step\" data-step=\"3\">\r\n              <div class=\"st-form-section\">\r\n                <h3>Informations Acad\u00e9miques<\/h3>\r\n                \r\n                <div class=\"st-form-row\">\r\n                  <div class=\"st-form-group\">\r\n                    <label for=\"stCurrentSchool\">\u00c9tablissement actuel <span class=\"st-required\">*<\/span><\/label>\r\n                    <input type=\"text\" id=\"stCurrentSchool\" name=\"current_school\" required>\r\n                    <span class=\"st-error-message\">Ce champ est obligatoire<\/span>\r\n                  <\/div>\r\n                  \r\n                  <div class=\"st-form-group\">\r\n                    <label for=\"stCurrentGrade\">Classe actuelle <span class=\"st-required\">*<\/span><\/label>\r\n                    <input type=\"text\" id=\"stCurrentGrade\" name=\"current_grade\" required>\r\n                    <span class=\"st-error-message\">Ce champ est obligatoire<\/span>\r\n                  <\/div>\r\n                <\/div>\r\n        \r\n                <div class=\"st-form-row\">\r\n                  <div class=\"st-form-group\">\r\n                    <label for=\"stLastDiploma\">Dernier dipl\u00f4me obtenu<\/label>\r\n                    <input type=\"text\" id=\"stLastDiploma\" name=\"last_diploma\">\r\n                  <\/div>\r\n                  \r\n                  <div class=\"st-form-group\">\r\n                    <label for=\"stGPA\">Moyenne g\u00e9n\u00e9rale <span class=\"st-required\">*<\/span><\/label>\r\n                    <input type=\"text\" id=\"stGPA\" name=\"gpa\" required placeholder=\"Ex: 14.5\/20\">\r\n                    <span class=\"st-error-message\">Ce champ est obligatoire<\/span>\r\n                  <\/div>\r\n                <\/div>\r\n        \r\n                <div class=\"st-form-row\">\r\n                  <div class=\"st-form-group\">\r\n                    <label for=\"stLanguages\">Langue(s) parl\u00e9e(s) <span class=\"st-required\">*<\/span><\/label>\r\n                    <input type=\"text\" id=\"stLanguages\" name=\"languages\" required placeholder=\"Ex: Fran\u00e7ais, Wolof, Anglais\">\r\n                    <span class=\"st-error-message\">Ce champ est obligatoire<\/span>\r\n                  <\/div>\r\n                <\/div>\r\n        \r\n                <div class=\"st-form-row\">\r\n                  <div class=\"st-form-group\">\r\n                    <label for=\"stSpecialNeeds\">Besoins \u00e9ducatifs particuliers<\/label>\r\n                    <textarea id=\"stSpecialNeeds\" name=\"special_needs\" placeholder=\"D\u00e9crivez tout besoin sp\u00e9cifique (dyslexie, allergie, etc.)\"><\/textarea>\r\n                  <\/div>\r\n                <\/div>\r\n              <\/div>\r\n        \r\n              <div class=\"st-form-navigation\">\r\n                <button type=\"button\" class=\"st-btn st-btn-secondary\" onclick=\"stPrevStep()\">\r\n                  \u2190 Pr\u00e9c\u00e9dent\r\n                <\/button>\r\n                <button type=\"button\" class=\"st-btn st-btn-primary\" onclick=\"stNextStep()\">\r\n                  Suivant \u2192\r\n                <\/button>\r\n              <\/div>\r\n            <\/div>\r\n        \r\n            <!-- \u00c9TAPE 4 : PROGRAMME DEMAND\u00c9 -->\r\n            <div class=\"st-form-step\" data-step=\"4\">\r\n              <div class=\"st-form-section\">\r\n                <h3>Programme Demand\u00e9<\/h3>\r\n                \r\n                <div class=\"st-form-row\">\r\n                  <div class=\"st-form-group\">\r\n                    <label for=\"stProgram\">Choisissez votre programme <span class=\"st-required\">*<\/span><\/label>\r\n                    <select id=\"stProgram\" name=\"program\" required onchange=\"stShowConditionalFields()\">\r\n                      <option value=\"\">S\u00e9lectionnez un programme<\/option>\r\n                      <optgroup label=\"Voyages d'\u00c9change Culturel\">\r\n                        <option value=\"kenya-rwanda\">Kenya \u2192 Rwanda<\/option>\r\n                        <option value=\"japon-exchange\">Japon \u2192 \u00c9change culturel<\/option>\r\n                      <\/optgroup>\r\n                      <optgroup label=\"Programmes d'Immersion et Camps\">\r\n                        <option value=\"canada-camp\">Canada \u2192 Summer Camp<\/option>\r\n                        <option value=\"summer-immersion\">Camp d'\u00c9t\u00e9 d'Immersion<\/option>\r\n                      <\/optgroup>\r\n                      <optgroup label=\"Programme Acad\u00e9mique\">\r\n                        <option value=\"academie\">Acad\u00e9mie Sunu Thiossane<\/option>\r\n                      <\/optgroup>\r\n                    <\/select>\r\n                    <span class=\"st-error-message\">Ce champ est obligatoire<\/span>\r\n                  <\/div>\r\n                <\/div>\r\n        \r\n                <!-- CHAMPS CONDITIONNELS : \u00c9CHANGES CULTURELS -->\r\n                <div id=\"stExchangeFields\" class=\"st-conditional-fields\">\r\n                  <h4 style=\"color: var(--st-primary); margin-bottom: 15px;\">D\u00e9tails de l'\u00e9change culturel<\/h4>\r\n                  <div class=\"st-form-row\">\r\n                    <div class=\"st-form-group\">\r\n                      <label for=\"stDepartureCountry\">Pays de d\u00e9part <span class=\"st-required\">*<\/span><\/label>\r\n                      <input type=\"text\" id=\"stDepartureCountry\" name=\"departure_country\">\r\n                    <\/div>\r\n                    \r\n                    <div class=\"st-form-group\">\r\n                      <label for=\"stDestinationCountry\">Pays de destination <span class=\"st-required\">*<\/span><\/label>\r\n                      <input type=\"text\" id=\"stDestinationCountry\" name=\"destination_country\">\r\n                    <\/div>\r\n                  <\/div>\r\n                  \r\n                  <div class=\"st-form-row\">\r\n                    <div class=\"st-form-group\">\r\n                      <label for=\"stDuration\">Dur\u00e9e du s\u00e9jour <span class=\"st-required\">*<\/span><\/label>\r\n                      <input type=\"text\" id=\"stDuration\" name=\"duration\" placeholder=\"Ex: 2 semaines\">\r\n                    <\/div>\r\n                  <\/div>\r\n                <\/div>\r\n        \r\n                <!-- CHAMPS CONDITIONNELS : CAMPS & IMMERSION -->\r\n                <div id=\"stCampFields\" class=\"st-conditional-fields\">\r\n                  <h4 style=\"color: var(--st-primary); margin-bottom: 15px;\">D\u00e9tails du camp \/ immersion<\/h4>\r\n                  <div class=\"st-form-row\">\r\n                    <div class=\"st-form-group\">\r\n                      <label for=\"stLanguageLevel\">Niveau linguistique <span class=\"st-required\">*<\/span><\/label>\r\n                      <select id=\"stLanguageLevel\" name=\"language_level\">\r\n                        <option value=\"\">S\u00e9lectionnez<\/option>\r\n                        <option value=\"D\u00e9butant\">D\u00e9butant<\/option>\r\n                        <option value=\"Interm\u00e9diaire\">Interm\u00e9diaire<\/option>\r\n                        <option value=\"Avanc\u00e9\">Avanc\u00e9<\/option>\r\n                      <\/select>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"st-form-group\">\r\n                      <label for=\"stObjective\">Objectif principal <span class=\"st-required\">*<\/span><\/label>\r\n                      <select id=\"stObjective\" name=\"objective\">\r\n                        <option value=\"\">S\u00e9lectionnez<\/option>\r\n                        <option value=\"Langue\">Langue<\/option>\r\n                        <option value=\"Culture\">Culture<\/option>\r\n                        <option value=\"Leadership\">Leadership<\/option>\r\n                        <option value=\"STEM\">STEM<\/option>\r\n                      <\/select>\r\n                    <\/div>\r\n                  <\/div>\r\n                <\/div>\r\n        \r\n                <!-- CHAMPS CONDITIONNELS : ACAD\u00c9MIE -->\r\n                <div id=\"stAcademyFields\" class=\"st-conditional-fields\">\r\n                  <h4 style=\"color: var(--st-primary); margin-bottom: 15px;\">D\u00e9tails acad\u00e9miques<\/h4>\r\n                  <div class=\"st-form-row\">\r\n                    <div class=\"st-form-group\">\r\n                      <label for=\"stRequestedLevel\">Niveau scolaire demand\u00e9 <span class=\"st-required\">*<\/span><\/label>\r\n                      <input type=\"text\" id=\"stRequestedLevel\" name=\"requested_level\" placeholder=\"Ex: 6\u00e8me, Seconde\">\r\n                    <\/div>\r\n                    \r\n                    <div class=\"st-form-group\">\r\n                      <label for=\"stAcademicYear\">Ann\u00e9e acad\u00e9mique <span class=\"st-required\">*<\/span><\/label>\r\n                      <input type=\"text\" id=\"stAcademicYear\" name=\"academic_year\" placeholder=\"Ex: 2025-2026\">\r\n                    <\/div>\r\n                  <\/div>\r\n                  \r\n                  <div class=\"st-form-row\">\r\n                    <div class=\"st-form-group\">\r\n                      <label for=\"stAnnualCommitment\">Engagement annuel <span class=\"st-required\">*<\/span><\/label>\r\n                      <select id=\"stAnnualCommitment\" name=\"annual_commitment\">\r\n                        <option value=\"\">S\u00e9lectionnez<\/option>\r\n                        <option value=\"Oui\">Oui<\/option>\r\n                        <option value=\"Non\">Non<\/option>\r\n                      <\/select>\r\n                    <\/div>\r\n                  <\/div>\r\n                <\/div>\r\n              <\/div>\r\n        \r\n              <div class=\"st-form-navigation\">\r\n                <button type=\"button\" class=\"st-btn st-btn-secondary\" onclick=\"stPrevStep()\">\r\n                  \u2190 Pr\u00e9c\u00e9dent\r\n                <\/button>\r\n                <button type=\"button\" class=\"st-btn st-btn-primary\" onclick=\"stNextStep()\">\r\n                  Suivant \u2192\r\n                <\/button>\r\n              <\/div>\r\n            <\/div>\r\n        \r\n            <!-- \u00c9TAPE 5 : DOCUMENTS -->\r\n            <div class=\"st-form-step\" data-step=\"5\">\r\n              <div class=\"st-form-section\">\r\n                <h3>Documents \u00e0 T\u00e9l\u00e9verser<\/h3>\r\n                \r\n                <div class=\"st-form-row\">\r\n                  <div class=\"st-form-group\">\r\n                    <label for=\"stPhotoId\">Photo d'identit\u00e9 <span class=\"st-required\">*<\/span><\/label>\r\n                    <input type=\"file\" id=\"stPhotoId\" name=\"photo_id\" accept=\"image\/*\" required onchange=\"stPreviewFile(this)\">\r\n                    <div class=\"st-file-info\">Format: JPG, PNG. Max 2MB<\/div>\r\n                    <div class=\"st-file-preview\" id=\"stPhotoIdPreview\"><\/div>\r\n                    <span class=\"st-error-message\">Ce document est obligatoire<\/span>\r\n                  <\/div>\r\n                  \r\n                  <div class=\"st-form-group\">\r\n                    <label for=\"stBirthCert\">Acte de naissance <span class=\"st-required\">*<\/span><\/label>\r\n                    <input type=\"file\" id=\"stBirthCert\" name=\"birth_certificate\" accept=\".pdf,image\/*\" required onchange=\"stPreviewFile(this)\">\r\n                    <div class=\"st-file-info\">Format: PDF, JPG, PNG. Max 5MB<\/div>\r\n                    <div class=\"st-file-preview\" id=\"stBirthCertPreview\"><\/div>\r\n                    <span class=\"st-error-message\">Ce document est obligatoire<\/span>\r\n                  <\/div>\r\n                <\/div>\r\n        \r\n                <div class=\"st-form-row\">\r\n                  <div class=\"st-form-group\">\r\n                    <label for=\"stReportCards\">Bulletins scolaires <span class=\"st-required\">*<\/span><\/label>\r\n                    <input type=\"file\" id=\"stReportCards\" name=\"report_cards\" accept=\".pdf\" required onchange=\"stPreviewFile(this)\">\r\n                    <div class=\"st-file-info\">Format: PDF. Max 10MB<\/div>\r\n                    <div class=\"st-file-preview\" id=\"stReportCardsPreview\"><\/div>\r\n                    <span class=\"st-error-message\">Ce document est obligatoire<\/span>\r\n                  <\/div>\r\n                  \r\n                  <div class=\"st-form-group\">\r\n                    <label for=\"stPassport\">Passeport (optionnel)<\/label>\r\n                    <input type=\"file\" id=\"stPassport\" name=\"passport\" accept=\".pdf,image\/*\" onchange=\"stPreviewFile(this)\">\r\n                    <div class=\"st-file-info\">Format: PDF, JPG, PNG. Max 5MB<\/div>\r\n                    <div class=\"st-file-preview\" id=\"stPassportPreview\"><\/div>\r\n                  <\/div>\r\n                <\/div>\r\n        \r\n                <div class=\"st-form-row\">\r\n                  <div class=\"st-form-group\">\r\n                    <label for=\"stMedicalCert\">Certificat m\u00e9dical <span class=\"st-required\">*<\/span><\/label>\r\n                    <input type=\"file\" id=\"stMedicalCert\" name=\"medical_certificate\" accept=\".pdf,image\/*\" required onchange=\"stPreviewFile(this)\">\r\n                    <div class=\"st-file-info\">Format: PDF, JPG, PNG. Max 5MB<\/div>\r\n                    <div class=\"st-file-preview\" id=\"stMedicalCertPreview\"><\/div>\r\n                    <span class=\"st-error-message\">Ce document est obligatoire<\/span>\r\n                  <\/div>\r\n                <\/div>\r\n              <\/div>\r\n        \r\n              <div class=\"st-form-navigation\">\r\n                <button type=\"button\" class=\"st-btn st-btn-secondary\" onclick=\"stPrevStep()\">\r\n                  \u2190 Pr\u00e9c\u00e9dent\r\n                <\/button>\r\n                <button type=\"button\" class=\"st-btn st-btn-primary\" onclick=\"stNextStep()\">\r\n                  Suivant \u2192\r\n                <\/button>\r\n              <\/div>\r\n            <\/div>\r\n        \r\n            <!-- \u00c9TAPE 6 : CONFIRMATION -->\r\n            <div class=\"st-form-step\" data-step=\"6\">\r\n              <div class=\"st-form-section\">\r\n                <h3>Confirmation et Soumission<\/h3>\r\n                \r\n                <div class=\"st-checkbox-group\">\r\n                  <input type=\"checkbox\" id=\"stTerms\" name=\"terms\" required>\r\n                  <label for=\"stTerms\">\r\n                    Je certifie que toutes les informations fournies sont exactes et compl\u00e8tes. J'accepte les conditions g\u00e9n\u00e9rales de Sunu Thiossane et autorise le traitement de ces donn\u00e9es dans le cadre de ma demande d'admission. <span class=\"st-required\">*<\/span>\r\n                  <\/label>\r\n                <\/div>\r\n        \r\n                <div class=\"st-checkbox-group\">\r\n                  <input type=\"checkbox\" id=\"stAccuracy\" name=\"accuracy\" required>\r\n                  <label for=\"stAccuracy\">\r\n                    Je m'engage \u00e0 fournir des documents authentiques et \u00e0 informer Sunu Thiossane de tout changement dans ma situation. Je comprends que toute fausse d\u00e9claration peut entra\u00eener l'annulation de ma candidature. <span class=\"st-required\">*<\/span>\r\n                  <\/label>\r\n                <\/div>\r\n        \r\n                <div class=\"st-alert st-alert-info visible\" style=\"margin-top: 20px;\">\r\n                  <strong>Important :<\/strong> Apr\u00e8s soumission, vous recevrez un email de confirmation avec votre num\u00e9ro de dossier. L'\u00e9quipe Sunu Thiossane examinera votre candidature et vous contactera sous 5 \u00e0 7 jours ouvrables.\r\n                <\/div>\r\n              <\/div>\r\n        \r\n              <div class=\"st-form-navigation\">\r\n                <button type=\"button\" class=\"st-btn st-btn-secondary\" onclick=\"stPrevStep()\">\r\n                  \u2190 Pr\u00e9c\u00e9dent\r\n                <\/button>\r\n                <button type=\"submit\" class=\"st-btn st-btn-submit\" id=\"stSubmitBtn\">\r\n                  \u2713 Soumettre la demande\r\n                <\/button>\r\n              <\/div>\r\n        \r\n              <!-- LOADER -->\r\n              <div class=\"st-loader\" id=\"stLoader\">\r\n                <div class=\"st-spinner\"><\/div>\r\n                <p>Envoi en cours...<\/p>\r\n              <\/div>\r\n            <\/div>\r\n        \r\n          <\/form>\r\n        <\/div>\r\n        \r\n        <script>\r\n        (function() {\r\n          'use strict';\r\n          \r\n          \/\/ ============================================\r\n          \/\/ VARIABLES GLOBALES\r\n          \/\/ ============================================\r\n          let currentStep = 1;\r\n          const totalSteps = 6;\r\n          const formData = new FormData();\r\n          \r\n          \/\/ ============================================\r\n          \/\/ NAVIGATION ENTRE \u00c9TAPES\r\n          \/\/ ============================================\r\n          window.stNextStep = function() {\r\n            if (stValidateStep(currentStep)) {\r\n              stSaveStepData(currentStep);\r\n              currentStep++;\r\n              stShowStep(currentStep);\r\n              stUpdateProgress();\r\n              window.scrollTo({ top: 0, behavior: 'smooth' });\r\n            }\r\n          };\r\n          \r\n          window.stPrevStep = function() {\r\n            currentStep--;\r\n            stShowStep(currentStep);\r\n            stUpdateProgress();\r\n            window.scrollTo({ top: 0, behavior: 'smooth' });\r\n          };\r\n          \r\n          function stShowStep(step) {\r\n            document.querySelectorAll('.st-form-step').forEach(el => {\r\n              el.classList.remove('active');\r\n            });\r\n            document.querySelector(`.st-form-step[data-step=\"${step}\"]`).classList.add('active');\r\n          }\r\n          \r\n          function stUpdateProgress() {\r\n            \/\/ Mise \u00e0 jour des cercles\r\n            document.querySelectorAll('.st-progress-step').forEach((el, index) => {\r\n              el.classList.remove('active', 'completed');\r\n              if (index + 1 < currentStep) {\r\n                el.classList.add('completed');\r\n              } else if (index + 1 === currentStep) {\r\n                el.classList.add('active');\r\n              }\r\n            });\r\n            \r\n            \/\/ Mise \u00e0 jour de la ligne de progression\r\n            const progress = ((currentStep - 1) \/ (totalSteps - 1)) * 100;\r\n            document.getElementById('stProgressLine').style.width = progress + '%';\r\n          }\r\n          \r\n          \/\/ ============================================\r\n          \/\/ VALIDATION DES \u00c9TAPES\r\n          \/\/ ============================================\r\n          function stValidateStep(step) {\r\n            const stepEl = document.querySelector(`.st-form-step[data-step=\"${step}\"]`);\r\n            const requiredInputs = stepEl.querySelectorAll('[required]');\r\n            let isValid = true;\r\n            \r\n            requiredInputs.forEach(input => {\r\n              const formGroup = input.closest('.st-form-group') || input.closest('.st-checkbox-group');\r\n              \r\n              \/\/ Reset error state\r\n              if (formGroup) formGroup.classList.remove('error');\r\n              \r\n              \/\/ V\u00e9rification sp\u00e9cifique par type\r\n              if (input.type === 'email') {\r\n                if (!input.value.match(\/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$\/)) {\r\n                  if (formGroup) formGroup.classList.add('error');\r\n                  isValid = false;\r\n                }\r\n              } else if (input.type === 'tel') {\r\n                if (!input.value.match(\/^[\\d\\s\\+\\-\\(\\)]{8,}$\/)) {\r\n                  if (formGroup) formGroup.classList.add('error');\r\n                  isValid = false;\r\n                }\r\n              } else if (input.type === 'file') {\r\n                if (!input.files || input.files.length === 0) {\r\n                  if (formGroup) formGroup.classList.add('error');\r\n                  isValid = false;\r\n                } else {\r\n                  \/\/ Validation taille fichier\r\n                  const file = input.files[0];\r\n                  const maxSize = input.accept.includes('image') && !input.accept.includes('pdf') ? 2 * 1024 * 1024 : \r\n                                 input.id === 'stReportCards' ? 10 * 1024 * 1024 : 5 * 1024 * 1024;\r\n                  if (file.size > maxSize) {\r\n                    if (formGroup) formGroup.classList.add('error');\r\n                    stShowAlert('Fichier trop volumineux: ' + input.labels[0].textContent, 'error');\r\n                    isValid = false;\r\n                  }\r\n                }\r\n              } else if (input.type === 'checkbox') {\r\n                if (!input.checked) {\r\n                  if (formGroup) formGroup.classList.add('error');\r\n                  isValid = false;\r\n                }\r\n              } else if (!input.value.trim()) {\r\n                if (formGroup) formGroup.classList.add('error');\r\n                isValid = false;\r\n              }\r\n            });\r\n            \r\n            \/\/ Validation conditionnelle \u00e9tape 4\r\n            if (step === 4) {\r\n              const program = document.getElementById('stProgram').value;\r\n              if (program) {\r\n                const conditionalFields = stGetConditionalFields(program);\r\n                conditionalFields.forEach(fieldId => {\r\n                  const field = document.getElementById(fieldId);\r\n                  if (field && field.hasAttribute('required') && !field.value.trim()) {\r\n                    const formGroup = field.closest('.st-form-group');\r\n                    if (formGroup) formGroup.classList.add('error');\r\n                    isValid = false;\r\n                  }\r\n                });\r\n              }\r\n            }\r\n            \r\n            if (!isValid) {\r\n              stShowAlert('Veuillez remplir tous les champs obligatoires correctement.', 'error');\r\n            }\r\n            \r\n            return isValid;\r\n          }\r\n          \r\n          \/\/ ============================================\r\n          \/\/ SAUVEGARDE DES DONN\u00c9ES\r\n          \/\/ ============================================\r\n          function stSaveStepData(step) {\r\n            const stepEl = document.querySelector(`.st-form-step[data-step=\"${step}\"]`);\r\n            const inputs = stepEl.querySelectorAll('input:not([type=\"file\"]), select, textarea');\r\n            \r\n            inputs.forEach(input => {\r\n              if (input.type === 'checkbox') {\r\n                formData.set(input.name, input.checked ? '1' : '0');\r\n              } else {\r\n                formData.set(input.name, input.value);\r\n              }\r\n            });\r\n            \r\n            \/\/ Gestion des fichiers\r\n            const fileInputs = stepEl.querySelectorAll('input[type=\"file\"]');\r\n            fileInputs.forEach(input => {\r\n              if (input.files && input.files[0]) {\r\n                formData.set(input.name, input.files[0]);\r\n              }\r\n            });\r\n          }\r\n          \r\n          \/\/ ============================================\r\n          \/\/ CHAMPS CONDITIONNELS\r\n          \/\/ ============================================\r\n          window.stShowConditionalFields = function() {\r\n            const program = document.getElementById('stProgram').value;\r\n            \r\n            \/\/ Cacher tous les champs conditionnels\r\n            document.getElementById('stExchangeFields').classList.remove('visible');\r\n            document.getElementById('stCampFields').classList.remove('visible');\r\n            document.getElementById('stAcademyFields').classList.remove('visible');\r\n            \r\n            \/\/ Retirer required des champs cach\u00e9s\r\n            document.querySelectorAll('.st-conditional-fields input, .st-conditional-fields select').forEach(el => {\r\n              el.removeAttribute('required');\r\n            });\r\n            \r\n            \/\/ Afficher et rendre obligatoires les champs appropri\u00e9s\r\n            if (program === 'kenya-rwanda' || program === 'japon-exchange') {\r\n              document.getElementById('stExchangeFields').classList.add('visible');\r\n              document.querySelectorAll('#stExchangeFields input, #stExchangeFields select').forEach(el => {\r\n                el.setAttribute('required', 'required');\r\n              });\r\n            } else if (program === 'canada-camp' || program === 'summer-immersion') {\r\n              document.getElementById('stCampFields').classList.add('visible');\r\n              document.querySelectorAll('#stCampFields select').forEach(el => {\r\n                el.setAttribute('required', 'required');\r\n              });\r\n            } else if (program === 'academie') {\r\n              document.getElementById('stAcademyFields').classList.add('visible');\r\n              document.querySelectorAll('#stAcademyFields input, #stAcademyFields select').forEach(el => {\r\n                el.setAttribute('required', 'required');\r\n              });\r\n            }\r\n          };\r\n          \r\n          function stGetConditionalFields(program) {\r\n            const fields = {\r\n              'kenya-rwanda': ['stDepartureCountry', 'stDestinationCountry', 'stDuration'],\r\n              'japon-exchange': ['stDepartureCountry', 'stDestinationCountry', 'stDuration'],\r\n              'canada-camp': ['stLanguageLevel', 'stObjective'],\r\n              'summer-immersion': ['stLanguageLevel', 'stObjective'],\r\n              'academie': ['stRequestedLevel', 'stAcademicYear', 'stAnnualCommitment']\r\n            };\r\n            return fields[program] || [];\r\n          }\r\n          \r\n          \/\/ ============================================\r\n          \/\/ PR\u00c9VISUALISATION FICHIERS\r\n          \/\/ ============================================\r\n          window.stPreviewFile = function(input) {\r\n            const previewId = input.id + 'Preview';\r\n            const preview = document.getElementById(previewId);\r\n            \r\n            if (input.files && input.files[0]) {\r\n              const file = input.files[0];\r\n              preview.textContent = `\u2713 ${file.name} (${(file.size \/ 1024).toFixed(1)} KB)`;\r\n              preview.classList.add('visible');\r\n            }\r\n          };\r\n          \r\n          \/\/ ============================================\r\n          \/\/ AFFICHAGE DES ALERTES\r\n          \/\/ ============================================\r\n          function stShowAlert(message, type = 'info') {\r\n            const container = document.getElementById('stAlertContainer');\r\n            const alert = document.createElement('div');\r\n            alert.className = `st-alert st-alert-${type} visible`;\r\n            alert.textContent = message;\r\n            \r\n            container.innerHTML = '';\r\n            container.appendChild(alert);\r\n            \r\n            setTimeout(() => {\r\n              alert.classList.remove('visible');\r\n              setTimeout(() => alert.remove(), 300);\r\n            }, 5000);\r\n          }\r\n          \r\n          \/\/ ============================================\r\n          \/\/ SOUMISSION AJAX\r\n          \/\/ ============================================\r\n          document.getElementById('stAdmissionForm').addEventListener('submit', function(e) {\r\n            e.preventDefault();\r\n            \r\n            if (!stValidateStep(6)) return;\r\n            \r\n            \/\/ Sauvegarder les donn\u00e9es de la derni\u00e8re \u00e9tape\r\n            stSaveStepData(6);\r\n            \r\n            \/\/ Afficher le loader\r\n            document.getElementById('stSubmitBtn').disabled = true;\r\n            document.getElementById('stLoader').classList.add('visible');\r\n            \r\n            \/\/ Ajouter le nonce WordPress\r\n            formData.append('action', 'st_submit_admission');\r\n            formData.append('nonce', stAdmissionData.nonce);\r\n            \r\n            \/\/ Envoi AJAX\r\n            fetch(stAdmissionData.ajax_url, {\r\n              method: 'POST',\r\n              body: formData,\r\n              credentials: 'same-origin'\r\n            })\r\n            .then(response => response.json())\r\n            .then(data => {\r\n              document.getElementById('stLoader').classList.remove('visible');\r\n              \r\n              if (data.success) {\r\n                \/\/ Redirection vers page de succ\u00e8s\r\n                window.location.href = data.data.redirect_url + '?dossier=' + data.data.dossier_number;\r\n              } else {\r\n                document.getElementById('stSubmitBtn').disabled = false;\r\n                stShowAlert(data.data.message || 'Une erreur est survenue', 'error');\r\n              }\r\n            })\r\n            .catch(error => {\r\n              document.getElementById('stLoader').classList.remove('visible');\r\n              document.getElementById('stSubmitBtn').disabled = false;\r\n              stShowAlert('Erreur r\u00e9seau. Veuillez r\u00e9essayer.', 'error');\r\n              console.error('Error:', error);\r\n            });\r\n          });\r\n          \r\n          \/\/ ============================================\r\n          \/\/ INITIALISATION\r\n          \/\/ ============================================\r\n          stUpdateProgress();\r\n          \r\n        })();\r\n        <\/script>\r\n        \r\n        <!-- Note: Ajouter dans functions.php le code suivant pour exposer les variables AJAX -->\r\n  \r\n    <script>\r\n    var stAdmissionData = {\r\n        ajax_url: '<?php echo admin_url(\"admin-ajax.php\"); ?>',\r\n        nonce: '<?php echo wp_create_nonce(\"st_admission_nonce\"); ?>'\r\n    };\r\n    <\/script>\r\n    <?php\r\n}\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>ACCUEIL \/ ADMISSION EN LIGNE ADMISSION EN LIGNE Formulaire d&#8217;Admission en Ligne Sunu Thiossane &#8211; Excellence \u00c9ducative &#038; \u00c9changes Culturels 1 \u00c9l\u00e8ve 2 Parent 3 Acad\u00e9mique 4 Programme 5 Documents 6 Confirmation Informations de l&#8217;\u00c9l\u00e8ve Pr\u00e9nom * Ce champ est obligatoire Nom * Ce champ est obligatoire Sexe * S\u00e9lectionnezHommeFemme Ce champ est obligatoire Date&#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-6075","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v26.6 (Yoast SEO v28.1) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Admission - Sunu Thiossane<\/title>\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\/admission\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Admission\" \/>\n<meta property=\"og:description\" content=\"ACCUEIL \/ ADMISSION EN LIGNE ADMISSION EN LIGNE Formulaire d&#8217;Admission en Ligne Sunu Thiossane &#8211; Excellence \u00c9ducative &#038; \u00c9changes Culturels 1 \u00c9l\u00e8ve 2 Parent 3 Acad\u00e9mique 4 Programme 5 Documents 6 Confirmation Informations de l&#8217;\u00c9l\u00e8ve Pr\u00e9nom * Ce champ est obligatoire Nom * Ce champ est obligatoire Sexe * S\u00e9lectionnezHommeFemme Ce champ est obligatoire Date...\" \/>\n<meta property=\"og:url\" content=\"https:\/\/sunuthiossane.org\/en\/admission\/\" \/>\n<meta property=\"og:site_name\" content=\"Sunu Thiossane\" \/>\n<meta property=\"article:modified_time\" content=\"2026-01-05T13:09:04+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=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/sunuthiossane.org\\\/en\\\/admission\\\/\",\"url\":\"https:\\\/\\\/sunuthiossane.org\\\/en\\\/admission\\\/\",\"name\":\"Admission - Sunu Thiossane\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/sunuthiossane.org\\\/#website\"},\"datePublished\":\"2026-01-01T20:17:22+00:00\",\"dateModified\":\"2026-01-05T13:09:04+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/sunuthiossane.org\\\/en\\\/admission\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/sunuthiossane.org\\\/en\\\/admission\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/sunuthiossane.org\\\/en\\\/admission\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/sunuthiossane.org\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Admission\"}]},{\"@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":"Admission - Sunu Thiossane","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\/admission\/","og_locale":"en_US","og_type":"article","og_title":"Admission","og_description":"ACCUEIL \/ ADMISSION EN LIGNE ADMISSION EN LIGNE Formulaire d&#8217;Admission en Ligne Sunu Thiossane &#8211; Excellence \u00c9ducative &#038; \u00c9changes Culturels 1 \u00c9l\u00e8ve 2 Parent 3 Acad\u00e9mique 4 Programme 5 Documents 6 Confirmation Informations de l&#8217;\u00c9l\u00e8ve Pr\u00e9nom * Ce champ est obligatoire Nom * Ce champ est obligatoire Sexe * S\u00e9lectionnezHommeFemme Ce champ est obligatoire Date...","og_url":"https:\/\/sunuthiossane.org\/en\/admission\/","og_site_name":"Sunu Thiossane","article_modified_time":"2026-01-05T13:09:04+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/sunuthiossane.org\/en\/admission\/","url":"https:\/\/sunuthiossane.org\/en\/admission\/","name":"Admission - Sunu Thiossane","isPartOf":{"@id":"https:\/\/sunuthiossane.org\/#website"},"datePublished":"2026-01-01T20:17:22+00:00","dateModified":"2026-01-05T13:09:04+00:00","breadcrumb":{"@id":"https:\/\/sunuthiossane.org\/en\/admission\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/sunuthiossane.org\/en\/admission\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/sunuthiossane.org\/en\/admission\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/sunuthiossane.org\/"},{"@type":"ListItem","position":2,"name":"Admission"}]},{"@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\/6075","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=6075"}],"version-history":[{"count":25,"href":"https:\/\/sunuthiossane.org\/en\/wp-json\/wp\/v2\/pages\/6075\/revisions"}],"predecessor-version":[{"id":6299,"href":"https:\/\/sunuthiossane.org\/en\/wp-json\/wp\/v2\/pages\/6075\/revisions\/6299"}],"wp:attachment":[{"href":"https:\/\/sunuthiossane.org\/en\/wp-json\/wp\/v2\/media?parent=6075"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}