
<!DOCTYPE html>
<html class="light" lang="fr">

<head>
    <meta charset="utf-8" />
    <meta content="width=device-width, initial-scale=1.0" name="viewport" />
    <title>Espace Contribution - Assises Nationales des Daara</title>
    <script src="https://cdn.tailwindcss.com?plugins=forms,container-queries"></script>
    <link href="https://fonts.googleapis.com/css2?family=Public+Sans:wght@300;400;500;600;700;800;900&amp;display=swap"
        rel="stylesheet" />
    <link href="https://fonts.googleapis.com/css2?family=Noto+Sans+Arabic:wght@400;700&amp;display=swap"
        rel="stylesheet" />
    <link
        href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:wght,FILL@100..700,0..1&amp;display=swap"
        rel="stylesheet" />
    <script id="tailwind-config">
    tailwind.config = {
        darkMode: "class",
        theme: {
            extend: {
                colors: {
                    "primary": "#17cf17",
                    "background-light": "#f6f8f6",
                    "background-dark": "#112111",
                    "senegal-yellow": "#fdef42",
                    "senegal-red": "#e31b23",
                },
                fontFamily: {
                    "display": ["Public Sans", "sans-serif"],
                    "arabic": ["Noto Sans Arabic", "sans-serif"]
                },
                borderRadius: {
                    "DEFAULT": "0.25rem",
                    "lg": "0.5rem",
                    "xl": "0.75rem",
                    "full": "9999px"
                },
            },
        },
    }
    </script>
    <style type="text/tailwindcss">
        body {
            font-family: "Public Sans", sans-serif;
        }
        .material-symbols-outlined {
            font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
        }
        .arabic-text {
            font-family: 'Noto Sans Arabic', sans-serif;
        }
    </style>
</head>

<body
    class="bg-background-light dark:bg-background-dark text-[#0e1b0e] dark:text-white transition-colors duration-300 min-h-screen flex flex-col">
    <header
        class="sticky top-0 z-50 bg-white/95 dark:bg-background-dark/95 backdrop-blur-md border-b border-[#e7f3e7] dark:border-white/10 px-4 md:px-40 py-3">
        <div class="max-w-[1200px] mx-auto flex items-center justify-between">
            <div class="flex items-center gap-3">
                <div class="bg-primary p-1.5 rounded-lg text-white">
                    <span class="material-symbols-outlined text-2xl">mosque</span>
                </div>
                <div class="flex flex-col">
                    <h2 class="text-[#0e1b0e] dark:text-white text-lg font-extrabold leading-tight tracking-tight">
                        Assises Nationales des Daara</h2>
                    <span id="alternating-text"
                        class="text-xl md:text-2xl lg:text-3xl font-bold transition-opacity duration-1000"
                        style="color: #1d3d20;">
                        الجلسات الوطنية حول المدارس القرآنية
                    </span>
                    <span class="text-[10px] uppercase tracking-widest text-primary font-bold">Ministère Education
                        National</span>
                </div>
            </div>
            <div class="hidden md:flex flex-1 justify-end items-center gap-8">
                <nav class="flex items-center gap-8">
                    <a  class="text-primary transition-colors text-sm font-bold border-b-2 border-primary"
                        href="/AssiseDaara">Accueil</a>
                    <a class="hover:text-primary transition-colors text-sm font-semibold"
                        href="/AssiseDaara/Contribution">Contribution</a>
                    <a data-translate="nav-contribution"
                            class="hover:text-primary transition-colors text-sm font-semibold"
                            href="<?= site_url('AssiseDaara/statistique') ?>">Statistique</a>
                </nav>
                <div class="h-6 w-px bg-zinc-200 dark:bg-white/10"></div>
                <div class="flex items-center gap-2">
                    <button class="text-xs font-bold hover:text-primary transition-colors arabic-text">العربية</button>
                    <span class="text-zinc-300">|</span>
                    <button class="text-xs font-bold text-primary transition-colors">Français</button>
                </div>
            </div>
        </div>
    </header>
    <main class="flex-1 max-w-[1200px] mx-auto w-full px-4 md:px-10 py-12">
        <div class="mb-12 text-center md:text-left">
            <div class="flex items-center gap-3 mb-4 justify-center md:justify-start">
                <span class="h-1 w-12 bg-primary"></span>
                <span class="text-primary font-bold uppercase tracking-widest text-xs">Espace d'Information</span>
            </div>
            <!-- <h1 class="text-4xl md:text-5xl font-black text-[#0e1b0e] dark:text-white mb-6">
                Contribuez à l'avenir des Daara
            </h1> -->
            <!-- <p class="text-lg text-zinc-600 dark:text-zinc-400 max-w-2xl">
                Partagez vos documents, rapports et suggestions pour enrichir la réflexion nationale. Vos contributions
                sont essentielles pour la réussite de ces Assises. (Max 50MB)
            </p> -->
        </div>
        <div
            class="bg-white dark:bg-zinc-900 rounded-3xl border border-[#e7f3e7] dark:border-white/5 shadow-2xl shadow-black/5 overflow-hidden">
            <div class="w-full h-1.5 flex">
                <div class="flex-1 bg-primary"></div>
                <div class="flex-1 bg-senegal-yellow"></div>
                <div class="flex-1 bg-senegal-red"></div>
            </div>
            <section class="p-6 md:p-10 max-w-4xl mx-auto text-gray-900">
                <h1 class="text-3xl md:text-4xl font-bold mb-6">
                    Assises Nationales des Daara (AND) - 2025
                </h1>

                <p class="mb-4">
                    La Note méthodologique du Comité d'Appui Scientifique (CAS) sert de guide pour organiser, harmoniser
                    et piloter les Assises Nationales des Daara (AND) dans toutes les communes, départements et régions
                    du Sénégal. Elle définit les objectifs, les étapes, les méthodes et les outils nécessaires pour
                    conduire des consultations inclusives et participatives.
                </p>

                <h2 class="text-2xl font-semibold mt-6 mb-3">1. Contexte</h2>
                <p class="mb-4">
                    Depuis 2000, le Sénégal s'est engagé à améliorer les conditions des daara (écoles coraniques), les
                    prendre en charge dans le système éducatif national.
                </p>
                <p class="mb-4">
                    Avec la nouvelle vision éducative exprimée dans le Référentiel "Sénégal 2050", le pays entend bâtir
                    une éducation équitable et ouverte aux sciences, au numérique et à l'intelligence artificielle. Le
                    daara, une structure d'éducation islamique, est considéré comme un pilier essentiel pour réaliser
                    cette ambition. C'est dans cette optique que Son Excellence le Président de la République a donné
                    ses directives pour l'organisation des Assises Nationales afin de positionner les daara à leur juste
                    place dans le système éducatif officiel.
                </p>

                <h2 class="text-2xl font-semibold mt-6 mb-3">2. Enjeux</h2>
                <p class="mb-4">
                    Les Assises visent à examiner les manquements ainsi que le dualisme du système d'enseignement public
                    qui marginalisait les daara, et à définir la véritable place de ces daara dans le système éducatif
                    officiel. Elles doivent permettre de construire un consensus autour d'une politique éducative
                    intégrée, fondée sur les valeurs islamiques et culturelles sénégalaises.
                </p>

                <h2 class="text-2xl font-semibold mt-6 mb-3">3. Objectifs</h2>
                <h3 class="text-xl font-semibold mt-4 mb-2">Objectif général</h3>
                <p class="mb-4">
                    Impliquer les Serignes daara et tous les acteurs des daara dans des consultations inclusives visant
                    à élaborer les meilleures stratégies pour prendre en charge les daara et les mettre à leur place
                    méritée dans le système éducatif national.
                </p>

                <h3 class="text-xl font-semibold mt-4 mb-2">Objectifs spécifiques</h3>
                <ul class="list-disc list-inside mb-4">
                    <li>Dresser un état des lieux complet des daara.</li>
                    <li>Identifier les options stratégiques de prise en charge des daara dans le système éducatif sans
                        nuire à leurs objectifs généraux.</li>
                    <li>Proposer des modes de gouvernance inclusifs.</li>
                    <li>Formuler des recommandations pratiques pour la mise en œuvre et le suivi.</li>
                </ul>

                <h2 class="text-2xl font-semibold mt-6 mb-3">4. Méthodologie</h2>
                <p class="mb-4">
                    La démarche qualitative et participative adoptée dans ces assises combine recherches documentaires
                    et consultations sur le terrain. Elle repose sur quatre principes :
                </p>
                <ul class="list-disc list-inside mb-4">
                    <li><strong>Inductive :</strong> partir des réalités vécues pour dégager les solutions.</li>
                    <li><strong>Itérative :</strong> échanges permanents avec les acteurs.</li>
                    <li><strong>Participative :</strong> inclusion de tous les profils : Serigne Daara, érudits,
                        professionnels de l'éducation, parents, autorités, etc.</li>
                    <li><strong>Opérante :</strong> processus progressif des niveaux communal, départemental, régional
                        et national.</li>
                </ul>

                <h2 class="text-2xl font-semibold mt-6 mb-3">5. Étapes clés</h2>
                <ul class="list-decimal list-inside mb-4">
                    <li><strong>Revue documentaire :</strong> analyse des textes, études et expériences sur les daara
                        pour dresser un état des lieux.</li>
                    <li><strong>Consultations locales (communales) :</strong> forums, entretiens, focus groups, tables
                        rondes. Les comités locaux départementaux supervisent et collectent les rapports municipaux pour
                        les intégrer dans un rapport global. Les ateliers régionaux centralisent ces rapports pour un
                        rapport régional validé par toutes les parties concernées.</li>
                    <li><strong>Benchmarking :</strong> étude comparative avec d'autres pays si nécessaire (Malaisie,
                        Turquie, Maroc, Mauritanie).</li>
                    <li><strong>Préparation du rapport national préliminaire :</strong> consolidation des rapports
                        régionaux et validation par les acteurs avant les sessions nationales.</li>
                    <li><strong>Organisation des journées des sessions nationales :</strong> présentation des résultats
                        et adoption des recommandations finales.</li>
                </ul>

                <h2 class="text-2xl font-semibold mt-6 mb-3">6. Thématiques d'analyse</h2>
                <p class="mb-4">
                    Les consultations porteront sur des axes thématiques précis, avec la possibilité d'y ajouter tout
                    autre thème jugé approprié par les participants :
                </p>
                <ul class="list-disc list-inside mb-4">
                    <li>Concepts, finalités</li>
                    <li>Financement et gouvernance</li>
                    <li>Cadre juridique et réglementaire</li>
                    <li>Environnement d'apprentissage et conditions de vie</li>
                    <li>Curricula et certification</li>
                    <li>Formation professionnelle et insertion</li>
                    <li>Recrutement et statut des maîtres coraniques</li>
                </ul>

                <h2 class="text-2xl font-semibold mt-6 mb-3">7. Outils et livrables</h2>
                <ul class="list-disc list-inside mb-4">
                    <li>Guides pratiques pour forums, entretiens, focus groups et tables rondes.</li>
                    <li>Canevas de rapports communaux, départementaux et régionaux pour la collecte et la synthèse des
                        données.</li>
                    <li>Un rapport final national issu des contributions de toutes les régions, rédigé en arabe et en
                        français.</li>
                </ul>

                <h2 class="text-2xl font-semibold mt-6 mb-3">En résumé</h2>
                <p class="mb-4">
                    Les Assises Nationales des Daara visent à offrir une occasion de réflexion et d'échanges afin
                    d'élaborer les meilleures stratégies de prise en charge dans le système éducatif national, tout en
                    garantissant leur bonne gouvernance et leur performance efficace. La fonction de cette note
                    méthodologique est de tracer une démarche claire et scientifique pour réussir cette mission
                    historique.
                </p>
            </section>

        </div>
    </main>
    <footer class="bg-white dark:bg-zinc-950 border-t border-[#e7f3e7] dark:border-white/10 pt-16 pb-12 px-4 md:px-40">
        <div class="max-w-[1200px] mx-auto">
            <div class="grid grid-cols-1 md:grid-cols-3 gap-12 mb-12">
                <div class="space-y-4">
                    <div class="flex items-center gap-3">
                        <div class="bg-primary/10 p-2 rounded-lg text-primary">
                            <span class="material-symbols-outlined">account_balance</span>
                        </div>
                        <h3 class="font-bold text-lg">Sphère Ministère de l'Éducation nationale</h3>
                    </div>
                    <p class="text-sm text-zinc-500 leading-relaxed">
                        Sphère ministérielle de Diamniadio<br />
                        Dakar, Sénégal<br />
                        Tel: (+221) 33 849 54 54
                    </p>
                </div>
                <div>
                    <h3 class="font-bold text-lg mb-4">Liens Utiles</h3>
                    <ul class="space-y-2 text-sm text-zinc-500 font-medium">
                        <li><a class="hover:text-primary transition-colors" href="#">Programme des Assises</a></li>
                        <li><a class="hover:text-primary transition-colors" href="#">Documentation technique</a></li>
                        <li><a class="hover:text-primary transition-colors" href="#">FAQ</a></li>

                    </ul>
                </div>
                <div>
                    <h3 class="font-bold text-lg mb-4">Nous suivre</h3>
                    <div class="flex gap-4">
                        <!-- Facebook -->
                        <a href="https://www.facebook.com" target="_blank" rel="noopener"
                            class="w-10 h-10 bg-zinc-100 dark:bg-zinc-800 rounded-lg flex items-center justify-center text-blue-600 hover:bg-blue-600 hover:text-white transition-all">
                            <!-- Logo SVG Facebook -->
                            <svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 24 24"
                                class="w-5 h-5">
                                <path
                                    d="M22 12c0-5.522-4.477-10-10-10S2 6.478 2 12c0 5 3.657 9.128 8.438 9.879v-6.987H7.898v-2.892h2.54V9.845c0-2.507 1.492-3.89 3.777-3.89 1.094 0 2.238.195 2.238.195v2.46h-1.26c-1.243 0-1.63.771-1.63 1.562v1.875h2.773l-.443 2.892h-2.33v6.987C18.343 21.128 22 17 22 12z" />
                            </svg>
                        </a>

                        <!-- Twitter -->
                        <a href="https://www.twitter.com" target="_blank" rel="noopener"
                            class="w-10 h-10 bg-zinc-100 dark:bg-zinc-800 rounded-lg flex items-center justify-center text-sky-500 hover:bg-sky-500 hover:text-white transition-all">
                            <!-- Logo SVG Twitter -->
                            <svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 24 24"
                                class="w-5 h-5">
                                <path
                                    d="M24 4.557a9.83 9.83 0 0 1-2.828.775 4.932 4.932 0 0 0 2.165-2.724 9.864 9.864 0 0 1-3.127 1.195 4.918 4.918 0 0 0-8.384 4.482A13.944 13.944 0 0 1 1.671 3.149 4.917 4.917 0 0 0 3.195 9.72a4.903 4.903 0 0 1-2.229-.616v.062a4.918 4.918 0 0 0 3.946 4.827 4.902 4.902 0 0 1-2.224.085 4.919 4.919 0 0 0 4.593 3.417 9.867 9.867 0 0 1-6.102 2.104c-.396 0-.788-.023-1.175-.069a13.945 13.945 0 0 0 7.548 2.212c9.057 0 14.01-7.512 14.01-14.01 0-.213-.004-.425-.014-.636A10.025 10.025 0 0 0 24 4.557z" />
                            </svg>
                        </a>

                        <!-- YouTube -->
                        <a href="https://www.youtube.com" target="_blank" rel="noopener"
                            class="w-10 h-10 bg-zinc-100 dark:bg-zinc-800 rounded-lg flex items-center justify-center text-red-600 hover:bg-red-600 hover:text-white transition-all">
                            <!-- Logo SVG YouTube -->
                            <svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 24 24"
                                class="w-5 h-5">
                                <path
                                    d="M23.498 6.186a2.965 2.965 0 0 0-2.088-2.096C19.57 3.5 12 3.5 12 3.5s-7.57 0-9.41.59a2.965 2.965 0 0 0-2.088 2.096A30.05 30.05 0 0 0 0 12a30.05 30.05 0 0 0 .502 5.814 2.965 2.965 0 0 0 2.088 2.096c1.84.59 9.41.59 9.41.59s7.57 0 9.41-.59a2.965 2.965 0 0 0 2.088-2.096A30.05 30.05 0 0 0 24 12a30.05 30.05 0 0 0-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z" />
                            </svg>
                        </a>
                    </div>


                </div>
            </div>
            <div
                class="border-t border-zinc-100 dark:border-white/5 pt-8 flex flex-col md:flex-row justify-between items-center gap-4">
                <div class="flex items-center gap-4">
                    <div class="bg-primary/10 p-2 rounded-lg text-primary">
                        <span class="material-symbols-outlined text-sm">shield</span>
                    </div>
                    <p class="text-xs text-zinc-400 font-medium">© 2024 République du Sénégal - Ministère de l'Éducation
                        nationale</p>
                </div>
                <p class="text-[10px] uppercase tracking-[0.2em] font-bold text-zinc-300">Un Peuple • Un But • Une Foi
                </p>
            </div>
        </div>
    </footer>

</body>

</html>
