{"id":7967,"date":"2022-09-23T05:47:47","date_gmt":"2022-09-23T03:47:47","guid":{"rendered":"https:\/\/0x1wxbcjat.preview.infomaniak.website\/?post_type=hors-les-murs&#038;p=7967"},"modified":"2026-04-20T11:02:26","modified_gmt":"2026-04-20T09:02:26","slug":"bri-co","status":"publish","type":"hors-les-murs","link":"https:\/\/www.fdss.be\/fr\/hors-les-murs\/bri-co\/","title":{"rendered":"Les ateliers de quartier (dispositif BRI-Co)"},"content":{"rendered":"<h2>Qu\u2019est-ce qu\u2019un atelier de quartier utilisant le dispositif BRI-Co ?<\/h2>\n<p><span data-contrast=\"auto\">Lanc\u00e9 en d\u00e9cembre 2021, le dispositif BRI-Co est <strong>un outil d\u2019intervention sociale de quartier, bas seuil et accueillant, d\u00e9ploy\u00e9 \u00e0 la demande d\u2019acteurs de terrain<\/strong> (collectifs citoyens ou associations). Il cherche \u00e0 <strong>redonner la parole aux habitant\u00b7e\u00b7s<\/strong> sur leurs besoins et priorit\u00e9s, et les questionner sur<strong> les r\u00e9ponses concr\u00e8tes \u00e0 mettre en place<\/strong> dans leur environnement imm\u00e9diat.<\/span><span data-ccp-props=\"{&quot;134233117&quot;:false,&quot;134233118&quot;:false,&quot;201341983&quot;:0,&quot;335559738&quot;:240,&quot;335559739&quot;:240,&quot;335559740&quot;:279}\">\u00a0<\/span><\/p>\n<h2><img loading=\"lazy\" decoding=\"async\" class=\"alignleft wp-image-11561 size-medium\" src=\"https:\/\/www.fdss.be\/wp-content\/uploads\/P1011470-500x272.jpg\" alt=\"\" width=\"500\" height=\"272\" srcset=\"https:\/\/www.fdss.be\/wp-content\/uploads\/P1011470-500x272.jpg 500w, https:\/\/www.fdss.be\/wp-content\/uploads\/P1011470-1024x557.jpg 1024w, https:\/\/www.fdss.be\/wp-content\/uploads\/P1011470-150x82.jpg 150w, https:\/\/www.fdss.be\/wp-content\/uploads\/P1011470-768x417.jpg 768w, https:\/\/www.fdss.be\/wp-content\/uploads\/P1011470-1536x835.jpg 1536w, https:\/\/www.fdss.be\/wp-content\/uploads\/P1011470.jpg 2048w\" sizes=\"auto, (max-width: 500px) 100vw, 500px\" \/>Comment cela se passe-t-il\u00a0?<\/h2>\n<p><span data-contrast=\"auto\">Durant un ou plusieurs jours, <strong>un espace d\u2019accueil, d\u2019\u00e9change et d\u2019\u00e9coute \u00e0 destination des habitant\u00b7e\u00b7s est mis en place dans un micro-quartier.<\/strong> Un repas cuisin\u00e9 par un chef est offert tous les midis ; des boissons chaudes sont disponibles en libre-service toute la journ\u00e9e. Un\u00b7e crieur\u00b7se de rue est charg\u00e9\u00b7e d\u2019attirer les riverain\u00b7e\u00b7s via des maraudes, du porte-\u00e0-porte et la distribution de flyers.\u00a0<\/span><span data-ccp-props=\"{&quot;134233117&quot;:false,&quot;134233118&quot;:false,&quot;201341983&quot;:0,&quot;335559738&quot;:240,&quot;335559739&quot;:240,&quot;335559740&quot;:279}\">\u00a0<\/span><\/p>\n<p><span data-contrast=\"auto\">Des travailleur\u00b7se\u00b7s sociaux\u00b7le\u00b7s et chercheur\u00b7se\u00b7s <strong>cr\u00e9ent les conditions d\u2019un dialogue<\/strong> avec et entre les personnes pr\u00e9sentes. Les discussions tournent autour des \u00ab r\u00e9parations \u00bb (des changements) \u00e0 entreprendre dans leur milieu de vie ou sur une th\u00e9matique d\u00e9finie en amont. <\/span><span data-ccp-props=\"{&quot;134233117&quot;:false,&quot;134233118&quot;:false,&quot;201341983&quot;:0,&quot;335559738&quot;:240,&quot;335559739&quot;:240,&quot;335559740&quot;:279}\">\u00a0<\/span><\/p>\n<p><span data-contrast=\"auto\">La parole r\u00e9colt\u00e9e est synth\u00e9tis\u00e9e pour aboutir \u00e0 la mise en \u0153uvre collective d\u2019actions concr\u00e8tes, avec le soutien de la FdSS.<\/span><span data-ccp-props=\"{&quot;134233117&quot;:false,&quot;134233118&quot;:false,&quot;201341983&quot;:0,&quot;335559738&quot;:240,&quot;335559739&quot;:240,&quot;335559740&quot;:279}\">\u00a0<\/span><\/p>\n<p>Si vous voulez en savoir en plus et suivre nos activit\u00e9s, suivez nous sur les r\u00e9seaux : <a href=\"https:\/\/www.instagram.com\/les_ateliers_brico\/\">Instagram<\/a> ou <a href=\"https:\/\/www.facebook.com\/profile.php?id=61554095432549\">Facebook<\/a><\/p>\n<div class=\"su-animate\" style=\"opacity:0;-webkit-animation-duration:1s;-webkit-animation-delay:0s;animation-duration:1s;animation-delay:0s;\" data-animation=\"slideInRight\" data-duration=\"1\" data-delay=\"0\"><br \/>\n<div class=\"title_code\"><strong>Cartographie des BRI-Co<\/strong><\/div>\n        <div class=\"content_code\"><\/p>\n<p><iframe loading=\"lazy\" src=\"https:\/\/www.google.com\/maps\/d\/u\/1\/embed?mid=1sBMD2gezdK_KyWSi_acZc9sWzNq1NCM&amp;ehbc=2E312F&amp;noprof=1\" width=\"1200\" height=\"600\"><\/iframe><\/p>\n<p><\/div><br \/>\n<\/div>\n<div class=\"su-animate\" style=\"opacity:0;-webkit-animation-duration:1s;-webkit-animation-delay:0s;animation-duration:1s;animation-delay:0s;\" data-animation=\"slideInRight\" data-duration=\"1\" data-delay=\"0\"><br \/>\n<div class=\"title_code\"><strong>Les BRI-Co en 2022<\/strong><\/div>\n        <div class=\"content_code\"><\/p>\n<!DOCTYPE html>\r\n<html lang=\"fr\">\r\n<head>\r\n  <meta charset=\"UTF-8\">\r\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n  <title>BRI-Co \u2014 Impacts & r\u00e9sultats<\/title>\r\n  <style>\r\n    * { box-sizing: border-box; margin: 0; padding: 0; }\r\n    body { font-family: Arial, sans-serif; background: #fff; color: #333; }\r\n    .brico-stage { width: 100%; display: flex; flex-direction: column; align-items: center; padding: 2rem 1rem 2rem; }\r\n    .brico-title { text-align: left; width: 100%; max-width: 760px; margin-bottom: 1.5rem; border-bottom: 2px solid #eee; padding-bottom: 1rem; }\r\n    .brico-title h2 { font-size: 18px; font-weight: 700; color: #1a1a1a; text-transform: uppercase; letter-spacing: .04em; margin: 0 0 6px; }\r\n    .brico-title p { font-size: 13px; color: #888; margin: 0; }\r\n    .brico-grid { display: flex; flex-wrap: wrap; justify-content: center; gap: 24px; width: 100%; max-width: 760px; }\r\n    .brico-bubble-wrap { display: flex; flex-direction: column; align-items: center; gap: 10px; cursor: pointer; transition: transform .2s; }\r\n    .brico-bubble-wrap:hover { transform: translateY(-5px); }\r\n    .brico-bubble { border-radius: 50%; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; padding: 12px; transition: box-shadow .2s; border: 3px solid transparent; }\r\n    .brico-bubble:hover { box-shadow: 0 4px 18px rgba(0,0,0,.12); }\r\n    .brico-bubble-val { font-size: 22px; font-weight: 700; line-height: 1.1; display: block; }\r\n    .brico-bubble-unit { font-size: 10px; font-weight: 400; opacity: .9; margin-top: 3px; display: block; text-transform: uppercase; letter-spacing: .03em; }\r\n    .brico-bubble-label { font-size: 11px; color: #555; text-align: center; max-width: 100px; line-height: 1.4; font-weight: 600; text-transform: uppercase; letter-spacing: .03em; }\r\n    .brico-overlay { display: none; position: fixed; inset: 0; background: rgba(0,0,0,.45); z-index: 99999; align-items: center; justify-content: center; padding: 1rem; }\r\n    .brico-overlay.open { display: flex; }\r\n    .brico-modal { background: #fff; border-radius: 4px; border-top: 4px solid #1aa3b8; max-width: 480px; width: 100%; padding: 1.75rem; position: relative; max-height: 88vh; overflow-y: auto; }\r\n    .brico-modal-header { display: flex; align-items: center; gap: 14px; margin-bottom: .75rem; }\r\n    .brico-modal-icon { width: 44px; height: 44px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 20px; flex-shrink: 0; }\r\n    .brico-modal-title { font-size: 13px; font-weight: 700; color: #888; text-transform: uppercase; letter-spacing: .05em; margin: 0; }\r\n    .brico-modal-kpi { font-size: 20px; font-weight: 700; color: #1a1a1a; margin: 0 0 .75rem; line-height: 1.3; }\r\n    .brico-modal-desc { font-size: 13px; color: #555; line-height: 1.7; margin: 0 0 .75rem; }\r\n    .brico-modal-quote { border-left: 3px solid #1aa3b8; padding: 8px 14px; margin: 0 0 .75rem; font-size: 13px; color: #555; font-style: italic; line-height: 1.7; background: #f7fbfc; }\r\n    .brico-modal-section { font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: .06em; color: #1aa3b8; margin: 1rem 0 .4rem; }\r\n    .brico-modal-list { margin: 0 0 .5rem; padding-left: 18px; }\r\n    .brico-modal-list li { font-size: 13px; color: #555; line-height: 1.7; }\r\n    .brico-modal-tags { display: flex; flex-wrap: wrap; gap: 6px; margin: 1rem 0 1.25rem; }\r\n    .brico-tag { font-size: 11px; padding: 3px 10px; border-radius: 2px; background: #f0f0f0; color: #555; font-weight: 600; text-transform: uppercase; letter-spacing: .03em; }\r\n    .brico-modal-close { position: absolute; top: 14px; right: 14px; background: #1aa3b8; border: none; border-radius: 50%; width: 28px; height: 28px; cursor: pointer; font-size: 14px; color: #fff; display: flex; align-items: center; justify-content: center; font-weight: 700; }\r\n    .brico-modal-close:hover { background: #158a9c; }\r\n    .brico-btn { font-size: 13px; font-weight: 700; text-transform: uppercase; letter-spacing: .05em; padding: 10px 20px; border-radius: 2px; cursor: pointer; border: none; background: #1aa3b8; color: #fff; }\r\n    .brico-btn:hover { background: #158a9c; }\r\n  <\/style>\r\n<\/head>\r\n<body>\r\n\r\n<div class=\"brico-stage\">\r\n  <div class=\"brico-title\">\r\n    <h2>Projet BRI-Co \u2014 Impacts &amp; r\u00e9sultats<\/h2>\r\n    <p>Cliquez sur une bulle pour en savoir plus<\/p>\r\n  <\/div>\r\n  <div class=\"brico-grid\" id=\"brico-grid\"><\/div>\r\n<\/div>\r\n\r\n<div class=\"brico-overlay\" id=\"brico-overlay\">\r\n  <div class=\"brico-modal\">\r\n    <button class=\"brico-modal-close\" id=\"brico-close\">&#x2715;<\/button>\r\n    <div class=\"brico-modal-header\">\r\n      <div class=\"brico-modal-icon\" id=\"brico-m-icon\"><\/div>\r\n      <p class=\"brico-modal-title\" id=\"brico-m-title\"><\/p>\r\n    <\/div>\r\n    <div class=\"brico-modal-kpi\" id=\"brico-m-kpi\"><\/div>\r\n    <p class=\"brico-modal-desc\" id=\"brico-m-desc\"><\/p>\r\n    <div id=\"brico-m-quote-wrap\"><\/div>\r\n    <div id=\"brico-m-list-wrap\"><\/div>\r\n    <div class=\"brico-modal-tags\" id=\"brico-m-tags\"><\/div>\r\n    <div><button class=\"brico-btn\" id=\"brico-m-btn\">Fermer<\/button><\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<script>\r\n(function() {\r\n  var palette = [\r\n    { color: \"#E63329\", bg: \"#FDECEA\" },\r\n    { color: \"#1aa3b8\", bg: \"#e8f7fa\" },\r\n    { color: \"#3AAB45\", bg: \"#E8F6E9\" },\r\n    { color: \"#F5A623\", bg: \"#FEF3E2\" },\r\n    { color: \"#E63329\", bg: \"#FDECEA\" },\r\n    { color: \"#3AAB45\", bg: \"#E8F6E9\" },\r\n    { color: \"#1aa3b8\", bg: \"#e8f7fa\" },\r\n    { color: \"#F5A623\", bg: \"#FEF3E2\" },\r\n    { color: \"#3AAB45\", bg: \"#E8F6E9\" }\r\n  ];\r\n\r\n  var data = [\r\n    {\r\n      val:\"9\", unit:\"communes\", label:\"Territoire couvert\", size:115,\r\n      icon:\"\ud83d\uddfa\ufe0f\", kpi:\"9 communes de la R\u00e9gion bruxelloise\",\r\n      desc:\"Le projet BRI-Co s'est d\u00e9ploy\u00e9 dans 9 communes, couvrant un large territoire de la R\u00e9gion bruxelloise.\",\r\n      quotes:[],\r\n      lists:[{title:\"Communes investies\", items:[\"Ville de Bruxelles\",\"Schaerbeek\",\"Ixelles\",\"Anderlecht\",\"Forest\",\"Saint-Gilles\",\"Berchem-Sainte-Agathe\",\"Woluwe-Saint-Lambert\",\"Molenbeek\"]}],\r\n      tags:[\"R\u00e9gion bruxelloise\",\"2022\",\"9 communes\"]\r\n    },\r\n    {\r\n      val:\"17\", unit:\"quartiers\", label:\"Quartiers avec BRI-Co\", size:100,\r\n      icon:\"\ud83d\udccd\", kpi:\"17 quartiers investis\",\r\n      desc:\"Des BRI-Co ont eu lieu dans 17 quartiers r\u00e9partis \u00e0 travers les communes investies.\",\r\n      quotes:[],\r\n      lists:[{title:\"Quartiers\", items:[\"Koekelberg (Bruxelles)\",\"Marbotin (Schaerbeek)\",\"Gray\u2013W\u00e9ry (Ixelles)\",\"Anneessens (Bruxelles)\",\"Bas Marolles (Bruxelles)\",\"Cit\u00e9 mod\u00e8le (Laeken)\",\"Colignon (Schaerbeek)\",\"Volta (Ixelles)\",\"Saint-Denis (Forest)\",\"Bethl\u00e9em (Saint-Gilles)\",\"Brabant (Schaerbeek)\",\"Cit\u00e9 Moderne (Berchem)\",\"Bizet (Anderlecht)\",\"Peterbos (Anderlecht)\",\"Cureghem (Anderlecht)\",\"Mont-Saint-Lambert (WSL)\",\"Molenbeek historique\"]}],\r\n      tags:[\"17 quartiers\",\"Diversit\u00e9 territoriale\"]\r\n    },\r\n    {\r\n      val:\"+100\", unit:\"partenaires\", label:\"R\u00e9seau partenarial\", size:140,\r\n      icon:\"\ud83e\udd1d\", kpi:\"Plus de 100 partenaires mobilis\u00e9s\",\r\n      desc:\"Le BRI-Co a permis de mobiliser un \u00e9cosyst\u00e8me riche et diversifi\u00e9, illustrant la richesse du maillage local bruxellois.\",\r\n      quotes:[],\r\n      lists:[\r\n        {title:\"Services publics \/ institutions\", items:[\"CPAS (Bruxelles, Ixelles, Schaerbeek, Saint-Gilles\u2026)\",\"Communes (participation, pr\u00e9vention, jeunesse)\",\"COCOM, ONE, Gardiens de la paix\",\"CLSS, Programmes de Pr\u00e9vention Urbaine\"]},\r\n        {title:\"Sant\u00e9 \/ social\", items:[\"Maisons m\u00e9dicales (Bizet, Neptune\u2026)\",\"R\u00e9seau Sant\u00e9 Diab\u00e8te, Brusano, Brumenta\",\"Centre de sant\u00e9 mentale, Medikuregem\",\"Bras dessus Bras dessous\"]},\r\n        {title:\"Associations & collectifs\", items:[\"Convivence, Renovas, SAAMO, Communa\",\"Habitat et R\u00e9novation, Le Pivot, Buurtwinkel\",\"Comit\u00e9s d'habitants, \u00e9ducateurs de rue\",\"Maisons de jeunes, \u00e9coles de devoirs\"]}\r\n      ],\r\n      tags:[\"Secteur associatif\",\"Services publics\",\"Sant\u00e9 \/ social\",\"Collectifs citoyens\"]\r\n    },\r\n    {\r\n      val:\"\u00b1900\", unit:\"habitant\u00b7es\", label:\"Personnes rencontr\u00e9es\", size:130,\r\n      icon:\"\ud83d\udc65\", kpi:\"\u00b1900 habitant\u00b7es rencontr\u00e9s directement\",\r\n      desc:\"Les \u00e9quipes BRI-Co sont all\u00e9es \u00e0 la rencontre des habitants dans leurs quartiers, en dehors des murs des associations.\",\r\n      quotes:[\"On se sent seuls\u2026 on ne sait plus vers qui se tourner.\",\"Ils n'ont jamais rien fait pour nous, je ne vois pas pourquoi je me vaccinerais pour leur faire plaisir.\"],\r\n      lists:[{title:\"R\u00e9alit\u00e9s capt\u00e9es lors des rencontres\", items:[\"Sentiment d'isolement post-Covid\",\"Sentiment d'abandon vis-\u00e0-vis des services publics\",\"Besoin de retisser du lien avec les voisins\",\"Choix des m\u00e9dicaments selon leur remboursement\"]}],\r\n      tags:[\"Aller-vers\",\"\u00c9coute active\",\"Post-Covid\",\"Non-recours aux droits\"]\r\n    },\r\n    {\r\n      val:\"\u00b11 600\", unit:\"repas servis\", label:\"Lien social par le repas\", size:110,\r\n      icon:\"\ud83c\udf7d\ufe0f\", kpi:\"\u00b11 600 repas partag\u00e9s avec les habitants\",\r\n      desc:\"Les repas ont \u00e9t\u00e9 un outil central de cr\u00e9ation de lien. Autour de la table, dans un cadre convivial et bienveillant, les habitants ont pu exprimer leur v\u00e9cu, leurs difficult\u00e9s et leurs besoins.\",\r\n      quotes:[\"On vit avec peu, et tout devient plus compliqu\u00e9.\"],\r\n      lists:[{title:\"Conditions de vie observ\u00e9es\", items:[\"Difficult\u00e9s li\u00e9es au logement\",\"Acc\u00e8s limit\u00e9 \u00e0 une alimentation de qualit\u00e9\",\"Obstacles financiers et administratifs\",\"In\u00e9galit\u00e9s sociales marqu\u00e9es\"]}],\r\n      tags:[\"Convivialit\u00e9\",\"Aller-vers\",\"Confiance\",\"Post-Covid\"]\r\n    },\r\n    {\r\n      val:\"3\", unit:\"effets majeurs\", label:\"Impact sur les habitants\", size:125,\r\n      icon:\"\ud83c\udf31\", kpi:\"Retisser le lien \u00b7 Agir \u00b7 Comprendre\",\r\n      desc:\"Le BRI-Co a produit trois effets majeurs sur les habitants des quartiers investis.\",\r\n      quotes:[],\r\n      lists:[\r\n        {title:\"Retisser du lien\", items:[\"Cr\u00e9ation de groupes d'habitants\",\"Organisation de caf\u00e9s politiques et f\u00eates de quartier\",\"Reprise de dynamiques locales\"]},\r\n        {title:\"Renforcer le pouvoir d'agir\", items:[\"Participation aux comit\u00e9s de r\u00e9parations\",\"Interpellation des autorit\u00e9s (lettres, projets\u2026)\",\"Implication dans des projets concrets (mobilier urbain, actions locales)\"]},\r\n        {title:\"Faire remonter les r\u00e9alit\u00e9s invisibles\", items:[\"Isolement et mal-logement\",\"Acc\u00e8s \u00e0 l'alimentation\",\"Sant\u00e9 mentale\"]}\r\n      ],\r\n      tags:[\"Lien social\",\"Pouvoir d'agir\",\"Visibilit\u00e9 des besoins\"]\r\n    },\r\n    {\r\n      val:\"\u2197\", unit:\"vers les services\", label:\"Orientation & droits\", size:100,\r\n      icon:\"\ud83e\udded\", kpi:\"R\u00e9orientation vers les bons dispositifs\",\r\n      desc:\"Les entretiens men\u00e9s par les \u00e9quipes BRI-Co ont permis d'orienter les habitants vers les services adapt\u00e9s, luttant activement contre le non-recours aux droits.\",\r\n      quotes:[],\r\n      lists:[{title:\"Actions men\u00e9es\", items:[\"Am\u00e9lioration de l'acc\u00e8s aux droits\",\"Lutte contre le non-recours\",\"Mise en lien avec les services sociaux et de sant\u00e9\",\"Accompagnement vers les r\u00e9seaux \u00e9nergie (InforGazElec, CASE\u2026)\"]}],\r\n      tags:[\"Droits\",\"Non-recours\",\"Accompagnement\",\"Acc\u00e8s aux soins\"]\r\n    },\r\n    {\r\n      val:\"\u2194\", unit:\"collaborations\", label:\"Impact sur les partenaires\", size:115,\r\n      icon:\"\ud83d\udd17\", kpi:\"Les associations sortent de leurs murs\",\r\n      desc:\"Le BRI-Co a permis aux associations et services partenaires d'aller \u00e0 la rencontre du terrain et de cr\u00e9er de nouvelles synergies entre structures.\",\r\n      quotes:[],\r\n      lists:[\r\n        {title:\"Nouvelles dynamiques cr\u00e9\u00e9es\", items:[\"Cr\u00e9ation de comit\u00e9s de regard\",\"Nouvelles collaborations entre structures\",\"Synergies locales renforc\u00e9es\",\"Meilleure connaissance du terrain\"]},\r\n        {title:\"Adaptation des pratiques\", items:[\"Prise en compte des besoins r\u00e9els\",\"Ajustement des offres de service\",\"Pratiques plus proches des r\u00e9alit\u00e9s de terrain\"]}\r\n      ],\r\n      tags:[\"Inter-partenaires\",\"Comit\u00e9s de regard\",\"Synergies\",\"Pratiques adapt\u00e9es\"]\r\n    },\r\n    {\r\n      val:\"\u221e\", unit:\"durabilit\u00e9\", label:\"Effets durables\", size:105,\r\n      icon:\"\u267b\ufe0f\", kpi:\"Des dynamiques qui perdurent apr\u00e8s le BRI-Co\",\r\n      desc:\"Le BRI-Co agit comme catalyseur de dynamiques locales durables : des projets, coordinations et collectifs continuent \u00e0 vivre bien apr\u00e8s la fin de l'intervention.\",\r\n      quotes:[],\r\n      lists:[{title:\"Ce qui perdure\", items:[\"Comit\u00e9s de r\u00e9parations actifs\",\"Coordinations locales relanc\u00e9es\",\"Projets citoyens qui se poursuivent\",\"Tissu local renforc\u00e9 durablement\"]}],\r\n      tags:[\"Durabilit\u00e9\",\"Catalyseur\",\"Tissu local\",\"Apr\u00e8s BRI-Co\"]\r\n    }\r\n  ];\r\n\r\n  var rendered = false;\r\n\r\n  function renderGrid() {\r\n    if (rendered) return;\r\n    var grid = document.getElementById('brico-grid');\r\n    if (!grid) return;\r\n    rendered = true;\r\n    data.forEach(function(d, i) {\r\n      var p = palette[i];\r\n      var wrap = document.createElement('div');\r\n      wrap.className = 'brico-bubble-wrap';\r\n      wrap.innerHTML =\r\n        '<div class=\"brico-bubble\" style=\"width:' + d.size + 'px;height:' + d.size + 'px;background:' + p.bg + ';border-color:' + p.color + ';\">' +\r\n          '<span class=\"brico-bubble-val\" style=\"color:' + p.color + '\">' + d.val + '<\/span>' +\r\n          '<span class=\"brico-bubble-unit\" style=\"color:' + p.color + '\">' + d.unit + '<\/span>' +\r\n        '<\/div>' +\r\n        '<div class=\"brico-bubble-label\">' + d.label + '<\/div>';\r\n      wrap.addEventListener('click', function() { openModal(i); });\r\n      grid.appendChild(wrap);\r\n    });\r\n  }\r\n\r\n  function openModal(i) {\r\n    var d = data[i];\r\n    var p = palette[i];\r\n    document.getElementById('brico-m-icon').textContent = d.icon;\r\n    document.getElementById('brico-m-icon').style.background = p.bg;\r\n    document.getElementById('brico-m-kpi').textContent = d.kpi;\r\n    document.getElementById('brico-m-title').textContent = d.label;\r\n    document.getElementById('brico-m-desc').textContent = d.desc;\r\n\r\n    var qw = document.getElementById('brico-m-quote-wrap');\r\n    qw.innerHTML = '';\r\n    d.quotes.forEach(function(q) {\r\n      var el = document.createElement('div');\r\n      el.className = 'brico-modal-quote';\r\n      el.textContent = '\u00ab ' + q + ' \u00bb';\r\n      qw.appendChild(el);\r\n    });\r\n\r\n    var lw = document.getElementById('brico-m-list-wrap');\r\n    lw.innerHTML = '';\r\n    d.lists.forEach(function(l) {\r\n      var sec = document.createElement('div');\r\n      sec.className = 'brico-modal-section';\r\n      sec.textContent = l.title;\r\n      lw.appendChild(sec);\r\n      var ul = document.createElement('ul');\r\n      ul.className = 'brico-modal-list';\r\n      l.items.forEach(function(item) {\r\n        var li = document.createElement('li');\r\n        li.textContent = item;\r\n        ul.appendChild(li);\r\n      });\r\n      lw.appendChild(ul);\r\n    });\r\n\r\n    document.getElementById('brico-m-tags').innerHTML = d.tags.map(function(t) {\r\n      return '<span class=\"brico-tag\">' + t + '<\/span>';\r\n    }).join('');\r\n\r\n    document.getElementById('brico-overlay').classList.add('open');\r\n  }\r\n\r\n  function closeOverlay() {\r\n    document.getElementById('brico-overlay').classList.remove('open');\r\n  }\r\n\r\n  \/* --- Correctif accordion ---\r\n     On tente le rendu imm\u00e9diatement, puis on surveille\r\n     les clics sur la page au cas o\u00f9 le grid serait\r\n     dans un accordion encore ferm\u00e9 au chargement.       *\/\r\n  function tryRender() {\r\n    var grid = document.getElementById('brico-grid');\r\n    if (grid && grid.offsetParent !== null) {\r\n      renderGrid();\r\n    }\r\n  }\r\n\r\n  document.addEventListener('DOMContentLoaded', function() {\r\n    tryRender();\r\n\r\n    \/* Surveille tous les clics \u2014 si quelqu'un ouvre un accordion,\r\n       on tente de rendre les bulles 300ms apr\u00e8s               *\/\r\n    document.addEventListener('click', function() {\r\n      setTimeout(tryRender, 300);\r\n    });\r\n\r\n    document.getElementById('brico-close').addEventListener('click', closeOverlay);\r\n    document.getElementById('brico-m-btn').addEventListener('click', closeOverlay);\r\n    document.getElementById('brico-overlay').addEventListener('click', function(e) {\r\n      if (e.target === this) closeOverlay();\r\n    });\r\n  });\r\n})();\r\n<\/script>\r\n<\/body>\r\n<\/html>\r\n\n<p><\/div><br \/>\n<\/div>\n<p style=\"text-align: center;\"><a class=\"button\" href=\"https:\/\/www.fdss.be\/ateliers-de-quartier-bri-co-ressources\/\" target=\"_blank\" rel=\"noopener\">Ressources des ateliers de quartier<\/a><\/p>\n<p style=\"text-align: center;\"><a class=\"button\" href=\"https:\/\/www.fdss.be\/rencontre-avec-des-acteur%c2%b7ice%c2%b7s-des-ateliers-de-quartiers\/\" target=\"_blank\" rel=\"noopener\">Rencontre avec des acteur\u00b7ice\u00b7s des ateliers de quartier<\/a><\/p>\n<p>&nbsp;<\/p>\n","protected":false},"featured_media":7791,"template":"","class_list":["post-7967","hors-les-murs","type-hors-les-murs","status-publish","has-post-thumbnail","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.fdss.be\/fr\/wp-json\/wp\/v2\/hors-les-murs\/7967","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.fdss.be\/fr\/wp-json\/wp\/v2\/hors-les-murs"}],"about":[{"href":"https:\/\/www.fdss.be\/fr\/wp-json\/wp\/v2\/types\/hors-les-murs"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.fdss.be\/fr\/wp-json\/wp\/v2\/media\/7791"}],"wp:attachment":[{"href":"https:\/\/www.fdss.be\/fr\/wp-json\/wp\/v2\/media?parent=7967"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}