{"id":7586,"date":"2025-12-11T10:32:48","date_gmt":"2025-12-11T09:32:48","guid":{"rendered":"https:\/\/refonte.dac-varouest.fr\/?page_id=7586"},"modified":"2025-12-11T11:09:00","modified_gmt":"2025-12-11T10:09:00","slug":"mise-en-place-daides-pour-les-personnes-agees-de-60-et-plus","status":"publish","type":"page","link":"https:\/\/dac-varouest.fr\/index.php\/mise-en-place-daides-pour-les-personnes-agees-de-60-et-plus\/","title":{"rendered":"Mise en place d\u2019aides pour les personnes \u00e2g\u00e9es de 60 et plus"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"7586\" class=\"elementor elementor-7586\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-a39ea1c elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"a39ea1c\" 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-b9a69a5\" data-id=\"b9a69a5\" 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-b2a5eed elementor-widget elementor-widget-html\" data-id=\"b2a5eed\" 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 - AIDES 60+\r\n------------------------------ *\/\r\n.dac-aides60-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-aides60-title {\r\n  text-align: center;\r\n  font-size: 32px;\r\n  font-weight: 700;\r\n  color: #2865b4;\r\n  margin-bottom: 10px;\r\n}\r\n\r\n.dac-aides60-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-aides60-form {\r\n  position: relative;\r\n  padding-left: 40px;\r\n}\r\n\r\n\/* Ligne verticale de progression *\/\r\n.dac-aides60-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 sur la \u00ab ligne \u00bb *\/\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 question *\/\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   BOUTONS ACTIONS\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 *\/\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 R\u00c9SULTATS\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.dac-p-step--result ol {\r\n  font-size: 17px;\r\n  line-height: 1.7;\r\n  margin-bottom: 6px;\r\n  margin-top: 10px;\r\n}\r\n\r\n\/* LIENS *\/\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: 2px;\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\/* ------------------------------\r\n   RESPONSIVE\r\n------------------------------ *\/\r\n@media (max-width: 600px) {\r\n  .dac-aides60-form {\r\n    padding-left: 10px;\r\n  }\r\n\r\n  .dac-aides60-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-aides60-wrapper\">\r\n\r\n  <h2 class=\"dac-aides60-title\">Mise en place d\u2019aides pour les personnes \u00e2g\u00e9es de 60 et plus<\/h2>\r\n  <p class=\"dac-aides60-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-aides60-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 les droits et les aides.\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    <!-- R\u00c9SULTAT Q1 = OUI -->\r\n    <div class=\"dac-p-step dac-p-step--result\" data-step=\"info\">\r\n      <p><strong>Deux possibilit\u00e9s :<\/strong><\/p>\r\n      <ol>\r\n          \r\n          <li>\r\n          <strong>Je consulte la carte des CLIC et les ressources territoriales :<\/strong><br>\r\n          <a href=\"https:\/\/dac-varouest.fr\/index.php\/centre-local-dinformation-et-de-coordination-clic-2\/\"\r\n             target=\"_blank\"\r\n             class=\"dac-p-link\">\r\n            \u279c Consulter la page \u00ab Centre de ressources territorial \u00bb\r\n          <\/a>\r\n        <\/li>\r\n        <li>\r\n          <strong>Je saisis ma commune de r\u00e9sidence<\/strong> pour conna\u00eetre les\r\n          structures de proximit\u00e9 (CLIC ou, en l\u2019absence de CLIC, le CCAS).<br>\r\n          <a href=\"#\"\r\n             class=\"dac-p-link\">\r\n            \u279c Formulaire en cours de d\u00e9veloppement \r\n          <\/a>\r\n        <\/li>\r\n        \r\n      <\/ol>\r\n    <\/div>\r\n\r\n    <!-- Q1 = NON : CHOIX SIGNALEMENT \/ \u00c9VALUATION -->\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        <button class=\"dac-p-action-btn\" data-action=\"evaluer\">\r\n          Je veux \u00e9valuer une situation\r\n        <\/button>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- R\u00c9SULTAT : 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      <p>\r\n        Ce bloc est \u00e0 compl\u00e9ter sur la base de l\u2019arbre d\u00e9cisionnel\r\n        (modalit\u00e9s de signalement, contacts, partenaires\u2026).\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <!-- R\u00c9SULTAT : \u00c9VALUATION -->\r\n    <div class=\"dac-p-step dac-p-step--result\" data-step=\"evaluation\">\r\n      <p><strong>Je veux \u00e9valuer une situation :<\/strong><\/p>\r\n      <p>\r\n        Ce bloc est \u00e0 compl\u00e9ter avec les \u00e9tapes d\u2019\u00e9valuation \u00e0 60 ans et plus\r\n        (outils, crit\u00e8res, orientation\u2026), selon le sch\u00e9ma valid\u00e9 avec l\u2019\u00e9quipe.\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-aides60-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  const stepEval    = form.querySelector('[data-step=\"evaluation\"]');\r\n\r\n  const state = {\r\n    q1: null,     \/\/ \"oui\" \/ \"non\"\r\n    action: null  \/\/ \"signaler\" \/ \"evaluer\"\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      stepEval.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        stepEval.style.display   = \"none\";\r\n      } else if (state.action === \"evaluer\") {\r\n        stepSignal.style.display = \"none\";\r\n        stepEval.style.display   = \"block\";\r\n      } else {\r\n        stepSignal.style.display = \"none\";\r\n        stepEval.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      stepEval.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      state.action = null; \/\/ reset\r\n      updateSteps();\r\n    });\r\n  });\r\n\r\n  \/\/ Choix : signaler \/ \u00e9valuer\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\" \/ \"evaluer\"\r\n      updateSteps();\r\n\r\n      const target =\r\n        state.action === \"signaler\" ? stepSignal :\r\n        state.action === \"evaluer\" ? stepEval : null;\r\n\r\n      if (target) {\r\n        target.scrollIntoView({ behavior: \"smooth\" });\r\n      }\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>Mise en place d\u2019aides pour les personnes \u00e2g\u00e9es de 60 et plus R\u00e9pondez aux questions ci-dessous pour \u00eatre orient\u00e9 vers la bonne ressource. Je veux des informations sur les droits et les aides. Oui Non Deux possibilit\u00e9s : Je consulte la carte des CLIC et les ressources territoriales : \u279c Consulter la page \u00ab Centre <\/p>\n","protected":false},"author":7,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-7586","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/dac-varouest.fr\/index.php\/wp-json\/wp\/v2\/pages\/7586","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=7586"}],"version-history":[{"count":10,"href":"https:\/\/dac-varouest.fr\/index.php\/wp-json\/wp\/v2\/pages\/7586\/revisions"}],"predecessor-version":[{"id":7630,"href":"https:\/\/dac-varouest.fr\/index.php\/wp-json\/wp\/v2\/pages\/7586\/revisions\/7630"}],"wp:attachment":[{"href":"https:\/\/dac-varouest.fr\/index.php\/wp-json\/wp\/v2\/media?parent=7586"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}