Formulaire de recherche<\/title>\n<script>\n\tfunction showPopup(details, id, lat, lon, PA) {\n\t lat = parseFloat(lat);\n\t lon = parseFloat(lon);\n\n\t const popupContent = `\n\t <div id=\"map\" style=\"height: 300px; width: 60%; margin-left: auto; margin-right: auto;\"><\/div>\n\t <hr>\n\t <div align=\"center\">\n\t <a class=\"contact-button\" href=\"https:\/\/pair-aidance-addictions-bretagne.bzh\/index.php\/contacter-un-pair-aidant\/?id=${encodeURIComponent(id)}\">Contacter cette personne<\/a>\n\t <\/div>\n\t `;\n\n\t document.getElementById('popup-details').innerHTML = details + popupContent;\n\t document.getElementById('popup').style.display = 'block';\n\n\t var map = L.map('map').setView([48.166672, -2.75], 8);\n\t L.tileLayer('https:\/\/tile.openstreetmap.org\/{z}\/{x}\/{y}.png', {\n\t maxZoom: 19\n\t }).addTo(map);\n\t L.marker([lat, lon]).addTo(map).bindPopup(PA).openPopup();\n\t fetch('https:\/\/france-geojson.gregoiredavid.fr\/repo\/regions\/bretagne\/departements-bretagne.geojson')\n\t .then(response => response.json())\n\t .then(data => {\n\t L.geoJSON(data, {\n\t style: function (feature) {\n\t return {color: 'grey', fillColor: 'grey', fillOpacity: 0.1};\n\t }\n\t }).addTo(map);\n\t });\n\t}\n\n\tif (!window.L) {\n\t const link = document.createElement('link');\n\t link.rel = 'stylesheet';\n\t link.href = 'https:\/\/unpkg.com\/leaflet@1.9.4\/dist\/leaflet.css';\n\t link.integrity = 'sha256-p4NxAoJBhIIN+hmNHrzRCf9tD\/miZyoHS5obTRR9BMY=';\n\t link.crossOrigin = '';\n\t document.head.appendChild(link);\n\n\t const script = document.createElement('script');\n\t script.src = 'https:\/\/unpkg.com\/leaflet@1.9.4\/dist\/leaflet.js';\n\t script.integrity = 'sha256-20nQCchB9co0qIjJZRGuk2\/Z9VM+kNiyxNV1lvTlZBo=';\n\t script.crossOrigin = '';\n\t script.onload = () => console.log('Leaflet est charg\u00e9');\n\t document.head.appendChild(script);\n\t}\n\n\n\nfunction closePopup() {\n document.getElementById('popup').style.display = 'none';\n}\n<\/script>\n<style>\n.search-container {\n max-width: 800px;\n margin: 0 auto;\n padding: 20px;\n background-color: #f9f9f9;\n border: 1px solid #ddd;\n border-radius: 8px;\n}\n\n.search-container legend {\n padding: 5px 10px;\n background-color: #ddd;\n border: 1px solid #ccc;\n border-radius: 5px;\n}\n\n.search-container fieldset {\n border: none;\n margin: 0;\n padding: 0;\n}\n\n.search-container table {\n width: 100%;\n border-collapse: collapse;\n}\n\n.search-container th,\n.search-container td {\n padding: 8px;\n border-bottom: 1px solid #ddd;\n text-align: left;\n}\n\n.search-container input[type=\"text\"],\n.search-container input[type=\"date\"],\n.search-container select {\n width: 100%;\n padding: 8px;\n border-radius: 5px;\n border: 1px solid #ccc;\n box-sizing: border-box;\n margin-top: 5px;\n}\n\n.search-container .search-label {\n display: block;\n font-weight: bold;\n margin-bottom: 10px;\n}\n\n.search-container .search-label span {\n color: #4CAF50;\n}\n\n.search-container input[type=\"submit\"] {\n width: auto;\n display: block;\n margin: 0 auto;\n padding: 10px 20px;\n background-color: #4CAF50;\n color: white;\n border: none;\n border-radius: 5px;\n cursor: pointer;\n font-size: 16px;\n margin-top: 10px;\n}\n\n.search-container input[type=\"submit\"]:hover {\n background-color: #45a049;\n}\n\n@media only screen and (max-width: 600px) {\n .search-container table th,\n .search-container table td {\n display: block;\n width: 100%;\n }\n \n .search-container table th,\n .search-container table td {\n margin-top: 10px;\n }\n\n .search-container table th {\n font-weight: bold;\n }\n\n .search-container table th:nth-child(2) + td,\n .search-container table th:nth-child(4) + td {\n width: calc(100% - 16px);\n }\n}\n\n@media only screen and (min-width: 601px) {\n .search-container table th,\n .search-container table td {\n width: 25%;\n }\n}\n\n.popup {\n position: fixed;\n z-index: 1;\n left: 0;\n top: 0;\n width: 100%;\n height: 100%;\n overflow: auto;\n background-color: rgba(0, 0, 0, 0.4);\n}\n\n.popup-content {\n background-color: #fefefe;\n margin: 15% auto;\n padding: 20px;\n border: 1px solid #888;\n width: 60%;\n}\n\n@media only screen and (max-width: 601px) {\n .popup-content {\n width:100%;\n }\n}\n\n.close-btn {\n color: #aaa;\n float: right;\n font-size: 28px;\n font-weight: bold;\n}\n\n.close-btn:hover,\n.close-btn:focus {\n color: black;\n text-decoration: none;\n cursor: pointer;\n}\n<\/style>\n<\/head>\n<body>\n\nDans le cadre du projet visant \u00e0 \u201cAsseoir la l\u00e9gitimit\u00e9 de la pair-aidance dans les parcours de soins addictologiques en Bretagne \u201c, nous mettons \u00e0 disposition des acteurs de la r\u00e9gion un annuaire des personnes ressources en addictologie.\n<p>L\u2019objectif principal de cet outil est de faciliter la mise en lien entre des personnes ressources (b\u00e9n\u00e9voles d\u2019association, patients-experts addictions\u2026) et des professionnels du secteur sanitaire, m\u00e9dico-social et social, ayant tout deux la volont\u00e9 de d\u00e9velopper des partenariats.\n<p>Vous pouvez rechercher des personnes ressources en addictologie selon leur(s) territoire(s) d\u2019intervention, leur champ d\u2019intervention (alcool, tabac, cannabis, opio\u00efdes, NPS, TCA\u2026) et les types d’intervention.\n\n\n<div class=\"search-container\">\n <form method=\"post\">\n <fieldset>\n <legend>Effectuer une recherche :<\/legend>\n <p class=\"search-label\">Veuillez renseigner des crit\u00e8res de recherche <span>*<\/span><\/p>\n <table>\n <tr>\n <th>D\u00e9partement :<\/th>\n <td>\n <select name=\"departement\">\n <option value=\"\"><\/option>\n <option value=\"C\u00f4tes-dArmor\">C\u00f4tes-d’Armor<\/option>\n <option value=\"Finist\u00e8re\">Finist\u00e8re<\/option>\n <option value=\"Ille-et-Vilaine\">Ille-et-Vilaine<\/option>\n <option value=\"Morbihan\">Morbihan<\/option>\n <\/select>\n <\/td>\n <th>Territoire de sant\u00e9 :<\/th>\n <td>\n <select name=\"territoire\">\n <option value=\"\"><\/option>\n <option value=\"Brest\/Carhaix\/Morlaix\/Quimper\/Douarnenez\/Pont-lAbb\u00e9\">Brest\/Carhaix\/Morlaix\/Quimper\/Douarnenez\/Pont-l’Abb\u00e9<\/option>\n <option value=\"Pontivy\/Loud\u00e9ac\">Pontivy\/Loud\u00e9ac<\/option>\n <option value=\"Lorient\/Quimperl\u00e9\">Lorient\/Quimperl\u00e9<\/option>\n <option value=\"Vannes\/Plo\u00ebrmel\/Malestroit\">Vannes\/Plo\u00ebrmel\/Malestroit<\/option>\n <option value=\"Rennes\/Redon\/Foug\u00e8res\/Vitr\u00e9\">Rennes\/Redon\/Foug\u00e8res\/Vitr\u00e9<\/option>\n <option value=\"St-Malo\/Dinan\">St-Malo\/Dinan<\/option>\n <option value=\"St-Brieuc\/Guingamp\/Lannion\">St-Brieuc\/Guingamp\/Lannion<\/option>\n <\/select>\n <\/td>\n <\/tr>\n <tr>\n <th>Type d’intervention :<\/th>\n <td>\n <select name=\"type_intervention\">\n <option value=\"\"><\/option>\t\n <option value=\"collective information\">Informations collectives<\/option>\n <option value=\"permanence\">Tenue de permanences<\/option>\n <option value=\"Testimony to peers (patients \/ users)\">T\u00e9moignage aupr\u00e8s des pairs (patients \/ usagers)<\/option>\n <option value=\"Testimony to professionals\">T\u00e9moignage aupr\u00e8s des professionnels<\/option>\n <option value=\"Participation in professional training\">Participation \u00e0 la formation des professionnels<\/option>\n <option value=\"Animation \/ co-animation of discussion groups\">Animation \/ co animation de groupes de parole<\/option>\n <option value=\"Support for peers during addiction care\">Accompagnement des pairs pendant les soins en addictologie<\/option>\n <option value=\"Animation \/ co-animation of prevention or harm reduction workshops\">Animation \/ co animation d\u2019ateliers de pr\u00e9vention ou de r\u00e9duction des risques et des dommages<\/option>\n <option value=\"Animation \/ co-animation of thematic workshops\">Animation \/ co animation d’ateliers th\u00e9matiques<\/option>\n <option value=\"Prevention actions\">Actions de pr\u00e9vention<\/option>\n <option value=\"Participation in reflections on the organization of prevention\">Participation aux r\u00e9flexions sur l\u2019organisation de la politique de pr\u00e9vention, de soins et d\u2019accompagnement en addictologie<\/option>\n <option value=\"Co-construction of a TPE (Therapeutic Patient Education) program\">Co-construction d’un programme ETP<\/option>\n <option value=\"Co-animation of TPE workshops\">Co-animation d’ateliers ETP<\/option>\n <\/select>\n <\/td> \n <th>Champs d’intervention :<\/th>\n <td>\n <select name=\"champs_intervention\">\n <option value=\"\"><\/option>\t\t\t \n <option value=\"alcohol\">Alcool<\/option>\n <option value=\"tobacco\">Tabac<\/option>\n <option value=\"cannabis\">Cannabis<\/option>\n <option value=\"opioids\">Opio\u00efdes<\/option>\n <option value=\"new_synthetic_products\">Nouveaux produits de synth\u00e8se<\/option>\n <option value=\"affective_sexual\">Affective et sexuelle<\/option>\n <option value=\"gambling\">Jeux de hasard et d\u2019argent<\/option>\n <option value=\"eating_disorders\">Conduites alimentaires<\/option>\n <\/select>\n <\/td>\n <\/tr>\n <\/table>\n <input type=\"submit\" value=\"Rechercher\">\n <\/fieldset>\n <\/form>\n<\/div>\n<div id=\"popup\" class=\"popup\" style=\"display: none;\">\n <div class=\"popup-content\">\n <span class=\"close-btn\" onclick=\"closePopup()\">×<\/span>\n <div id=\"popup-details\"><\/div>\n <\/div>\n<\/div>\n\n<p><font color=grenn><b>* <\/b><\/font><i>L\u2019inscription \u00e0 la base de donn\u00e9es repose sur un principe d\u00e9claratif. L\u2019\u00e9quipe projet se d\u00e9gage de toute responsabilit\u00e9 concernant la qualit\u00e9 des interventions propos\u00e9es par les personnes r\u00e9pertori\u00e9es dans cet annuaire.<\/i>\n\n\n\n<br><style>\n .directory-grid {\n display: flex;\n flex-wrap: wrap;\n gap: 20px;\n padding: 20px;\n background-color: #f9f9f9;\n }\n\n .profile-card {\n display: flex;\n flex-direction: column;\n width: calc(50% - 10px);\n background-color: #ffffff;\n border: 1px solid #ddd;\n border-radius: 8px;\n padding: 20px;\n margin-bottom: 20px;\n box-sizing: border-box;\n }\n\n @media screen and (max-width: 768px) {\n .profile-card {\n width: calc(100% - 10px);\n }\n }\n\n .profile-card h2 {\n color: #333;\n border-bottom: 2px solid #eee;\n padding-bottom: 10px;\n margin-bottom: 10px;\n }\n\n .interventions {\n display: flex;\n flex-wrap: wrap;\n align-items: flex-start;\n gap: 5px;\n margin: 10px 0 20px 0;\n }\n\n .intervention-item {\n display: inline-flex;\n border-radius: 15px;\n padding: 5px 10px;\n font-size: 14px;\n margin-bottom: 5px;\n background-color: #eee;\n }\n\n .types {\n align-self: left;\n margin: auto 0;\n padding-left: 0;\n }\n\n .types li {\n list-style-type: disc;\n display: list-item;\n font-size: 0.75em;\n margin-bottom: 4px;\n }\n\n .territory {\n color: #666;\n font-style: italic;\n display: flex;\n justify-content: center;\n align-items: center;\n flex-wrap: wrap;\n text-align: center;\n order: 3;\n margin-bottom: 10px;\n margin-top:10px;\n }\n\n .button-container {\n order: 4;\n width: 100%;\n display: flex;\n justify-content: center;\n margin-top: auto;\n }\n\n button {\n background-color: #4CAF50;\n color: white;\n padding: 10px 20px;\n border: none;\n border-radius: 5px;\n cursor: pointer;\n font-size: 16px;\n width: fit-content;\n margin: auto;\n }\n \n .contact-button {\n background-color: #4CAF50;\n color: white;\n padding: 10px 20px;\n text-decoration: none;\n border-radius: 5px;\n display: inline-block;\n cursor: pointer;\n font-size: 16px;\n width: fit-content;\n text-align: center;\n }\n\n .contact-button:hover {\n background-color: #45a049;\n }\n\n button:hover {\n background-color: #45a049;\n }\n\n .all { background-color: #dcdcdc; }\n .alcohol { background-color: #6cace4; }\n .tobacco { background-color: #f6c85f; }\n .cannabis { background-color: #9ddc8c; }\n .opioids { background-color: #e2979c; }\n .new_synthetic_products { background-color: #9a77cf; }\n .affective_sexual { background-color: #fdafab; }\n .gambling { background-color: #ffd384; }\n .eating_disorders { background-color: #a4d49d; }\n<\/style>\n\n\n\n\n\n\n<p>Pour toute demande de modification, merci de contacter : <a href=\"mailto:contact@jenefumeplus.org\">contact@jenefumeplus.org<\/a><\/p>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Formulaire de recherche Dans le cadre du projet visant \u00e0 \u201cAsseoir la l\u00e9gitimit\u00e9 de la pair-aidance dans les parcours de soins addictologiques en Bretagne \u201c, […]<\/p>\n","protected":false},"author":5,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-69","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/pair-aidance-addictions-bretagne.bzh\/index.php\/wp-json\/wp\/v2\/pages\/69","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pair-aidance-addictions-bretagne.bzh\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/pair-aidance-addictions-bretagne.bzh\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/pair-aidance-addictions-bretagne.bzh\/index.php\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/pair-aidance-addictions-bretagne.bzh\/index.php\/wp-json\/wp\/v2\/comments?post=69"}],"version-history":[{"count":227,"href":"https:\/\/pair-aidance-addictions-bretagne.bzh\/index.php\/wp-json\/wp\/v2\/pages\/69\/revisions"}],"predecessor-version":[{"id":2070,"href":"https:\/\/pair-aidance-addictions-bretagne.bzh\/index.php\/wp-json\/wp\/v2\/pages\/69\/revisions\/2070"}],"wp:attachment":[{"href":"https:\/\/pair-aidance-addictions-bretagne.bzh\/index.php\/wp-json\/wp\/v2\/media?parent=69"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}