{"id":66,"date":"2026-09-12T11:39:11","date_gmt":"2026-09-12T11:39:11","guid":{"rendered":"https:\/\/tomate.csimagine.fr\/?page_id=66"},"modified":"2026-09-12T11:39:11","modified_gmt":"2026-09-12T11:39:11","slug":"devenir-benevole","status":"publish","type":"page","link":"https:\/\/tomate.csimagine.fr\/?page_id=66","title":{"rendered":"Devenir b\u00e9n\u00e9vole"},"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;\">Devenir b\u00e9n\u00e9vole<\/h1>\n  <p style=\"font-size: 1.2rem; max-width: 800px; margin: 0 auto; opacity: 0.9; line-height: 1.6;\">Que vous ayez 1 heure par mois ou 2 apr\u00e8s-midis par semaine, votre \u00e9nergie a du pouvoir !<\/p>\n<\/div>\n\n<!-- Section Accroche avec Visuels -->\n<div style=\"background: #ffffff; border: 1px solid #eef2f5; border-radius: 12px; padding: 35px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); margin-bottom: 40px; display: flex; flex-wrap: wrap; align-items: center; gap: 30px;\">\n  \n  <div style=\"flex: 1 1 350px;\">\n    <h2 style=\"color: #0d3b66; font-size: 1.8rem; margin-bottom: 15px;\">Chaque soutien compte<\/h2>\n    <p style=\"color: #555555; font-size: 1.05rem; line-height: 1.6; margin-bottom: 25px;\">Au Centre Social Imagine, chaque sourire et chaque coup de main font la diff\u00e9rence au quotidien.<\/p>\n    <a href=\"#contact-benevole\" style=\"display: inline-block; background-color: #e63946; color: #ffffff; padding: 12px 28px; text-decoration: none; font-weight: bold; border-radius: 30px; transition: background 0.3s ease;\">Rejoindre l&rsquo;aventure<\/a>\n  <\/div>\n\n  <!-- Images \/ Affiche -->\n  <div style=\"flex: 0 1 320px; display: flex; gap: 15px; justify-content: center; width: 100%;\">\n    <img decoding=\"async\" src=\"https:\/\/www.csimagine.fr\/wp-content\/uploads\/2024\/09\/AFF-RECHERCHE-BENEVOLES.jpg\" alt=\"Affiche b\u00e9n\u00e9volat\" onclick=\"openModal('https:\/\/www.csimagine.fr\/wp-content\/uploads\/2024\/09\/AFF-RECHERCHE-BENEVOLES.jpg')\" style=\"width: 140px; height: 180px; object-fit: cover; border-radius: 8px; box-shadow: 0 4px 10px rgba(0,0,0,0.15); cursor: pointer; transition: transform 0.2s;\" onmouseover=\"this.style.transform='scale(1.03)'\" onmouseout=\"this.style.transform='scale(1)'\">\n    <img decoding=\"async\" src=\"https:\/\/www.csimagine.fr\/wp-content\/uploads\/2024\/03\/IMG_20230623_190906-scaled.jpg\" alt=\"\u00c9quipe b\u00e9n\u00e9voles\" onclick=\"openModal('https:\/\/www.csimagine.fr\/wp-content\/uploads\/2024\/03\/IMG_20230623_190906-scaled.jpg')\" style=\"width: 140px; height: 180px; object-fit: cover; border-radius: 8px; box-shadow: 0 4px 10px rgba(0,0,0,0.15); cursor: pointer; transition: transform 0.2s;\" onmouseover=\"this.style.transform='scale(1.03)'\" onmouseout=\"this.style.transform='scale(1)'\">\n  <\/div>\n\n<\/div>\n\n<!-- Banni\u00e8re d'engagement -->\n<div style=\"background: #fff8f0; border-left: 5px solid #e63946; border-radius: 8px; padding: 25px; margin-bottom: 40px;\">\n  <h3 style=\"color: #e63946; margin-bottom: 10px; font-size: 1.3rem;\">Chez nous, il n&rsquo;y a pas de petit engagement.<\/h3>\n  <p style=\"color: #555555; font-size: 1rem; line-height: 1.6; margin: 0;\">Vous pouvez \u00eatre b\u00e9n\u00e9vole \u00ab One Shot \u00bb (juste pour une f\u00eate), b\u00e9n\u00e9vole r\u00e9gulier (aide aux devoirs), ou apporter une comp\u00e9tence ponctuelle (bricolage, informatique). C&rsquo;est vous qui choisissez votre rythme !<\/p>\n<\/div>\n\n<!-- Grille des missions -->\n<div style=\"text-align: center; margin-bottom: 30px;\">\n  <h2 style=\"font-size: 1.8rem; color: #0d3b66;\">Comment nous aider ?<\/h2>\n<\/div>\n\n<div style=\"display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 25px; margin-bottom: 50px;\">\n\n  <!-- Mission 1 -->\n  <div style=\"background: #ffffff; border: 1px solid #eef2f5; border-radius: 12px; padding: 25px; 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=\"font-size: 2rem; margin-bottom: 10px;\">\ud83c\udf92<\/div>\n      <h3 style=\"color: #0d3b66; margin-bottom: 15px; font-size: 1.25rem;\">Partage de connaissances<br><small style=\"font-size: 0.85rem; color: #888; font-weight: normal;\">(Secteur Scolarit\u00e9 \/ Jeunesse)<\/small><\/h3>\n      <p style=\"color: #666666; font-size: 0.95rem; line-height: 1.5; margin-bottom: 15px;\"><strong>Missions :<\/strong> Accompagner les coll\u00e9giens lors de l&rsquo;aide aux devoirs, animer un atelier th\u00e9matique (langues, couture, informatique, sciences) ou devenir mentor.<\/p>\n      <p style=\"color: #0d3b66; font-size: 0.9rem;\"><strong>Profil :<\/strong> Patient, \u00e0 l&rsquo;\u00e9coute, p\u00e9dagogue.<\/p>\n    <\/div>\n  <\/div>\n\n  <!-- Mission 2 -->\n  <div style=\"background: #ffffff; border: 1px solid #eef2f5; border-radius: 12px; padding: 25px; 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=\"font-size: 2rem; margin-bottom: 10px;\">\ud83c\udf89<\/div>\n      <h3 style=\"color: #0d3b66; margin-bottom: 15px; font-size: 1.25rem;\">Convivialit\u00e9 &amp; \u00c9v\u00e9nementiel<br><small style=\"font-size: 0.85rem; color: #888; font-weight: normal;\">(Secteur Loisirs \/ Famille)<\/small><\/h3>\n      <p style=\"color: #666666; font-size: 0.95rem; line-height: 1.5; margin-bottom: 15px;\"><strong>Missions :<\/strong> Donner un coup de main lors des grands \u00e9v\u00e9nements (Foul\u00e9es Monsoises, f\u00eates de quartier), tenir un stand, pr\u00e9parer de la logistique ou accueillir du public.<\/p>\n      <p style=\"color: #0d3b66; font-size: 0.9rem;\"><strong>Profil :<\/strong> Enthousiaste, bon relationnel, dynamique.<\/p>\n    <\/div>\n  <\/div>\n\n  <!-- Mission 3 -->\n  <div style=\"background: #ffffff; border: 1px solid #eef2f5; border-radius: 12px; padding: 25px; 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=\"font-size: 2rem; margin-bottom: 10px;\">\u2615<\/div>\n      <h3 style=\"color: #0d3b66; margin-bottom: 15px; font-size: 1.25rem;\">Ateliers de partage<br><small style=\"font-size: 0.85rem; color: #888; font-weight: normal;\">(Secteur Adultes \/ Seniors)<\/small><\/h3>\n      <p style=\"color: #666666; font-size: 0.95rem; line-height: 1.5; margin-bottom: 15px;\"><strong>Missions :<\/strong> Transmettre un savoir-faire manuel, proposer des balades, participer aux moments de convivialit\u00e9 ou accompagner aux usages du num\u00e9rique.<\/p>\n      <p style=\"color: #0d3b66; font-size: 0.9rem;\"><strong>Profil :<\/strong> Bienveillant, motiv\u00e9, chaleureux.<\/p>\n    <\/div>\n  <\/div>\n\n<\/div>\n\n<!-- Ce que nous offrons \/ Block Contact -->\n<div id=\"contact-benevole\" style=\"display: flex; flex-wrap: wrap; gap: 25px; margin-bottom: 50px;\">\n  \n  <!-- Ce que nous offrons -->\n  <div style=\"flex: 1 1 300px; background: #ffffff; border: 1px solid #eef2f5; border-radius: 12px; padding: 30px; box-shadow: 0 4px 12px rgba(0,0,0,0.05);\">\n    <h3 style=\"color: #0d3b66; margin-bottom: 20px; font-size: 1.3rem;\">Ce que nous vous offrons en retour<\/h3>\n    <ul style=\"padding-left: 0; list-style: none; margin: 0; color: #555555; line-height: 1.6;\">\n      <li style=\"margin-bottom: 15px; display: flex; gap: 10px;\">\n        <span>\ud83c\udf93<\/span>\n        <div><strong>Une int\u00e9gration chaleureuse :<\/strong> Vous \u00eates form\u00e9, accompagn\u00e9 et guid\u00e9 par les professionnels du centre.<\/div>\n      <\/li>\n      <li style=\"margin-bottom: 15px; display: flex; gap: 10px;\">\n        <span>\ud83e\udd73<\/span>\n        <div><strong>Des moments partag\u00e9s :<\/strong> Des \u00ab Ap\u00e9ros-B\u00e9n\u00e9voles \u00bb r\u00e9guliers pour se rencontrer, \u00e9changer et f\u00eater nos r\u00e9ussites.<\/div>\n      <\/li>\n      <li style=\"display: flex; gap: 10px;\">\n        <span>\ud83c\udfc5<\/span>\n        <div><strong>La valorisation de vos comp\u00e9tences :<\/strong> Possibilit\u00e9 d&rsquo;obtenir un \u00ab Open Badge \u00bb officiel pour valoriser votre engagement sur votre CV.<\/div>\n      <\/li>\n    <\/ul>\n  <\/div>\n\n  <!-- Pr\u00eat \u00e0 sauter le pas -->\n  <div style=\"flex: 1 1 300px; background: #f8f9fa; border: 1px solid #e9ecef; border-radius: 12px; padding: 30px; text-align: center; display: flex; flex-direction: column; justify-content: space-between;\">\n    <div>\n      <h3 style=\"color: #0d3b66; margin-bottom: 15px; font-size: 1.3rem;\">Pr\u00eat \u00e0 sauter le pas ?<\/h3>\n      <p style=\"color: #666666; font-size: 0.95rem; line-height: 1.6; margin-bottom: 20px;\">Pas de formulaire \u00e0 rallonge ici. \u00c9crivez-nous directement ou passez boire un caf\u00e9 au centre pour en discuter !<\/p>\n      <p style=\"font-weight: bold; color: #0d3b66; margin-bottom: 5px;\">\ud83d\udcde 03 20 33 34 03<\/p>\n      <p style=\"font-weight: bold; color: #0d3b66; margin-bottom: 25px;\">\u2709\ufe0f accueilimagine@gmail.fr<\/p>\n    <\/div>\n    <div>\n      <a href=\"mailto:accueilimagine@gmail.fr?subject=Candidature%20B%C3%A9n%C3%A9vole\" style=\"display: inline-block; width: 100%; background-color: #e63946; color: #ffffff; padding: 12px 0; text-decoration: none; font-weight: bold; border-radius: 6px; box-sizing: border-box; transition: background 0.3s ease;\">Envoyer un mail directement<\/a>\n    <\/div>\n  <\/div>\n\n<\/div>\n\n<!-- Structure Lightbox \/ Fen\u00eatre Modale pour agrandir l'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=\"Agrandissement\" 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>Devenir b\u00e9n\u00e9vole Que vous ayez 1 heure par mois ou 2 apr\u00e8s-midis par semaine, votre \u00e9nergie a du pouvoir ! [&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-66","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/tomate.csimagine.fr\/index.php?rest_route=\/wp\/v2\/pages\/66","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=66"}],"version-history":[{"count":1,"href":"https:\/\/tomate.csimagine.fr\/index.php?rest_route=\/wp\/v2\/pages\/66\/revisions"}],"predecessor-version":[{"id":67,"href":"https:\/\/tomate.csimagine.fr\/index.php?rest_route=\/wp\/v2\/pages\/66\/revisions\/67"}],"wp:attachment":[{"href":"https:\/\/tomate.csimagine.fr\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=66"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}