{"id":61,"date":"2025-12-12T11:36:07","date_gmt":"2025-12-12T11:36:07","guid":{"rendered":"https:\/\/karimziady2026.fr\/?page_id=61"},"modified":"2026-02-20T09:17:44","modified_gmt":"2026-02-20T09:17:44","slug":"reunir-le-17e-avec-karim-ziady","status":"publish","type":"page","link":"https:\/\/karimziady2026.fr\/","title":{"rendered":"R\u00e9unir le 17e avec\u00a0Karim Ziady !"},"content":{"rendered":"<div style=\"font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; color: #1f2937; line-height: 1.6; background-color: transparent; padding: 60px 0; text-align: center; box-sizing: border-box;\">\r\n<div style=\"max-width: 900px; margin: 0 auto; padding: 0 20px;\">\r\n<h1 style=\"font-size: 3.5rem; line-height: 1.1; font-weight: 800; margin-bottom: 2rem; color: #111; margin-top: 0;\">R\u00e9unir le 17e<\/h1>\r\n<h1 style=\"font-size: 3.5rem; line-height: 1.1; font-weight: 800; margin-bottom: 2rem; color: #111; margin-top: 0;\">avec <span style=\"color: #e1396c;\">Karim Ziady<\/span><\/h1>\r\n<div style=\"font-size: 1.4rem; color: #4b5563; font-weight: 300; display: flex; flex-direction: column; align-items: center; gap: 15px;\"><!-- Highlight 1: Pill shape, light gray background --> <span style=\"background-color: #f3f4f6; color: #1f2937; padding: 8px 20px; border-radius: 50px; font-weight: 600; font-size: 1.2rem; display: inline-block;\"><span style=\"background-color: transparent; color: #111827; font-weight: 500; font-size: 1.4rem;\">Ensemble, \u00e9crivons une nouvelle page pour notre arrondissement les 15 et 22 mars 2026<\/span><\/span><\/div>\r\n<div>\u00a0<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<figure class=\"wp-block-image alignfull size-full\" style=\"margin:0;\">\r\n  <img decoding=\"async\" class=\"alignnone wp-image-234 size-full\"\r\n       src=\"http:\/\/karimziady2026.fr\/wp-content\/uploads\/2026\/02\/07-02-26-_DSC0487_MC_CLEAN-scaled.jpg\"\r\n       alt=\"\"\r\n       style=\"width:100%; height:700px; object-fit:cover; display:block;\" \/>\r\n<\/figure>\r\n\r\n\r\n<p>&nbsp;<\/p>\r\n<p><script src=\"https:\/\/cdn.tailwindcss.com\"><\/script><\/p>\r\n<p><style>\r\n        body {\r\n            font-family: 'Open Sans', sans-serif;\r\n        }\r\n        h1, h2, h3, nav {\r\n            font-family: 'Montserrat', sans-serif;\r\n        }\r\n        .fade-enter-active, .fade-leave-active {\r\n            transition: opacity 0.5s;\r\n        }\r\n        .fade-enter, .fade-leave-to {\r\n            opacity: 0;\r\n        }\r\n    <\/style><\/p>\r\n<!-- Bloc Principal : Ma Candidature --><main class=\"container mx-auto px-4 py-12 md:py-20 max-w-4xl\">\r\n<section class=\"bg-white rounded-xl shadow-lg overflow-hidden border-t-4 border-red-600\">\r\n<div class=\"p-8 md:p-12\"><!-- Titre -->\r\n<h1 class=\"text-3xl md:text-4xl font-bold text-gray-900 mb-6\">Ma candidature pour le 17e<\/h1>\r\n<!-- D\u00e9but du texte (Visible par d\u00e9faut) -->\r\n<div class=\"text-lg md:text-xl text-gray-700 leading-relaxed mb-6 font-medium\">\r\n<p>Enfant du 17e, j\u2019ai envie d\u2019\u00e9crire avec vous une nouvelle page pour que notre arrondissement devienne plus accueillant, accessible et protecteur pour toutes et tous.<\/p>\r\n<!-- Bouton Lire la suite --> <button id=\"readMoreBtn\" onclick=\"toggleText()\" class=\"mt-4 group flex items-center justify-center md:justify-start gap-3 bg-red-700 text-white px-8 py-3 rounded-lg font-bold uppercase tracking-wider hover:bg-red-800 transition-all shadow-md hover:shadow-lg focus:outline-none focus:ring-2 focus:ring-red-500 focus:ring-offset-2 transform hover:-translate-y-0.5\"> Lire la suite <\/button> <!-- Texte cach\u00e9 (D\u00e9velopp\u00e9 au clic) -->\r\n<div id=\"hiddenContent\" class=\"hidden mt-6 space-y-6 text-gray-700 leading-relaxed border-t border-gray-100 pt-6\">\r\n<p>Je suis n\u00e9 et j\u2019ai grandi porte d&rsquo;Asni\u00e8res, cultivant, d\u00e8s les bancs du coll\u00e8ge Boris Vian, une ambition : celle de changer le quotidien en m&rsquo;engageant dans la vie publique. Mon enracinement dans cet arrondissement s\u2019est poursuivi apr\u00e8s mes \u00e9tudes et c&rsquo;est proche de Porte de Saint-Ouen que j&rsquo;ai d\u00e9cid\u00e9 de m&rsquo;installer pour construire mon avenir.<\/p>\r\n<p>Lors des municipales de 2020, j\u2019ai concr\u00e9tis\u00e9 mon engagement pour le 17e en me pr\u00e9sentant pour devenir conseiller de Paris. Gr\u00e2ce \u00e0 la confiance que vous nous avez accord\u00e9e, j&rsquo;ai depuis l&rsquo;honneur de porter votre voix au conseil d\u2019arrondissement ainsi qu\u2019au sein de l&rsquo;ex\u00e9cutif parisien, en tant que conseiller de Paris d\u00e9l\u00e9gu\u00e9 charg\u00e9 du sport de proximit\u00e9.<\/p>\r\n<p>Avec l\u2019\u00e9lan impuls\u00e9 par la gauche sociale et \u00e9cologique \u00e0 Paris, notre arrondissement s\u2019est beaucoup transform\u00e9 : arriv\u00e9e du tram T3B aux portes, implantation de l\u2019\u00e9coquartier et du parc Martin Luther King, r\u00e9am\u00e9nagement de la Porte de Clichy et de la Porte Maillot\u2026<\/p>\r\n<p class=\"font-semibold text-gray-900\">Mais il nous reste encore tant \u00e0 construire ensemble pour que le 17e rayonne davantage et prenne soin de tous ses habitantes et habitants, dans la diversit\u00e9 de leurs parcours et quartiers.<\/p>\r\n<p class=\"font-semibold text-gray-900\">\u00a0<\/p>\r\n<!-- Bouton Replier (Optionnel, pour l'UX) --> <button onclick=\"toggleText()\" class=\"mt-4 text-sm text-gray-500 hover:text-red-700 underline decoration-dotted\"> Replier le texte <\/button><\/div>\r\n<\/div>\r\n<\/div>\r\n<\/section>\r\n<\/main>\r\n<script>\r\n        function toggleText() {\r\n            const content = document.getElementById('hiddenContent');\r\n            const btn = document.getElementById('readMoreBtn');\r\n\r\n            if (content.classList.contains('hidden')) {\r\n                \/\/ Ouvrir\r\n                content.classList.remove('hidden');\r\n                \/\/ Animation simple d'apparition\r\n                content.animate([\r\n                    { opacity: 0, transform: 'translateY(-10px)' },\r\n                    { opacity: 1, transform: 'translateY(0)' }\r\n                ], {\r\n                    duration: 400,\r\n                    easing: 'ease-out'\r\n                });\r\n                \r\n                \/\/ Cacher le bouton principal une fois ouvert\r\n                btn.style.display = 'none';\r\n            } else {\r\n                \/\/ Fermer\r\n                content.classList.add('hidden');\r\n                btn.style.display = 'flex';\r\n            }\r\n        }\r\n    <\/script> <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script> <style>\r\n        body {\r\n            font-family: 'Open Sans', sans-serif;\r\n        }\r\n        h1, h2, h3, nav {\r\n            font-family: 'Montserrat', sans-serif;\r\n        }\r\n    <\/style>\r\n<!-- Conteneur Principal --><!-- Changed py-12\/md:py-20 to pb-12\/md:pb-20 to remove top padding --><main class=\"container mx-auto px-4 pb-12 md:pb-20 max-w-4xl space-y-12\"><!-- BLOC 2 : Mes Priorit\u00e9s -->\r\n<section class=\"bg-white rounded-xl shadow-lg overflow-hidden border-t-4 border-red-600\">\r\n<div class=\"p-8 md:p-12\">\r\n<h2 class=\"text-3xl md:text-4xl font-bold text-gray-900 mb-8\">Mes priorit\u00e9s<\/h2>\r\n<div class=\"grid grid-cols-1 md:grid-cols-2 gap-8\"><!-- Priorit\u00e9 1 -->\r\n<div class=\"flex items-start space-x-4\">\r\n<div class=\"flex-shrink-0 bg-red-50 p-3 rounded-full text-red-700\"><!-- Icone Maison --><\/div>\r\n<div>\r\n<h3 class=\"font-bold text-lg text-gray-900 mb-1\">Acc\u00e8s au logement<\/h3>\r\n<p class=\"text-gray-600 text-sm md:text-base\">Lutter contre la sp\u00e9culation et d\u00e9velopper l\u2019offre abordable.<\/p>\r\n<\/div>\r\n<\/div>\r\n<div class=\"flex items-start space-x-4\">\r\n<div class=\"flex-shrink-0 bg-red-50 p-3 rounded-full text-red-700\"><!-- Icone Famille --><\/div>\r\n<div>\r\n<h3 class=\"font-bold text-lg text-gray-900 mb-1\">Familles<\/h3>\r\n<p class=\"text-gray-600 text-sm md:text-base\">Plus de places en cr\u00e8ches et de soutien aux parents.<\/p>\r\n<\/div>\r\n<\/div>\r\n<div class=\"flex items-start space-x-4\">\r\n<div class=\"flex-shrink-0 bg-red-50 p-3 rounded-full text-red-700\"><!-- Icone Commerces --><\/div>\r\n<div>\r\n<h3 class=\"font-bold text-lg text-gray-900 mb-1\">Commerces de proximit\u00e9<\/h3>\r\n<p class=\"text-gray-600 text-sm md:text-base\">Prot\u00e9ger nos artisans et nos march\u00e9s.<\/p>\r\n<\/div>\r\n<\/div>\r\n<div class=\"flex items-start space-x-4\">\r\n<div class=\"flex-shrink-0 bg-red-50 p-3 rounded-full text-red-700\"><!-- Icone Coeur --><\/div>\r\n<div>\r\n<h3 class=\"font-bold text-lg text-gray-900 mb-1\">Vie associative<\/h3>\r\n<p class=\"text-gray-600 text-sm md:text-base\">Soutenir celles et ceux qui font battre le c\u0153ur du 17e.<\/p>\r\n<\/div>\r\n<\/div>\r\n<div class=\"flex items-start space-x-4 md:col-span-2\">\r\n<div class=\"flex-shrink-0 bg-red-50 p-3 rounded-full text-red-700\"><!-- Icone Arbre --><\/div>\r\n<div>\r\n<h3 class=\"font-bold text-lg text-gray-900 mb-1\">Espaces publics<\/h3>\r\n<p class=\"text-gray-600 text-sm md:text-base\">Plus verts, plus s\u00fbrs, plus accessibles.<\/p>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/section>\r\n<\/main>\r\n<p><script src=\"https:\/\/cdn.tailwindcss.com\"><\/script><script src=\"https:\/\/unpkg.com\/lucide@latest\"><\/script><\/p>\r\n<p><style>\r\n        body {\r\n            font-family: 'Open Sans', sans-serif;\r\n        }\r\n        h1, h2, h3, nav {\r\n            font-family: 'Montserrat', sans-serif;\r\n        }\r\n        .font-poppins { font-family: 'Poppins', sans-serif; }\r\n        .font-roboto { font-family: 'Roboto', sans-serif; }\r\n        \r\n        .campaign-gradient-text {\r\n            background: linear-gradient(180deg, #ffec3f 0%, #e1396c 50%, #00975f 100%);\r\n            -webkit-background-clip: text;\r\n            -webkit-text-fill-color: transparent;\r\n        }\r\n\r\n        \/* --- STYLES DU BLOC SOUTIEN --- *\/\r\n        \r\n        \/* Bouton Vert Sp\u00e9cifique Don *\/\r\n        .btn-donate {\r\n            background: linear-gradient(to right, #00975f 0%, #00b874 51%, #00975f 100%);\r\n            background-size: 200% auto;\r\n            transition: all 0.5s ease;\r\n            box-shadow: 0 4px 15px 0 rgba(0, 151, 95, 0.3);\r\n            white-space: nowrap;\r\n        }\r\n        .btn-donate:hover {\r\n            background-position: right center;\r\n            box-shadow: 0 6px 20px 0 rgba(0, 151, 95, 0.5);\r\n            transform: translateY(-2px);\r\n        }\r\n\r\n        \/* Animation au survol du BLOC entier *\/\r\n        .card-container {\r\n            transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n        }\r\n        .card-container:hover {\r\n            transform: translateY(-5px);\r\n            box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);\r\n        }\r\n    <\/style><\/p>\r\n<!-- Conteneur Principal --><main class=\"container mx-auto px-4 pb-12 md:pb-20 max-w-4xl space-y-12 pt-8\"><!-- BLOC 1 : Citation Campagne -->\r\n<div class=\"flex flex-col md:flex-row bg-white rounded-3xl shadow-xl overflow-hidden w-full mx-auto font-roboto\"><!-- Section Image (Gauche) -->\r\n<div class=\"w-full md:w-5\/12 h-64 md:h-auto relative\"><img decoding=\"async\" class=\"absolute inset-0 w-full h-full object-cover object-top\" src=\"http:\/\/karimziady2026.fr\/wp-content\/uploads\/2025\/12\/BOULOT_Nicolas_260825-7-scaled.jpg\" alt=\"Karim ZIADY et son colistier\" \/><\/div>\r\n<!-- Section Texte (Droite) -->\r\n<div class=\"w-full md:w-7\/12 p-8 md:p-12 flex items-center justify-center bg-white\">\r\n<blockquote class=\"text-center\">\r\n<p class=\"text-lg md:text-2xl font-bold italic leading-relaxed text-[#1a202c]\">\u00ab Ensemble, faisons du 17e un arrondissement o\u00f9 chacun a sa place : les <span class=\"text-[#E94057]\">15 et 22 mars prochains<\/span>, votez pour r\u00e9unir le 17e avec Karim ZIADY ! \u00bb<\/p>\r\n<\/blockquote>\r\n<\/div>\r\n<\/div>\r\n<!-- BLOC 2 : SOUTIEN CAMPAGNE --><!-- Changed background to solid pink #e1396c and adapted text colors for visibility -->\r\n<section class=\"card-container w-full bg-[#e1396c] rounded-3xl shadow-xl overflow-hidden ring-1 ring-gray-100 relative\"><!-- Contenu -->\r\n<div class=\"p-8 md:p-10 flex flex-col md:flex-row items-center justify-between gap-8 md:gap-12 text-center md:text-left\"><!-- Partie Gauche : Infos -->\r\n<div class=\"flex flex-col md:flex-row items-center gap-6\"><!-- Ic\u00f4ne (Background changed to white for contrast on pink card) -->\r\n<div class=\"flex-shrink-0 w-16 h-16 bg-white rounded-full flex items-center justify-center shadow-sm\">\u00a0<\/div>\r\n<!-- Textes (Adapted to white\/light for visibility) -->\r\n<div>\r\n<h2 class=\"text-2xl md:text-3xl font-extrabold text-white mb-2 leading-tight\">Rejoignez <span class=\"text-white\">la dynamique<\/span><\/h2>\r\n<p class=\"text-pink-100 font-medium leading-relaxed\">Soutenez la campagne pour faire gagner le 17e.<\/p>\r\n<\/div>\r\n<\/div>\r\n<!-- Partie Droite : Action -->\r\n<div class=\"flex flex-col items-center md:items-end flex-shrink-0\"><a class=\"btn-donate px-8 py-4 text-white font-bold text-lg rounded-xl uppercase tracking-wider focus:outline-none focus:ring-4 focus:ring-green-200 block w-full md:w-auto text-center border-2 border-white\/20\" href=\"https:\/\/karimziady2026.fr\/index.php\/je-soutiens\/\" target=\"_blank\" rel=\"noopener\"> Je fais un don <\/a>\r\n<p class=\"mt-3 text-xs text-pink-100 flex items-center justify-center md:justify-end w-full\">Paiement 100% s\u00e9curis\u00e9<\/p>\r\n<\/div>\r\n<\/div>\r\n<\/section>\r\n<!-- BLOC 3 : Contact \/ Investissement (D\u00e9plac\u00e9 ici) -->\r\n<section class=\"bg-white rounded-xl shadow-lg overflow-hidden border-t-4 border-[#e1396c] transition hover:shadow-xl\">\r\n<div class=\"p-8 md:p-12 flex flex-col md:flex-row items-center justify-between gap-8\">\r\n<div class=\"text-center md:text-left\">\r\n<h2 class=\"text-2xl md:text-3xl font-bold text-gray-900 mb-2\">Vous souhaitez vous investir ou me contacter ?<\/h2>\r\n<p class=\"text-lg text-gray-600 font-medium\">Je suis \u00e0 votre \u00e9coute.<\/p>\r\n<\/div>\r\n<!-- Bouton chang\u00e9 en Rouge (bg-red-700) --> <a class=\"flex-shrink-0 bg-red-700 hover:bg-red-800 text-white px-8 py-4 rounded-lg font-bold uppercase tracking-wider transition-all shadow-md hover:shadow-lg flex items-center gap-3 transform hover:-translate-y-0.5\" href=\"https:\/\/form.qomon.org\/aaec173a-formulaire-de-contact-reunir-le-17eme-avec-karim-ziady\/\" target=\"_blank\" rel=\"noopener\"> <!-- Icone Mail\/Contact --> Je clique ici <\/a><\/div>\r\n<\/section>\r\n<!-- BLOC 4 : Engagement Campagne (WhatsApp) -->\r\n<section class=\"bg-white rounded-xl shadow-lg overflow-hidden border-t-4 border-red-600 transition hover:shadow-xl\">\r\n<div class=\"p-8 md:p-12 flex flex-col md:flex-row items-center justify-between gap-8\">\r\n<div class=\"text-center md:text-left\">\r\n<h2 class=\"text-2xl md:text-3xl font-bold text-gray-900 mb-2\">Vous souhaitez vous engager pour la campagne ?<\/h2>\r\n<p class=\"text-lg text-gray-600 font-medium\">Rejoignez notre communaut\u00e9 WhatsApp.<\/p>\r\n<\/div>\r\n<a class=\"flex-shrink-0 group bg-green-500 hover:bg-green-600 text-white px-8 py-4 rounded-lg font-bold uppercase tracking-wider transition-all shadow-md hover:shadow-lg flex items-center gap-3 transform hover:-translate-y-0.5\" href=\"https:\/\/chat.whatsapp.com\/DXOwbaOkpMC7Ng3Kp9e8L5\" target=\"_blank\" rel=\"noopener\"> <!-- WhatsApp Icon --> Rejoindre <\/a><\/div>\r\n<\/section>\r\n<section class=\"bg-white rounded-xl shadow-lg overflow-hidden border-t-4 border-red-600 transition hover:shadow-xl\">\r\n<div class=\"p-8 md:p-12 flex flex-col md:flex-row items-center justify-between gap-8\">\r\n<div class=\"text-center md:text-left\">\r\n<h2 class=\"text-2xl md:text-3xl font-bold text-gray-900 mb-2\">Acc\u00e9dez au programme<\/h2>\r\n<\/div>\r\n<a class=\"flex-shrink-0 group bg-green-500 hover:bg-green-600 text-white px-8 py-4 rounded-lg font-bold uppercase tracking-wider transition-all shadow-md hover:shadow-lg flex items-center gap-3 transform hover:-translate-y-0.5\" href=\"http:\/\/karimziady2026.fr\/wp-content\/uploads\/2026\/02\/260120_Programme12pages_A4_VFFF_1.pdf\" target=\"_blank\" rel=\"noopener\"> <!-- WhatsApp Icon --> T\u00e9l\u00e9charger <\/a><\/div>\r\n<\/section>\r\n<!-- BLOC 5 : Inscription Listes \u00c9lectorales (AVEC IMAGE) -->\r\n<section class=\"bg-white rounded-xl shadow-lg overflow-hidden border-t-4 border-red-600 transition hover:shadow-xl flex flex-col md:flex-row\"><!-- Partie Gauche : Texte + Bouton -->\r\n<div class=\"w-full md:w-1\/2 p-8 md:p-12 flex flex-col justify-center items-start\">\r\n<div class=\"text-left w-full\">\r\n<h2 class=\"text-2xl md:text-3xl font-bold text-gray-900 mb-2\">\r\n  Je prends ou je donne une procuration\r\n<\/h2>\r\n<\/div>\r\n<a class=\"flex-shrink-0 bg-red-700 hover:bg-red-800 text-white px-8 py-4 rounded-lg font-bold uppercase tracking-wider transition-all shadow-md hover:shadow-lg flex items-center gap-3 transform hover:-translate-y-0.5\" href=\"https:\/\/procurations-emmanuel-gregoire-2026.fr\/\"\r\nclient_id=dile&amp;scope=openid&amp;response_type=code&amp;code_challenge=LyxA0PhivHyVaYvtX7eEHCtI54gMw_YNxtbGNEhL6yw&amp;code_challenge_method=S256&amp;response_mode=fragment&amp;redirect_uri=https%3A%2F%2Fwww.inscriptionelectorale.service-public.fr%2Flogin&amp;nonce=test&amp;state=Lw%3D%3D\" target=\"_blank\" rel=\"noopener\"> <!-- Icone Document\/Check --> Procuration <\/a>\r\n<\/div>\r\n<!-- Partie Droite : Image Int\u00e9gr\u00e9e -->\r\n<div class=\"w-full md:w-1\/2 h-64 md:h-auto relative\"><img decoding=\"async\" class=\"absolute inset-0 w-full h-full object-cover\" src=\"http:\/\/karimziady2026.fr\/wp-content\/uploads\/2025\/12\/arnaud-jaegers-5CoOYSxILSw-unsplash-2-scaled.jpg\" alt=\"Inscription \u00e9lectorale\" \/><\/div>\r\n<\/section>\r\n<!-- BLOC 6 : R\u00e9seaux Sociaux -->\r\n<section class=\"bg-white rounded-xl shadow-lg overflow-hidden border-t-4 border-[#e1396c] transition hover:shadow-xl\">\r\n<div class=\"p-8 md:p-12 flex flex-col md:flex-row items-center justify-between gap-8\">\r\n<div class=\"text-center md:text-left\">\r\n<h2 class=\"text-2xl md:text-3xl font-bold text-gray-900 mb-2\">Me suivre sur les r\u00e9seaux sociaux et sur le terrain<\/h2>\r\n<p class=\"text-lg text-gray-600 font-medium\">Retrouvez mon actualit\u00e9 au quotidien<\/p>\r\n<p>&nbsp;<\/p>\r\n<p>Nous suivre sur le terrain : <strong><a href=\"https:\/\/paris17-aveceg.qomon.org\/fr\/\">cliquer ici<\/a><\/strong><\/p>\r\n<\/div>\r\n<div class=\"flex flex-row gap-6 justify-center md:justify-end\"><!-- Instagram (AVEC lien) --> <a href=\"https:\/\/www.instagram.com\/karimziadyofficiel?igsh=MTc0b3lidnM1NnZuYg==\" target=\"_blank\" rel=\"noopener\"><i class=\"w-10 h-10\" data-lucide=\"instagram\"><\/i><\/a> <!-- X --><a href=\"https:\/\/x.com\/Karim_Ziady\" target=\"_blank\" rel=\"noopener\"><svg class=\"w-10 h-10\" viewBox=\"0 0 24 24\" fill=\"currentColor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z\"\/><\/svg><\/a><\/div>\r\n<\/div>\r\n<\/section>\r\n<\/main>\r\n<p><script>\r\n        \/\/ Initialize Lucide icons\r\n        lucide.createIcons();\r\n    <\/script><\/p>\r\n<p><script src=\"https:\/\/cdn.tailwindcss.com\"><\/script><\/p>\r\n<style>\r\n        body {\r\n            font-family: 'Open Sans', sans-serif;\r\n        }\r\n        h1, h2, h3, nav {\r\n            font-family: 'Montserrat', sans-serif;\r\n        }\r\nh1 {\r\n    margin-top: 0;\r\n}\r\n\r\n.wp-block-image {\r\n    margin: 0;\r\n}\r\n\r\n    <\/style>\r\n<main class=\"container mx-auto px-4 pb-12 md:pb-20 max-w-4xl space-y-8\">\r\n<section class=\"bg-white rounded-xl shadow-lg overflow-hidden border-t-4 border-red-600 transition hover:shadow-xl\">\r\n<div class=\"p-8 md:p-10 text-center\">\r\n<h2 class=\"text-2xl md:text-3xl font-bold text-gray-900 mb-4 uppercase\">Compte \u00e0 rebours avant le premier tour des \u00e9lections municipales<\/h2>\r\n<p class=\"inline-block bg-red-50 text-red-700 font-bold text-lg px-6 py-2 rounded-full mb-8 shadow-sm\">15 mars 2026<\/p>\r\n<div class=\"grid grid-cols-2 md:grid-cols-4 gap-4 md:gap-8 max-w-3xl mx-auto\">\r\n<div class=\"bg-gray-50 rounded-lg p-4 md:p-6 shadow-sm border border-gray-100\">\r\n<div id=\"days\" class=\"text-3xl md:text-5xl font-bold text-red-700 mb-1\">00<\/div>\r\n<div class=\"text-xs md:text-sm text-gray-500 uppercase tracking-widest font-semibold\">Jours<\/div>\r\n<\/div>\r\n<div class=\"bg-gray-50 rounded-lg p-4 md:p-6 shadow-sm border border-gray-100\">\r\n<div id=\"hours\" class=\"text-3xl md:text-5xl font-bold text-red-700 mb-1\">00<\/div>\r\n<div class=\"text-xs md:text-sm text-gray-500 uppercase tracking-widest font-semibold\">Heures<\/div>\r\n<\/div>\r\n<div class=\"bg-gray-50 rounded-lg p-4 md:p-6 shadow-sm border border-gray-100\">\r\n<div id=\"minutes\" class=\"text-3xl md:text-5xl font-bold text-red-700 mb-1\">00<\/div>\r\n<div class=\"text-xs md:text-sm text-gray-500 uppercase tracking-widest font-semibold\">Minutes<\/div>\r\n<\/div>\r\n<div class=\"bg-gray-50 rounded-lg p-4 md:p-6 shadow-sm border border-gray-100\">\r\n<div id=\"seconds\" class=\"text-3xl md:text-5xl font-bold text-red-700 mb-1\">00<\/div>\r\n<div class=\"text-xs md:text-sm text-gray-500 uppercase tracking-widest font-semibold\">Secondes<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/section>\r\n<\/main>\r\n<p><script>\r\n        \/\/ Date cible : 15 mars 2026\r\n        const targetDate = new Date('March 15, 2026 00:00:00').getTime();\r\n\r\n        function updateCountdown() {\r\n            const now = new Date().getTime();\r\n            const distance = targetDate - now;\r\n\r\n            if (distance < 0) {\r\n                document.getElementById('days').innerText = \"00\";\r\n                document.getElementById('hours').innerText = \"00\";\r\n                document.getElementById('minutes').innerText = \"00\";\r\n                document.getElementById('seconds').innerText = \"00\";\r\n                return;\r\n            }\r\n\r\n            const days = Math.floor(distance \/ (1000 * 60 * 60 * 24));\r\n            const hours = Math.floor((distance % (1000 * 60 * 60 * 24)) \/ (1000 * 60 * 60));\r\n            const minutes = Math.floor((distance % (1000 * 60 * 60)) \/ (1000 * 60));\r\n            const seconds = Math.floor((distance % (1000 * 60)) \/ 1000);\r\n\r\n            document.getElementById('days').innerText = days < 10 ? '0' + days : days;\r\n            document.getElementById('hours').innerText = hours < 10 ? '0' + hours : hours;\r\n            document.getElementById('minutes').innerText = minutes < 10 ? '0' + minutes : minutes;\r\n            document.getElementById('seconds').innerText = seconds < 10 ? '0' + seconds : seconds;\r\n        }\r\n\r\n        setInterval(updateCountdown, 1000);\r\n        updateCountdown();\r\n    <\/script><\/p>","protected":false},"excerpt":{"rendered":"<p>R\u00e9unir le 17e avec Karim Ziady Ensemble, \u00e9crivons une nouvelle page pour notre arrondissement les 15 et 22 mars 2026 \u00a0 &nbsp; Ma candidature pour le 17e Enfant du 17e, j\u2019ai envie d\u2019\u00e9crire avec vous une nouvelle page pour que notre arrondissement devienne plus accueillant, accessible et protecteur pour toutes et tous. Lire la suite [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":1,"comment_status":"closed","ping_status":"closed","template":"page-no-title","meta":{"footnotes":""},"class_list":["post-61","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/karimziady2026.fr\/index.php\/wp-json\/wp\/v2\/pages\/61","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/karimziady2026.fr\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/karimziady2026.fr\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/karimziady2026.fr\/index.php\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/karimziady2026.fr\/index.php\/wp-json\/wp\/v2\/comments?post=61"}],"version-history":[{"count":99,"href":"https:\/\/karimziady2026.fr\/index.php\/wp-json\/wp\/v2\/pages\/61\/revisions"}],"predecessor-version":[{"id":274,"href":"https:\/\/karimziady2026.fr\/index.php\/wp-json\/wp\/v2\/pages\/61\/revisions\/274"}],"wp:attachment":[{"href":"https:\/\/karimziady2026.fr\/index.php\/wp-json\/wp\/v2\/media?parent=61"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}