{"id":63,"date":"2026-09-12T11:34:51","date_gmt":"2026-09-12T11:34:51","guid":{"rendered":"https:\/\/tomate.csimagine.fr\/?page_id=63"},"modified":"2026-09-12T11:34:51","modified_gmt":"2026-09-12T11:34:51","slug":"le-projet-du-centre","status":"publish","type":"page","link":"https:\/\/tomate.csimagine.fr\/?page_id=63","title":{"rendered":"Le projet du Centre"},"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;\">Le Projet du Centre<\/h1>\n  <p style=\"font-size: 1.2rem; max-width: 800px; margin: 0 auto; opacity: 0.9; line-height: 1.6;\">D\u00e9couvrez les grands axes strat\u00e9giques et les orientations sociales qui guident nos actions au quotidien.<\/p>\n<\/div>\n\n<!-- Grille des 6 axes du projet -->\n<div style=\"display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 25px; margin-bottom: 50px;\">\n\n  <!-- Carte 1 -->\n  <div style=\"background: #ffffff; border: 1px solid #eef2f5; border-radius: 12px; padding: 30px 25px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); text-align: center; display: flex; flex-direction: column; justify-content: space-between;\">\n    <div>\n      <div style=\"font-size: 2.5rem; margin-bottom: 15px;\">\ud83d\udc65<\/div>\n      <h3 style=\"color: #0d3b66; margin-bottom: 15px; font-size: 1.3rem; font-weight: 700;\">Rencontre des quartiers<\/h3>\n      <p style=\"color: #666666; font-size: 0.95rem; line-height: 1.6; margin-bottom: 25px;\">Favoriser le lien et le vivre-ensemble entre tous les habitants de la commune.<\/p>\n    <\/div>\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 20px; border-radius: 6px; font-weight: bold; cursor: pointer; transition: background 0.3s ease; width: 100%;\">\ud83d\uddbc\ufe0f En voir plus<\/button>\n  <\/div>\n\n  <!-- Carte 2 -->\n  <div style=\"background: #ffffff; border: 1px solid #eef2f5; border-radius: 12px; padding: 30px 25px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); text-align: center; display: flex; flex-direction: column; justify-content: space-between;\">\n    <div>\n      <div style=\"font-size: 2.5rem; margin-bottom: 15px;\">\ud83d\udca1<\/div>\n      <h3 style=\"color: #0d3b66; margin-bottom: 15px; font-size: 1.3rem; font-weight: 700;\">Favoriser les initiatives<\/h3>\n      <p style=\"color: #666666; font-size: 0.95rem; line-height: 1.6; margin-bottom: 25px;\">Soutenir et accompagner les projets des habitants pour un territoire dynamique.<\/p>\n    <\/div>\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 20px; border-radius: 6px; font-weight: bold; cursor: pointer; transition: background 0.3s ease; width: 100%;\">\ud83d\uddbc\ufe0f En voir plus<\/button>\n  <\/div>\n\n  <!-- Carte 3 -->\n  <div style=\"background: #ffffff; border: 1px solid #eef2f5; border-radius: 12px; padding: 30px 25px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); text-align: center; display: flex; flex-direction: column; justify-content: space-between;\">\n    <div>\n      <div style=\"font-size: 2.5rem; margin-bottom: 15px;\">\u2764\ufe0f<\/div>\n      <h3 style=\"color: #0d3b66; margin-bottom: 15px; font-size: 1.3rem; font-weight: 700;\">Parentalit\u00e9<\/h3>\n      <p style=\"color: #666666; font-size: 0.95rem; line-height: 1.6; margin-bottom: 25px;\">Un espace de partage et de soutien pour accompagner les parents dans leur quotidien.<\/p>\n    <\/div>\n    <button onclick=\"openModal('https:\/\/www.csimagine.fr\/wp-content\/uploads\/2024\/03\/parentalite_web.jpg')\" style=\"background-color: #0d3b66; color: #ffffff; border: none; padding: 10px 20px; border-radius: 6px; font-weight: bold; cursor: pointer; transition: background 0.3s ease; width: 100%;\">\ud83d\uddbc\ufe0f En voir plus<\/button>\n  <\/div>\n\n  <!-- Carte 4 -->\n  <div style=\"background: #ffffff; border: 1px solid #eef2f5; border-radius: 12px; padding: 30px 25px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); text-align: center; display: flex; flex-direction: column; justify-content: space-between;\">\n    <div>\n      <div style=\"font-size: 2.5rem; margin-bottom: 15px;\">\ud83e\udd1d<\/div>\n      <h3 style=\"color: #0d3b66; margin-bottom: 15px; font-size: 1.3rem; font-weight: 700;\">Accompagner les plus fragiles<\/h3>\n      <p style=\"color: #666666; font-size: 0.95rem; line-height: 1.6; margin-bottom: 25px;\">Offrir entraide, orientation et acc\u00e8s aux droits pour tous les publics.<\/p>\n    <\/div>\n    <button onclick=\"openModal('https:\/\/www.csimagine.fr\/wp-content\/uploads\/2024\/03\/fragiles_HD-scaled.jpg')\" style=\"background-color: #0d3b66; color: #ffffff; border: none; padding: 10px 20px; border-radius: 6px; font-weight: bold; cursor: pointer; transition: background 0.3s ease; width: 100%;\">\ud83d\uddbc\ufe0f En voir plus<\/button>\n  <\/div>\n\n  <!-- Carte 5 -->\n  <div style=\"background: #ffffff; border: 1px solid #eef2f5; border-radius: 12px; padding: 30px 25px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); text-align: center; display: flex; flex-direction: column; justify-content: space-between;\">\n    <div>\n      <div style=\"font-size: 2.5rem; margin-bottom: 15px;\">\ud83c\udfeb<\/div>\n      <h3 style=\"color: #0d3b66; margin-bottom: 15px; font-size: 1.3rem; font-weight: 700;\">\u00c9cole \/ Famille<\/h3>\n      <p style=\"color: #666666; font-size: 0.95rem; line-height: 1.6; margin-bottom: 25px;\">Renforcer la coop\u00e9ration entre l&rsquo;\u00e9cole et le cadre familial pour la r\u00e9ussite.<\/p>\n    <\/div>\n    <button onclick=\"openModal('https:\/\/www.csimagine.fr\/wp-content\/uploads\/2024\/03\/lien_ecole_familles_web.jpg')\" style=\"background-color: #0d3b66; color: #ffffff; border: none; padding: 10px 20px; border-radius: 6px; font-weight: bold; cursor: pointer; transition: background 0.3s ease; width: 100%;\">\ud83d\uddbc\ufe0f En voir plus<\/button>\n  <\/div>\n\n  <!-- Carte 6 -->\n  <div style=\"background: #ffffff; border: 1px solid #eef2f5; border-radius: 12px; padding: 30px 25px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); text-align: center; display: flex; flex-direction: column; justify-content: space-between;\">\n    <div>\n      <div style=\"font-size: 2.5rem; margin-bottom: 15px;\">\ud83d\udce1<\/div>\n      <h3 style=\"color: #0d3b66; margin-bottom: 15px; font-size: 1.3rem; font-weight: 700;\">Citoyennet\u00e9 face aux m\u00e9dias<\/h3>\n      <p style=\"color: #666666; font-size: 0.95rem; line-height: 1.6; margin-bottom: 25px;\">D\u00e9velopper l&rsquo;esprit critique et \u00e9duquer aux m\u00e9dias num\u00e9riques.<\/p>\n    <\/div>\n    <button onclick=\"openModal('https:\/\/www.csimagine.fr\/wp-content\/uploads\/2024\/03\/citoyennete_web.jpg')\" style=\"background-color: #0d3b66; color: #ffffff; border: none; padding: 10px 20px; border-radius: 6px; font-weight: bold; cursor: pointer; transition: background 0.3s ease; width: 100%;\">\ud83d\uddbc\ufe0f En voir plus<\/button>\n  <\/div>\n\n<\/div>\n\n<!-- Structure Lightbox \/ Fen\u00eatre Modale par-dessus -->\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-radius;\">\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=\"Axe du projet social\" 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 de gestion de la modale -->\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  \/\/ Fermeture avec la touche \u00c9chap\n  document.addEventListener('keydown', function(event) {\n    if (event.key === 'Escape') {\n      closeModal();\n    }\n  });\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>Le Projet du Centre D\u00e9couvrez les grands axes strat\u00e9giques et les orientations sociales qui guident nos actions au quotidien. \ud83d\udc65 [&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-63","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/tomate.csimagine.fr\/index.php?rest_route=\/wp\/v2\/pages\/63","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=63"}],"version-history":[{"count":1,"href":"https:\/\/tomate.csimagine.fr\/index.php?rest_route=\/wp\/v2\/pages\/63\/revisions"}],"predecessor-version":[{"id":64,"href":"https:\/\/tomate.csimagine.fr\/index.php?rest_route=\/wp\/v2\/pages\/63\/revisions\/64"}],"wp:attachment":[{"href":"https:\/\/tomate.csimagine.fr\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=63"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}