{"id":11,"date":"2025-09-11T12:46:48","date_gmt":"2025-09-11T12:46:48","guid":{"rendered":"http:\/\/notreatoutcestmenou.fr\/?page_id=11"},"modified":"2025-10-03T10:54:04","modified_gmt":"2025-10-03T10:54:04","slug":"contact","status":"publish","type":"page","link":"https:\/\/notreatoutcestmenou.fr\/?page_id=11","title":{"rendered":"Contact"},"content":{"rendered":"\n<!-- D\u00e9pendances initiales pour le bloc NACM Contact -->\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-contact-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;\n  }\n  .nacm-contact-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-contact-section .nacm-bouton-primaire:hover {\n    background-color: var(--nacm-bleu-ciel);\n    transform: translateY(-2px);\n  }\n<\/style>\n\n<!-- \n  BLOC HTML \"CONTACT & SUIVI\"\n  Copiez-collez l'ensemble de ce code dans un bloc \"HTML personnalis\u00e9\".\n-->\n<div class=\"nacm-contact-section\">\n  <!-- Conteneur principal avec fond neutre et espacements g\u00e9n\u00e9reux -->\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      \n      <!-- En-t\u00eate de la section -->\n      <header class=\"max-w-4xl mx-auto text-center mb-12\" data-aos=\"fade-down\">\n        <img decoding=\"async\" src=\"http:\/\/notreatoutcestmenou.fr\/wp-content\/uploads\/2025\/09\/LOGO-NACM-rond-1024x1024.png\" alt=\"Logo NACM\" class=\"h-24 w-24 mx-auto rounded-full shadow-md mb-6\">\n        <h2 class=\"text-3xl sm:text-4xl font-extrabold\" style=\"color: var(--nacm-bleu-profond);\">Restons en Contact<\/h2>\n        <p class=\"mt-4 text-lg\" style=\"color: var(--nacm-gris-texte);\">\n          Un projet en t\u00eate ou une simple question ? Suivez notre actualit\u00e9 et contactez-nous facilement.\n        <\/p>\n      <\/header>\n\n      <!-- Grille contenant les deux cartes d'action -->\n      <div class=\"max-w-4xl mx-auto grid grid-cols-1 md:grid-cols-2 gap-8\">\n\n        <!-- Carte 1: Formulaire de Contact (Lien externe) -->\n        <div class=\"bg-white rounded-xl shadow-md p-8 flex flex-col items-center text-center transform hover:shadow-xl hover:-translate-y-1 transition-all duration-300 border-t-4\" style=\"border-color: var(--nacm-vert-vif);\" data-aos=\"fade-up\" data-aos-delay=\"100\">\n          <div class=\"mb-4\" style=\"color: var(--nacm-bleu-profond);\">\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-12 w-12\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\">\n              <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14\" \/>\n            <\/svg>\n          <\/div>\n          <h3 class=\"text-xl font-bold mb-2\" style=\"color: var(--nacm-bleu-profond);\">Ouvrir le formulaire<\/h3>\n          <p class=\"mb-6 flex-grow\" style=\"color: var(--nacm-gris-texte);\">Id\u00e9al sur mobile ou pour un affichage en pleine page.<\/p>\n          <a href=\"https:\/\/forms.gle\/p6NfJXtHJD7RoLvx8\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"nacm-bouton-primaire mt-auto text-white font-bold py-3 px-6 rounded-lg shadow-md\">\n            Formulaire externe\n          <\/a>\n        <\/div>\n\n        <!-- Carte 2: Suivez-nous sur Facebook -->\n        <div class=\"bg-white rounded-xl shadow-md p-8 flex flex-col items-center text-center transform hover:shadow-xl hover:-translate-y-1 transition-all duration-300 border-t-4\" style=\"border-color: var(--nacm-bleu-ciel);\" data-aos=\"fade-up\" data-aos-delay=\"200\">\n          <div class=\"mb-4\" style=\"color: var(--nacm-bleu-ciel);\">\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-12 w-12\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\n              <path d=\"M22.675 0h-21.35c-.732 0-1.325.593-1.325 1.325v21.351c0 .731.593 1.324 1.325 1.324h11.494v-9.294h-3.128v-3.622h3.128v-2.671c0-3.1 1.893-4.788 4.659-4.788 1.325 0 2.463.099 2.795.143v3.24l-1.918.001c-1.504 0-1.795.715-1.795 1.763v2.313h3.587l-.467 3.622h-3.12v9.293h6.116c.73 0 1.323-.593 1.323-1.325v-21.35c0-.732-.593-1.325-1.323-1.325z\"\/>\n            <\/svg>\n          <\/div>\n          <h3 class=\"text-xl font-bold mb-2\" style=\"color: var(--nacm-bleu-profond);\">Suivez-nous<\/h3>\n          <p class=\"mb-6 flex-grow\" style=\"color: var(--nacm-gris-texte);\">Rejoignez-nous sur Facebook pour d\u00e9couvrir nos chantiers et nouveaut\u00e9s.<\/p>\n          <a href=\"https:\/\/www.facebook.com\/notreatoutcestmenou2025\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"nacm-bouton-primaire mt-auto text-white font-bold py-3 px-6 rounded-lg shadow-md\">\n            Voir notre page Facebook\n          <\/a>\n        <\/div>\n      <\/div> <!-- Fin de la grille des cartes -->\n\n      <!-- Section du formulaire int\u00e9gr\u00e9 -->\n      <div class=\"max-w-4xl mx-auto text-center mt-16 sm:mt-20\" data-aos=\"fade-up\">\n        <h3 class=\"text-2xl sm:text-3xl font-bold tracking-tight\" style=\"color: var(--nacm-vert-vif);\">Ou contactez-nous directement ici<\/h3>\n        <p class=\"mt-3 text-lg\" style=\"color: var(--nacm-gris-texte);\">\n          Remplissez le formulaire ci-dessous et nous reviendrons vers vous au plus vite.\n        <\/p>\n        \n        <!-- Conteneur de l'iframe pour un affichage propre -->\n        <div class=\"mt-8 rounded-xl shadow-lg overflow-hidden bg-white\">\n          <iframe loading=\"lazy\" \n            src=\"https:\/\/docs.google.com\/forms\/d\/e\/1FAIpQLSfTQMJU3_2ce_wgjLhanLXDQLDJRWAHWSeCkpLGxnX3nM2xWQ\/viewform?embedded=true\" \n            width=\"100%\" \n            height=\"850\" \n            frameborder=\"0\" \n            marginheight=\"0\" \n            marginwidth=\"0\">\n            Chargement\u2026\n          <\/iframe>\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/div>\n\n<!-- Script d'initialisation des animations -->\n<script>\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>Restons en Contact Un projet en t\u00eate ou une simple question ? Suivez notre actualit\u00e9 et contactez-nous facilement. Ouvrir le formulaire Id\u00e9al sur mobile ou pour un affichage en pleine page. Formulaire externe Suivez-nous Rejoignez-nous sur Facebook pour d\u00e9couvrir nos chantiers et nouveaut\u00e9s. Voir notre page Facebook Ou contactez-nous directement ici Remplissez le formulaire ci-dessous&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-11","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/notreatoutcestmenou.fr\/index.php?rest_route=\/wp\/v2\/pages\/11","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=11"}],"version-history":[{"count":22,"href":"https:\/\/notreatoutcestmenou.fr\/index.php?rest_route=\/wp\/v2\/pages\/11\/revisions"}],"predecessor-version":[{"id":268,"href":"https:\/\/notreatoutcestmenou.fr\/index.php?rest_route=\/wp\/v2\/pages\/11\/revisions\/268"}],"wp:attachment":[{"href":"https:\/\/notreatoutcestmenou.fr\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=11"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}