{"id":10,"date":"2025-09-11T12:46:48","date_gmt":"2025-09-11T12:46:48","guid":{"rendered":"http:\/\/notreatoutcestmenou.fr\/?page_id=10"},"modified":"2025-12-11T08:02:23","modified_gmt":"2025-12-11T08:02:23","slug":"about","status":"publish","type":"page","link":"https:\/\/notreatoutcestmenou.fr\/?page_id=10","title":{"rendered":"A propos"},"content":{"rendered":"\n<!-- D\u00e9pendances initiales pour le bloc NACM \"A Propos\" -->\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;600;700;800&#038;display=swap\" rel=\"stylesheet\">\n<script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n<!-- D\u00e9pendance pour les animations (AOS - Animate On Scroll) -->\n<link rel=\"stylesheet\" href=\"https:\/\/unpkg.com\/aos@next\/dist\/aos.css\" \/>\n<script src=\"https:\/\/unpkg.com\/aos@next\/dist\/aos.js\"><\/script>\n\n<!-- Styles encapsul\u00e9s pour \u00e9viter les conflits -->\n<style>\n  .nacm-a-propos-section {\n    font-family: 'Montserrat', sans-serif;\n    --nacm-bleu-profond: #0c6aa7;\n    --nacm-bleu-ciel: #209dd7;\n    --nacm-vert-vif: #81be35;\n    --nacm-orange-sable: #f4a261;\n    --nacm-jaune-ocre: #dfad05;\n    --nacm-gris-texte: #4b5563;\n    --nacm-gris-clair-bg: #f9fafb; \/* bg-gray-50 *\/\n  }\n  .nacm-a-propos-section .nacm-bouton-primaire {\n    background-color: var(--nacm-bleu-profond);\n    color: white;\n    transition: background-color 0.3s ease, transform 0.2s ease;\n  }\n  .nacm-a-propos-section .nacm-bouton-primaire:hover {\n    background-color: var(--nacm-bleu-ciel);\n    transform: translateY(-2px);\n  }\n<\/style>\n\n<!-- \n  BLOC HTML \"A PROPOS DE NOUS\"\n  Copiez-collez l'ensemble de ce code dans un bloc \"HTML personnalis\u00e9\".\n-->\n<div class=\"nacm-a-propos-section\">\n\n  <!-- Section Titre -->\n  <div class=\"py-16 sm:py-24\" style=\"background-color: var(--nacm-gris-clair-bg);\">\n    <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n      <h1 class=\"text-4xl sm:text-5xl font-extrabold\" style=\"color: var(--nacm-bleu-profond);\" data-aos=\"fade-down\">\n        A propos de nous\n      <\/h1>\n    <\/div>\n  <\/div>\n\n  <!-- Section \"Notre histoire\" -->\n  <div class=\"py-16 bg-white sm:py-24\">\n    <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 grid grid-cols-1 lg:grid-cols-2 gap-12 items-center\">\n      <div data-aos=\"fade-right\">\n        <div class=\"rounded-xl overflow-hidden shadow-lg\">\n          <video autoplay loop muted playsinline src=\"https:\/\/notreatoutcestmenou.fr\/wp-content\/uploads\/2025\/09\/NACM-Logo-Video.mp4\" class=\"w-full h-full object-cover\"><\/video>\n        <\/div>\n      <\/div>\n      <div data-aos=\"fade-left\" data-aos-delay=\"200\">\n        <h2 class=\"text-3xl font-extrabold mb-4\" style=\"color: var(--nacm-bleu-profond);\">Notre histoire<\/h2>\n        <div class=\"space-y-4\" style=\"color: var(--nacm-gris-texte);\">\n          <p>Nous sommes un collectif de citoyennes et de citoyens de Sainte-Menehould, sans \u00e9tiquette politique, issus de la soci\u00e9t\u00e9 civile. Nous sommes des habitants, des entrepreneurs, des parents, des actifs et retrait\u00e9s, des membres d&rsquo;associations\u2026<\/p>\n          <p>Bref, <strong>des gens de Menou, engag\u00e9s pour Menou.<\/strong><\/p>\n          <p>Nous avons \u00e0 c\u0153ur de nous pr\u00e9senter \u00e0 vous de la bonne mani\u00e8re, avec clart\u00e9 et transparence. C&rsquo;est pourquoi nous avons pr\u00e9vu de le faire \u00e9tape par \u00e9tape, pour que vous puissiez d\u00e9couvrir qui nous sommes et quelles sont nos id\u00e9es pour notre ville.<\/p>\n          <p>Chaque semaine jusqu&rsquo;au \u00e9lections municipales 2026 apportera son lot d&rsquo;informations sur notre \u00e9quipe et sur les r\u00e9flexions de notre projet. <strong>Notre ambition est de construire ce projet avec vous<\/strong>.<\/p>\n          <p>Le collectif \u00ab\u00a0<strong>Notre atout, c\u2019est Menou !<\/strong>\u00ab\u00a0<\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <!-- Section \"Notre M\u00e9thode\" -->\n  <div class=\"py-16 sm:py-24\" style=\"background-color: var(--nacm-bleu-profond);\">\n    <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 text-white text-center\">\n      <div class=\"max-w-4xl mx-auto\" data-aos=\"fade-down\">\n          <img decoding=\"async\" src=\"https:\/\/notreatoutcestmenou.fr\/wp-content\/uploads\/2025\/09\/NACM-Photo-du-collectif-1-scaled.png\" alt=\"Photo du collectif Notre Atout C'est Menou\" class=\"rounded-xl shadow-2xl mb-8\">\n          <h2 class=\"text-3xl font-extrabold\">Nous ne venons pas avec des promesses toutes faites, <strong>mais avec une m\u00e9thode : la proximit\u00e9, l&rsquo;\u00e9coute et la transparence.<\/strong><\/h2>\n          <p class=\"mt-4 text-lg text-gray-300\">Nous croyons en l&rsquo;intelligence collective, \u00e0 la force de l&rsquo;<strong>esprit argonnais<\/strong>, cet esprit de solidarit\u00e9 qui fait notre territoire. Notre d\u00e9marche est fondamentalement <strong>participative<\/strong> : nous voulons prendre en compte <strong>votre avis<\/strong> et vous donner le pouvoir de d\u00e9cider.<\/p>\n      <\/div>\n    <\/div>\n  <\/div>\n  \n  <!-- Section \"Vos R\u00e9f\u00e9rents de Quartier\" -->\n  <div class=\"py-16 bg-white sm:py-24\">\n    <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n      <div class=\"text-center\" data-aos=\"fade-down\">\n        <h2 class=\"text-3xl font-extrabold sm:text-4xl\" style=\"color: var(--nacm-bleu-profond);\">Vos r\u00e9f\u00e9rents de quartier<\/h2>\n        <p class=\"mt-4 max-w-2xl mx-auto text-lg\" style=\"color: var(--nacm-gris-texte);\">Pour \u00eatre au plus proche de vous, chaque quartier dispose d&rsquo;un interlocuteur privil\u00e9gi\u00e9.<\/p>\n        \n        <!-- Bloc d'information \"Important\" -->\n        <div class=\"mt-6 max-w-3xl mx-auto p-4 rounded-lg bg-blue-50 border-l-4 border-blue-400\" data-aos=\"zoom-in\" data-aos-delay=\"200\">\n          <div class=\"flex\">\n            <div class=\"flex-shrink-0\">\n              <svg class=\"h-5 w-5 text-blue-400\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 20 20\" fill=\"currentColor\" aria-hidden=\"true\">\n                <path fill-rule=\"evenodd\" d=\"M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7-4a1 1 0 11-2 0 1 1 0 012 0zM9 9a1 1 0 000 2v3a1 1 0 001 1h1a1 1 0 100-2v-3a1 1 0 00-1-1H9z\" clip-rule=\"evenodd\" \/>\n              <\/svg>\n            <\/div>\n            <div class=\"ml-3 text-left\">\n              <p class=\"text-sm text-blue-800\">\n                <strong>Important :<\/strong> Les r\u00e9f\u00e9rents de quartier sont des volontaires qui assurent le lien avec les habitants. Ce r\u00f4le essentiel est au service du collectif et n&rsquo;est ni fig\u00e9, ni un engagement pour une future candidature.\n              <\/p>\n            <\/div>\n          <\/div>\n        <\/div>\n\n      <\/div>\n      \n      <!-- Grille des r\u00e9f\u00e9rents par quartier -->\n      <div class=\"mt-12 grid gap-8 grid-cols-1 sm:grid-cols-2 lg:grid-cols-4\">\n        \n        <!-- Secteur Lib\u00e9ration -->\n        <div class=\"bg-gray-50 p-6 rounded-xl shadow-md text-center border-t-4\" style=\"border-color: var(--nacm-vert-vif);\" data-aos=\"fade-up\" data-aos-delay=\"100\">\n          <h3 class=\"text-xl font-bold uppercase\" style=\"color: var(--nacm-gris-texte);\">Secteur Lib\u00e9ration<\/h3>\n          <p class=\"mt-3 font-bold text-lg\" style=\"color: var(--nacm-bleu-profond);\">HELLOCO Victor<\/p>\n        <\/div>\n\n        <!-- Six Fr\u00e8res -->\n        <div class=\"bg-gray-50 p-6 rounded-xl shadow-md text-center border-t-4\" style=\"border-color: var(--nacm-bleu-profond);\" data-aos=\"fade-up\" data-aos-delay=\"200\">\n          <h3 class=\"text-xl font-bold uppercase\" style=\"color: var(--nacm-gris-texte);\">Six Fr\u00e8res<\/h3>\n          <p class=\"mt-3 font-bold text-lg\" style=\"color: var(--nacm-bleu-profond);\">VALLET Annie<\/p>\n        <\/div>\n\n        <!-- Gergeaux-Prages -->\n        <div class=\"bg-gray-50 p-6 rounded-xl shadow-md text-center border-t-4\" style=\"border-color: var(--nacm-orange-sable);\" data-aos=\"fade-up\" data-aos-delay=\"300\">\n          <h3 class=\"text-xl font-bold uppercase\" style=\"color: var(--nacm-gris-texte);\">Gergeaux-Prages<\/h3>\n          <p class=\"mt-3 font-bold text-lg\" style=\"color: var(--nacm-bleu-profond);\">DUBOIS Claudine<\/p>\n        <\/div>\n\n        <!-- Romarins -->\n        <div class=\"bg-gray-50 p-6 rounded-xl shadow-md text-center border-t-4\" style=\"border-color: var(--nacm-jaune-ocre);\" data-aos=\"fade-up\" data-aos-delay=\"400\">\n          <h3 class=\"text-xl font-bold uppercase\" style=\"color: var(--nacm-gris-texte);\">Les Romarins<\/h3>\n          <p class=\"mt-3 font-bold text-lg\" style=\"color: var(--nacm-bleu-profond);\">HELLOCO Nicolas<\/p>\n        <\/div>\n\n        <!-- Bournizet -->\n        <div class=\"bg-gray-50 p-6 rounded-xl shadow-md text-center border-t-4\" style=\"border-color: var(--nacm-bleu-ciel);\" data-aos=\"fade-up\" data-aos-delay=\"100\">\n          <h3 class=\"text-xl font-bold uppercase\" style=\"color: var(--nacm-gris-texte);\">Bournizet<\/h3>\n          <p class=\"mt-3 font-bold text-lg\" style=\"color: var(--nacm-bleu-profond);\">ROBERT Fabienne<\/p>\n        <\/div>\n\n        <!-- Vertes Voyes -->\n        <div class=\"bg-gray-50 p-6 rounded-xl shadow-md text-center border-t-4\" style=\"border-color: var(--nacm-vert-vif);\" data-aos=\"fade-up\" data-aos-delay=\"200\">\n          <h3 class=\"text-xl font-bold uppercase\" style=\"color: var(--nacm-gris-texte);\">Les Vertes Voyes<\/h3>\n          <p class=\"mt-3 font-bold text-lg\" style=\"color: var(--nacm-bleu-profond);\">DIEUDONNE Pascale<\/p>\n        <\/div>\n\n        <!-- Grange Aux Bois, La Vignette-->\n        <div class=\"bg-gray-50 p-6 rounded-xl shadow-md text-center border-t-4\" style=\"border-color: var(--nacm-bleu-profond);\" data-aos=\"fade-up\" data-aos-delay=\"300\">\n          <h3 class=\"text-xl font-bold uppercase\" style=\"color: var(--nacm-gris-texte);\">Grange Aux Bois, Les Vignettes<\/h3>\n          <p class=\"mt-3 font-bold text-lg\" style=\"color: var(--nacm-bleu-profond);\">MATHIOTTE Julie<\/p>\n        <\/div>\n\n        <!-- Centre -->\n        <div class=\"bg-gray-50 p-6 rounded-xl shadow-md text-center border-t-4\" style=\"border-color: var(--nacm-orange-sable);\" data-aos=\"fade-up\" data-aos-delay=\"400\">\n          <h3 class=\"text-xl font-bold uppercase\" style=\"color: var(--nacm-gris-texte);\">Centre Ville<\/h3>\n          <p class=\"mt-3 font-bold text-lg\" style=\"color: var(--nacm-bleu-profond);\">HENNEBERG Didier<\/p>\n        <\/div>\n\n      <\/div>\n    <\/div>\n  <\/div>\n  \n  <!-- Section Appel \u00e0 l'Action Final -->\n  <div class=\"py-16 sm:py-24\" style=\"background-color: var(--nacm-gris-clair-bg);\">\n    <div class=\"max-w-4xl mx-auto text-center px-4 sm:px-6 lg:px-8\">\n      <div class=\"p-8 md:p-12 rounded-xl text-white\" style=\"background-color: var(--nacm-bleu-ciel);\" data-aos=\"zoom-in\">\n        <h2 class=\"text-4xl font-extrabold\">Rencontrons-nous<\/h2>\n        <p class=\"mt-4 text-lg\">Vous vous reconnaissez dans nos id\u00e9es ? Prenez contact avec nous, nous nous ferons un plaisir d&rsquo;\u00e9changer ensemble pour cr\u00e9er un nouvel avenir pour Sainte-Menehould !<\/p>\n        <div class=\"mt-8 inline-flex rounded-md shadow\">\n          <a href=\"https:\/\/notreatoutcestmenou.fr\/?page_id=11\" class=\"inline-flex items-center justify-center px-6 py-3 border border-transparent text-base font-bold rounded-md bg-white hover:bg-gray-200 transition-colors duration-300\" style=\"color: var(--nacm-bleu-profond);\">\n            Nous contacter\n          <\/a>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n\n<\/div>\n\n<!-- Script d'initialisation des animations -->\n<script>\n  \/\/ Petite astuce pour s'assurer que le script ne s'ex\u00e9cute qu'une fois\n  if (typeof AOS !== 'undefined' && !document.body.classList.contains('aos-initialized')) {\n    AOS.init({\n      duration: 800,\n      once: true, \n    });\n  }\n<\/script>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>A propos de nous Notre histoire Nous sommes un collectif de citoyennes et de citoyens de Sainte-Menehould, sans \u00e9tiquette politique, issus de la soci\u00e9t\u00e9 civile. Nous sommes des habitants, des entrepreneurs, des parents, des actifs et retrait\u00e9s, des membres d&rsquo;associations\u2026 Bref, des gens de Menou, engag\u00e9s pour Menou. Nous avons \u00e0 c\u0153ur de nous pr\u00e9senter&hellip;&nbsp;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"neve_meta_sidebar":"","neve_meta_container":"","neve_meta_enable_content_width":"on","neve_meta_content_width":100,"neve_meta_title_alignment":"","neve_meta_author_avatar":"","neve_post_elements_order":"","neve_meta_disable_header":"","neve_meta_disable_footer":"","neve_meta_disable_title":"on","footnotes":""},"class_list":["post-10","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/notreatoutcestmenou.fr\/index.php?rest_route=\/wp\/v2\/pages\/10","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/notreatoutcestmenou.fr\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/notreatoutcestmenou.fr\/index.php?rest_route=\/wp\/v2\/types\/page"}],"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=10"}],"version-history":[{"count":27,"href":"https:\/\/notreatoutcestmenou.fr\/index.php?rest_route=\/wp\/v2\/pages\/10\/revisions"}],"predecessor-version":[{"id":368,"href":"https:\/\/notreatoutcestmenou.fr\/index.php?rest_route=\/wp\/v2\/pages\/10\/revisions\/368"}],"wp:attachment":[{"href":"https:\/\/notreatoutcestmenou.fr\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=10"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}