{"id":73,"date":"2026-09-12T11:58:11","date_gmt":"2026-09-12T11:58:11","guid":{"rendered":"https:\/\/tomate.csimagine.fr\/?page_id=73"},"modified":"2026-09-12T11:58:11","modified_gmt":"2026-09-12T11:58:11","slug":"calendrier","status":"publish","type":"page","link":"https:\/\/tomate.csimagine.fr\/?page_id=73","title":{"rendered":"Calendrier"},"content":{"rendered":"\n<!-- En-t\u00eate \/ Hero Section -->\n<div style=\"background: linear-gradient(135deg, #0d3b66 0%, #001f3f 100%); color: #ffffff; padding: 60px 20px; border-radius: 12px; text-align: center; margin-bottom: 40px; box-shadow: 0 10px 25px rgba(0,0,0,0.1);\">\n  <h1 style=\"color: #ffffff; font-size: 2.5rem; margin-bottom: 15px; font-weight: 700;\">Planifier vos activit\u00e9s<\/h1>\n  <p style=\"font-size: 1.2rem; max-width: 800px; margin: 0 auto; opacity: 0.9; line-height: 1.6;\">Retrouvez l&rsquo;agenda illustr\u00e9 de toutes nos activit\u00e9s, ateliers et temps forts au Centre Social Imagine.<\/p>\n<\/div>\n\n<!-- Filtres simples \/ Information -->\n<div style=\"background: #ffffff; border: 1px solid #eef2f5; border-radius: 12px; padding: 20px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); margin-bottom: 40px; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 15px;\">\n  <div>\n    <h3 style=\"color: #0d3b66; margin: 0 0 5px 0; font-size: 1.2rem;\">\u00c9v\u00e9nements et temps forts \u00e0 l&rsquo;affiche<\/h3>\n    <p style=\"color: #666; font-size: 0.9rem; margin: 0;\">Cliquez sur un visuel pour consulter l&rsquo;affiche ou la photo de l&rsquo;\u00e9v\u00e9nement en plein \u00e9cran.<\/p>\n  <\/div>\n  <a href=\"tel:0320333403\" style=\"background-color: #e63946; color: #ffffff; text-decoration: none; padding: 10px 20px; border-radius: 20px; font-weight: bold; font-size: 0.9rem;\">\ud83d\udcde Contact \/ Inscriptions : 03 20 33 34 03<\/a>\n<\/div>\n\n<!-- Grille des \u00e9v\u00e9nements r\u00e9els -->\n<div style=\"display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 30px; margin-bottom: 50px;\">\n\n  <!-- \u00c9v\u00e9nement 1 : Les Foul\u00e9es Monsoises 2026 -->\n  <div style=\"background: #ffffff; border: 1px solid #eef2f5; border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.05); display: flex; flex-direction: column; justify-content: space-between;\">\n    <div>\n      <div style=\"position: relative; cursor: pointer;\" onclick=\"openModal('https:\/\/www.csimagine.fr\/wp-content\/uploads\/2024\/09\/AFF-RECHERCHE-BENEVOLES.jpg')\">\n        <img decoding=\"async\" src=\"https:\/\/www.csimagine.fr\/wp-content\/uploads\/2024\/09\/AFF-RECHERCHE-BENEVOLES.jpg\" alt=\"Affiche Les Foul\u00e9es Monsoises\" style=\"width: 100%; height: 220px; object-fit: cover; display: block; transition: transform 0.3s ease;\" onmouseover=\"this.style.transform='scale(1.03)'\" onmouseout=\"this.style.transform='scale(1)'\">\n        <span style=\"position: absolute; top: 12px; right: 12px; background: rgba(230, 57, 70, 0.95); color: #fff; padding: 4px 12px; border-radius: 20px; font-size: 0.8rem; font-weight: bold;\">Octobre Rose<\/span>\n      <\/div>\n      <div style=\"padding: 20px;\">\n        <div style=\"color: #e63946; font-weight: bold; font-size: 0.85rem; text-transform: uppercase; margin-bottom: 8px;\">\ud83d\uddd3\ufe0f Samedi 17 Octobre 2026 \u2022 D\u00e8s 9h00<\/div>\n        <h3 style=\"color: #0d3b66; font-size: 1.25rem; margin-bottom: 10px; font-weight: 700;\">Les Foul\u00e9es Monsoises 2026<\/h3>\n        <p style=\"color: #666666; font-size: 0.9rem; line-height: 1.5; margin-bottom: 15px;\">2\u1d49 \u00e9dition de la course solidaire au profit des associations d&rsquo;Octobre Rose. \u00c9preuves de 10 km, 5 km, marche 5 km et course enfants (1 km). Village sant\u00e9 et animations au Fort de Mons.<\/p>\n      <\/div>\n    <\/div>\n    <div style=\"padding: 0 20px 20px 20px;\">\n      <button onclick=\"openModal('https:\/\/www.csimagine.fr\/wp-content\/uploads\/2024\/09\/AFF-RECHERCHE-BENEVOLES.jpg')\" style=\"background-color: #0d3b66; color: #ffffff; border: none; padding: 10px 15px; border-radius: 6px; font-weight: bold; cursor: pointer; width: 100%; font-size: 0.9rem;\">\ud83d\uddbc\ufe0f Voir l&rsquo;affiche<\/button>\n    <\/div>\n  <\/div>\n\n  <!-- \u00c9v\u00e9nement 2 : Les Soir\u00e9es Surprises de l'\u00c9t\u00e9 -->\n  <div style=\"background: #ffffff; border: 1px solid #eef2f5; border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.05); display: flex; flex-direction: column; justify-content: space-between;\">\n    <div>\n      <div style=\"position: relative; cursor: pointer;\" onclick=\"openModal('https:\/\/www.csimagine.fr\/wp-content\/uploads\/2024\/03\/initiatives_habitants_web.jpg')\">\n        <img decoding=\"async\" src=\"https:\/\/www.csimagine.fr\/wp-content\/uploads\/2024\/03\/initiatives_habitants_web.jpg\" alt=\"Soir\u00e9es Surprises de l'\u00c9t\u00e9\" style=\"width: 100%; height: 220px; object-fit: cover; display: block; transition: transform 0.3s ease;\" onmouseover=\"this.style.transform='scale(1.03)'\" onmouseout=\"this.style.transform='scale(1)'\">\n        <span style=\"position: absolute; top: 12px; right: 12px; background: rgba(13, 59, 102, 0.9); color: #fff; padding: 4px 12px; border-radius: 20px; font-size: 0.8rem; font-weight: bold;\">Quartiers d&rsquo;\u00c9t\u00e9<\/span>\n      <\/div>\n      <div style=\"padding: 20px;\">\n        <div style=\"color: #e63946; font-weight: bold; font-size: 0.85rem; text-transform: uppercase; margin-bottom: 8px;\">\ud83d\uddd3\ufe0f Programme d&rsquo;\u00c9t\u00e9 \u2022 Gratuit (sur inscription)<\/div>\n        <h3 style=\"color: #0d3b66; font-size: 1.25rem; margin-bottom: 10px; font-weight: 700;\">Les Soir\u00e9es Surprises de l&rsquo;\u00c9t\u00e9<\/h3>\n        <p style=\"color: #666666; font-size: 0.9rem; line-height: 1.5; margin-bottom: 15px;\">Laissez-vous porter ! Rendez-vous donn\u00e9 au centre social pour d\u00e9couvrir un nouveau lieu et une activit\u00e9 surprise avec d&rsquo;autres habitants de Mons-en-Bar\u0153ul.<\/p>\n      <\/div>\n    <\/div>\n    <div style=\"padding: 0 20px 20px 20px;\">\n      <button onclick=\"openModal('https:\/\/www.csimagine.fr\/wp-content\/uploads\/2024\/03\/initiatives_habitants_web.jpg')\" style=\"background-color: #0d3b66; color: #ffffff; border: none; padding: 10px 15px; border-radius: 6px; font-weight: bold; cursor: pointer; width: 100%; font-size: 0.9rem;\">\ud83d\uddbc\ufe0f Voir le visuel<\/button>\n    <\/div>\n  <\/div>\n\n  <!-- \u00c9v\u00e9nement 3 : Assembl\u00e9e G\u00e9n\u00e9rale & Tissage du Monde -->\n  <div style=\"background: #ffffff; border: 1px solid #eef2f5; border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.05); display: flex; flex-direction: column; justify-content: space-between;\">\n    <div>\n      <div style=\"position: relative; cursor: pointer;\" onclick=\"openModal('https:\/\/www.csimagine.fr\/wp-content\/uploads\/2024\/03\/rencontre_quartiers_web.jpg')\">\n        <img decoding=\"async\" src=\"https:\/\/www.csimagine.fr\/wp-content\/uploads\/2024\/03\/rencontre_quartiers_web.jpg\" alt=\"Assembl\u00e9e G\u00e9n\u00e9rale\" style=\"width: 100%; height: 220px; object-fit: cover; display: block; transition: transform 0.3s ease;\" onmouseover=\"this.style.transform='scale(1.03)'\" onmouseout=\"this.style.transform='scale(1)'\">\n        <span style=\"position: absolute; top: 12px; right: 12px; background: rgba(13, 59, 102, 0.9); color: #fff; padding: 4px 12px; border-radius: 20px; font-size: 0.8rem; font-weight: bold;\">Vie Associative<\/span>\n      <\/div>\n      <div style=\"padding: 20px;\">\n        <div style=\"color: #e63946; font-weight: bold; font-size: 0.85rem; text-transform: uppercase; margin-bottom: 8px;\">\ud83d\uddd3\ufe0f Temps fort annuel \u2022 18h00<\/div>\n        <h3 style=\"color: #0d3b66; font-size: 1.25rem; margin-bottom: 10px; font-weight: 700;\">Assembl\u00e9e G\u00e9n\u00e9rale &amp; \u00ab Tissage du Monde \u00bb<\/h3>\n        <p style=\"color: #666666; font-size: 0.9rem; line-height: 1.5; margin-bottom: 15px;\">Bilan de l&rsquo;ann\u00e9e, \u00e9lection du Conseil d&rsquo;Administration et cl\u00f4ture festive avec la pr\u00e9sentation du projet de jeunes \u00ab Tissage du Monde \u00bb (d\u00e9mos, vid\u00e9os et exposition).<\/p>\n      <\/div>\n    <\/div>\n    <div style=\"padding: 0 20px 20px 20px;\">\n      <button onclick=\"openModal('https:\/\/www.csimagine.fr\/wp-content\/uploads\/2024\/03\/rencontre_quartiers_web.jpg')\" style=\"background-color: #0d3b66; color: #ffffff; border: none; padding: 10px 15px; border-radius: 6px; font-weight: bold; cursor: pointer; width: 100%; font-size: 0.9rem;\">\ud83d\uddbc\ufe0f Voir le visuel<\/button>\n    <\/div>\n  <\/div>\n\n<\/div>\n\n<!-- Structure Lightbox \/ Modale d'agrandissement d'affiche -->\n<div id=\"imageModal\" onclick=\"closeModal()\" style=\"display: none; position: fixed; z-index: 99999; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.85); justify-content: center; align-items: center; padding: 20px; box-sizing: border-box;\">\n  <span onclick=\"closeModal()\" style=\"position: absolute; top: 20px; right: 35px; color: #ffffff; font-size: 40px; font-weight: bold; cursor: pointer; user-select: none;\">&times;<\/span>\n  <img decoding=\"async\" id=\"modalImg\" src=\"\" alt=\"Affiche \u00e9v\u00e9nement\" style=\"max-width: 90%; max-height: 90%; border-radius: 8px; box-shadow: 0 10px 30px rgba(0,0,0,0.5); object-fit: contain;\">\n<\/div>\n\n<script>\n  function openModal(imgSrc) {\n    const modal = document.getElementById('imageModal');\n    const modalImg = document.getElementById('modalImg');\n    modalImg.src = imgSrc;\n    modal.style.display = 'flex';\n  }\n\n  function closeModal() {\n    const modal = document.getElementById('imageModal');\n    modal.style.display = 'none';\n  }\n\n  document.addEventListener('keydown', function(event) {\n    if (event.key === 'Escape') {\n      closeModal();\n    }\n  });\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>Planifier vos activit\u00e9s Retrouvez l&rsquo;agenda illustr\u00e9 de toutes nos activit\u00e9s, ateliers et temps forts au Centre Social Imagine. \u00c9v\u00e9nements et [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-73","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/tomate.csimagine.fr\/index.php?rest_route=\/wp\/v2\/pages\/73","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tomate.csimagine.fr\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/tomate.csimagine.fr\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/tomate.csimagine.fr\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/tomate.csimagine.fr\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=73"}],"version-history":[{"count":1,"href":"https:\/\/tomate.csimagine.fr\/index.php?rest_route=\/wp\/v2\/pages\/73\/revisions"}],"predecessor-version":[{"id":74,"href":"https:\/\/tomate.csimagine.fr\/index.php?rest_route=\/wp\/v2\/pages\/73\/revisions\/74"}],"wp:attachment":[{"href":"https:\/\/tomate.csimagine.fr\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=73"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}