{"id":5837,"date":"2025-11-24T11:40:43","date_gmt":"2025-11-24T10:40:43","guid":{"rendered":"https:\/\/refonte.dac-varouest.fr\/?page_id=5837"},"modified":"2026-03-24T09:44:52","modified_gmt":"2026-03-24T08:44:52","slug":"accompagner-une-personne-ayant-un-syndrome-de-diogene","status":"publish","type":"page","link":"https:\/\/dac-varouest.fr\/index.php\/ressources\/morienter\/accompagner-une-personne-ayant-un-syndrome-de-diogene\/","title":{"rendered":"Accompagnement d&#8217;une personne avec un syndrome de Diog\u00e8ne"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"5837\" class=\"elementor elementor-5837\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-79d2545 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"79d2545\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-c757cd4\" data-id=\"c757cd4\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-a005b6f elementor-widget elementor-widget-html\" data-id=\"a005b6f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n\/* ------------------------------\r\n   WRAPPER GLOBAL - DIOGENE\r\n------------------------------ *\/\r\n.dac-diogene-wrapper {\r\n  max-width: 900px;\r\n  margin: 0 auto;\r\n  padding: 20px 10px 60px;\r\n  font-family: \"Poppins\", sans-serif;\r\n}\r\n\r\n.dac-diogene-subtitle {\r\n  text-align: center;\r\n  font-size: 18px;\r\n  color: #444;\r\n  margin-bottom: 30px;\r\n}\r\n\r\n\/* ------------------------------\r\n   FORMULAIRE PRINCIPAL\r\n------------------------------ *\/\r\n.dac-diogene-form {\r\n  position: relative;\r\n  padding-left: 40px;\r\n}\r\n\r\n\/* Ligne verticale de progression *\/\r\n.dac-diogene-form::before {\r\n  content: \"\";\r\n  position: absolute;\r\n  left: 20px;\r\n  top: 0;\r\n  bottom: 0;\r\n  width: 4px;\r\n  background: #d6e4ff;\r\n  border-radius: 4px;\r\n}\r\n\r\n\/* ------------------------------\r\n   CARTES (questions & r\u00e9sultats)\r\n------------------------------ *\/\r\n.dac-p-step {\r\n  background: #ffffff;\r\n  border-radius: 16px;\r\n  padding: 22px 24px;\r\n  margin-bottom: 28px;\r\n  box-shadow: 0 8px 20px rgba(0,0,0,0.06);\r\n  border-left: 6px solid #2865b4;\r\n  position: relative;\r\n  transition: 0.3s ease;\r\n}\r\n\r\n\/* Point de progression *\/\r\n.dac-p-step::before {\r\n  content: \"\";\r\n  position: absolute;\r\n  left: -28px;\r\n  top: 28px;\r\n  width: 14px;\r\n  height: 14px;\r\n  background: #2865b4;\r\n  border-radius: 50%;\r\n}\r\n\r\n\/* Titre des questions *\/\r\n.dac-p-question {\r\n  font-size: 20px;\r\n  font-weight: 600;\r\n  margin-bottom: 16px;\r\n  color: #14335e;\r\n}\r\n\r\n\/* ------------------------------\r\n   BOUTONS OUI \/ NON\r\n------------------------------ *\/\r\n.dac-p-buttons {\r\n  display: flex;\r\n  gap: 12px;\r\n  flex-wrap: wrap;\r\n}\r\n\r\n.dac-p-btn {\r\n  flex: 1 1 150px;\r\n  padding: 12px 20px;\r\n  border-radius: 999px;\r\n  border: 2px solid #2865b4;\r\n  background: #fff;\r\n  color: #2865b4;\r\n  font-weight: 600;\r\n  font-size: 16px;\r\n  cursor: pointer;\r\n  transition: all 0.25s ease;\r\n}\r\n\r\n.dac-p-btn:hover {\r\n  background: #2865b4;\r\n  color: #fff;\r\n  transform: translateY(-2px);\r\n}\r\n\r\n\/* ------------------------------\r\n   BOUTON \"Je veux signaler\"\r\n------------------------------ *\/\r\n.dac-p-actions {\r\n  display: flex;\r\n  gap: 12px;\r\n  flex-wrap: wrap;\r\n}\r\n\r\n.dac-p-action-btn {\r\n  flex: 1 1 260px;\r\n  border-radius: 12px;\r\n  border: 2px solid #2865b4;\r\n  padding: 14px 18px;\r\n  background: #ffffff;\r\n  color: #2865b4;\r\n  font-weight: 600;\r\n  font-size: 16px;\r\n  cursor: pointer;\r\n  transition: 0.25s ease;\r\n}\r\n\r\n.dac-p-action-btn:hover {\r\n  background: #2865b4;\r\n  color: #fff;\r\n  transform: translateY(-2px);\r\n}\r\n\r\n\/* Bouton s\u00e9lectionn\u00e9 (Oui \/ Non \/ action) *\/\r\n.dac-p-btn.selected,\r\n.dac-p-action-btn.selected {\r\n  background: #2865b4 !important;\r\n  color: #fff !important;\r\n  border-color: #2865b4 !important;\r\n  box-shadow: 0 6px 16px rgba(0,0,0,0.12);\r\n  transform: none !important;\r\n}\r\n\r\n\/* ------------------------------\r\n   BLOCS DE R\u00c9PONSE\r\n------------------------------ *\/\r\n.dac-p-step--result {\r\n  background: #f7faff;\r\n  border-left-color: #ffb300;\r\n}\r\n\r\n.dac-p-step--result::before {\r\n  background: #ffb300;\r\n}\r\n\r\n.dac-p-step--result p,\r\n.dac-p-step--result ul {\r\n  font-size: 17px;\r\n  line-height: 1.7;\r\n  margin-bottom: 3px;\r\n  margin-top: 15px;\r\n}\r\n\r\n\/* ------------------------------\r\n   LIENS\r\n------------------------------ *\/\r\n.dac-p-link {\r\n  text-decoration: none;\r\n  color: #2865b4;\r\n  font-weight: 600;\r\n  font-size: 16px;\r\n  margin-top: 1px;\r\n  margin-bottom: 8px;\r\n  display: inline-block;\r\n}\r\n\r\n.dac-p-link:hover {\r\n  text-decoration: underline;\r\n}\r\n\r\n.dac-p-two-links-simple {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 8px;\r\n  margin: 15px 0;\r\n}\r\n\r\n\/* ------------------------------\r\n   RESPONSIVE\r\n------------------------------ *\/\r\n@media (max-width: 600px) {\r\n  .dac-diogene-form {\r\n    padding-left: 10px;\r\n  }\r\n\r\n  .dac-diogene-form::before {\r\n    left: 6px;\r\n  }\r\n\r\n  .dac-p-step::before {\r\n    left: -18px;\r\n  }\r\n\r\n  .dac-p-btn,\r\n  .dac-p-action-btn {\r\n    flex: 1 1 100%;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<section class=\"dac-diogene-wrapper\">\r\n  <p class=\"dac-diogene-subtitle\">\r\n    R\u00e9pondez aux questions ci-dessous pour \u00eatre orient\u00e9 vers la bonne ressource.\r\n  <\/p>\r\n\r\n  <div class=\"dac-diogene-form\">\r\n\r\n    <!-- \u00c9TAPE Q1 -->\r\n    <div class=\"dac-p-step\" data-step=\"q1\">\r\n      <p class=\"dac-p-question\">\r\n        Je veux des informations sur le syndrome de Diog\u00e8ne.\r\n      <\/p>\r\n      <div class=\"dac-p-buttons\">\r\n        <button class=\"dac-p-btn\" data-answer=\"q1-oui\">Oui<\/button>\r\n        <button class=\"dac-p-btn\" data-answer=\"q1-non\">Non<\/button>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- \u00c9TAPE INFO (Q1 = oui) -->\r\n    <div class=\"dac-p-step dac-p-step--result\" data-step=\"info\">\r\n      <p>\r\n        Pour des informations sur le syndrome de Diog\u00e8ne, vous pouvez consulter&nbsp;:\r\n      <\/p>\r\n\r\n      <div class=\"dac-p-two-links-simple\">\r\n        <a href=\"https:\/\/dac-varouest.fr\/index.php\/syndrome-de-diogene-2\/\"\r\n           target=\"_blank\"\r\n           class=\"dac-p-link\">\r\n          \u279c Page \u00ab&nbsp;Syndrome de Diog\u00e8ne&nbsp;\u00bb du DAC Var Ouest\r\n        <\/a>\r\n\r\n        <a href=\"https:\/\/www.cres-paca.org\/thematiques-sante\/sante-environnementale\/nos-activites-en-sante-environnementale\/syndrome-de-diogene--un-webinaire-le-3-avril-et-le-12-mai-2023\"\r\n           target=\"_blank\"\r\n           class=\"dac-p-link\">\r\n          \u279c Webinaire du CRES PACA sur le syndrome de Diog\u00e8ne\r\n        <\/a>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- \u00c9TAPE CHOIX (Q1 = non) -->\r\n    <div class=\"dac-p-step\" data-step=\"choice\">\r\n      <p class=\"dac-p-question\">\r\n        Que souhaitez-vous faire ?\r\n      <\/p>\r\n      <div class=\"dac-p-actions\">\r\n        <button class=\"dac-p-action-btn\" data-action=\"signaler\">\r\n          Je veux signaler une situation\r\n        <\/button>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- \u00c9TAPE SIGNALEMENT -->\r\n    <div class=\"dac-p-step dac-p-step--result\" data-step=\"signalement\">\r\n      <p><strong>Je veux signaler une situation :<\/strong><\/p>\r\n\r\n      <p>\r\n        Pour toute situation de Diog\u00e8ne av\u00e9r\u00e9e, envoyer un mail au\r\n        <strong>Guichet unique des Compagnons B\u00e2tisseurs Provence<\/strong> :\r\n        <a href=\"mailto:gudio@compagnonsbatisseurs.eu\">gudio@compagnonsbatisseurs.eu<\/a><br>\r\n        en pr\u00e9cisant en objet <strong>\u00ab&nbsp;signalement GU 83&nbsp;\u00bb<\/strong>.\r\n      <\/p>\r\n\r\n      <p>\r\n        En cas de suspicion de syndrome de Diog\u00e8ne, une\r\n        <strong>Hotline d\u00e9di\u00e9e<\/strong> est \u00e0 votre disposition pour vous apporter\r\n        des conseils : <strong>06 08 03 80 74<\/strong>.\r\n      <\/p>\r\n\r\n      <p>\r\n        En cas de situation complexe, une\r\n        <strong>Cellule d\u2019appui ARS PACA \u2013 Compagnons B\u00e2tisseurs Provence \u2013 DAC Var Ouest<\/strong>\r\n        se r\u00e9unira pour d\u00e9finir un plan d\u2019actions concert\u00e9.\r\n      <\/p>\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n<script>\r\ndocument.addEventListener(\"DOMContentLoaded\", () => {\r\n\r\n  const form = document.querySelector(\".dac-diogene-form\");\r\n\r\n  const stepQ1        = form.querySelector('[data-step=\"q1\"]');\r\n  const stepInfo      = form.querySelector('[data-step=\"info\"]');\r\n  const stepChoice    = form.querySelector('[data-step=\"choice\"]');\r\n  const stepSignal    = form.querySelector('[data-step=\"signalement\"]');\r\n\r\n  const state = {\r\n    q1: null,     \/\/ \"oui\" \/ \"non\"\r\n    action: null  \/\/ \"signaler\"\r\n  };\r\n\r\n  function selectButton(button) {\r\n    const step = button.closest(\".dac-p-step\");\r\n    if (!step) return;\r\n    step.querySelectorAll(\".dac-p-btn, .dac-p-action-btn\").forEach(b => {\r\n      b.classList.remove(\"selected\");\r\n    });\r\n    button.classList.add(\"selected\");\r\n  }\r\n\r\n  function updateSteps() {\r\n    \/\/ Q1 toujours visible\r\n    stepQ1.style.display = \"block\";\r\n\r\n    if (state.q1 === \"oui\") {\r\n      stepInfo.style.display   = \"block\";\r\n      stepChoice.style.display = \"none\";\r\n      stepSignal.style.display = \"none\";\r\n\r\n    } else if (state.q1 === \"non\") {\r\n      stepInfo.style.display   = \"none\";\r\n      stepChoice.style.display = \"block\";\r\n\r\n      if (state.action === \"signaler\") {\r\n        stepSignal.style.display = \"block\";\r\n      } else {\r\n        stepSignal.style.display = \"none\";\r\n      }\r\n\r\n    } else {\r\n      \/\/ pas encore de r\u00e9ponse \u00e0 Q1\r\n      stepInfo.style.display   = \"none\";\r\n      stepChoice.style.display = \"none\";\r\n      stepSignal.style.display = \"none\";\r\n    }\r\n  }\r\n\r\n  \/\/ init\r\n  updateSteps();\r\n\r\n  \/\/ Q1 : Oui \/ Non\r\n  stepQ1.querySelectorAll(\".dac-p-btn\").forEach(btn => {\r\n    btn.addEventListener(\"click\", () => {\r\n      selectButton(btn);\r\n      const answer = btn.dataset.answer; \/\/ \"q1-oui\" \/ \"q1-non\"\r\n      state.q1 = (answer === \"q1-oui\") ? \"oui\" : \"non\";\r\n\r\n      \/\/ reset suite\r\n      state.action = null;\r\n      updateSteps();\r\n    });\r\n  });\r\n\r\n  \/\/ Choix : \"Je veux signaler une situation\"\r\n  stepChoice.querySelectorAll(\".dac-p-action-btn\").forEach(btn => {\r\n    btn.addEventListener(\"click\", () => {\r\n      selectButton(btn);\r\n      state.action = btn.dataset.action; \/\/ \"signaler\"\r\n      updateSteps();\r\n      stepSignal.scrollIntoView({ behavior: \"smooth\" });\r\n    });\r\n  });\r\n\r\n});\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>R\u00e9pondez aux questions ci-dessous pour \u00eatre orient\u00e9 vers la bonne ressource. Je veux des informations sur le syndrome de Diog\u00e8ne. Oui Non Pour des informations sur le syndrome de Diog\u00e8ne, vous pouvez consulter\u00a0: \u279c Page \u00ab\u00a0Syndrome de Diog\u00e8ne\u00a0\u00bb du DAC Var Ouest \u279c Webinaire du CRES PACA sur le syndrome de Diog\u00e8ne Que souhaitez-vous faire <\/p>\n","protected":false},"author":7,"featured_media":0,"parent":5344,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-5837","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/dac-varouest.fr\/index.php\/wp-json\/wp\/v2\/pages\/5837","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dac-varouest.fr\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/dac-varouest.fr\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/dac-varouest.fr\/index.php\/wp-json\/wp\/v2\/users\/7"}],"replies":[{"embeddable":true,"href":"https:\/\/dac-varouest.fr\/index.php\/wp-json\/wp\/v2\/comments?post=5837"}],"version-history":[{"count":9,"href":"https:\/\/dac-varouest.fr\/index.php\/wp-json\/wp\/v2\/pages\/5837\/revisions"}],"predecessor-version":[{"id":8676,"href":"https:\/\/dac-varouest.fr\/index.php\/wp-json\/wp\/v2\/pages\/5837\/revisions\/8676"}],"up":[{"embeddable":true,"href":"https:\/\/dac-varouest.fr\/index.php\/wp-json\/wp\/v2\/pages\/5344"}],"wp:attachment":[{"href":"https:\/\/dac-varouest.fr\/index.php\/wp-json\/wp\/v2\/media?parent=5837"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}