{"id":502,"date":"2025-12-14T18:30:56","date_gmt":"2025-12-14T17:30:56","guid":{"rendered":"https:\/\/www.malisig.ml\/?page_id=502"},"modified":"2025-12-14T20:11:07","modified_gmt":"2025-12-14T19:11:07","slug":"contact","status":"publish","type":"page","link":"https:\/\/www.malisig.ml\/index.php\/contact\/","title":{"rendered":"Contact\u00a0"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"502\" class=\"elementor elementor-502\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e7607c9 e-flex e-con-boxed e-con e-parent\" data-id=\"e7607c9\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f2122bf elementor-widget elementor-widget-malisig_contact\" data-id=\"f2122bf\" data-element_type=\"widget\" data-widget_type=\"malisig_contact.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t        <style>\r\n            .material-symbols-outlined {\r\n                font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;\r\n            }\r\n\r\n            \/* Dynamic Map Grayscale *\/\r\n            .map-container iframe {\r\n                filter:\r\n                    grayscale(100%)                ;\r\n                transition: filter 0.3s ease;\r\n            }\r\n\r\n            .map-container:hover iframe {\r\n                filter: grayscale(0%);\r\n            }\r\n        <\/style>\r\n\r\n        <div\r\n            class=\"malisig-contact-widget w-full bg-background-light dark:bg-background-dark font-display text-dark-neutral dark:text-neutral-light\">\r\n            <div class=\"flex justify-center py-10\">\r\n                <div class=\"layout-content-container flex flex-col w-full max-w-7xl px-4 sm:px-8 md:px-10\">\r\n\r\n                    <!-- En-t\u00eate de page -->\r\n                    <div class=\"ms-contact-header flex flex-col gap-4 text-center mb-12\">\r\n                        <h1\r\n                            class=\"text-dark-neutral dark:text-white text-4xl font-black leading-tight tracking-[-0.033em] md:text-5xl\">\r\n                            Entrons en Contact                        <\/h1>\r\n                        <p\r\n                            class=\"text-[#5e758d] dark:text-neutral-light\/70 text-lg font-normal leading-normal max-w-2xl mx-auto\">\r\n                            Vous avez des questions sur la prochaine \u00e9dition, un projet de partenariat ou besoin d&#039;informations sur nos formations ? Notre \u00e9quipe est \u00e0 votre \u00e9coute.                        <\/p>\r\n                    <\/div>\r\n\r\n                    <div class=\"grid grid-cols-1 lg:grid-cols-12 gap-12\">\r\n\r\n                        <!-- COLONNE GAUCHE : Formulaire -->\r\n                        <div class=\"lg:col-span-7 flex flex-col gap-8\">\r\n                            <div\r\n                                class=\"ms-contact-card bg-background-light dark:bg-dark-neutral\/10 rounded-2xl p-6 sm:p-8 border border-[#dae0e7] dark:border-dark-neutral\/20 shadow-sm transition-all\">\r\n                                <h2 class=\"text-2xl font-bold text-dark-neutral dark:text-white mb-6\">\r\n                                    Envoyez-nous un message                                <\/h2>\r\n\r\n                                                                    <!-- Formulaire Par D\u00e9faut (Fonctionnel AJAX) -->\r\n                                    <form id=\"malisig-contact-form-f2122bf\" class=\"flex flex-col gap-5\">\r\n                                        <input type=\"hidden\" id=\"malisig_contact_nonce\" name=\"malisig_contact_nonce\" value=\"c392de4e80\" \/><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/index.php\/wp-json\/wp\/v2\/pages\/502\" \/>                                        <input type=\"hidden\" name=\"action\" value=\"malisig_send_contact_email\">\r\n                                        <input type=\"hidden\" name=\"recipient\"\r\n                                            value=\"issakaidrissou1@gmail.com\">\r\n\r\n                                        <div class=\"grid grid-cols-1 sm:grid-cols-2 gap-5\">\r\n                                            <div class=\"flex flex-col gap-2\">\r\n                                                <label class=\"ms-form-label text-sm font-bold text-dark-neutral dark:text-white\"\r\n                                                    for=\"nom-f2122bf\">Nom complet<\/label>\r\n                                                <input type=\"text\" id=\"nom-f2122bf\" name=\"nom\" placeholder=\"Votre nom\"\r\n                                                    required\r\n                                                    class=\"ms-form-input w-full h-12 px-4 rounded-lg border border-[#dae0e7] dark:border-dark-neutral\/20 bg-neutral-light dark:bg-dark-neutral\/30 outline-none transition-all dark:text-white\">\r\n                                            <\/div>\r\n                                            <div class=\"flex flex-col gap-2\">\r\n                                                <label class=\"ms-form-label text-sm font-bold text-dark-neutral dark:text-white\"\r\n                                                    for=\"email-f2122bf\">Adresse\r\n                                                    Email<\/label>\r\n                                                <input type=\"email\" id=\"email-f2122bf\" name=\"email\"\r\n                                                    placeholder=\"exemple@email.com\" required\r\n                                                    class=\"ms-form-input w-full h-12 px-4 rounded-lg border border-[#dae0e7] dark:border-dark-neutral\/20 bg-neutral-light dark:bg-dark-neutral\/30 outline-none transition-all dark:text-white\">\r\n                                            <\/div>\r\n                                        <\/div>\r\n\r\n                                        <div class=\"flex flex-col gap-2\">\r\n                                            <label class=\"ms-form-label text-sm font-bold text-dark-neutral dark:text-white\"\r\n                                                for=\"sujet-f2122bf\">Sujet<\/label>\r\n                                            <select id=\"sujet-f2122bf\" name=\"sujet\"\r\n                                                class=\"ms-form-input w-full h-12 px-4 rounded-lg border border-[#dae0e7] dark:border-dark-neutral\/20 bg-neutral-light dark:bg-dark-neutral\/30 outline-none transition-all dark:text-white\">\r\n                                                                                                                                                            <option value=\"Information G\u00e9n\u00e9rale\">\r\n                                                            Demande d&#039;information g\u00e9n\u00e9rale                                                        <\/option>\r\n                                                                                                            <option value=\"Technique\">\r\n                                                            Probl\u00e8me technique \/ Site web                                                        <\/option>\r\n                                                                                                            <option value=\"Partenariat\">\r\n                                                            Partenariat &amp; Sponsoring                                                        <\/option>\r\n                                                                                                            <option value=\"Presse\">\r\n                                                            Presse &amp; M\u00e9dia                                                        <\/option>\r\n                                                                                                            <option value=\"Autre\">\r\n                                                            Autre                                                        <\/option>\r\n                                                                                                                                                <\/select>\r\n                                        <\/div>\r\n\r\n                                        <div class=\"flex flex-col gap-2\">\r\n                                            <label class=\"ms-form-label text-sm font-bold text-dark-neutral dark:text-white\"\r\n                                                for=\"message-f2122bf\">Message<\/label>\r\n                                            <textarea id=\"message-f2122bf\" name=\"message\" rows=\"5\"\r\n                                                placeholder=\"Comment pouvons-nous vous aider ?\" required\r\n                                                class=\"ms-form-input w-full p-4 rounded-lg border border-[#dae0e7] dark:border-dark-neutral\/20 bg-neutral-light dark:bg-dark-neutral\/30 outline-none transition-all dark:text-white resize-none\"><\/textarea>\r\n                                        <\/div>\r\n\r\n                                        <div id=\"form-message-f2122bf\" class=\"hidden text-sm font-bold p-3 rounded\">\r\n                                        <\/div>\r\n\r\n                                        <button type=\"submit\" style=\"background-color: #0F4C81; color: #ffffff;\"\r\n                                            class=\"ms-form-btn mt-2 w-full sm:w-auto self-start flex items-center justify-center gap-2 rounded-lg h-12 px-8 text-base font-bold tracking-[0.015em] hover:opacity-90 transition-all shadow-lg\">\r\n                                            <span>Envoyer le message<\/span>\r\n                                            <span class=\"material-symbols-outlined text-sm\">send<\/span>\r\n                                        <\/button>\r\n                                    <\/form>\r\n\r\n                                    <!-- Scripts JS pour le Formulaire -->\r\n                                    <script>\r\n                                        jQuery(document).ready(function ($) {\r\n                                            $('#malisig-contact-form-f2122bf').on('submit', function (e) {\r\n                                                e.preventDefault();\r\n                                                var $form = $(this);\r\n                                                var $msg = $('#form-message-f2122bf');\r\n                                                var $btn = $form.find('button[type=\"submit\"]');\r\n\r\n                                                $btn.prop('disabled', true).css('opacity', '0.7').text('Envoi en cours...');\r\n\r\n                                                $.ajax({\r\n                                                    url: 'https:\/\/www.malisig.ml\/wp-admin\/admin-ajax.php',\r\n                                                    type: 'POST',\r\n                                                    data: $form.serialize(),\r\n                                                    success: function (response) {\r\n                                                        $msg.removeClass('hidden text-red-600 bg-red-100 text-green-600 bg-green-100');\r\n                                                        if (response.success) {\r\n                                                            $msg.addClass('text-green-600 bg-green-100').text(response.data.message);\r\n                                                            $form[0].reset();\r\n                                                        } else {\r\n                                                            $msg.addClass('text-red-600 bg-red-100').text(response.data.message);\r\n                                                        }\r\n                                                    },\r\n                                                    error: function () {\r\n                                                        $msg.removeClass('hidden').addClass('text-red-600 bg-red-100').text('Erreur serveur. Veuillez r\u00e9essayer.');\r\n                                                    },\r\n                                                    complete: function () {\r\n                                                        $msg.show();\r\n                                                        $btn.prop('disabled', false).css('opacity', '1').html('<span>Envoyer le message<\/span><span class=\"material-symbols-outlined text-sm\">send<\/span>');\r\n                                                    }\r\n                                                });\r\n                                            });\r\n                                        });\r\n                                    <\/script>\r\n                                                            <\/div>\r\n                        <\/div>\r\n\r\n                        <!-- COLONNE DROITE : Infos & Map -->\r\n                        <div class=\"lg:col-span-5 flex flex-col gap-6\">\r\n\r\n                            <!-- Carte Info: Si\u00e8ge -->\r\n                            <div\r\n                                class=\"ms-contact-card bg-background-light dark:bg-dark-neutral\/10 rounded-xl p-6 border border-[#dae0e7] dark:border-dark-neutral\/20 flex items-start gap-4\">\r\n                                <div\r\n                                    class=\"flex items-center justify-center w-12 h-12 rounded-full bg-primary\/10 text-primary shrink-0\">\r\n                                    <span class=\"material-symbols-outlined\">location_on<\/span>\r\n                                <\/div>\r\n                                <div>\r\n                                    <h3 class=\"font-bold text-dark-neutral dark:text-white text-lg\">\r\n                                        Si\u00e8ge Social                                    <\/h3>\r\n                                    <div class=\"text-[#5e758d] dark:text-neutral-light\/70 text-sm mt-1\">\r\n                                        <p>Sise \u00e0 l'ENI 410, Av Vollenhoven<br \/>BP 242, Bamako, Mali<\/p>                                    <\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n\r\n                            <!-- Carte Info: Contact -->\r\n                            <div\r\n                                class=\"ms-contact-card bg-background-light dark:bg-dark-neutral\/10 rounded-xl p-6 border border-[#dae0e7] dark:border-dark-neutral\/20 flex items-start gap-4\">\r\n                                <div\r\n                                    class=\"flex items-center justify-center w-12 h-12 rounded-full bg-primary\/10 text-primary shrink-0\">\r\n                                    <span class=\"material-symbols-outlined\">call<\/span>\r\n                                <\/div>\r\n                                <div>\r\n                                    <h3 class=\"font-bold text-dark-neutral dark:text-white text-lg\">\r\n                                        T\u00e9l\u00e9phone &amp; Email                                    <\/h3>\r\n                                    <div class=\"text-[#5e758d] dark:text-neutral-light\/70 text-sm mt-1 flex flex-col gap-1\">\r\n                                        <p><a class=\"hover:text-primary transition-colors\" href=\"tel:+22366834486\">+223 66 83 44 86<\/a><br \/><a class=\"hover:text-primary transition-colors\" href=\"mailto:contact@malisig.ml\">contact@malisig.ml<\/a><\/p>                                    <\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n\r\n                            <!-- Carte Info: Horaires -->\r\n                            <div\r\n                                class=\"ms-contact-card bg-background-light dark:bg-dark-neutral\/10 rounded-xl p-6 border border-[#dae0e7] dark:border-dark-neutral\/20 flex items-start gap-4\">\r\n                                <div\r\n                                    class=\"flex items-center justify-center w-12 h-12 rounded-full bg-primary\/10 text-primary shrink-0\">\r\n                                    <span class=\"material-symbols-outlined\">schedule<\/span>\r\n                                <\/div>\r\n                                <div>\r\n                                    <h3 class=\"font-bold text-dark-neutral dark:text-white text-lg\">\r\n                                        Heures d&#039;ouverture                                    <\/h3>\r\n                                    <div class=\"text-[#5e758d] dark:text-neutral-light\/70 text-sm mt-1\">\r\n                                        <p>Lundi - Vendredi : 08h00 - 17h00<br \/>Samedi : 09h00 - 13h00<\/p>                                    <\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n\r\n                            <!-- Google Map Embed -->\r\n                            <div\r\n                                class=\"w-full h-64 rounded-xl overflow-hidden border border-[#dae0e7] dark:border-dark-neutral\/20 map-container shadow-md\">\r\n                                <iframe src=\"https:\/\/maps.google.com\/maps?q=12.6305,-8.0057&#038;t=m&#038;z=15&#038;output=embed\" width=\"100%\" height=\"100%\" style=\"border:0;\"\r\n                                    allowfullscreen=\"\" loading=\"lazy\" referrerpolicy=\"no-referrer-when-downgrade\"><\/iframe>\r\n                            <\/div>\r\n\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <!-- Section FAQ Rapide -->\r\n                    <div class=\"mt-20\">\r\n                        <h2 class=\"text-3xl font-bold text-center text-dark-neutral dark:text-white mb-8\">\r\n                            Questions Fr\u00e9quentes                        <\/h2>\r\n                        <div class=\"grid grid-cols-1 md:grid-cols-2 gap-6\">\r\n\r\n                                                                                                <details\r\n                                        class=\"ms-faq-item group bg-neutral-light dark:bg-dark-neutral\/10 rounded-xl border border-[#dae0e7] dark:border-dark-neutral\/20 open:border-primary\/50 transition-all\">\r\n                                        <summary\r\n                                            class=\"ms-faq-question flex justify-between items-center cursor-pointer p-5 font-bold text-dark-neutral dark:text-white list-none\">\r\n                                            <span>Comment s&#039;inscrire \u00e0 la prochaine \u00e9dition ?<\/span>\r\n                                            <span\r\n                                                class=\"material-symbols-outlined text-primary transition-transform group-open:rotate-180\">expand_more<\/span>\r\n                                        <\/summary>\r\n                                        <div\r\n                                            class=\"ms-faq-answer px-5 pb-5 text-[#5e758d] dark:text-neutral-light\/70 text-sm leading-relaxed\">\r\n                                            Les inscriptions ouvrent g\u00e9n\u00e9ralement 2 mois avant l&#039;\u00e9v\u00e9nement. Vous pouvez vous inscrire directement via le bouton &quot;S&#039;inscrire&quot; en haut de page ou nous suivre sur les r\u00e9seaux sociaux pour \u00eatre alert\u00e9.                                        <\/div>\r\n                                    <\/details>\r\n                                                                    <details\r\n                                        class=\"ms-faq-item group bg-neutral-light dark:bg-dark-neutral\/10 rounded-xl border border-[#dae0e7] dark:border-dark-neutral\/20 open:border-primary\/50 transition-all\">\r\n                                        <summary\r\n                                            class=\"ms-faq-question flex justify-between items-center cursor-pointer p-5 font-bold text-dark-neutral dark:text-white list-none\">\r\n                                            <span>Comment obtenir les supports de cours des ann\u00e9es pass\u00e9es ?<\/span>\r\n                                            <span\r\n                                                class=\"material-symbols-outlined text-primary transition-transform group-open:rotate-180\">expand_more<\/span>\r\n                                        <\/summary>\r\n                                        <div\r\n                                            class=\"ms-faq-answer px-5 pb-5 text-[#5e758d] dark:text-neutral-light\/70 text-sm leading-relaxed\">\r\n                                            C&#039;est tr\u00e8s simple ! Rendez-vous sur la page &quot;Archives&quot; ou &quot;Ressources&quot; de notre site. Tout le contenu p\u00e9dagogique est t\u00e9l\u00e9chargeable gratuitement.                                        <\/div>\r\n                                    <\/details>\r\n                                                                    <details\r\n                                        class=\"ms-faq-item group bg-neutral-light dark:bg-dark-neutral\/10 rounded-xl border border-[#dae0e7] dark:border-dark-neutral\/20 open:border-primary\/50 transition-all\">\r\n                                        <summary\r\n                                            class=\"ms-faq-question flex justify-between items-center cursor-pointer p-5 font-bold text-dark-neutral dark:text-white list-none\">\r\n                                            <span>Proposez-vous des certifications ?<\/span>\r\n                                            <span\r\n                                                class=\"material-symbols-outlined text-primary transition-transform group-open:rotate-180\">expand_more<\/span>\r\n                                        <\/summary>\r\n                                        <div\r\n                                            class=\"ms-faq-answer px-5 pb-5 text-[#5e758d] dark:text-neutral-light\/70 text-sm leading-relaxed\">\r\n                                            Oui, Mali SIG d\u00e9livre des certificats de participation \u00e0 l&#039;issue de la formation annuelle, sous r\u00e9serve d&#039;assiduit\u00e9 et de validation des acquis.                                        <\/div>\r\n                                    <\/details>\r\n                                                                    <details\r\n                                        class=\"ms-faq-item group bg-neutral-light dark:bg-dark-neutral\/10 rounded-xl border border-[#dae0e7] dark:border-dark-neutral\/20 open:border-primary\/50 transition-all\">\r\n                                        <summary\r\n                                            class=\"ms-faq-question flex justify-between items-center cursor-pointer p-5 font-bold text-dark-neutral dark:text-white list-none\">\r\n                                            <span>Comment devenir partenaire ou sponsor ?<\/span>\r\n                                            <span\r\n                                                class=\"material-symbols-outlined text-primary transition-transform group-open:rotate-180\">expand_more<\/span>\r\n                                        <\/summary>\r\n                                        <div\r\n                                            class=\"ms-faq-answer px-5 pb-5 text-[#5e758d] dark:text-neutral-light\/70 text-sm leading-relaxed\">\r\n                                            Nous sommes toujours ouverts aux collaborations. Utilisez le formulaire ci-dessus en s\u00e9lectionnant &quot;Partenariat&quot; comme sujet, et notre responsable partenariat vous contactera rapidement.                                        <\/div>\r\n                                    <\/details>\r\n                                                            \r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n        \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Entrons en Contact Vous avez des questions sur la prochaine \u00e9dition, un projet de partenariat ou besoin d&#039;informations sur nos formations ? Notre \u00e9quipe est \u00e0 votre \u00e9coute. Envoyez-nous un message Nom complet Adresse Email Sujet Demande d&#039;information g\u00e9n\u00e9rale Probl\u00e8me technique \/ Site web Partenariat &amp; Sponsoring Presse &amp; M\u00e9dia Autre Message Envoyer le message [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-502","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.malisig.ml\/index.php\/wp-json\/wp\/v2\/pages\/502","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.malisig.ml\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.malisig.ml\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.malisig.ml\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.malisig.ml\/index.php\/wp-json\/wp\/v2\/comments?post=502"}],"version-history":[{"count":13,"href":"https:\/\/www.malisig.ml\/index.php\/wp-json\/wp\/v2\/pages\/502\/revisions"}],"predecessor-version":[{"id":518,"href":"https:\/\/www.malisig.ml\/index.php\/wp-json\/wp\/v2\/pages\/502\/revisions\/518"}],"wp:attachment":[{"href":"https:\/\/www.malisig.ml\/index.php\/wp-json\/wp\/v2\/media?parent=502"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}