{"id":1870,"date":"2022-01-09T05:45:58","date_gmt":"2022-01-09T05:45:58","guid":{"rendered":"http:\/\/localhost\/echooling\/?page_id=1870"},"modified":"2026-01-05T13:23:38","modified_gmt":"2026-01-05T13:23:38","slug":"contact","status":"publish","type":"page","link":"https:\/\/sunuthiossane.org\/en\/contact\/","title":{"rendered":"Contact"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"1870\" class=\"elementor elementor-1870\" 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-54.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               CONTACT US\r\n            <\/span>\r\n        <\/nav>\r\n\r\n        <!-- Page Title -->\r\n        <h1 class=\"st-page-title\">CONTACT US<\/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<!-- PAGE DE CONTACT SUNU THIOSSANE -->\r\n<!-- VERSION CORRIG\u00c9E - Sans code PHP dans HTML -->\r\n\r\n<style>\r\n\/* ============================================\r\n   VARIABLES CHARTE GRAPHIQUE\r\n   ============================================ *\/\r\n:root {\r\n  --st-primary: #8B6F47;\r\n  --st-secondary: #E89F3C;\r\n  --st-dark: #5C4A2F;\r\n  --st-light: #F5F1EB;\r\n  --st-accent: #C77D2E;\r\n  --st-success: #6B8E23;\r\n  --st-error: #C44536;\r\n  --st-border: #D4C5B0;\r\n  --st-shadow: rgba(139, 111, 71, 0.15);\r\n}\r\n\r\n\/* ============================================\r\n   CONTENEUR CONTACT\r\n   ============================================ *\/\r\n.st-contact-wrapper {\r\n  max-width: 1200px;\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}\r\n\r\n.st-contact-header {\r\n  text-align: center;\r\n  padding: 40px 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: 50px;\r\n  border-radius: 8px;\r\n}\r\n\r\n.st-contact-header h1 {\r\n  font-size: 32px;\r\n  color: var(--st-primary);\r\n  margin: 0 0 12px 0;\r\n  font-weight: 600;\r\n}\r\n\r\n.st-contact-header p {\r\n  color: var(--st-dark);\r\n  font-size: 16px;\r\n  opacity: 0.85;\r\n  margin: 0;\r\n}\r\n\r\n\/* ============================================\r\n   GRID LAYOUT\r\n   ============================================ *\/\r\n.st-contact-grid {\r\n  display: grid;\r\n  grid-template-columns: 1fr 1fr;\r\n  gap: 40px;\r\n  margin-bottom: 40px;\r\n}\r\n\r\n@media (max-width: 768px) {\r\n  .st-contact-grid {\r\n    grid-template-columns: 1fr;\r\n    gap: 30px;\r\n  }\r\n}\r\n\r\n\/* ============================================\r\n   FORMULAIRE DE CONTACT\r\n   ============================================ *\/\r\n.st-contact-form-section {\r\n  background: #fff;\r\n  padding: 35px;\r\n  border-radius: 8px;\r\n  box-shadow: 0 4px 20px var(--st-shadow);\r\n  border: 1px solid var(--st-border);\r\n}\r\n\r\n.st-contact-form-section h2 {\r\n  color: var(--st-primary);\r\n  font-size: 24px;\r\n  margin: 0 0 25px 0;\r\n  padding-bottom: 15px;\r\n  border-bottom: 2px solid var(--st-secondary);\r\n}\r\n\r\n.st-contact-form-group {\r\n  margin-bottom: 20px;\r\n}\r\n\r\n.st-contact-form-group label {\r\n  display: block;\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-contact-form-group label .st-required {\r\n  color: var(--st-error);\r\n  margin-left: 3px;\r\n}\r\n\r\n.st-contact-form-group input,\r\n.st-contact-form-group select,\r\n.st-contact-form-group textarea {\r\n  width: 100%;\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  box-sizing: border-box;\r\n}\r\n\r\n.st-contact-form-group input:focus,\r\n.st-contact-form-group select:focus,\r\n.st-contact-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-contact-form-group textarea {\r\n  min-height: 140px;\r\n  resize: vertical;\r\n}\r\n\r\n.st-contact-form-group.error input,\r\n.st-contact-form-group.error select,\r\n.st-contact-form-group.error textarea {\r\n  border-color: var(--st-error);\r\n}\r\n\r\n.st-contact-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-contact-form-group.error .st-contact-error-message {\r\n  display: block;\r\n}\r\n\r\n.st-contact-submit-btn {\r\n  width: 100%;\r\n  padding: 15px;\r\n  background: linear-gradient(135deg, var(--st-primary), var(--st-accent));\r\n  color: #fff;\r\n  border: none;\r\n  border-radius: 6px;\r\n  font-size: 17px;\r\n  font-weight: 600;\r\n  cursor: pointer;\r\n  transition: all 0.3s ease;\r\n  box-shadow: 0 4px 12px var(--st-shadow);\r\n  margin-top: 10px;\r\n}\r\n\r\n.st-contact-submit-btn:hover:not(:disabled) {\r\n  transform: translateY(-2px);\r\n  box-shadow: 0 6px 20px var(--st-shadow);\r\n}\r\n\r\n.st-contact-submit-btn:disabled {\r\n  opacity: 0.6;\r\n  cursor: not-allowed;\r\n}\r\n\r\n\/* ============================================\r\n   INFORMATIONS DE CONTACT\r\n   ============================================ *\/\r\n.st-contact-info-section {\r\n  background: linear-gradient(135deg, var(--st-primary) 0%, var(--st-accent) 100%);\r\n  padding: 35px;\r\n  border-radius: 8px;\r\n  color: #fff;\r\n  box-shadow: 0 4px 20px var(--st-shadow);\r\n}\r\n\r\n.st-contact-info-section h2 {\r\n  color: #fff;\r\n  font-size: 24px;\r\n  margin: 0 0 30px 0;\r\n  padding-bottom: 15px;\r\n  border-bottom: 2px solid rgba(255, 255, 255, 0.3);\r\n}\r\n\r\n.st-contact-info-item {\r\n  display: flex;\r\n  align-items: flex-start;\r\n  gap: 15px;\r\n  margin-bottom: 25px;\r\n  padding: 20px;\r\n  background: rgba(255, 255, 255, 0.1);\r\n  border-radius: 6px;\r\n  backdrop-filter: blur(10px);\r\n  border: 1px solid rgba(255, 255, 255, 0.2);\r\n}\r\n\r\n.st-contact-info-icon {\r\n  font-size: 24px;\r\n  flex-shrink: 0;\r\n  opacity: 0.9;\r\n}\r\n\r\n.st-contact-info-content h3 {\r\n  font-size: 16px;\r\n  margin: 0 0 8px 0;\r\n  font-weight: 600;\r\n  color: #fff;\r\n  opacity: 0.95;\r\n}\r\n\r\n.st-contact-info-content p {\r\n  margin: 0;\r\n  font-size: 15px;\r\n  line-height: 1.6;\r\n  opacity: 0.9;\r\n}\r\n\r\n.st-contact-info-content a {\r\n  color: #fff;\r\n  text-decoration: none;\r\n  border-bottom: 1px solid rgba(255, 255, 255, 0.4);\r\n  transition: all 0.3s ease;\r\n}\r\n\r\n.st-contact-info-content a:hover {\r\n  border-bottom-color: #fff;\r\n  opacity: 1;\r\n}\r\n\r\n\/* ============================================\r\n   HORAIRES\r\n   ============================================ *\/\r\n.st-contact-hours {\r\n  background: rgba(255, 255, 255, 0.15);\r\n  padding: 20px;\r\n  border-radius: 6px;\r\n  margin-top: 30px;\r\n  border: 1px solid rgba(255, 255, 255, 0.2);\r\n}\r\n\r\n.st-contact-hours h3 {\r\n  color: #fff;\r\n  font-size: 18px;\r\n  margin: 0 0 15px 0;\r\n  font-weight: 600;\r\n}\r\n\r\n.st-contact-hours ul {\r\n  list-style: none;\r\n  padding: 0;\r\n  margin: 0;\r\n}\r\n\r\n.st-contact-hours li {\r\n  padding: 8px 0;\r\n  border-bottom: 1px solid rgba(255, 255, 255, 0.15);\r\n  display: flex;\r\n  justify-content: space-between;\r\n  font-size: 14px;\r\n}\r\n\r\n.st-contact-hours li:last-child {\r\n  border-bottom: none;\r\n}\r\n\r\n.st-contact-day {\r\n  font-weight: 500;\r\n}\r\n\r\n.st-contact-time {\r\n  opacity: 0.9;\r\n}\r\n\r\n\/* ============================================\r\n   ALERTES\r\n   ============================================ *\/\r\n.st-contact-alert {\r\n  padding: 15px 20px;\r\n  border-radius: 6px;\r\n  margin-bottom: 20px;\r\n  display: none;\r\n  animation: stContactFadeIn 0.3s ease;\r\n}\r\n\r\n.st-contact-alert.visible {\r\n  display: block;\r\n}\r\n\r\n@keyframes stContactFadeIn {\r\n  from { opacity: 0; transform: translateY(-10px); }\r\n  to { opacity: 1; transform: translateY(0); }\r\n}\r\n\r\n.st-contact-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-contact-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\/* ============================================\r\n   LOADER\r\n   ============================================ *\/\r\n.st-contact-loader {\r\n  display: none;\r\n  text-align: center;\r\n  padding: 20px;\r\n}\r\n\r\n.st-contact-loader.visible {\r\n  display: block;\r\n}\r\n\r\n.st-contact-spinner {\r\n  border: 3px solid var(--st-light);\r\n  border-top: 3px solid var(--st-secondary);\r\n  border-radius: 50%;\r\n  width: 40px;\r\n  height: 40px;\r\n  animation: stContactSpin 1s linear infinite;\r\n  margin: 0 auto 10px;\r\n}\r\n\r\n@keyframes stContactSpin {\r\n  0% { transform: rotate(0deg); }\r\n  100% { transform: rotate(360deg); }\r\n}\r\n<\/style>\r\n\r\n<div class=\"st-contact-wrapper\">\r\n  <!-- EN-T\u00caTE -->\r\n  <div class=\"st-contact-header\">\r\n    <h1>Contact us<\/h1>\r\n    <p>We'll be happy to answer any questions you may have.<\/p>\r\n  <\/div>\r\n\r\n  <!-- ALERTES -->\r\n  <div id=\"stContactAlertContainer\"><\/div>\r\n\r\n  <!-- GRID : FORMULAIRE + INFORMATIONS -->\r\n  <div class=\"st-contact-grid\">\r\n    \r\n    <!-- FORMULAIRE DE CONTACT -->\r\n    <div class=\"st-contact-form-section\">\r\n      <h2>Send us a message<\/h2>\r\n      \r\n      <form id=\"stContactForm\" novalidate action=\"\">\r\n        \r\n        <div class=\"st-contact-form-group\">\r\n          <label for=\"stContactName\">Full name <span class=\"st-required\">*<\/span><\/label>\r\n          <input type=\"text\" id=\"stContactName\" name=\"name\" required placeholder=\"First and last name\">\r\n          <span class=\"st-contact-error-message\">This field is mandatory<\/span>\r\n        <\/div>\r\n\r\n        <div class=\"st-contact-form-group\">\r\n          <label for=\"stContactEmail\">Email <span class=\"st-required\">*<\/span><\/label>\r\n          <input type=\"email\" id=\"stContactEmail\" name=\"email\" required placeholder=\"votre@email.com\">\r\n          <span class=\"st-contact-error-message\">Invalid email<\/span>\r\n        <\/div>\r\n\r\n        <div class=\"st-contact-form-group\">\r\n          <label for=\"stContactPhone\">Phone <span class=\"st-required\">*<\/span><\/label>\r\n          <input type=\"tel\" id=\"stContactPhone\" name=\"phone\" required placeholder=\"+221 XX XXX XX XX\">\r\n          <span class=\"st-contact-error-message\">Invalid number<\/span>\r\n        <\/div>\r\n\r\n        <div class=\"st-contact-form-group\">\r\n          <label for=\"stContactSubject\">Subject <span class=\"st-required\">*<\/span><\/label>\r\n          <select id=\"stContactSubject\" name=\"subject\" required>\r\n            <option value=\"\">Choose a subject<\/option>\r\n            <option value=\"Demande d'information\">Information request<\/option>\r\n            <option value=\"Inscription\">Registration<\/option>\r\n            <option value=\"Programmes\">Program questions<\/option>\r\n            <option value=\"Partenariat\">Partnership<\/option>\r\n            <option value=\"R\u00e9clamation\">Claim<\/option>\r\n            <option value=\"Autre\">Other<\/option>\r\n          <\/select>\r\n          <span class=\"st-contact-error-message\">This field is mandatory<\/span>\r\n        <\/div>\r\n\r\n        <div class=\"st-contact-form-group\">\r\n          <label for=\"stContactMessage\">Message <span class=\"st-required\">*<\/span><\/label>\r\n          <textarea id=\"stContactMessage\" name=\"message\" required placeholder=\"Describe your request...\"><\/textarea>\r\n          <span class=\"st-contact-error-message\">This field is mandatory<\/span>\r\n        <\/div>\r\n\r\n        <!-- LOADER -->\r\n        <div class=\"st-contact-loader\" id=\"stContactLoader\">\r\n          <div class=\"st-contact-spinner\"><\/div>\r\n          <p>Sending...<\/p>\r\n        <\/div>\r\n\r\n        <button type=\"submit\" class=\"st-contact-submit-btn\" id=\"stContactSubmitBtn\">\r\n          Send message\r\n        <\/button>\r\n      <input type=\"hidden\" name=\"trp-form-language\" value=\"en\"\/><\/form>\r\n    <\/div>\r\n\r\n    <!-- INFORMATIONS DE CONTACT -->\r\n    <div class=\"st-contact-info-section\">\r\n      <h2>Our contact details<\/h2>\r\n      \r\n      <div class=\"st-contact-info-item\">\r\n        <div class=\"st-contact-info-icon\">\ud83c\udfe2<\/div>\r\n        <div class=\"st-contact-info-content\">\r\n          <h3>Organization<\/h3>\r\n          <p>Sunu Thiossane<br>Educational Excellence &amp; Cultural Exchanges<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"st-contact-info-item\">\r\n        <div class=\"st-contact-info-icon\">\u2709\ufe0f<\/div>\r\n        <div class=\"st-contact-info-content\">\r\n          <h3>Email<\/h3>\r\n          <p><a href=\"mailto:contact@sunuthiossane.org\">contact@sunuthiossane.org<\/a><\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"st-contact-info-item\">\r\n        <div class=\"st-contact-info-icon\">\ud83d\udccd<\/div>\r\n        <div class=\"st-contact-info-content\">\r\n          <h3>Address<\/h3>\r\n          <p>Dakar, Senegal<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"st-contact-info-item\">\r\n        <div class=\"st-contact-info-icon\">\ud83d\udcde<\/div>\r\n        <div class=\"st-contact-info-content\">\r\n          <h3>Phone<\/h3>\r\n          <p>+221 XX XXX XX XX<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- HORAIRES D'OUVERTURE -->\r\n      <div class=\"st-contact-hours\">\r\n        <h3>\u23f0 Opening hours<\/h3>\r\n        <ul>\r\n          <li>\r\n            <span class=\"st-contact-day\">Monday - Friday<\/span>\r\n            <span class=\"st-contact-time\">8 a.m. - 5 p.m.<\/span>\r\n          <\/li>\r\n          <li>\r\n            <span class=\"st-contact-day\">Saturday<\/span>\r\n            <span class=\"st-contact-time\">9 a.m. - 1 p.m.<\/span>\r\n          <\/li>\r\n          <li>\r\n            <span class=\"st-contact-day\">Sunday<\/span>\r\n            <span class=\"st-contact-time\">Closed<\/span>\r\n          <\/li>\r\n        <\/ul>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/div>\r\n\r\n<script>\r\n(function() {\r\n  'use strict';\r\n  \r\n  \/\/ ============================================\r\n  \/\/ D\u00c9TECTION AUTOMATIQUE DE L'URL AJAX\r\n  \/\/ ============================================\r\n  function getAjaxUrl() {\r\n    \/\/ M\u00e9thode 1 : Variable globale WordPress\r\n    if (typeof ajaxurl !== 'undefined') {\r\n      return ajaxurl;\r\n    }\r\n    \r\n    \/\/ M\u00e9thode 2 : Variable inject\u00e9e par functions.php\r\n    if (typeof stContactData !== 'undefined' && stContactData.ajax_url) {\r\n      return stContactData.ajax_url;\r\n    }\r\n    \r\n    \/\/ M\u00e9thode 3 : Construction manuelle\r\n    const origin = window.location.origin;\r\n    return origin + '\/wp-admin\/admin-ajax.php';\r\n  }\r\n  \r\n  function getNonce() {\r\n    if (typeof stContactData !== 'undefined' && stContactData.nonce) {\r\n      return stContactData.nonce;\r\n    }\r\n    return ''; \/\/ Le nonce sera valid\u00e9 c\u00f4t\u00e9 serveur si vide\r\n  }\r\n  \r\n  \/\/ ============================================\r\n  \/\/ VALIDATION DU FORMULAIRE\r\n  \/\/ ============================================\r\n  function stValidateContactForm() {\r\n    const form = document.getElementById('stContactForm');\r\n    const requiredInputs = form.querySelectorAll('[required]');\r\n    let isValid = true;\r\n    \r\n    requiredInputs.forEach(input => {\r\n      const formGroup = input.closest('.st-contact-form-group');\r\n      formGroup.classList.remove('error');\r\n      \r\n      if (input.type === 'email') {\r\n        if (!input.value.match(\/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$\/)) {\r\n          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          formGroup.classList.add('error');\r\n          isValid = false;\r\n        }\r\n      } else if (!input.value.trim()) {\r\n        formGroup.classList.add('error');\r\n        isValid = false;\r\n      }\r\n    });\r\n    \r\n    return isValid;\r\n  }\r\n  \r\n  \/\/ ============================================\r\n  \/\/ AFFICHAGE DES ALERTES\r\n  \/\/ ============================================\r\n  function stShowContactAlert(message, type = 'success') {\r\n    const container = document.getElementById('stContactAlertContainer');\r\n    const alert = document.createElement('div');\r\n    alert.className = `st-contact-alert st-contact-alert-${type} visible`;\r\n    alert.textContent = message;\r\n    \r\n    container.innerHTML = '';\r\n    container.appendChild(alert);\r\n    \r\n    window.scrollTo({ top: 0, behavior: 'smooth' });\r\n    \r\n    if (type === 'success') {\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  \/\/ ============================================\r\n  \/\/ SOUMISSION AJAX\r\n  \/\/ ============================================\r\n  document.getElementById('stContactForm').addEventListener('submit', function(e) {\r\n    e.preventDefault();\r\n    \r\n    if (!stValidateContactForm()) {\r\n      stShowContactAlert('Veuillez remplir tous les champs correctement.', 'error');\r\n      return;\r\n    }\r\n    \r\n    \/\/ D\u00e9sactiver le bouton et afficher le loader\r\n    const submitBtn = document.getElementById('stContactSubmitBtn');\r\n    const loader = document.getElementById('stContactLoader');\r\n    submitBtn.disabled = true;\r\n    loader.classList.add('visible');\r\n    \r\n    \/\/ Pr\u00e9parer les donn\u00e9es\r\n    const formData = new FormData(this);\r\n    formData.append('action', 'st_submit_contact');\r\n    formData.append('nonce', getNonce());\r\n    \r\n    \/\/ Envoi AJAX\r\n    fetch(getAjaxUrl(), {\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      loader.classList.remove('visible');\r\n      \r\n      if (data.success) {\r\n        stShowContactAlert(data.data.message || 'Message envoy\u00e9 avec succ\u00e8s !', 'success');\r\n        \r\n        \/\/ R\u00e9initialiser le formulaire\r\n        document.getElementById('stContactForm').reset();\r\n        \r\n        \/\/ Redirection optionnelle\r\n        if (data.data.redirect_url) {\r\n          setTimeout(() => {\r\n            window.location.href = data.data.redirect_url;\r\n          }, 2000);\r\n        }\r\n      } else {\r\n        submitBtn.disabled = false;\r\n        stShowContactAlert(data.data.message || 'Une erreur est survenue', 'error');\r\n      }\r\n    })\r\n    .catch(error => {\r\n      loader.classList.remove('visible');\r\n      submitBtn.disabled = false;\r\n      stShowContactAlert('Erreur r\u00e9seau. Veuillez r\u00e9essayer.', 'error');\r\n      console.error('Error:', error);\r\n    });\r\n  });\r\n  \r\n})();\r\n<\/script>\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 \/ NOUS CONTACTER NOUS CONTACTER Contactez-Nous Nous sommes \u00e0 votre \u00e9coute pour r\u00e9pondre \u00e0 toutes vos questions Envoyez-nous un message Nom complet * Ce champ est obligatoire Email * Email invalide T\u00e9l\u00e9phone * Num\u00e9ro invalide Sujet * Choisissez un sujetDemande d&#8217;informationInscriptionQuestions sur les programmesPartenariatR\u00e9clamationAutre Ce champ est obligatoire Message * Ce champ est obligatoire&#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-1870","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>Contact - 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\/contact\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Contact\" \/>\n<meta property=\"og:description\" content=\"Accueil \/ NOUS CONTACTER NOUS CONTACTER Contactez-Nous Nous sommes \u00e0 votre \u00e9coute pour r\u00e9pondre \u00e0 toutes vos questions Envoyez-nous un message Nom complet * Ce champ est obligatoire Email * Email invalide T\u00e9l\u00e9phone * Num\u00e9ro invalide Sujet * Choisissez un sujetDemande d&#8217;informationInscriptionQuestions sur les programmesPartenariatR\u00e9clamationAutre Ce champ est obligatoire Message * Ce champ est obligatoire...\" \/>\n<meta property=\"og:url\" content=\"https:\/\/sunuthiossane.org\/en\/contact\/\" \/>\n<meta property=\"og:site_name\" content=\"Sunu Thiossane\" \/>\n<meta property=\"article:modified_time\" content=\"2026-01-05T13:23:38+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=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/sunuthiossane.org\/contact\/\",\"url\":\"https:\/\/sunuthiossane.org\/contact\/\",\"name\":\"Contact - Sunu Thiossane\",\"isPartOf\":{\"@id\":\"https:\/\/sunuthiossane.org\/#website\"},\"datePublished\":\"2022-01-09T05:45:58+00:00\",\"dateModified\":\"2026-01-05T13:23:38+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/sunuthiossane.org\/contact\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/sunuthiossane.org\/contact\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/sunuthiossane.org\/contact\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/sunuthiossane.org\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Contact\"}]},{\"@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":"Contact - 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\/contact\/","og_locale":"en_US","og_type":"article","og_title":"Contact","og_description":"Accueil \/ NOUS CONTACTER NOUS CONTACTER Contactez-Nous Nous sommes \u00e0 votre \u00e9coute pour r\u00e9pondre \u00e0 toutes vos questions Envoyez-nous un message Nom complet * Ce champ est obligatoire Email * Email invalide T\u00e9l\u00e9phone * Num\u00e9ro invalide Sujet * Choisissez un sujetDemande d&#8217;informationInscriptionQuestions sur les programmesPartenariatR\u00e9clamationAutre Ce champ est obligatoire Message * Ce champ est obligatoire...","og_url":"https:\/\/sunuthiossane.org\/en\/contact\/","og_site_name":"Sunu Thiossane","article_modified_time":"2026-01-05T13:23:38+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/sunuthiossane.org\/contact\/","url":"https:\/\/sunuthiossane.org\/contact\/","name":"Contact - Sunu Thiossane","isPartOf":{"@id":"https:\/\/sunuthiossane.org\/#website"},"datePublished":"2022-01-09T05:45:58+00:00","dateModified":"2026-01-05T13:23:38+00:00","breadcrumb":{"@id":"https:\/\/sunuthiossane.org\/contact\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/sunuthiossane.org\/contact\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/sunuthiossane.org\/contact\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/sunuthiossane.org\/"},{"@type":"ListItem","position":2,"name":"Contact"}]},{"@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\/1870","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=1870"}],"version-history":[{"count":15,"href":"https:\/\/sunuthiossane.org\/en\/wp-json\/wp\/v2\/pages\/1870\/revisions"}],"predecessor-version":[{"id":6318,"href":"https:\/\/sunuthiossane.org\/en\/wp-json\/wp\/v2\/pages\/1870\/revisions\/6318"}],"wp:attachment":[{"href":"https:\/\/sunuthiossane.org\/en\/wp-json\/wp\/v2\/media?parent=1870"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}