{"id":309,"date":"2026-01-18T14:55:40","date_gmt":"2026-01-18T13:55:40","guid":{"rendered":"https:\/\/monde-engagement.com\/?page_id=309"},"modified":"2026-01-18T14:59:39","modified_gmt":"2026-01-18T13:59:39","slug":"projet_accueil","status":"publish","type":"page","link":"https:\/\/monde-engagement.com\/index.php\/projet_accueil\/","title":{"rendered":"Projet accueil"},"content":{"rendered":"\n<!DOCTYPE html>\n<html lang=\"fr\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Monde Engagement &#8211; Accompagnement Solidaire<\/title>\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n    <style>\n        @import url('https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@300;400;600;700;800&display=swap');\n        \n        :root {\n            --primary-navy: #0f172a;    \n            --accent-gold: #f59e0b;     \n            --accent-green: #10b981;    \n            --bg-clean: #ffffff;        \n        }\n\n        body { \n            font-family: 'Plus Jakarta Sans', sans-serif; \n            background-color: var(--bg-clean);\n        }\n        \n        .bg-navy { background-color: var(--primary-navy); }\n        .text-navy { color: var(--primary-navy); }\n        .bg-gold { background-color: var(--accent-gold); }\n        .text-gold { color: var(--accent-gold); }\n        .bg-emerald { background-color: var(--accent-green); }\n\n        .cta-gradient {\n            background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%);\n        }\n\n        .shadow-premium {\n            box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.05), 0 10px 10px -5px rgba(0, 0, 0, 0.02);\n        }\n    <\/style>\n<\/head>\n<body class=\"text-slate-900 overflow-x-hidden\">\n\n    <!-- Navigation -->\n    <nav class=\"bg-white\/90 backdrop-blur-md sticky top-0 z-50 border-b border-slate-100\">\n        <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n            <div class=\"flex justify-between h-20\">\n                <div class=\"flex items-center\">\n                    <span class=\"text-2xl font-extrabold tracking-tighter text-navy uppercase\">\n                        Monde<span class=\"text-gold\">Engagement<\/span>\n                    <\/span>\n                <\/div>\n                <div class=\"hidden md:flex items-center space-x-8\">\n                    <a href=\"#\" class=\"text-slate-500 hover:text-navy font-semibold transition\">Accueil<\/a>\n                    <a href=\"#\" class=\"text-navy font-bold border-b-2 border-gold\">Espace Jeunes<\/a>\n                    <a href=\"#\" class=\"text-slate-500 hover:text-navy font-semibold transition\">Espace Contributeurs<\/a>\n                    <a href=\"#\" class=\"text-slate-500 hover:text-navy font-semibold transition\">Espace Association<\/a>\n                    <a href=\"#\" class=\"bg-navy text-white px-6 py-2.5 rounded-lg hover:bg-slate-800 transition shadow-md text-sm font-bold uppercase tracking-wider\">Nous contacter<\/a>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/nav>\n\n    <!-- Hero Section -->\n    <header class=\"relative pt-12 pb-20 lg:pt-20 lg:pb-32 bg-slate-50\">\n        <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 flex flex-col lg:flex-row items-center gap-16\">\n            <div class=\"lg:w-1\/2 text-center lg:text-left\">\n                <div class=\"inline-flex items-center gap-2 px-3 py-1 mb-6 bg-emerald\/10 text-emerald rounded-full text-xs font-bold tracking-widest uppercase\">\n                    Solidarit\u00e9 Internationale\n                <\/div>\n                <h1 class=\"text-4xl lg:text-6xl font-extrabold text-navy leading-tight tracking-tight\">\n                    Monde Engagement : le <span class=\"text-gold\">sourire<\/span> est un langage commun !\n                <\/h1>\n                <p class=\"mt-8 text-xl text-slate-600 leading-relaxed max-w-xl\">\n                    Bienvenue dans notre cabinet sp\u00e9cialis\u00e9 dans l&#8217;accompagnement de ceux qui d\u00e9sirent mettre leurs comp\u00e9tences au service du bien commun.\n                <\/p>\n                <div class=\"mt-10 flex flex-col sm:flex-row justify-center lg:justify-start gap-4\">\n                    <a href=\"#contact\" class=\"bg-navy text-white px-10 py-5 rounded-xl text-lg font-bold shadow-premium hover:bg-slate-800 transition text-center\">\n                        D\u00e9marrer mon projet\n                    <\/a>\n                    <a href=\"#qui-sommes-nous\" class=\"bg-white border border-slate-200 text-navy px-10 py-5 rounded-xl text-lg font-bold hover:bg-slate-50 transition text-center\">\n                        Qui sommes-nous ?\n                    <\/a>\n                <\/div>\n            <\/div>\n            <div class=\"lg:w-1\/2\">\n                <div class=\"relative rounded-3xl overflow-hidden shadow-2xl border-4 border-white\">\n                    <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1531206715517-5c0ba140b2b8?auto=format&#038;fit=crop&#038;q=80&#038;w=800\" \n                         alt=\"Sourire et engagement\" \n                         class=\"w-full h-[500px] object-cover\">\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/header>\n\n    <!-- Mission Section (Original Text) -->\n    <section class=\"py-24 bg-white\" id=\"mission\">\n        <div class=\"max-w-7xl mx-auto px-4\">\n            <div class=\"grid grid-cols-1 lg:grid-cols-2 gap-16 items-center\">\n                <div>\n                    <h2 class=\"text-3xl font-bold text-navy mb-8 border-l-4 border-gold pl-6\">Notre Mission<\/h2>\n                    <p class=\"text-slate-600 text-lg leading-relaxed mb-6\">\n                        Monde Engagement est un cabinet sp\u00e9cialis\u00e9 dans l&#8217;accompagnement des <strong class=\"text-navy\">jeunes, des professionnels et des jeunes retrait\u00e9s<\/strong> d\u00e9sireux de s&#8217;engager \u00e0 l&#8217;international. \n                    <\/p>\n                    <p class=\"text-slate-600 text-lg leading-relaxed mb-6\">\n                        Notre mission est de permettre \u00e0 chacun de contribuer \u00e0 des projets de solidarit\u00e9 internationale ou de mettre ses comp\u00e9tences au service d&#8217;une association, ONG, orphelinat, ou autre structure \u00e0 but non lucratif \u0153uvrant pour le bien commun.\n                    <\/p>\n                    <div class=\"p-6 bg-slate-50 rounded-2xl border border-slate-100 italic text-slate-500\">\n                        &#8220;Notre approche repose sur une collaboration \u00e9troite, en prenant en compte les envies et aspirations de chaque personne afin de coconstruire des projets significatifs et adapt\u00e9s.&#8221;\n                    <\/div>\n                <\/div>\n                <div class=\"grid grid-cols-2 gap-4\">\n                    <div class=\"bg-slate-50 p-8 rounded-3xl text-center\">\n                        <div class=\"text-3xl font-bold text-navy mb-2\">Jeunes<\/div>\n                        <p class=\"text-sm text-slate-500\">Vocation &#038; D\u00e9couverte<\/p>\n                    <\/div>\n                    <div class=\"bg-emerald\/10 p-8 rounded-3xl text-center\">\n                        <div class=\"text-3xl font-bold text-emerald mb-2\">Pros<\/div>\n                        <p class=\"text-sm text-slate-500\">M\u00e9c\u00e9nat &#038; Comp\u00e9tences<\/p>\n                    <\/div>\n                    <div class=\"bg-gold\/10 p-8 rounded-3xl text-center\">\n                        <div class=\"text-3xl font-bold text-gold mb-2\">Retrait\u00e9s<\/div>\n                        <p class=\"text-sm text-slate-500\">Transmission &#038; Impact<\/p>\n                    <\/div>\n                    <div class=\"bg-navy p-8 rounded-3xl text-center\">\n                        <div class=\"text-3xl font-bold text-white mb-2\">ONG<\/div>\n                        <p class=\"text-sm text-slate-300\">Soutien &#038; Conseil<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Historique Section (Original Text) -->\n    <section class=\"py-24 bg-slate-50\" id=\"qui-sommes-nous\">\n        <div class=\"max-w-5xl mx-auto px-4\">\n            <div class=\"text-center mb-16\">\n                <h2 class=\"text-3xl font-bold text-navy\">Historique &#038; Parcours<\/h2>\n                <div class=\"h-1 w-20 bg-gold mx-auto mt-4\"><\/div>\n            <\/div>\n            <div class=\"space-y-12\">\n                <div class=\"flex flex-col md:flex-row gap-8 items-start\">\n                    <div class=\"md:w-1\/3\">\n                        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1544027993-37dbfe43562a?auto=format&#038;fit=crop&#038;q=80&#038;w=300\" alt=\"Parcours\" class=\"rounded-2xl shadow-lg w-full\">\n                    <\/div>\n                    <div class=\"md:w-2\/3\">\n                        <p class=\"text-slate-600 leading-relaxed mb-6\">\n                            L&#8217;id\u00e9e de cr\u00e9er Monde Engagement est n\u00e9e d&#8217;un parcours dans le milieu associatif, \u00e0 la fois au <strong class=\"text-navy\">Togo et en France<\/strong>. Ces exp\u00e9riences diversifi\u00e9es, couvrant \u00e0 la fois l&#8217;Afrique et l&#8217;Europe, ont permis de comprendre les enjeux, les besoins, et les d\u00e9fis de la solidarit\u00e9 internationale.\n                        <\/p>\n                        <p class=\"text-slate-600 leading-relaxed\">\n                            Apr\u00e8s plusieurs ann\u00e9es d&#8217;engagement associatif et une formation en d\u00e9veloppement local au <strong class=\"text-navy\">CIEDEL (Centre International d&#8217;Etude du D\u00e9veloppement Local)<\/strong>, j&#8217;ai pu d\u00e9velopper une vision approfondie de ce secteur. Ces rencontres inspirantes et ces t\u00e9moignages marquants m&#8217;offrent aujourd&#8217;hui l&#8217;opportunit\u00e9 de transmettre ces enseignements.\n                        <\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Final CTA -->\n    <section id=\"contact\" class=\"py-20 bg-white\">\n        <div class=\"max-w-7xl mx-auto px-4\">\n            <div class=\"cta-gradient rounded-[3rem] p-12 lg:p-20 text-center text-white shadow-2xl relative overflow-hidden\">\n                <h2 class=\"text-3xl md:text-5xl font-extrabold mb-8\">Construisons votre projet ensemble<\/h2>\n                <p class=\"text-xl text-slate-300 mb-10 max-w-2xl mx-auto font-light leading-relaxed\">\n                    Besoin d&#8217;un accompagnement sur mesure pour vos projets de d\u00e9veloppement local ou de solidarit\u00e9 ?\n                <\/p>\n                <div class=\"flex flex-col sm:flex-row justify-center gap-6\">\n                    <a href=\"mailto:mondeengagement@gmail.com\" class=\"bg-gold text-white px-10 py-5 rounded-2xl text-xl font-bold hover:bg-orange-500 transition shadow-xl\">\n                        Nous contacter par email\n                    <\/a>\n                    <a href=\"tel:+33769192275\" class=\"bg-white\/10 backdrop-blur-md border border-white\/20 text-white px-10 py-5 rounded-2xl text-xl font-bold hover:bg-white\/20 transition\">\n                        +33 7 69 19 22 75\n                    <\/a>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Footer -->\n    <footer class=\"py-12 bg-white border-t border-slate-100 text-center\">\n        <p class=\"text-navy font-bold text-xl mb-4\">Monde Engagement<\/p>\n        <p class=\"text-slate-400 text-sm\">\u00a9 2025 Monde Engagement. Cr\u00e9\u00e9 avec passion pour la solidarit\u00e9.<\/p>\n    <\/footer>\n\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Monde Engagement &#8211; Accompagnement Solidaire MondeEngagement Accueil Espace Jeunes Espace Contributeurs Espace Association Nous contacter Solidarit\u00e9 Internationale Monde Engagement : le sourire est un langage &hellip;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"single-kubio_recommend_page","meta":{"saved_in_kubio":false,"footnotes":""},"class_list":["post-309","page","type-page","status-publish","hentry"],"kubio_ai_page_context":{"short_desc":"","purpose":"general"},"_links":{"self":[{"href":"https:\/\/monde-engagement.com\/index.php\/wp-json\/wp\/v2\/pages\/309","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/monde-engagement.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/monde-engagement.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/monde-engagement.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/monde-engagement.com\/index.php\/wp-json\/wp\/v2\/comments?post=309"}],"version-history":[{"count":2,"href":"https:\/\/monde-engagement.com\/index.php\/wp-json\/wp\/v2\/pages\/309\/revisions"}],"predecessor-version":[{"id":312,"href":"https:\/\/monde-engagement.com\/index.php\/wp-json\/wp\/v2\/pages\/309\/revisions\/312"}],"wp:attachment":[{"href":"https:\/\/monde-engagement.com\/index.php\/wp-json\/wp\/v2\/media?parent=309"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}