{"id":2893,"date":"2023-11-23T14:46:51","date_gmt":"2023-11-23T13:46:51","guid":{"rendered":"https:\/\/refonte.dac-varouest.fr\/?page_id=2893"},"modified":"2026-03-24T09:55:44","modified_gmt":"2026-03-24T08:55:44","slug":"missions","status":"publish","type":"page","link":"https:\/\/dac-varouest.fr\/index.php\/presentation-dac-var-ouest\/missions\/","title":{"rendered":"Missions"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"2893\" class=\"elementor elementor-2893\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-0a3882e elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"0a3882e\" 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-49088fc\" data-id=\"49088fc\" 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-502dfba elementor-widget elementor-widget-html\" data-id=\"502dfba\" 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  \/* WRAPPER GLOBAL DU MODULE \"MISSIONS\" *\/\r\n  .dac-mission-wrapper {\r\n    max-width: 1300px;\r\n    margin: 0 auto;\r\n    padding: 10px 20px 60px;\r\n    font-family: \"Poppins\", sans-serif;\r\n    color: #1c1c1c;\r\n  }\r\n\r\n  \/* INTRO ENCADR\u00c9E *\/\r\n  .dac-mission-intro {\r\n  background: none;\r\n  padding: 0;\r\n  border-radius: 0;\r\n  box-shadow: none;\r\n  text-align: center;\r\n  margin: 0 auto 40px;\r\n  max-width: 1100px;\r\n}\r\n\r\n.dac-mission-intro p {\r\n  font-size: 20px;\r\n  line-height: 1.7;\r\n  margin-bottom: 22px;\r\n  color: #2865b4;      \/* bleu DAC *\/\r\n  font-weight: 500;\r\n}\r\n\r\n  .dac-mission-intro h2 {\r\n    font-size: 26px;\r\n    font-weight: 700;\r\n    color: #2865b4;\r\n    margin-bottom: 16px;\r\n  }\r\n\r\n  \/* ONGLET BOUTONS *\/\r\n  .dac-mission-tabs {\r\n    display: flex;\r\n    gap: 15px;\r\n    margin: 0 auto 30px;\r\n    flex-wrap: wrap;\r\n    max-width: 1100px;\r\n  }\r\n\r\n  .dac-mission-tab-btn {\r\n    flex: 1 1 220px;\r\n    border-radius: 999px;\r\n    border: 2px solid #2865b4;\r\n    padding: 14px 24px;\r\n    background: #ffffff;\r\n    color: #2865b4;\r\n    font-weight: 600;\r\n    font-size: 18px;\r\n    text-align: center;\r\n    cursor: pointer;\r\n    transition: all 0.2s ease;\r\n  }\r\n\r\n  .dac-mission-tab-btn:hover {\r\n    background: #eaf3ff;\r\n  }\r\n\r\n  .dac-mission-tab-btn.active {\r\n    background: #2865b4;\r\n    color: #ffffff;\r\n    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.12);\r\n  }\r\n\r\n  \/* CONTENU DES ONGLETS *\/\r\n  .dac-mission-tabpanel {\r\n    display: none !important;\r\n    background: #f5f8ff;\r\n    border-radius: 18px;\r\n    padding: 30px 28px 35px;\r\n    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.06);\r\n    max-width: 1300px;\r\n    margin: 0 auto 25px;\r\n  }\r\n\r\n  .dac-mission-tabpanel.active {\r\n    display: block !important;\r\n  }\r\n\r\n  .dac-mission-tabpanel h2 {\r\n    font-size: 35px;\r\n    font-weight: 700;\r\n    color: #2865b4;\r\n    margin-bottom: 10px;\r\n  }\r\n\r\n  .dac-mission-underline,\r\n  .dac-mission2-underline {\r\n    width: 120px;\r\n    height: 3px;\r\n    background: #2865b4;\r\n    border-radius: 999px;\r\n    margin-bottom: 22px;\r\n  }\r\n\r\n  .dac_mission_text1,\r\n  .dac_mission2_text1 {\r\n    font-size: 20px;\r\n    line-height: 1.8;\r\n    margin-bottom: 22px;\r\n    text-align: justify;\r\n  }\r\n\r\n  .dac_mission_text1 p,\r\n  .dac_mission2_text1 p {\r\n    margin-bottom: 10px;\r\n  }\r\n\r\n  \/* IMAGES \/ BLOCS DANS CHAQUE MISSION *\/\r\n  .dac-mission-images,\r\n  .dac-mission2-images {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    gap: 20px;\r\n    margin-top: 10px;\r\n  }\r\n\r\n  \/* MISSION 1 : 3 BLOCS ALIGN\u00c9S *\/\r\n\/* ======== GALERIE MISSION 1 ======== *\/\r\n\r\n.dac-mission-gallery {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 24px;\r\n}\r\n\r\n\/* Rang\u00e9e des petites cartes *\/\r\n.dac-mission-thumbs {\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  gap: 18px;\r\n  justify-content: space-between;\r\n}\r\n\r\n\/* Carte vignette *\/\r\n.dac-mission-thumb {\r\n  flex: 1 1 30%;\r\n  background: #ffffff;\r\n  border-radius: 16px;\r\n  padding: 14px 14px 16px;\r\n  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.04);\r\n  cursor: pointer;\r\n  display: flex;\r\n  flex-direction: column;\r\n  transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease;\r\n  border: 2px solid transparent;\r\n}\r\n\r\n.dac-mission-thumb h3 {\r\n  font-size: 18px;\r\n  font-weight: 700;\r\n  color: #2865b4;\r\n  margin-bottom: 4px;\r\n}\r\n\r\n.dac-mission-thumb p {\r\n  font-size: 15px;\r\n  line-height: 1.5;\r\n  margin-bottom: 10px;\r\n  color: #333;\r\n}\r\n\r\n.dac-mission-thumb img {\r\n  width: 100%;\r\n  height: auto;\r\n  display: block;\r\n}\r\n\r\n\/* Effet hover et actif *\/\r\n.dac-mission-thumb:hover {\r\n  transform: translateY(-3px);\r\n  box-shadow: 0 10px 24px rgba(0,0,0,0.08);\r\n  border-color: #2865b4;\r\n}\r\n\r\n.dac-mission-thumb.active {\r\n  border-color: #2865b4;\r\n}\r\n\r\n\/* Bloc grande image *\/\r\n.dac-mission-main {\r\n  background: #ffffff;\r\n  border-radius: 18px;\r\n  padding: 20px 22px;\r\n  box-shadow: 0 10px 26px rgba(0,0,0,0.06);\r\n  display: none; \/* cach\u00e9 tant qu\u2019aucune image n\u2019a \u00e9t\u00e9 survol\u00e9e\/cliqu\u00e9e *\/\r\n}\r\n\r\n\/* Quand on a du contenu, on l\u2019affiche (JS ajoutera la classe filled) *\/\r\n.dac-mission-main.filled {\r\n  display: block;\r\n}\r\n\r\n\/* Contenu interne de la grande carte *\/\r\n.dac-mission-main-inner {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 14px;\r\n}\r\n\r\n.dac-mission-main-inner h3 {\r\n  font-size: 30px;\r\n  font-weight: 700;\r\n  color: #2865b4;\r\n  margin: 0;\r\n}\r\n\r\n.dac-mission-main-inner p {\r\n  font-size: 20px;\r\n  line-height: 1.6;\r\n  margin: 0;\r\n}\r\n\r\n.dac-mission-main-inner img {\r\n  width: 100%;\r\n  height: auto;\r\n  display: block;\r\n  border-radius: 12px;\r\n}\r\n\r\n\/* Responsive *\/\r\n@media (max-width: 900px) {\r\n  .dac-mission-thumbs {\r\n    flex-direction: column;\r\n  }\r\n  .dac-mission-thumb {\r\n    flex: 1 1 100%;\r\n  }\r\n}\r\n\r\n\r\n  \/* MISSION 2 : 1 BLOC IMAGE CENTRAL *\/\r\n  .dac-mission-images--mission2 {\r\n    justify-content: center;\r\n  }\r\n\r\n  .dac-mission-images--mission2 .dac-mission-at-image {\r\n    background: #ffffff;\r\n    border-radius: 16px;\r\n    padding: 18px;\r\n    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.04);\r\n    max-width: auto;\r\n    width: 100%;\r\n  }\r\n\r\n  .dac-mission-images--mission2 img {\r\n    width: 100%;\r\n    height: auto;\r\n    display: block;\r\n  }\r\n\r\n  \/* Petits ajustements de texte *\/\r\n  .dac-mission-asco-image p,\r\n  .dac-mission-cp-image p,\r\n  .dac-mission-cpc-image p {\r\n    margin-bottom: 12px;\r\n  }\r\n\r\n  \/* RESPONSIVE *\/\r\n  @media (max-width: 900px) {\r\n    .dac-mission-intro {\r\n      padding: 28px 22px;\r\n      margin-top: -20px;\r\n    }\r\n\r\n    .dac-mission-tabpanel {\r\n      padding: 22px 18px 25px;\r\n    }\r\n\r\n    .dac-mission-images--mission1 > div {\r\n      flex: 1 1 100%;\r\n    }\r\n\r\n    .dac-mission-images--mission2 .dac-mission-at-image {\r\n      max-width: 100%;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 600px) {\r\n    .dac-mission-intro h2 {\r\n      font-size: 22px;\r\n    }\r\n\r\n    .dac-mission-intro p {\r\n      font-size: 16px;\r\n    }\r\n\r\n    .dac-mission-tab-btn {\r\n      font-size: 16px;\r\n      padding: 10px 18px;\r\n    }\r\n\r\n    .dac_mission_text1,\r\n    .dac_mission2_text1 {\r\n      font-size: 16px;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n\r\n<div class=\"dac-mission-wrapper\">\r\n\r\n  <!-- INTRO ENCADR\u00c9E -->\r\n  <section class=\"dac-mission-intro\">\r\n    <p>\r\n       Le DAC contribue \u00e0 la mise en place d\u2019une dynamique vertueuse avec les acteurs du territoire qui s\u2019apparente \u00e0 une d\u00e9marche continue d\u2019am\u00e9lioration de la qualit\u00e9\r\n    <\/p>\r\n    <p>\r\n      Les missions attendues du DAC Var Ouest sont assur\u00e9es par les professionnels du p\u00f4le \r\n      Coordination, Appui aux parcours de sant\u00e9 et ceux du p\u00f4le Projets et animation territoriale\r\n    <\/p>\r\n  <\/section>\r\n  \r\n  <!-- ONGLET BOUTONS -->\r\n  <div class=\"dac-mission-tabs\">\r\n    <button class=\"dac-mission-tab-btn active\" data-mission-tab=\"mission1\">\r\n      Mission 1 : <br>\r\n      Appui aux parcours de sant\u00e9\r\n    <\/button>\r\n    <button class=\"dac-mission-tab-btn\" data-mission-tab=\"mission2\">\r\n      Mission 2 : <br>\r\n      Animation territoriale\r\n    <\/button>\r\n  <\/div>\r\n  \r\n  <!-- ONGLET 1 : MISSION 1 -->\r\n  <section class=\"dac-mission-tabpanel active\" id=\"mission1\">\r\n    <h2>Appui aux parcours de sant\u00e9<\/h2>\r\n    <div class=\"dac_mission_text1\">\r\n        <p>Le p\u00f4le coordination a pour mission d'offrir \u00e0 la personne dont le parcours est complexe une r\u00e9ponse globale et \r\n            coordonn\u00e9e quelques soient son \u00e2ge, sa pathologie, son handicap ou sa situation\r\n        <\/p>\r\n        <p>L'appui aux parcours de sant\u00e9 est divis\u00e9 en trois activit\u00e9s\r\n        <\/p>\r\n    <\/div>\r\n    <div class=\"dac-mission-underline\"><\/div>\r\n\r\n    <div class=\"dac-mission-gallery\">\r\n    \r\n      <!-- Zone des petites cartes (vignettes) -->\r\n      <div class=\"dac-mission-thumbs\">\r\n        <div class=\"dac-mission-thumb\" data-key=\"asco\">\r\n          <h3>Information et orientation<\/h3>\r\n          <p>Les r\u00f4les des Assistantes de Coordination :<\/p>\r\n          <img decoding=\"async\" src=\"https:\/\/dac-varouest.fr\/wp-content\/uploads\/2025\/11\/ASCO.svg\"\r\n               alt=\"Assistante de Coordination\">\r\n        <\/div>\r\n    \r\n        <div class=\"dac-mission-thumb\" data-key=\"cp\">\r\n          <h3>Coordination soutenue<\/h3>\r\n          <p>La coordination t\u00e9l\u00e9phonique par les Coordinateurs de Parcours :<\/p>\r\n          <img decoding=\"async\" src=\"https:\/\/dac-varouest.fr\/wp-content\/uploads\/2025\/11\/CP.svg\"\r\n               alt=\"Coordinateur de Parcours\">\r\n        <\/div>\r\n    \r\n        <div class=\"dac-mission-thumb\" data-key=\"cpc\">\r\n          <h3>Coordination intensive<\/h3>\r\n          <p>Les r\u00f4les des Coordinateurs de Parcours Complexe :<\/p>\r\n          <img decoding=\"async\" src=\"https:\/\/dac-varouest.fr\/wp-content\/uploads\/2025\/11\/CPC.svg\"\r\n               alt=\"Coordinateur de Parcours Complexe\">\r\n        <\/div>\r\n      <\/div>\r\n    \r\n      <!-- Zone de la grande image (remplie par JS au survol \/ clic) -->\r\n      <div class=\"dac-mission-main\" id=\"dac-mission-main\"><\/div>\r\n\r\n<\/div>\r\n\r\n  <\/section>\r\n  \r\n  <!-- ONGLET 2 : MISSION 2 -->\r\n  <section class=\"dac-mission-tabpanel\" id=\"mission2\">\r\n    <h2>Animation territoriale<\/h2>\r\n    <div class=\"dac_mission2_text1\">\r\n        <p>\r\n          Le p\u00f4le Animation Territoriale participe \u00e0 la structuration \r\n          territoriale des parcours de sant\u00e9 afin d'am\u00e9liorer les parcours,\r\n          et d'\u00e9viter les ruptures.\r\n        <\/p>\r\n    <\/div>\r\n    <div class=\"dac-mission2-underline\"><\/div>\r\n\r\n    <div class=\"dac-mission2-images dac-mission-images--mission2\">\r\n      <div class=\"dac-mission-at-image\">\r\n        <img decoding=\"async\" src=\"https:\/\/dac-varouest.fr\/wp-content\/uploads\/2025\/12\/AT.svg\"\r\n             alt=\"Animation territoriale\">\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n<\/div>\r\n  \r\n  \r\n<script>\r\ndocument.addEventListener(\"DOMContentLoaded\", function () {\r\n  \/* ==========================\r\n     1) TABS MISSIONS\r\n     ========================== *\/\r\n  const tabButtons = document.querySelectorAll(\".dac-mission-tab-btn\");\r\n  const tabPanels  = document.querySelectorAll(\".dac-mission-tabpanel\");\r\n\r\n  tabButtons.forEach(function(btn) {\r\n    btn.addEventListener(\"click\", function() {\r\n      const target = this.getAttribute(\"data-mission-tab\"); \/\/ \"mission1\" ou \"mission2\"\r\n\r\n      \/\/ onglet actif\r\n      tabButtons.forEach(b => b.classList.remove(\"active\"));\r\n      this.classList.add(\"active\");\r\n\r\n      \/\/ affichage du bon panneau\r\n      tabPanels.forEach(function(p) {\r\n        if (p.id === target) {\r\n          p.classList.add(\"active\");\r\n        } else {\r\n          p.classList.remove(\"active\");\r\n        }\r\n      });\r\n    });\r\n  });\r\n\r\n  \/* ==========================\r\n     2) GALERIE MISSION 1\r\n     ========================== *\/\r\n  const thumbs = document.querySelectorAll(\"#mission1 .dac-mission-thumb\");\r\n  const main   = document.getElementById(\"dac-mission-main\");\r\n\r\n  \/\/ si pas de galerie, on sort\r\n  if (!thumbs.length || !main) return;\r\n\r\n  \/\/ met \u00e0 jour la grande carte depuis une vignette\r\n  function updateMain(fromThumb) {\r\n    const title = fromThumb.querySelector(\"h3\")?.textContent || \"\";\r\n    const text  = fromThumb.querySelector(\"p\")?.textContent || \"\";\r\n    const img   = fromThumb.querySelector(\"img\");\r\n\r\n    if (!img) return;\r\n\r\n    main.innerHTML = `\r\n      <div class=\"dac-mission-main-inner\">\r\n        <h3>${title}<\/h3>\r\n        <p>${text}<\/p>\r\n        <img decoding=\"async\" src=\"${img.src}\" alt=\"${img.alt || title}\">\r\n      <\/div>\r\n    `;\r\n    main.classList.add(\"filled\");\r\n  }\r\n\r\n  \/\/ comportement survol + clic\r\n  thumbs.forEach(thumb => {\r\n    \/\/ survol \u2192 pr\u00e9visualisation si rien n'est \"fix\u00e9\"\r\n    thumb.addEventListener(\"mouseenter\", () => {\r\n      if (!main.dataset.pinned) {\r\n        updateMain(thumb);\r\n      }\r\n    });\r\n\r\n    \/\/ clic \u2192 s\u00e9lection fix\u00e9e\r\n    thumb.addEventListener(\"click\", () => {\r\n      thumbs.forEach(t => t.classList.remove(\"active\"));\r\n      thumb.classList.add(\"active\");\r\n      updateMain(thumb);\r\n      main.dataset.pinned = \"true\";\r\n    });\r\n  });\r\n\r\n});\r\n<\/script>\r\n\r\n\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>Le DAC contribue \u00e0 la mise en place d\u2019une dynamique vertueuse avec les acteurs du territoire qui s\u2019apparente \u00e0 une d\u00e9marche continue d\u2019am\u00e9lioration de la qualit\u00e9 Les missions attendues du DAC Var Ouest sont assur\u00e9es par les professionnels du p\u00f4le Coordination, Appui aux parcours de sant\u00e9 et ceux du p\u00f4le Projets et animation territoriale Mission <\/p>\n","protected":false},"author":4,"featured_media":0,"parent":2571,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"advanced_seo_description":"","jetpack_seo_html_title":"","jetpack_seo_noindex":false,"footnotes":""},"class_list":["post-2893","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/dac-varouest.fr\/index.php\/wp-json\/wp\/v2\/pages\/2893","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\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/dac-varouest.fr\/index.php\/wp-json\/wp\/v2\/comments?post=2893"}],"version-history":[{"count":125,"href":"https:\/\/dac-varouest.fr\/index.php\/wp-json\/wp\/v2\/pages\/2893\/revisions"}],"predecessor-version":[{"id":8687,"href":"https:\/\/dac-varouest.fr\/index.php\/wp-json\/wp\/v2\/pages\/2893\/revisions\/8687"}],"up":[{"embeddable":true,"href":"https:\/\/dac-varouest.fr\/index.php\/wp-json\/wp\/v2\/pages\/2571"}],"wp:attachment":[{"href":"https:\/\/dac-varouest.fr\/index.php\/wp-json\/wp\/v2\/media?parent=2893"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}