{"id":653,"date":"2025-12-25T20:06:58","date_gmt":"2025-12-25T20:06:58","guid":{"rendered":"https:\/\/yesmorocco.org\/?page_id=653"},"modified":"2025-12-25T20:14:07","modified_gmt":"2025-12-25T20:14:07","slug":"653-2","status":"publish","type":"page","link":"https:\/\/yesmorocco.org\/ar\/653-2\/","title":{"rendered":"Cartographie"},"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>Get Heard &#8211; Rapport Strat\u00e9gique &#038; Op\u00e9rationnel<\/title>\n    <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/Chart.js\/3.7.0\/chart.min.js\"><\/script>\n    <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0\/js\/all.min.js\"><\/script>\n    <style>\n        :root {\n            --primary: #2c3e50;\n            --secondary: #3498db;\n            --accent: #e74c3c;\n            --light: #ecf0f1;\n            --dark: #2c3e50;\n            --success: #27ae60;\n            --warning: #f39c12;\n            --text-color: #333;\n            --bg-color: #f9f9f9;\n            --sidebar-width: 280px;\n        }\n\n        * {\n            box-sizing: border-box;\n            margin: 0;\n            padding: 0;\n        }\n\n        body {\n            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n            background-color: var(--bg-color);\n            color: var(--text-color);\n            display: flex;\n            min-height: 100vh;\n        }\n\n        \/* Sidebar Navigation *\/\n        .sidebar {\n            width: var(--sidebar-width);\n            background-color: var(--primary);\n            color: white;\n            position: fixed;\n            height: 100vh;\n            overflow-y: auto;\n            padding: 20px;\n            box-shadow: 2px 0 5px rgba(0,0,0,0.1);\n            z-index: 1000;\n        }\n\n        .logo {\n            font-size: 1.5rem;\n            font-weight: bold;\n            margin-bottom: 30px;\n            text-align: center;\n            padding-bottom: 20px;\n            border-bottom: 1px solid rgba(255,255,255,0.1);\n        }\n\n        .logo span {\n            color: var(--secondary);\n        }\n\n        .nav-links {\n            list-style: none;\n        }\n\n        .nav-links li {\n            margin-bottom: 10px;\n        }\n\n        .nav-links a {\n            text-decoration: none;\n            color: #bdc3c7;\n            display: flex;\n            align-items: center;\n            padding: 12px 15px;\n            border-radius: 8px;\n            transition: all 0.3s ease;\n        }\n\n        .nav-links a:hover, .nav-links a.active {\n            background-color: rgba(255,255,255,0.1);\n            color: white;\n            transform: translateX(5px);\n        }\n\n        .nav-links i {\n            margin-right: 10px;\n            width: 20px;\n            text-align: center;\n        }\n\n        \/* Main Content *\/\n        .main-content {\n            margin-left: var(--sidebar-width);\n            flex: 1;\n            padding: 40px;\n            max-width: calc(100% - var(--sidebar-width));\n        }\n\n        header {\n            margin-bottom: 40px;\n            background: white;\n            padding: 30px;\n            border-radius: 15px;\n            box-shadow: 0 4px 15px rgba(0,0,0,0.05);\n            border-left: 5px solid var(--secondary);\n        }\n\n        h1 {\n            color: var(--primary);\n            font-size: 2.2rem;\n            margin-bottom: 10px;\n        }\n\n        h2 {\n            color: var(--primary);\n            font-size: 1.8rem;\n            margin-top: 40px;\n            margin-bottom: 20px;\n            padding-bottom: 10px;\n            border-bottom: 2px solid var(--light);\n        }\n\n        h3 {\n            color: var(--secondary);\n            font-size: 1.3rem;\n            margin: 20px 0 15px 0;\n        }\n\n        p {\n            line-height: 1.6;\n            margin-bottom: 15px;\n            color: #555;\n        }\n\n        \/* Cards & Metrics *\/\n        .card-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n            gap: 20px;\n            margin-bottom: 30px;\n        }\n\n        .card {\n            background: white;\n            padding: 25px;\n            border-radius: 12px;\n            box-shadow: 0 4px 6px rgba(0,0,0,0.05);\n            transition: transform 0.3s ease;\n            border-top: 4px solid transparent;\n        }\n\n        .card:hover {\n            transform: translateY(-5px);\n            box-shadow: 0 10px 20px rgba(0,0,0,0.1);\n        }\n\n        .card.blue { border-color: var(--secondary); }\n        .card.green { border-color: var(--success); }\n        .card.orange { border-color: var(--warning); }\n        .card.red { border-color: var(--accent); }\n\n        \/* Tables *\/\n        .table-container {\n            background: white;\n            border-radius: 12px;\n            padding: 20px;\n            box-shadow: 0 4px 6px rgba(0,0,0,0.05);\n            overflow-x: auto;\n            margin-bottom: 30px;\n        }\n\n        table {\n            width: 100%;\n            border-collapse: collapse;\n            min-width: 600px;\n        }\n\n        th, td {\n            padding: 15px;\n            text-align: left;\n            border-bottom: 1px solid var(--light);\n        }\n\n        th {\n            background-color: #f8f9fa;\n            color: var(--primary);\n            font-weight: 600;\n            white-space: nowrap;\n        }\n\n        tr:hover {\n            background-color: #f1f2f6;\n        }\n\n        \/* Status Badges *\/\n        .badge {\n            padding: 5px 10px;\n            border-radius: 20px;\n            font-size: 0.85rem;\n            font-weight: 500;\n        }\n\n        .badge.high { background-color: rgba(231, 76, 60, 0.1); color: var(--accent); }\n        .badge.med { background-color: rgba(243, 156, 18, 0.1); color: var(--warning); }\n        .badge.low { background-color: rgba(39, 174, 96, 0.1); color: var(--success); }\n        \n        \/* Interactive Matrix Visualization *\/\n        .matrix-container {\n            position: relative;\n            height: 500px;\n            background: white;\n            border-radius: 15px;\n            padding: 20px;\n            margin-bottom: 40px;\n            box-shadow: 0 5px 15px rgba(0,0,0,0.08);\n            border: 1px solid #eee;\n        }\n\n        .quadrant-label {\n            position: absolute;\n            font-weight: bold;\n            color: rgba(0,0,0,0.4);\n            text-transform: uppercase;\n            font-size: 0.9rem;\n            padding: 10px;\n            background: rgba(255,255,255,0.8);\n            border-radius: 5px;\n        }\n        \n        .q-top-left { top: 20px; left: 20px; color: var(--warning); } \/* Keep Satisfied *\/\n        .q-top-right { top: 20px; right: 20px; color: var(--accent); } \/* Manage Closely *\/\n        .q-bottom-left { bottom: 20px; left: 20px; color: #7f8c8d; } \/* Monitor *\/\n        .q-bottom-right { bottom: 20px; right: 20px; color: var(--success); } \/* Keep Informed *\/\n\n        .axis-label {\n            position: absolute;\n            font-weight: bold;\n            color: var(--primary);\n        }\n        .y-axis { top: 50%; left: -40px; transform: rotate(-90deg); }\n        .x-axis { bottom: -30px; left: 50%; transform: translateX(-50%); }\n\n        \/* Search Bar for Table *\/\n        .search-box {\n            margin-bottom: 20px;\n            display: flex;\n            gap: 10px;\n        }\n\n        .search-box input {\n            flex: 1;\n            padding: 12px;\n            border: 1px solid #ddd;\n            border-radius: 8px;\n            font-size: 1rem;\n        }\n\n        \/* Mobile Responsive *\/\n        @media (max-width: 768px) {\n            .sidebar {\n                width: 0;\n                padding: 0;\n                overflow: hidden;\n            }\n            .main-content {\n                margin-left: 0;\n                max-width: 100%;\n                padding: 20px;\n            }\n            .mobile-menu-btn {\n                display: block;\n                position: fixed;\n                top: 15px;\n                right: 15px;\n                z-index: 1001;\n                background: var(--primary);\n                color: white;\n                border: none;\n                padding: 10px;\n                border-radius: 5px;\n                cursor: pointer;\n            }\n        }\n    <\/style>\n<\/head>\n<body>\n\n    <!-- Mobile Menu Button -->\n    <button class=\"mobile-menu-btn\" onclick=\"toggleSidebar()\" style=\"display:none;\"><i class=\"fas fa-bars\"><\/i><\/button>\n\n    <!-- Sidebar -->\n    <nav class=\"sidebar\" id=\"sidebar\">\n        <div class=\"logo\">\n            <i class=\"fas fa-bullhorn\"><\/i> Get<span>Heard<\/span>\n        <\/div>\n        <ul class=\"nav-links\">\n            <li><a href=\"#intro\" class=\"active\"><i class=\"fas fa-home\"><\/i> Vue d&#8217;ensemble<\/a><\/li>\n            <li><a href=\"#swot\"><i class=\"fas fa-chart-pie\"><\/i> Analyse SWOT<\/a><\/li>\n            <li><a href=\"#mapping\"><i class=\"fas fa-project-diagram\"><\/i> Cartographie<\/a><\/li>\n            <li><a href=\"#strategy\"><i class=\"fas fa-chess\"><\/i> Strat\u00e9gie &#038; Feuille de Route<\/a><\/li>\n            <li><a href=\"#tracking\"><i class=\"fas fa-table\"><\/i> Suivi des Partenaires<\/a><\/li>\n        <\/ul>\n        <div style=\"margin-top: 50px; font-size: 0.8rem; opacity: 0.7; text-align: center;\">\n            <p>Diagnostic Organisationnel<\/p>\n            <p>Version Finale<\/p>\n        <\/div>\n    <\/nav>\n\n    <!-- Main Content -->\n    <main class=\"main-content\">\n        \n        <!-- Header Section -->\n        <header id=\"intro\">\n            <h1>Diagnostic Organisationnel &#8220;Get Heard&#8221;<\/h1>\n            <p>D\u00e9veloppement de la Cartographie des Partenaires Strat\u00e9giques<\/p>\n            <div style=\"margin-top: 20px;\">\n                <span class=\"badge high\">Phase: Scale-up<\/span>\n                <span class=\"badge med\">Ann\u00e9e: 2025<\/span>\n                <span class=\"badge low\">Statut: Institutionnalisation<\/span>\n            <\/div>\n        <\/header>\n\n        <!-- Vision Section -->\n        <section>\n            <div class=\"card\">\n                <h3><i class=\"fas fa-eye\"><\/i> Vision Strat\u00e9gique<\/h3>\n                <p>Le projet &#8220;Get Heard&#8221; se situe \u00e0 une phase charni\u00e8re. Il s&#8217;agit de passer d&#8217;une initiative port\u00e9e par des financements \u00e0 court terme \u00e0 une <strong>plateforme durable et institutionnalis\u00e9e<\/strong>. La cartographie devient un levier strat\u00e9gique pour l&#8217;expansion r\u00e9gionale et l&#8217;int\u00e9gration de nouvelles th\u00e9matiques comme &#8220;Genre &#038; Climat&#8221;.<\/p>\n            <\/div>\n        <\/section>\n\n        <!-- SWOT Analysis -->\n        <section id=\"swot\">\n            <h2><i class=\"fas fa-chart-pie\"><\/i> Analyse SWOT<\/h2>\n            <div class=\"card-grid\">\n                <div class=\"card green\">\n                    <h3>Forces (Strengths)<\/h3>\n                    <ul style=\"padding-left: 20px; line-height: 1.8;\">\n                        <li>Reconnaissance internationale (Forum de Paris, Strasbourg).<\/li>\n                        <li>Innovation m\u00e9thodologique (Podcasts, Digital).<\/li>\n                        <li>Agilit\u00e9 et r\u00e9silience.<\/li>\n                    <\/ul>\n                <\/div>\n                <div class=\"card red\">\n                    <h3>Faiblesses (Weaknesses)<\/h3>\n                    <ul style=\"padding-left: 20px; line-height: 1.8;\">\n                        <li>Fragilit\u00e9 financi\u00e8re (Funding cyclique).<\/li>\n                        <li>D\u00e9pendance au b\u00e9n\u00e9volat.<\/li>\n                        <li>Besoin d&#8217;expertise technique (App, VR).<\/li>\n                    <\/ul>\n                <\/div>\n                <div class=\"card blue\">\n                    <h3>Opportunit\u00e9s (Opportunities)<\/h3>\n                    <ul style=\"padding-left: 20px; line-height: 1.8;\">\n                        <li>\u00c9lections comme levier de plaidoyer.<\/li>\n                        <li>Axe &#8220;Genre &#038; Justice Climatique&#8221;.<\/li>\n                        <li>Partenariats avec le Secteur Priv\u00e9 (RSE).<\/li>\n                    <\/ul>\n                <\/div>\n                <div class=\"card orange\">\n                    <h3>Menaces (Threats)<\/h3>\n                    <ul style=\"padding-left: 20px; line-height: 1.8;\">\n                        <li>Pr\u00e9carit\u00e9 \u00e9conomique des cibles.<\/li>\n                        <li>Concurrence associative.<\/li>\n                        <li>Risques bureaucratiques.<\/li>\n                    <\/ul>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <!-- Stakeholder Matrix Visualization -->\n        <section id=\"mapping\">\n            <h2><i class=\"fas fa-project-diagram\"><\/i> Matrice des Parties Prenantes<\/h2>\n            <p>Visualisation interactive de la position des acteurs selon le Pouvoir (Axe Y) et l&#8217;Int\u00e9r\u00eat (Axe X).<\/p>\n            \n            <div class=\"matrix-container\">\n                <canvas id=\"stakeholderChart\"><\/canvas>\n                <div class=\"quadrant-label q-top-left\">Keep Satisfied<\/div>\n                <div class=\"quadrant-label q-top-right\">Manage Closely<\/div>\n                <div class=\"quadrant-label q-bottom-left\">Monitor<\/div>\n                <div class=\"quadrant-label q-bottom-right\">Keep Informed<\/div>\n                \n                <div class=\"axis-label y-axis\">POUVOIR<\/div>\n                <div class=\"axis-label x-axis\">INT\u00c9R\u00caT<\/div>\n            <\/div>\n\n            <!-- Private Sector Strategy -->\n            <div class=\"card\" style=\"border-left: 5px solid #8e44ad; margin-top: 20px;\">\n                <h3><i class=\"fas fa-rocket\"><\/i> Cible Strat\u00e9gique : Secteur Priv\u00e9 (\u00c0 Activer)<\/h3>\n                <p><strong>Objectif :<\/strong> Combler le vide technologique via la RSE.<\/p>\n                <div class=\"table-container\" style=\"box-shadow: none; padding: 0;\">\n                    <table>\n                        <thead>\n                            <tr>\n                                <th>Cible<\/th>\n                                <th>Int\u00e9r\u00eat<\/th>\n                                <th>Strat\u00e9gie<\/th>\n                            <\/tr>\n                        <\/thead>\n                        <tbody>\n                            <tr>\n                                <td>Op\u00e9rateurs T\u00e9l\u00e9coms (Orange, Inwi)<\/td>\n                                <td>Inclusion Num\u00e9rique &#038; RSE<\/td>\n                                <td>Approche &#8220;Win-Win&#8221; (Sponsoring App)<\/td>\n                            <\/tr>\n                            <tr>\n                                <td>Entreprises Tech<\/td>\n                                <td>Tech for Good<\/td>\n                                <td>M\u00e9c\u00e9nat de Comp\u00e9tences (D\u00e9v VR)<\/td>\n                            <\/tr>\n                        <\/tbody>\n                    <\/table>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <!-- Strategy & Roadmap -->\n        <section id=\"strategy\">\n            <h2><i class=\"fas fa-chess\"><\/i> Strat\u00e9gie &#038; Feuille de Route<\/h2>\n            \n            <div class=\"card-grid\">\n                <div class=\"card\">\n                    <h3><i class=\"fas fa-bullseye\"><\/i> Priorit\u00e9s<\/h3>\n                    <p>1. Diversification (Tech\/Priv\u00e9)<\/p>\n                    <p>2. Positionnement de Niche (Climat)<\/p>\n                    <p>3. Institutionnalisation<\/p>\n                <\/div>\n                <div class=\"card\">\n                    <h3><i class=\"fas fa-exchange-alt\"><\/i> Dynamique<\/h3>\n                    <p><strong>Conseil Communal :<\/strong> Keep Satisfied \u279d Manage Closely<\/p>\n                    <p><strong>M\u00e9dias :<\/strong> Levier de basculement politique<\/p>\n                <\/div>\n            <\/div>\n\n            <h3>Feuille de Route Op\u00e9rationnelle<\/h3>\n            <div class=\"table-container\">\n                <table>\n                    <thead>\n                        <tr>\n                            <th>Action Cl\u00e9<\/th>\n                            <th>Cible<\/th>\n                            <th>D\u00e9lai<\/th>\n                            <th>Indicateur<\/th>\n                        <\/tr>\n                    <\/thead>\n                    <tbody>\n                        <tr>\n                            <td>Plaidoyer M\u00e9diatique Actif<\/td>\n                            <td>M\u00e9dias Locaux<\/td>\n                            <td>Mensuel<\/td>\n                            <td>> 3 articles\/mois<\/td>\n                        <\/tr>\n                        <tr>\n                            <td>Renforcement Institutionnel<\/td>\n                            <td>\u00c9lus Locaux<\/td>\n                            <td>Trimestriel<\/td>\n                            <td>Convention sign\u00e9e<\/td>\n                        <\/tr>\n                        <tr>\n                            <td>Valorisation Contenus<\/td>\n                            <td>Participants<\/td>\n                            <td>Continu<\/td>\n                            <td>+15% engagement social<\/td>\n                        <\/tr>\n                    <\/tbody>\n                <\/table>\n            <\/div>\n        <\/section>\n\n        <!-- Operational Tracking Table -->\n        <section id=\"tracking\">\n            <h2><i class=\"fas fa-table\"><\/i> Tableau de Suivi des Partenaires<\/h2>\n            <p>Outil op\u00e9rationnel pour la gestion des relations (CRM simplifi\u00e9).<\/p>\n            \n            <div class=\"search-box\">\n                <input type=\"text\" id=\"tableSearch\" placeholder=\"Rechercher un partenaire, un bailleur ou un crit\u00e8re...\" onkeyup=\"filterTable()\">\n                <button style=\"padding: 0 20px; background: var(--secondary); color: white; border: none; border-radius: 8px;\"><i class=\"fas fa-search\"><\/i><\/button>\n            <\/div>\n\n            <div class=\"table-container\" style=\"max-height: 600px; overflow-y: auto;\">\n                <table id=\"partnerTable\">\n                    <thead>\n                        <tr>\n                            <th>Organisation<\/th>\n                            <th>Type<\/th>\n                            <th>Contact<\/th>\n                            <th>Opportunit\u00e9 \/ Financement<\/th>\n                            <th>Date Limite<\/th>\n                            <th>Statut<\/th>\n                        <\/tr>\n                    <\/thead>\n                    <tbody>\n                        <!-- Data populated from the Tracking Table Doc -->\n                        <tr>\n                            <td><strong>Ambassade de France<\/strong><\/td>\n                            <td>Bailleur<\/td>\n                            <td>gouvernance@ifmaroc.com<\/td>\n                            <td>150k &#8211; 250k DH (Jeunesse)<\/td>\n                            <td>Juin-Juillet<\/td>\n                            <td><span class=\"badge high\">Prioritaire<\/span><\/td>\n                        <\/tr>\n                        <tr>\n                            <td><strong>Expertise France<\/strong><\/td>\n                            <td>Partenaire Tech<\/td>\n                            <td>anna.roynel@expertisefrance.fr<\/td>\n                            <td>Variable (Gouvernance\/Climat)<\/td>\n                            <td>Selon Appel<\/td>\n                            <td><span class=\"badge med\">Veille<\/span><\/td>\n                        <\/tr>\n                        <tr>\n                            <td><strong>European Endowment for Democracy (EED)<\/strong><\/td>\n                            <td>Bailleur<\/td>\n                            <td>secretariat@democracyendowment.eu<\/td>\n                            <td>~70k EUR (Flexible)<\/td>\n                            <td>En continu<\/td>\n                            <td><span class=\"badge high\">Opportunit\u00e9<\/span><\/td>\n                        <\/tr>\n                        <tr>\n                            <td><strong>Euro-Med Foundation (EMHRF)<\/strong><\/td>\n                            <td>Bailleur<\/td>\n                            <td>grants@emhrf.org<\/td>\n                            <td>5k &#8211; 25k EUR (Droits Humains)<\/td>\n                            <td>En continu<\/td>\n                            <td><span class=\"badge med\">Urgence<\/span><\/td>\n                        <\/tr>\n                        <tr>\n                            <td><strong>Ambassade du Canada (FCIL)<\/strong><\/td>\n                            <td>Bailleur<\/td>\n                            <td>rabat@international.gc.ca<\/td>\n                            <td>10k &#8211; 50k CAD (Genre)<\/td>\n                            <td>Sept-Nov<\/td>\n                            <td><span class=\"badge high\">Cible<\/span><\/td>\n                        <\/tr>\n                        <tr>\n                            <td><strong>Doria Feminist Fund<\/strong><\/td>\n                            <td>Bailleur<\/td>\n                            <td>info@doriafeministfund.org<\/td>\n                            <td>F\u00e9minisme \/ MENA<\/td>\n                            <td>Variable<\/td>\n                            <td><span class=\"badge low\">Niche<\/span><\/td>\n                        <\/tr>\n                        <tr>\n                            <td><strong>Urgent Action Fund Africa<\/strong><\/td>\n                            <td>Bailleur<\/td>\n                            <td>info@uaf-africa.org<\/td>\n                            <td>Action Rapide (8k USD)<\/td>\n                            <td>En continu<\/td>\n                            <td><span class=\"badge med\">S\u00e9curit\u00e9<\/span><\/td>\n                        <\/tr>\n                        <tr>\n                            <td><strong>Australian Embassy (DAP)<\/strong><\/td>\n                            <td>Bailleur<\/td>\n                            <td>grants.rabat@dfat.gov.au<\/td>\n                            <td>D\u00e9veloppement Communautaire<\/td>\n                            <td>Annuel<\/td>\n                            <td><span class=\"badge low\">Monitor<\/span><\/td>\n                        <\/tr>\n                        <tr>\n                            <td><strong>Union Europ\u00e9enne<\/strong><\/td>\n                            <td>Bailleur Majeur<\/td>\n                            <td>Via EuropeAid<\/td>\n                            <td>Grands montants (Complexe)<\/td>\n                            <td>Appels Sp\u00e9cifiques<\/td>\n                            <td><span class=\"badge high\">Strat\u00e9gique<\/span><\/td>\n                        <\/tr>\n                        <tr>\n                            <td><strong>Minist\u00e8re de la Solidarit\u00e9<\/strong><\/td>\n                            <td>Public<\/td>\n                            <td>contact@social.gov.ma<\/td>\n                            <td>Subventions Annuelles<\/td>\n                            <td>Annuel<\/td>\n                            <td><span class=\"badge high\">Institutionnel<\/span><\/td>\n                        <\/tr>\n                        <tr>\n                            <td><strong>Tanmia.ma<\/strong><\/td>\n                            <td>Plateforme<\/td>\n                            <td>info@tanmia.ma<\/td>\n                            <td>Source d&#8217;information<\/td>\n                            <td>N\/A<\/td>\n                            <td><span class=\"badge low\">Outil<\/span><\/td>\n                        <\/tr>\n                    <\/tbody>\n                <\/table>\n            <\/div>\n        <\/section>\n\n        <!-- Conclusion -->\n        <section style=\"margin-top: 50px; text-align: center; background: white; padding: 40px; border-radius: 15px;\">\n            <h2 style=\"margin-top: 0; border: none;\">Vers un \u00c9cosyst\u00e8me d&#8217;Impact Durable<\/h2>\n            <p style=\"font-size: 1.1rem; max-width: 800px; margin: 0 auto;\">\n                &#8220;Que la voix des femmes et des jeunes de Tiflet ne soit pas seulement un t\u00e9moignage passager, mais devienne une force motrice incontournable pour la d\u00e9cision politique et le changement social.&#8221;\n            <\/p>\n            <div style=\"margin-top: 20px; font-weight: bold; color: var(--secondary);\">\n                \u2014 Youth Empowerment Society (YES)\n            <\/div>\n        <\/section>\n\n    <\/main>\n\n    <script>\n        \/\/ Smooth scrolling for sidebar links\n        document.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\n            anchor.addEventListener('click', function (e) {\n                e.preventDefault();\n                document.querySelector(this.getAttribute('href')).scrollIntoView({\n                    behavior: 'smooth'\n                });\n            });\n        });\n\n        \/\/ Search Filter for Table\n        function filterTable() {\n            var input, filter, table, tr, td, i, txtValue;\n            input = document.getElementById(\"tableSearch\");\n            filter = input.value.toUpperCase();\n            table = document.getElementById(\"partnerTable\");\n            tr = table.getElementsByTagName(\"tr\");\n\n            for (i = 1; i < tr.length; i++) {\n                var found = false;\n                var cells = tr[i].getElementsByTagName(\"td\");\n                for (var j = 0; j < cells.length; j++) {\n                    if (cells[j]) {\n                        txtValue = cells[j].textContent || cells[j].innerText;\n                        if (txtValue.toUpperCase().indexOf(filter) > -1) {\n                            found = true;\n                            break;\n                        }\n                    }\n                }\n                tr[i].style.display = found ? \"\" : \"none\";\n            }\n        }\n\n        \/\/ Generate Stakeholder Matrix Chart\n        const ctx = document.getElementById('stakeholderChart').getContext('2d');\n        const stakeholderChart = new Chart(ctx, {\n            type: 'scatter',\n            data: {\n                datasets: [{\n                    label: 'Parties Prenantes',\n                    data: [\n                        { x: 9, y: 9, r: 15, label: 'Bailleurs (EU, France)' }, \/\/ Manage Closely\n                        { x: 8, y: 8, r: 12, label: '\u00c9quipe YES' }, \/\/ Manage Closely\n                        { x: 2, y: 9, r: 10, label: 'Autorit\u00e9s Locales' }, \/\/ Keep Satisfied\n                        { x: 3, y: 8, r: 10, label: 'Conseil Communal' }, \/\/ Keep Satisfied\n                        { x: 9, y: 2, r: 12, label: 'Jeunes \/ Femmes' }, \/\/ Keep Informed\n                        { x: 8, y: 3, r: 10, label: 'M\u00e9dias Locaux' }, \/\/ Keep Informed (High Interest)\n                        { x: 2, y: 2, r: 8, label: 'Grand Public' }, \/\/ Monitor\n                        { x: 7, y: 7, r: 12, label: 'Secteur Priv\u00e9 (Cible)' } \/\/ Target\n                    ],\n                    backgroundColor: function(context) {\n                        const val = context.raw;\n                        if (!val) return;\n                        if (val.y > 5 && val.x > 5) return 'rgba(231, 76, 60, 0.7)'; \/\/ High Power\/Interest (Red)\n                        if (val.y > 5 && val.x <= 5) return 'rgba(243, 156, 18, 0.7)'; \/\/ High Power\/Low Interest (Orange)\n                        if (val.y <= 5 &#038;&#038; val.x > 5) return 'rgba(39, 174, 96, 0.7)'; \/\/ Low Power\/High Interest (Green)\n                        return 'rgba(127, 140, 141, 0.7)'; \/\/ Monitor (Grey)\n                    }\n                }]\n            },\n            options: {\n                responsive: true,\n                maintainAspectRatio: false,\n                scales: {\n                    x: {\n                        min: 0, max: 10,\n                        title: { display: false },\n                        grid: { display: false },\n                        ticks: { display: false }\n                    },\n                    y: {\n                        min: 0, max: 10,\n                        title: { display: false },\n                        grid: { display: false },\n                        ticks: { display: false }\n                    }\n                },\n                plugins: {\n                    tooltip: {\n                        callbacks: {\n                            label: function(context) {\n                                return context.raw.label;\n                            }\n                        }\n                    },\n                    legend: { display: false }\n                }\n            }\n        });\n    <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Get Heard &#8211; Rapport Strat\u00e9gique &#038; Op\u00e9rationnel GetHeard Vue d&#8217;ensemble Analyse SWOT Cartographie Strat\u00e9gie &#038; Feuille de Route Suivi des Partenaires Diagnostic Organisationnel Version Finale Diagnostic Organisationnel &#8220;Get Heard&#8221; D\u00e9veloppement de la Cartographie des Partenaires Strat\u00e9giques Phase: Scale-up Ann\u00e9e: 2025 Statut: Institutionnalisation Vision Strat\u00e9gique Le projet &#8220;Get Heard&#8221; se situe \u00e0 une phase charni\u00e8re. Il [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-653","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/yesmorocco.org\/ar\/wp-json\/wp\/v2\/pages\/653","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/yesmorocco.org\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/yesmorocco.org\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/yesmorocco.org\/ar\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/yesmorocco.org\/ar\/wp-json\/wp\/v2\/comments?post=653"}],"version-history":[{"count":2,"href":"https:\/\/yesmorocco.org\/ar\/wp-json\/wp\/v2\/pages\/653\/revisions"}],"predecessor-version":[{"id":655,"href":"https:\/\/yesmorocco.org\/ar\/wp-json\/wp\/v2\/pages\/653\/revisions\/655"}],"wp:attachment":[{"href":"https:\/\/yesmorocco.org\/ar\/wp-json\/wp\/v2\/media?parent=653"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}