{"id":526,"date":"2026-02-12T13:24:39","date_gmt":"2026-02-12T13:24:39","guid":{"rendered":"https:\/\/notreatoutcestmenou.fr\/?p=526"},"modified":"2026-02-12T13:24:39","modified_gmt":"2026-02-12T13:24:39","slug":"le-calendrier","status":"publish","type":"post","link":"https:\/\/notreatoutcestmenou.fr\/?p=526","title":{"rendered":"Le Calendrier"},"content":{"rendered":"\n<!-- D\u00c9PENDANCES ET CONFIGURATION (Ne pas supprimer) -->\n<!-- 1. Police Montserrat -->\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;500;600;700;800&#038;display=swap\" rel=\"stylesheet\">\n<!-- 2. Tailwind CSS -->\n<script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n\n<!-- STYLES ENCAPSUL\u00c9S -->\n<style>\n    .nacm-elections-block {\n        font-family: 'Montserrat', sans-serif;\n    }\n    \n    \/* Animation au survol *\/\n    .nacm-step-card {\n        transition: transform 0.3s ease, box-shadow 0.3s ease;\n    }\n    .nacm-step-card:hover {\n        transform: translateY(-8px);\n        box-shadow: 0 15px 30px rgba(0,0,0,0.1);\n        z-index: 10;\n    }\n\n    \/* Ligne connectrice pour Desktop *\/\n    @media (min-width: 1280px) {\n        .nacm-timeline-line::before {\n            content: '';\n            position: absolute;\n            top: 50%;\n            left: 0;\n            right: 0;\n            height: 4px;\n            background: #e5e7eb;\n            z-index: 0;\n            transform: translateY(-50%);\n        }\n    }\n    \n    \/* Badge Num\u00e9ro *\/\n    .nacm-step-number {\n        background: white;\n        border-radius: 50%;\n        width: 40px;\n        height: 40px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        font-weight: 800;\n        border: 4px solid;\n        z-index: 10;\n        position: relative;\n    }\n<\/style>\n\n<!-- CONTENEUR PRINCIPAL DU BLOC -->\n<div class=\"nacm-elections-block bg-white rounded-3xl shadow-xl overflow-hidden max-w-7xl mx-auto my-8 border border-gray-100\">\n\n    <!-- EN-T\u00caTE LUDIQUE -->\n    <header class=\"bg-gradient-to-r from-[#1e3a8a] to-[#2563eb] p-8 md:p-12 text-center text-white relative overflow-hidden\">\n        <!-- Cercle d\u00e9co en arri\u00e8re plan -->\n        <div class=\"absolute top-0 right-0 w-64 h-64 bg-white opacity-5 rounded-full transform translate-x-1\/2 -translate-y-1\/2\"><\/div>\n        \n        <h1 class=\"text-3xl md:text-5xl font-extrabold mb-4 relative z-10\">\n            \u00c9lections Municipales 2026 \ud83d\uddf3\ufe0f\n        <\/h1>\n        <p class=\"text-blue-100 text-lg md:text-xl max-w-2xl mx-auto relative z-10\">\n            Comprendre le calendrier simplement : des candidatures jusqu&rsquo;\u00e0 l&rsquo;installation de vos nouveaux \u00e9lus.\n        <\/p>\n    <\/header>\n\n    <!-- SECTION 1 : LES MAIRIES -->\n    <section class=\"p-6 md:p-10\">\n        <div class=\"flex flex-col md:flex-row items-center gap-4 mb-10\">\n            <div class=\"bg-blue-100 p-3 rounded-full\">\n                <span class=\"text-3xl\">\ud83c\udfdb\ufe0f<\/span>\n            <\/div>\n            <div>\n                <h2 class=\"text-2xl font-bold text-gray-800\">\u00c9lection des Maires<\/h2>\n                <p class=\"text-gray-500\">Le parcours pour \u00e9lire votre conseil municipal<\/p>\n            <\/div>\n        <\/div>\n\n        <!-- Guide couleur -->\n        <div class=\"flex flex-wrap gap-4 mb-8 text-sm font-medium\">\n            <span class=\"flex items-center gap-2 px-3 py-1 rounded-full bg-blue-50 text-blue-800 border border-blue-200\">\n                <span class=\"w-3 h-3 rounded-full bg-blue-600\"><\/span> D\u00e9marches admin\n            <\/span>\n            <span class=\"flex items-center gap-2 px-3 py-1 rounded-full bg-red-50 text-red-800 border border-red-200\">\n                <span class=\"w-3 h-3 rounded-full bg-red-600\"><\/span> Vote Citoyen\n            <\/span>\n            <span class=\"flex items-center gap-2 px-3 py-1 rounded-full bg-green-50 text-green-800 border border-green-200\">\n                <span class=\"w-3 h-3 rounded-full bg-green-600\"><\/span> R\u00e9sultats &#038; Installation\n            <\/span>\n        <\/div>\n\n        <!-- Timeline Container -->\n        <div class=\"relative nacm-timeline-line py-4\">\n            <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-6 gap-6 relative z-10\">\n                \n                <!-- \u00c9tape 1 : Candidatures T1 -->\n                <div class=\"nacm-step-card bg-white p-6 rounded-2xl border-2 border-blue-100 flex flex-col items-center text-center group h-full\">\n                    <div class=\"nacm-step-number border-blue-500 text-blue-600 mb-4\">1<\/div>\n                    <div class=\"text-sm font-bold text-blue-600 mb-1 uppercase tracking-wider\">Top d\u00e9part<\/div>\n                    <div class=\"text-2xl font-black text-gray-800 mb-2\">26 F\u00e9v.<\/div>\n                    <p class=\"text-gray-600 text-sm\">Les candidats d\u00e9posent leurs listes officielles.<\/p>\n                <\/div>\n\n                <!-- \u00c9tape 2 : \u00c9lections T1 -->\n                <div class=\"nacm-step-card bg-red-50 p-6 rounded-2xl border-2 border-red-200 flex flex-col items-center text-center h-full shadow-sm\">\n                    <div class=\"nacm-step-number border-red-500 text-red-600 mb-4 bg-red-100\">2<\/div>\n                    <div class=\"text-sm font-bold text-red-600 mb-1 uppercase tracking-wider\">On vote !<\/div>\n                    <div class=\"text-2xl font-black text-red-700 mb-2\">15 Mars<\/div>\n                    <p class=\"text-gray-700 text-sm font-medium\">Premier tour des \u00e9lections.<\/p>\n                <\/div>\n\n                <!-- \u00c9tape 3 : Candidatures T2 -->\n                <div class=\"nacm-step-card bg-white p-6 rounded-2xl border-2 border-blue-100 flex flex-col items-center text-center h-full opacity-75 hover:opacity-100\">\n                    <div class=\"nacm-step-number border-blue-500 text-blue-600 mb-4\">3<\/div>\n                    <div class=\"text-sm font-bold text-blue-600 mb-1 uppercase tracking-wider\">L&rsquo;entre-deux<\/div>\n                    <div class=\"text-lg font-bold text-gray-800 mb-2 leading-tight\">16-17 Mars<\/div>\n                    <p class=\"text-gray-500 text-xs\">Si personne n&rsquo;a gagn\u00e9 : d\u00e9p\u00f4ts pour le 2nd tour.<\/p>\n                <\/div>\n\n                <!-- \u00c9tape 4 : Installation T1 -->\n                <div class=\"nacm-step-card bg-green-50 p-6 rounded-2xl border-2 border-green-200 flex flex-col items-center text-center h-full\">\n                    <div class=\"nacm-step-number border-green-500 text-green-600 mb-4\">4<\/div>\n                    <div class=\"text-sm font-bold text-green-600 mb-1 uppercase tracking-wider\">Victoire ?<\/div>\n                    <div class=\"text-lg font-bold text-green-800 mb-2 leading-tight\">20-22 Mars<\/div>\n                    <p class=\"text-gray-600 text-xs\">Si un Maire est \u00e9lu d\u00e8s le 1er tour : <strong class=\"text-green-700\">Installation imm\u00e9diate.<\/strong><\/p>\n                <\/div>\n\n                <!-- \u00c9tape 5 : \u00c9lections T2 -->\n                <div class=\"nacm-step-card bg-red-50 p-6 rounded-2xl border-2 border-red-200 flex flex-col items-center text-center h-full shadow-sm\">\n                    <div class=\"nacm-step-number border-red-500 text-red-600 mb-4 bg-red-100\">5<\/div>\n                    <div class=\"text-sm font-bold text-red-600 mb-1 uppercase tracking-wider\">La Finale<\/div>\n                    <div class=\"text-2xl font-black text-red-700 mb-2\">26 Mars<\/div>\n                    <p class=\"text-gray-700 text-sm font-medium\">Second tour d\u00e9cisif.<\/p>\n                <\/div>\n\n                <!-- \u00c9tape 6 : Installation T2 -->\n                <div class=\"nacm-step-card bg-green-50 p-6 rounded-2xl border-2 border-green-200 flex flex-col items-center text-center h-full\">\n                    <div class=\"nacm-step-number border-green-500 text-green-600 mb-4\">6<\/div>\n                    <div class=\"text-sm font-bold text-green-600 mb-1 uppercase tracking-wider\">C&rsquo;est fait<\/div>\n                    <div class=\"text-lg font-bold text-green-800 mb-2 leading-tight\">27-29 Mars<\/div>\n                    <p class=\"text-gray-600 text-xs\">Installation officielle du nouveau conseil municipal.<\/p>\n                <\/div>\n\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- SEPARATEUR -->\n    <div class=\"mx-10 border-t-2 border-dashed border-gray-200\"><\/div>\n\n    <!-- SECTION 2 : INTERCOMMUNALIT\u00c9 (EPCI) -->\n    <section class=\"p-6 md:p-10 bg-gray-50\">\n        <div class=\"flex flex-col md:flex-row items-start md:items-center gap-4 mb-8\">\n            <div class=\"bg-indigo-100 p-3 rounded-full\">\n                <span class=\"text-3xl\">\ud83e\udd1d<\/span>\n            <\/div>\n            <div>\n                <h2 class=\"text-2xl font-bold text-indigo-900\">L&rsquo;Intercommunalit\u00e9 (EPCI)<\/h2>\n                <p class=\"text-gray-500 max-w-xl\">Une fois les maires \u00e9lus, ils se r\u00e9unissent pour former le conseil de la communaut\u00e9 de communes (EPCI).<\/p>\n            <\/div>\n        <\/div>\n\n        <div class=\"grid grid-cols-1 md:grid-cols-2 gap-6 max-w-4xl\">\n            \n            <!-- Carte EPCI 1 -->\n            <div class=\"bg-white p-6 rounded-2xl shadow-sm border-l-8 border-indigo-500 flex items-center gap-6\">\n                <div class=\"text-center min-w-[80px]\">\n                    <span class=\"block text-3xl font-black text-indigo-600\">17<\/span>\n                    <span class=\"text-xs font-bold text-gray-400 uppercase\">Avril<\/span>\n                <\/div>\n                <div>\n                    <h3 class=\"font-bold text-gray-800 text-lg\">1\u00e8re vague d&rsquo;installation<\/h3>\n                    <p class=\"text-sm text-gray-600 mt-1\">Pour les communes ayant \u00e9lu leur maire au <span class=\"text-indigo-600 font-bold\">1er tour<\/span>.<\/p>\n                <\/div>\n            <\/div>\n\n            <!-- Carte EPCI 2 -->\n            <div class=\"bg-white p-6 rounded-2xl shadow-sm border-l-8 border-indigo-500 flex items-center gap-6\">\n                <div class=\"text-center min-w-[80px]\">\n                    <span class=\"block text-3xl font-black text-indigo-600\">24<\/span>\n                    <span class=\"text-xs font-bold text-gray-400 uppercase\">Avril<\/span>\n                <\/div>\n                <div>\n                    <h3 class=\"font-bold text-gray-800 text-lg\">2\u00e8me vague d&rsquo;installation<\/h3>\n                    <p class=\"text-sm text-gray-600 mt-1\">Pour les communes ayant eu besoin d&rsquo;un <span class=\"text-indigo-600 font-bold\">2\u00e8me tour<\/span>.<\/p>\n                <\/div>\n            <\/div>\n\n        <\/div>\n    <\/section>\n\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>\u00c9lections Municipales 2026 \ud83d\uddf3\ufe0f Comprendre le calendrier simplement : des candidatures jusqu&rsquo;\u00e0 l&rsquo;installation de vos nouveaux \u00e9lus. \ud83c\udfdb\ufe0f \u00c9lection des Maires Le parcours pour \u00e9lire votre conseil municipal D\u00e9marches admin Vote Citoyen R\u00e9sultats &#038; Installation 1 Top d\u00e9part 26 F\u00e9v. Les candidats d\u00e9posent leurs listes officielles. 2 On vote ! 15 Mars Premier tour des&hellip;&nbsp;<\/p>\n","protected":false},"author":1,"featured_media":528,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"neve_meta_sidebar":"","neve_meta_container":"","neve_meta_enable_content_width":"","neve_meta_content_width":0,"neve_meta_title_alignment":"","neve_meta_author_avatar":"","neve_post_elements_order":"","neve_meta_disable_header":"","neve_meta_disable_footer":"","neve_meta_disable_title":"","footnotes":""},"categories":[1],"tags":[],"class_list":["post-526","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-uncategorized"],"_links":{"self":[{"href":"https:\/\/notreatoutcestmenou.fr\/index.php?rest_route=\/wp\/v2\/posts\/526","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/notreatoutcestmenou.fr\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/notreatoutcestmenou.fr\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/notreatoutcestmenou.fr\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/notreatoutcestmenou.fr\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=526"}],"version-history":[{"count":1,"href":"https:\/\/notreatoutcestmenou.fr\/index.php?rest_route=\/wp\/v2\/posts\/526\/revisions"}],"predecessor-version":[{"id":527,"href":"https:\/\/notreatoutcestmenou.fr\/index.php?rest_route=\/wp\/v2\/posts\/526\/revisions\/527"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/notreatoutcestmenou.fr\/index.php?rest_route=\/wp\/v2\/media\/528"}],"wp:attachment":[{"href":"https:\/\/notreatoutcestmenou.fr\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=526"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/notreatoutcestmenou.fr\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=526"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/notreatoutcestmenou.fr\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=526"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}