{"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":"<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-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\">\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-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\/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               ONLINE ADMISSION\r\n            <\/span>\r\n        <\/nav>\r\n\r\n        <!-- Page Title -->\r\n        <h1 class=\"st-page-title\">ONLINE ADMISSION<\/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-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\">\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-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>Online Admission Form<\/h1>\r\n            <p>Sunu Thiossane - Educational Excellence &amp; Cultural Exchanges<\/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\">Student<\/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\">Academic<\/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\">Program<\/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 action=\"\">\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>Student Information<\/h3>\r\n                \r\n                <div class=\"st-form-row\">\r\n                  <div class=\"st-form-group\">\r\n                    <label for=\"stFirstName\">First name <span class=\"st-required\">*<\/span><\/label>\r\n                    <input type=\"text\" id=\"stFirstName\" name=\"first_name\" required>\r\n                    <span class=\"st-error-message\">This field is mandatory<\/span>\r\n                  <\/div>\r\n                  \r\n                  <div class=\"st-form-group\">\r\n                    <label for=\"stLastName\">Name <span class=\"st-required\">*<\/span><\/label>\r\n                    <input type=\"text\" id=\"stLastName\" name=\"last_name\" required>\r\n                    <span class=\"st-error-message\">This field is mandatory<\/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\">Gender <span class=\"st-required\">*<\/span><\/label>\r\n                    <select id=\"stGender\" name=\"gender\" required>\r\n                      <option value=\"\">Select<\/option>\r\n                      <option value=\"M\">Men<\/option>\r\n                      <option value=\"F\">Woman<\/option>\r\n                    <\/select>\r\n                    <span class=\"st-error-message\">This field is mandatory<\/span>\r\n                  <\/div>\r\n                  \r\n                  <div class=\"st-form-group\">\r\n                    <label for=\"stBirthDate\">Date of birth <span class=\"st-required\">*<\/span><\/label>\r\n                    <input type=\"date\" id=\"stBirthDate\" name=\"birth_date\" required>\r\n                    <span class=\"st-error-message\">This field is mandatory<\/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\">Place of birth <span class=\"st-required\">*<\/span><\/label>\r\n                    <input type=\"text\" id=\"stBirthPlace\" name=\"birth_place\" required>\r\n                    <span class=\"st-error-message\">This field is mandatory<\/span>\r\n                  <\/div>\r\n                  \r\n                  <div class=\"st-form-group\">\r\n                    <label for=\"stNationality\">Nationality <span class=\"st-required\">*<\/span><\/label>\r\n                    <input type=\"text\" id=\"stNationality\" name=\"nationality\" required>\r\n                    <span class=\"st-error-message\">This field is mandatory<\/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\">Full address <span class=\"st-required\">*<\/span><\/label>\r\n                    <input type=\"text\" id=\"stAddress\" name=\"address\" required>\r\n                    <span class=\"st-error-message\">This field is mandatory<\/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\">City <span class=\"st-required\">*<\/span><\/label>\r\n                    <input type=\"text\" id=\"stCity\" name=\"city\" required>\r\n                    <span class=\"st-error-message\">This field is mandatory<\/span>\r\n                  <\/div>\r\n                  \r\n                  <div class=\"st-form-group\">\r\n                    <label for=\"stCountry\">Country <span class=\"st-required\">*<\/span><\/label>\r\n                    <input type=\"text\" id=\"stCountry\" name=\"country\" required>\r\n                    <span class=\"st-error-message\">This field is mandatory<\/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\">Phone <span class=\"st-required\">*<\/span><\/label>\r\n                    <input type=\"tel\" id=\"stPhone\" name=\"phone\" required>\r\n                    <span class=\"st-error-message\">Invalid number<\/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\">Invalid email<\/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                  Next \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>Parent\/Guardian information<\/h3>\r\n                \r\n                <div class=\"st-form-row\">\r\n                  <div class=\"st-form-group\">\r\n                    <label for=\"stParentName\">First and last name <span class=\"st-required\">*<\/span><\/label>\r\n                    <input type=\"text\" id=\"stParentName\" name=\"parent_name\" required>\r\n                    <span class=\"st-error-message\">This field is mandatory<\/span>\r\n                  <\/div>\r\n                  \r\n                  <div class=\"st-form-group\">\r\n                    <label for=\"stParentRelation\">Link with the student <span class=\"st-required\">*<\/span><\/label>\r\n                    <select id=\"stParentRelation\" name=\"parent_relation\" required>\r\n                      <option value=\"\">Select<\/option>\r\n                      <option value=\"P\u00e8re\">Father<\/option>\r\n                      <option value=\"M\u00e8re\">Mother<\/option>\r\n                      <option value=\"Tuteur l\u00e9gal\">Legal guardian<\/option>\r\n                    <\/select>\r\n                    <span class=\"st-error-message\">This field is mandatory<\/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\">Main telephone <span class=\"st-required\">*<\/span><\/label>\r\n                    <input type=\"tel\" id=\"stParentPhone\" name=\"parent_phone\" required>\r\n                    <span class=\"st-error-message\">Invalid number<\/span>\r\n                  <\/div>\r\n                  \r\n                  <div class=\"st-form-group\">\r\n                    <label for=\"stParentPhone2\">Secondary telephone<\/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\">Invalid email<\/span>\r\n                  <\/div>\r\n                  \r\n                  <div class=\"st-form-group\">\r\n                    <label for=\"stParentAddress\">Address <span class=\"st-required\">*<\/span><\/label>\r\n                    <input type=\"text\" id=\"stParentAddress\" name=\"parent_address\" required>\r\n                    <span class=\"st-error-message\">This field is mandatory<\/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 Previous\r\n                <\/button>\r\n                <button type=\"button\" class=\"st-btn st-btn-primary\" onclick=\"stNextStep()\">\r\n                  Next \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>Academic information<\/h3>\r\n                \r\n                <div class=\"st-form-row\">\r\n                  <div class=\"st-form-group\">\r\n                    <label for=\"stCurrentSchool\">Current location <span class=\"st-required\">*<\/span><\/label>\r\n                    <input type=\"text\" id=\"stCurrentSchool\" name=\"current_school\" required>\r\n                    <span class=\"st-error-message\">This field is mandatory<\/span>\r\n                  <\/div>\r\n                  \r\n                  <div class=\"st-form-group\">\r\n                    <label for=\"stCurrentGrade\">Current class <span class=\"st-required\">*<\/span><\/label>\r\n                    <input type=\"text\" id=\"stCurrentGrade\" name=\"current_grade\" required>\r\n                    <span class=\"st-error-message\">This field is mandatory<\/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\">Last degree obtained<\/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\">Overall average <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\">This field is mandatory<\/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\">Spoken language(s) <span class=\"st-required\">*<\/span><\/label>\r\n                    <input type=\"text\" id=\"stLanguages\" name=\"languages\" required placeholder=\"Ex: French, Wolof, English\">\r\n                    <span class=\"st-error-message\">This field is mandatory<\/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\">Special educational needs<\/label>\r\n                    <textarea id=\"stSpecialNeeds\" name=\"special_needs\" placeholder=\"Describe any special needs (dyslexia, allergies, 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 Previous\r\n                <\/button>\r\n                <button type=\"button\" class=\"st-btn st-btn-primary\" onclick=\"stNextStep()\">\r\n                  Next \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>Program Requested<\/h3>\r\n                \r\n                <div class=\"st-form-row\">\r\n                  <div class=\"st-form-group\">\r\n                    <label for=\"stProgram\">Choose your program <span class=\"st-required\">*<\/span><\/label>\r\n                    <select id=\"stProgram\" name=\"program\" required onchange=\"stShowConditionalFields()\">\r\n                      <option value=\"\">Select a program<\/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\">Japan \u2192 Cultural exchange<\/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\">Summer Immersion Camp<\/option>\r\n                      <\/optgroup>\r\n                      <optgroup label=\"Programme Acad\u00e9mique\">\r\n                        <option value=\"academie\">Sunu Thiossane Academy<\/option>\r\n                      <\/optgroup>\r\n                    <\/select>\r\n                    <span class=\"st-error-message\">This field is mandatory<\/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;\">Cultural exchange details<\/h4>\r\n                  <div class=\"st-form-row\">\r\n                    <div class=\"st-form-group\">\r\n                      <label for=\"stDepartureCountry\">Country of departure <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\">Country of 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\">Length of stay <span class=\"st-required\">*<\/span><\/label>\r\n                      <input type=\"text\" id=\"stDuration\" name=\"duration\" placeholder=\"Ex: 2 weeks\">\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;\">Camp \/ immersion details<\/h4>\r\n                  <div class=\"st-form-row\">\r\n                    <div class=\"st-form-group\">\r\n                      <label for=\"stLanguageLevel\">Language level <span class=\"st-required\">*<\/span><\/label>\r\n                      <select id=\"stLanguageLevel\" name=\"language_level\">\r\n                        <option value=\"\">Select<\/option>\r\n                        <option value=\"D\u00e9butant\">Beginner<\/option>\r\n                        <option value=\"Interm\u00e9diaire\">Intermediate<\/option>\r\n                        <option value=\"Avanc\u00e9\">Advanced<\/option>\r\n                      <\/select>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"st-form-group\">\r\n                      <label for=\"stObjective\">Main objective <span class=\"st-required\">*<\/span><\/label>\r\n                      <select id=\"stObjective\" name=\"objective\">\r\n                        <option value=\"\">Select<\/option>\r\n                        <option value=\"Langue\">Language<\/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;\">Academic details<\/h4>\r\n                  <div class=\"st-form-row\">\r\n                    <div class=\"st-form-group\">\r\n                      <label for=\"stRequestedLevel\">Required school level <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\">Academic year <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\">Annual commitment <span class=\"st-required\">*<\/span><\/label>\r\n                      <select id=\"stAnnualCommitment\" name=\"annual_commitment\">\r\n                        <option value=\"\">Select<\/option>\r\n                        <option value=\"Oui\">Yes<\/option>\r\n                        <option value=\"Non\">No<\/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 Previous\r\n                <\/button>\r\n                <button type=\"button\" class=\"st-btn st-btn-primary\" onclick=\"stNextStep()\">\r\n                  Next \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 to upload<\/h3>\r\n                \r\n                <div class=\"st-form-row\">\r\n                  <div class=\"st-form-group\">\r\n                    <label for=\"stPhotoId\">Passport photo <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\">This document is mandatory<\/span>\r\n                  <\/div>\r\n                  \r\n                  <div class=\"st-form-group\">\r\n                    <label for=\"stBirthCert\">Birth certificate <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\">This document is mandatory<\/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\">School reports <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\">This document is mandatory<\/span>\r\n                  <\/div>\r\n                  \r\n                  <div class=\"st-form-group\">\r\n                    <label for=\"stPassport\">Passport (optional)<\/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\">Medical certificate <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\">This document is mandatory<\/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 Previous\r\n                <\/button>\r\n                <button type=\"button\" class=\"st-btn st-btn-primary\" onclick=\"stNextStep()\">\r\n                  Next \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 and submission<\/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                    I certify that all the information provided is correct and complete. I accept the terms and conditions of Sunu Thiossane and authorize the processing of this data for the purposes of my application. <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                    I undertake to provide authentic documents and to inform Sunu Thiossane of any change in my situation. I understand that any false declaration may result in the cancellation of my application. <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 information:<\/strong> After submission, you will receive a confirmation email with your file number. The Sunu Thiossane team will review your application and contact you within 5 to 7 working days.\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 Previous\r\n                <\/button>\r\n                <button type=\"submit\" class=\"st-btn st-btn-submit\" id=\"stSubmitBtn\">\r\n                  \u2713 Submit request\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>Sending...<\/p>\r\n              <\/div>\r\n            <\/div>\r\n        \r\n          <input type=\"hidden\" name=\"trp-form-language\" value=\"en\"\/><\/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    &lt;?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>","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 v26.6) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\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\/admission\/\",\"url\":\"https:\/\/sunuthiossane.org\/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\/admission\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/sunuthiossane.org\/admission\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/sunuthiossane.org\/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\/admission\/","url":"https:\/\/sunuthiossane.org\/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\/admission\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/sunuthiossane.org\/admission\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/sunuthiossane.org\/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}]}}