{"id":9425,"date":"2026-06-24T12:35:40","date_gmt":"2026-06-24T10:35:40","guid":{"rendered":"https:\/\/dac-varouest.fr\/?page_id=9425"},"modified":"2026-07-06T11:31:41","modified_gmt":"2026-07-06T09:31:41","slug":"cassi-2","status":"publish","type":"page","link":"https:\/\/dac-varouest.fr\/index.php\/cassi-2\/","title":{"rendered":"CASSI"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"9425\" class=\"elementor elementor-9425\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-9147d39 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"9147d39\" 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-3b432d7\" data-id=\"3b432d7\" 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-097728d elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"097728d\" 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<!-- DEBUT DU BLOC HTML CASSI A COPIER DANS WORDPRESS -->\r\n<div id=\"cassi-page-wrapper\">\r\n  \r\n  <style>\r\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Outfit:wght@300;400;500;600;700;800;900&display=swap');\r\n    \r\n    #cassi-page-wrapper {\r\n      font-family: 'Outfit', -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\r\n      color: #2d3748;\r\n      background-color: #ffffff;\r\n      max-width: 1100px;\r\n      margin: 0 auto;\r\n      padding: 30px 15px;\r\n      line-height: 1.6;\r\n    }\r\n    \r\n    \/* Titres & Textes G\u00e9n\u00e9raux *\/\r\n    #cassi-page-wrapper h1, \r\n    #cassi-page-wrapper h2, \r\n    #cassi-page-wrapper h3, \r\n    #cassi-page-wrapper h4 {\r\n      font-family: 'Outfit', sans-serif;\r\n      font-weight: 700;\r\n      color: #1b2a4a;\r\n      margin-top: 0;\r\n      line-height: 1.3;\r\n    }\r\n    \r\n    #cassi-page-wrapper p {\r\n      margin-top: 0;\r\n      margin-bottom: 1.25rem;\r\n    }\r\n    \r\n    #cassi-page-wrapper a {\r\n      color: #f05a28;\r\n      text-decoration: none;\r\n      transition: all 0.2s ease;\r\n    }\r\n    \r\n    #cassi-page-wrapper a:hover {\r\n      text-decoration: underline;\r\n    }\r\n\r\n    #cassi-page-wrapper .cassi-orange {\r\n      color: #f05a28;\r\n    }\r\n    \r\n    \/* SECTION 1: HEADER *\/\r\n    #cassi-page-wrapper .cassi-header {\r\n      text-align: center;\r\n      margin-bottom: 50px;\r\n      padding: 20px 0;\r\n    }\r\n    \r\n    #cassi-page-wrapper .cassi-logo-box {\r\n      margin-bottom: 25px;\r\n    }\r\n    \r\n    #cassi-page-wrapper .cassi-logo-img {\r\n      max-width: 280px;\r\n      height: auto;\r\n      display: inline-block;\r\n    }\r\n    \r\n    #cassi-page-wrapper .cassi-main-title {\r\n      font-size: 1.65rem;\r\n      font-weight: 600;\r\n      color: #1b2a4b;\r\n      margin-bottom: 10px;\r\n    }\r\n    \r\n    #cassi-page-wrapper .cassi-main-desc {\r\n      font-size: 1.15rem;\r\n      color: #2e3d75;\r\n      max-width: 750px;\r\n      margin: 0 auto 30px auto;\r\n      font-weight: 400;\r\n    }\r\n    \r\n    #cassi-page-wrapper .cassi-pill-badge {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      background: #ffffff;\r\n      padding: 10px 25px;\r\n      border-radius: 50px;\r\n      box-shadow: 0 8px 20px rgba(27, 42, 74, 0.06);\r\n      font-weight: 500;\r\n      color: #1b2a4a;\r\n      border: 1px solid #edf2f7;\r\n      font-size: 0.95rem;\r\n    }\r\n    \r\n    #cassi-page-wrapper .cassi-pill-badge span {\r\n      color: #f05a28;\r\n      margin: 0 10px;\r\n      font-weight: bold;\r\n    }\r\n\r\n    \/* SECTION 2: PRESENTATION *\/\r\n    #cassi-page-wrapper .cassi-presentation-container {\r\n      display: flex;\r\n      align-items: flex-start;\r\n      gap: 30px;\r\n      margin-bottom: 50px;\r\n      background: #ffffff;\r\n      padding: 10px 0;\r\n    }\r\n    \r\n    #cassi-page-wrapper .cassi-mascot-left {\r\n      flex-shrink: 0;\r\n      width: 200px;\r\n      display: flex;\r\n      flex-direction: column;\r\n      align-items: center;\r\n      margin-top: 10px;\r\n      margin-right: -20px;\r\n    }\r\n    \r\n    #cassi-page-wrapper .cassi-mascot-img {\r\n      width: 100%;\r\n      height: auto;\r\n    }\r\n    \r\n    #cassi-page-wrapper .cassi-presentation-content {\r\n      flex-grow: 1;\r\n    }\r\n    \r\n    #cassi-page-wrapper .cassi-section-title-mascot {\r\n      display: flex;\r\n      align-items: center;\r\n      gap: 15px;\r\n      font-size: 1.9rem;\r\n      color: #f05a28;\r\n      font-weight: 800;\r\n      margin-bottom: 20px;\r\n    }\r\n    \r\n    #cassi-page-wrapper .cassi-text-block p {\r\n      font-size: 1.05rem;\r\n      color: #2e3d75;\r\n      text-align: justify;\r\n      line-height: 1.6;\r\n    }\r\n\r\n    \/* SECTION 3: SUMMARY & CALL TO ACTIONS *\/\r\n    #cassi-page-wrapper .cassi-summary-box {\r\n      margin-bottom: 50px;\r\n    }\r\n    \r\n    #cassi-page-wrapper .cassi-summary-intro {\r\n      font-size: 1.05rem;\r\n      color: #2e3d75;\r\n      line-height: 1.6;\r\n      margin-bottom: 35px;\r\n    }\r\n    \r\n    #cassi-page-wrapper .cassi-card-mascot-wrapper {\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      gap: 30px;\r\n      flex-wrap: wrap;\r\n      margin-bottom: 30px;\r\n    }\r\n    \r\n    #cassi-page-wrapper .cassi-cta-card {\r\n      background: #ffffff;\r\n      border-radius: 20px;\r\n      box-shadow: 0 15px 35px rgba(0, 0, 0, 0.06);\r\n      border-top: 6px solid #f05a28;\r\n      border-left: 1px solid #e2e8f0;\r\n      border-right: 1px solid #e2e8f0;\r\n      border-bottom: 1px solid #e2e8f0;\r\n      padding: 45px 35px;\r\n      max-width: 800px;\r\n      width: 100%;\r\n      text-align: center;\r\n    }\r\n    \r\n    #cassi-page-wrapper .cassi-card-header-text {\r\n      color: #f05a28;\r\n      font-weight: 800;\r\n      font-size: 1.5rem;\r\n      line-height: 1.3;\r\n      margin-bottom: 30px;\r\n    }\r\n    \r\n    #cassi-page-wrapper .cassi-action-button {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      width: 100%;\r\n      padding: 14px 20px;\r\n      border-radius: 10px;\r\n      font-weight: 700;\r\n      font-size: 1.05rem;\r\n      color: #ffffff;\r\n      transition: all 0.2s ease;\r\n      border: none;\r\n      cursor: pointer;\r\n      text-decoration: none !important;\r\n    }\r\n\r\n    #cassi-page-wrapper .cassi-buttons-row {\r\n      display: flex;\r\n      justify-content: center;\r\n      gap: 15px;\r\n      margin-bottom: 15px;\r\n      padding: 0 10px;\r\n    }\r\n    #cassi-page-wrapper .cassi-buttons-row .cassi-action-button {\r\n      width: 48%;\r\n    }\r\n    \r\n    #cassi-page-wrapper .cassi-btn-orange {\r\n      background: #f05a28;\r\n      animation: cassiPulse 2s infinite;\r\n    }\r\n    #cassi-page-wrapper .cassi-btn-orange:hover {\r\n      background: #d44517;\r\n      transform: translateY(-2px);\r\n      box-shadow: 0 6px 20px rgba(240, 90, 40, 0.35);\r\n    }\r\n    \r\n    @keyframes cassiPulse {\r\n      0% {\r\n        box-shadow: 0 0 0 0 rgba(240, 90, 40, 0.5);\r\n      }\r\n      70% {\r\n        box-shadow: 0 0 0 12px rgba(240, 90, 40, 0);\r\n      }\r\n      100% {\r\n        box-shadow: 0 0 0 0 rgba(240, 90, 40, 0);\r\n      }\r\n    }\r\n    \r\n    #cassi-page-wrapper .cassi-btn-navy {\r\n      background: #2e3d75;\r\n    }\r\n    #cassi-page-wrapper .cassi-btn-navy:hover {\r\n      background: #1e2850;\r\n      transform: translateY(-2px);\r\n    }\r\n    \r\n    #cassi-page-wrapper .cassi-action-button svg {\r\n      margin-right: 10px;\r\n      flex-shrink: 0;\r\n    }\r\n    \r\n    #cassi-page-wrapper .cassi-card-support-text {\r\n      margin-top: 25px;\r\n      font-size: 0.95rem;\r\n      color: #4a5568;\r\n      border-top: 1px dashed #e2e8f0;\r\n      padding-top: 20px;\r\n      line-height: 1.5;\r\n    }\r\n    \r\n    #cassi-page-wrapper .cassi-card-support-text a {\r\n      color: #2e3d75;\r\n      font-weight: 700;\r\n    }\r\n    \r\n    #cassi-page-wrapper .cassi-mascot-right {\r\n      width: 300px;\r\n      margin-left: -40px;\r\n      flex-shrink: 0;\r\n    }\r\n    \r\n    #cassi-page-wrapper .cassi-logos-placeholder {\r\n      text-align: center;\r\n      margin-top: 20px;\r\n      color: #ff3b30;\r\n      font-weight: 800;\r\n      font-size: 1.15rem;\r\n      letter-spacing: 1px;\r\n    }\r\n    \r\n    \/* SECTION 4: 4 PILLARS *\/\r\n    #cassi-page-wrapper .cassi-pillars-section {\r\n      margin-bottom: 60px;\r\n      display: flex;\r\n      flex-direction: column;\r\n      gap: 15px;\r\n    }\r\n    \r\n    #cassi-page-wrapper .cassi-pillar-row {\r\n      display: flex;\r\n      align-items: center;\r\n      gap: 20px;\r\n      background: #ffffff;\r\n      padding: 20px 25px;\r\n      border-radius: 6px;\r\n      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.02);\r\n      transition: transform 0.2s ease;\r\n    }\r\n    \r\n    #cassi-page-wrapper .cassi-pillar-row:hover {\r\n      transform: translateX(5px);\r\n    }\r\n    \r\n    #cassi-page-wrapper .cassi-pillar-row.pillar-blue { border-left: 4px solid #2e3d75; }\r\n    #cassi-page-wrapper .cassi-pillar-row.pillar-orange { border-left: 4px solid #f05a28; }\r\n    #cassi-page-wrapper .cassi-pillar-row.pillar-lightblue { border-left: 4px solid #90cdf4; }\r\n    #cassi-page-wrapper .cassi-pillar-row.pillar-yellow { border-left: 4px solid #ecc94b; }\r\n    \r\n    #cassi-page-wrapper .cassi-pillar-icon {\r\n      flex-shrink: 0;\r\n      width: 40px;\r\n      height: 40px;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n    }\r\n    \r\n    #cassi-page-wrapper .pillar-blue .cassi-pillar-icon { color: #2e3d75; }\r\n    #cassi-page-wrapper .pillar-orange .cassi-pillar-icon { color: #f05a28; }\r\n    #cassi-page-wrapper .pillar-lightblue .cassi-pillar-icon { color: #4299e1; }\r\n    #cassi-page-wrapper .pillar-yellow .cassi-pillar-icon { color: #dd6b20; }\r\n    \r\n    #cassi-page-wrapper .cassi-pillar-text-content {\r\n      font-size: 1.15rem;\r\n      font-weight: 500;\r\n      color: #2e3d75;\r\n    }\r\n\r\n    \/* SECTION 5: STATS & MOCKUPS *\/\r\n    #cassi-page-wrapper .cassi-stats-container {\r\n      margin-bottom: 60px;\r\n    }\r\n    \r\n    #cassi-page-wrapper .cassi-stats-title {\r\n      font-size: 1.85rem;\r\n      color: #f05a28;\r\n      font-weight: 800;\r\n      margin-bottom: 40px;\r\n    }\r\n    \r\n    #cassi-page-wrapper .cassi-stats-row {\r\n      display: grid;\r\n      grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\r\n      gap: 20px;\r\n      margin-bottom: 30px;\r\n    }\r\n    \r\n    #cassi-page-wrapper .cassi-stat-box {\r\n      text-align: center;\r\n    }\r\n    \r\n    #cassi-page-wrapper .cassi-stat-num {\r\n      margin-bottom: 8px;\r\n      display: flex;\r\n      flex-direction: column;\r\n      align-items: center;\r\n    }\r\n\r\n    #cassi-page-wrapper .stat-top-row {\r\n      display: flex;\r\n      align-items: baseline;\r\n      justify-content: center;\r\n      gap: 5px;\r\n      margin-bottom: 5px;\r\n    }\r\n\r\n    #cassi-page-wrapper .stat-number {\r\n      font-size: 2.8rem;\r\n      font-weight: 900;\r\n      color: #f05a28;\r\n      line-height: 1;\r\n    }\r\n\r\n    #cassi-page-wrapper .stat-number-inline {\r\n      font-size: 2.8rem;\r\n      font-weight: 900;\r\n      color: #f05a28;\r\n      line-height: 1;\r\n    }\r\n\r\n    #cassi-page-wrapper .stat-label {\r\n      font-size: 1.5rem;\r\n      font-weight: 800;\r\n      color: #2e3d75;\r\n      line-height: 1.1;\r\n      text-transform: uppercase;\r\n    }\r\n\r\n    #cassi-page-wrapper .stat-label-inline {\r\n      font-size: 1.5rem;\r\n      font-weight: 800;\r\n      color: #2e3d75;\r\n      line-height: 1.1;\r\n      text-transform: uppercase;\r\n    }\r\n    \r\n    #cassi-page-wrapper .cassi-stat-desc {\r\n      font-size: 0.95rem;\r\n      color: #2d3748;\r\n      line-height: 1.4;\r\n      font-weight: 400;\r\n    }\r\n    \r\n    #cassi-page-wrapper .cassi-screenshots-row {\r\n      display: grid;\r\n      grid-template-columns: 1fr 1fr;\r\n      gap: 30px;\r\n    }\r\n    \r\n    #cassi-page-wrapper .cassi-window-frame {\r\n      background: #ffffff;\r\n      border-radius: 8px;\r\n      box-shadow: 0 10px 25px rgba(0, 0, 0, 0.05);\r\n      border: 1px solid #e2e8f0;\r\n      overflow: hidden;\r\n    }\r\n    \r\n    #cassi-page-wrapper .cassi-window-bar {\r\n      background: #f1f5f9;\r\n      height: 30px;\r\n      display: flex;\r\n      align-items: center;\r\n      padding: 0 12px;\r\n      gap: 6px;\r\n      border-bottom: 1px solid #e2e8f0;\r\n    }\r\n    \r\n    #cassi-page-wrapper .cassi-window-dot {\r\n      width: 10px;\r\n      height: 10px;\r\n      border-radius: 50%;\r\n    }\r\n    #cassi-page-wrapper .cassi-window-dot.dot-red { background: #fc8181; }\r\n    #cassi-page-wrapper .cassi-window-dot.dot-yellow { background: #f6e05e; }\r\n    #cassi-page-wrapper .cassi-window-dot.dot-green { background: #68d391; }\r\n    \r\n    #cassi-page-wrapper .cassi-screenshot-img {\r\n      width: 100%;\r\n      height: auto;\r\n      display: block;\r\n    }\r\n\r\n    \/* SECTION 6: VIDEO & CONTACT *\/\r\n    #cassi-page-wrapper .cassi-video-box {\r\n      text-align: center;\r\n      margin-bottom: 50px;\r\n      border-top: 1px solid #edf2f7;\r\n      padding-top: 50px;\r\n    }\r\n    \r\n    #cassi-page-wrapper .cassi-video-container {\r\n      max-width: 760px;\r\n      margin: 0 auto 30px auto;\r\n      border-radius: 12px;\r\n      overflow: hidden;\r\n      box-shadow: 0 12px 30px rgba(0, 0, 0, 0.08);\r\n      background: #f8fafc;\r\n      border: 1px solid #e2e8f0;\r\n    }\r\n    \r\n    #cassi-page-wrapper .cassi-video-ratio {\r\n      position: relative;\r\n      padding-bottom: 56.25%; \/* 16:9 Aspect Ratio *\/\r\n      height: 0;\r\n      overflow: hidden;\r\n    }\r\n    \r\n    #cassi-page-wrapper .cassi-video-ratio iframe,\r\n    #cassi-page-wrapper .cassi-video-ratio video {\r\n      position: absolute;\r\n      top: 0;\r\n      left: 0;\r\n      width: 100%;\r\n      height: 100%;\r\n      border: none;\r\n    }\r\n    \r\n    #cassi-page-wrapper .cassi-video-text-blue {\r\n      color: #2e3d75;\r\n      font-weight: 700;\r\n      font-size: 1.15rem;\r\n      margin-bottom: 8px;\r\n    }\r\n    \r\n    #cassi-page-wrapper .cassi-video-sub-desc {\r\n      color: #2e3d75;\r\n      font-size: 1.05rem;\r\n      max-width: 700px;\r\n      margin: 0 auto 30px auto;\r\n    }\r\n    \r\n    #cassi-page-wrapper .cassi-final-contact {\r\n      text-align: center;\r\n      margin-top: 30px;\r\n    }\r\n    \r\n    #cassi-page-wrapper .cassi-contact-title-orange {\r\n      color: #f05a28;\r\n      font-size: 1.15rem;\r\n      font-weight: 800;\r\n      text-transform: uppercase;\r\n      margin-bottom: 15px;\r\n    }\r\n    \r\n    #cassi-page-wrapper .cassi-contact-info-link {\r\n      font-size: 1.5rem;\r\n      font-weight: 800;\r\n      color: #f05a28 !important;\r\n      display: block;\r\n      margin-bottom: 5px;\r\n    }\r\n    \r\n    #cassi-page-wrapper .cassi-contact-phone {\r\n      font-size: 1.5rem;\r\n      font-weight: 800;\r\n      color: #f05a28;\r\n    }\r\n\r\n    \/* SECTION 7: EVENTS (NOUVEAU) *\/\r\n    #cassi-page-wrapper .cassi-events-section {\r\n      margin-bottom: 50px;\r\n      border-top: 1px solid #edf2f7;\r\n      padding-top: 50px;\r\n    }\r\n    \r\n    #cassi-page-wrapper .cassi-events-title {\r\n      font-size: 1.85rem;\r\n      color: #f05a28;\r\n      font-weight: 800;\r\n      margin-bottom: 15px;\r\n    }\r\n    \r\n    #cassi-page-wrapper .cassi-events-subtitle {\r\n      font-size: 1.1rem;\r\n      color: #2e3d75;\r\n      margin-bottom: 30px;\r\n    }\r\n    \r\n    \/* CAROUSEL EVENEMENTS *\/\r\n    #cassi-page-wrapper .cassi-carousel-container {\r\n      position: relative;\r\n      max-width: 1000px;\r\n      margin: 30px auto 50px auto;\r\n      padding: 0 45px;\r\n    }\r\n    #cassi-page-wrapper .cassi-carousel-viewport {\r\n      overflow: hidden;\r\n      width: 100%;\r\n    }\r\n    #cassi-page-wrapper .cassi-carousel-track {\r\n      display: flex;\r\n      transition: transform 0.5s ease-in-out;\r\n      gap: 20px;\r\n    }\r\n    #cassi-page-wrapper .cassi-carousel-slide {\r\n      flex: 0 0 calc(20% - 16px); \/* 5 photos visibles par ligne sur ordinateur *\/\r\n      box-sizing: border-box;\r\n    }\r\n    #cassi-page-wrapper .cassi-carousel-btn {\r\n      position: absolute;\r\n      top: 50%;\r\n      transform: translateY(-50%);\r\n      background: #2e3d75;\r\n      color: #ffffff;\r\n      border: none;\r\n      width: 36px;\r\n      height: 36px;\r\n      border-radius: 50%;\r\n      cursor: pointer;\r\n      z-index: 10;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      font-size: 1.15rem;\r\n      transition: all 0.2s ease;\r\n      box-shadow: 0 4px 10px rgba(0,0,0,0.15);\r\n    }\r\n    #cassi-page-wrapper .cassi-carousel-btn:hover {\r\n      background: #f05a28;\r\n      transform: translateY(-50%) scale(1.1);\r\n    }\r\n    #cassi-page-wrapper .cassi-carousel-prev { left: 0px; }\r\n    #cassi-page-wrapper .cassi-carousel-next { right: 0px; }\r\n\r\n    #cassi-page-wrapper .cassi-event-card {\r\n      position: relative;\r\n      border-radius: 12px;\r\n      overflow: hidden;\r\n      box-shadow: 0 4px 15px rgba(0,0,0,0.05);\r\n      border: 1px solid #edf2f7;\r\n      height: 250px; \/* Hauteur ajust\u00e9e pour garder la m\u00eame forme avec 5 photos *\/\r\n      background: #f7fafc;\r\n    }\r\n\r\n    #cassi-page-wrapper .cassi-event-img {\r\n      width: 100% !important;\r\n      height: 100% !important;\r\n      object-fit: cover !important;\r\n      display: block;\r\n    }\r\n    \r\n    \/* SECTION 8: NEWSLETTER CARD (NOUVEAU) *\/\r\n    #cassi-page-wrapper .cassi-newsletter-card-wrapper {\r\n      display: flex;\r\n      justify-content: center;\r\n      margin-bottom: 60px;\r\n    }\r\n    \r\n    #cassi-page-wrapper .cassi-newsletter-card {\r\n      background: #ffffff;\r\n      border-radius: 20px;\r\n      box-shadow: 0 10px 30px rgba(27, 42, 74, 0.05);\r\n      border: 1px solid #f1f5f9;\r\n      padding: 40px;\r\n      max-width: 900px;\r\n      width: 100%;\r\n      display: flex;\r\n      align-items: center;\r\n      gap: 30px;\r\n    }\r\n    \r\n    #cassi-page-wrapper .cassi-newsletter-content {\r\n      flex-grow: 1;\r\n    }\r\n    \r\n    #cassi-page-wrapper .cassi-newsletter-title {\r\n      font-size: 1.6rem;\r\n      color: #f05a28;\r\n      font-weight: 800;\r\n      margin-bottom: 12px;\r\n      text-align: center;\r\n    }\r\n    \r\n    #cassi-page-wrapper .cassi-newsletter-desc {\r\n      font-size: 0.95rem;\r\n      color: #2d3748;\r\n      text-align: center;\r\n      margin-bottom: 25px;\r\n    }\r\n    \r\n    #cassi-page-wrapper .cassi-newsletter-button-container {\r\n      display: flex;\r\n      justify-content: center;\r\n      margin-top: 15px;\r\n    }\r\n    \r\n    #cassi-page-wrapper .cassi-newsletter-action-btn {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      background: #f05a28;\r\n      color: #ffffff;\r\n      padding: 14px 35px;\r\n      font-weight: 700;\r\n      font-size: 1.15rem;\r\n      border-radius: 30px;\r\n      transition: all 0.2s ease;\r\n      box-shadow: 0 4px 15px rgba(240, 90, 40, 0.25);\r\n      text-decoration: none !important;\r\n    }\r\n    \r\n    #cassi-page-wrapper .cassi-newsletter-action-btn:hover {\r\n      background: #d44517;\r\n      transform: translateY(-2px);\r\n      box-shadow: 0 6px 20px rgba(240, 90, 40, 0.35);\r\n    }\r\n    \r\n    #cassi-page-wrapper .cassi-mascot-newsletter {\r\n      width: 100px;\r\n      flex-shrink: 0;\r\n    }\r\n\r\n    \/* SECTION 9: FAQ ACCORDION (NOUVEAU) *\/\r\n    #cassi-page-wrapper .cassi-faq-section {\r\n      margin-bottom: 50px;\r\n      border-top: 1px solid #edf2f7;\r\n      padding-top: 50px;\r\n    }\r\n    \r\n    #cassi-page-wrapper .cassi-faq-header {\r\n      display: flex;\r\n      align-items: center;\r\n      gap: 15px;\r\n      border-top: 5px solid #f05a28;\r\n      border-bottom: 1px solid #edf2f7;\r\n      padding: 25px 0 20px 0;\r\n      margin-bottom: 25px;\r\n    }\r\n    \r\n    #cassi-page-wrapper .cassi-faq-icon-circle {\r\n      width: 32px;\r\n      height: 32px;\r\n      background: #f05a28;\r\n      color: #ffffff;\r\n      border-radius: 50%;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      font-weight: 800;\r\n      font-size: 1.1rem;\r\n      flex-shrink: 0;\r\n    }\r\n    \r\n    #cassi-page-wrapper .cassi-faq-title {\r\n      font-size: 1.6rem;\r\n      color: #2e3d75;\r\n      font-weight: 800;\r\n      margin: 0;\r\n    }\r\n    \r\n    #cassi-page-wrapper .cassi-faq-accordion {\r\n      display: flex;\r\n      flex-direction: column;\r\n      gap: 10px;\r\n    }\r\n    \r\n    #cassi-page-wrapper .cassi-faq-item {\r\n      border-bottom: 1px solid #edf2f7;\r\n      padding-bottom: 10px;\r\n    }\r\n    \r\n    #cassi-page-wrapper .cassi-faq-question {\r\n      width: 100%;\r\n      background: none;\r\n      border: none;\r\n      text-align: left;\r\n      display: flex;\r\n      justify-content: space-between;\r\n      align-items: center;\r\n      padding: 12px 0;\r\n      font-size: 1.05rem;\r\n      font-weight: 700;\r\n      color: #f05a28;\r\n      cursor: pointer;\r\n      outline: none;\r\n    }\r\n    \r\n    #cassi-page-wrapper .cassi-faq-question:hover {\r\n      opacity: 0.85;\r\n    }\r\n    \r\n    #cassi-page-wrapper .cassi-faq-arrow {\r\n      font-size: 0.8rem;\r\n      color: #718096;\r\n      transition: transform 0.2s ease;\r\n    }\r\n    \r\n    #cassi-page-wrapper .cassi-faq-answer {\r\n      max-height: 0;\r\n      overflow: hidden;\r\n      transition: max-height 0.3s ease-out;\r\n    }\r\n    \r\n    #cassi-page-wrapper .cassi-faq-answer p {\r\n      font-size: 1rem;\r\n      color: #2e3d75;\r\n      padding: 5px 0 10px 0;\r\n      margin: 0;\r\n    }\r\n    \r\n    \/* RESPONSIVE DESIGN *\/\r\n    @media (max-width: 768px) {\r\n      #cassi-page-wrapper .cassi-presentation-container {\r\n        flex-direction: column;\r\n        align-items: center;\r\n        text-align: center;\r\n      }\r\n      \r\n      #cassi-page-wrapper .cassi-mascot-left {\r\n        width: 80px;\r\n      }\r\n      \r\n      #cassi-page-wrapper .cassi-section-title-mascot {\r\n        justify-content: center;\r\n      }\r\n      \r\n      #cassi-page-wrapper .cassi-card-mascot-wrapper {\r\n        flex-direction: column;\r\n      }\r\n      \r\n      #cassi-page-wrapper .cassi-mascot-right {\r\n        order: -1;\r\n        width: 80px;\r\n      }\r\n      \r\n      #cassi-page-wrapper .cassi-screenshots-row {\r\n        grid-template-columns: 1fr;\r\n        gap: 20px;\r\n      }\r\n      \r\n      #cassi-page-wrapper .cassi-pillar-row {\r\n        gap: 15px;\r\n        padding: 15px;\r\n      }\r\n      \r\n      #cassi-page-wrapper .cassi-pillar-text-content {\r\n        font-size: 1rem;\r\n      }\r\n      \r\n      #cassi-page-wrapper .cassi-carousel-slide {\r\n        flex: 0 0 calc(50% - 10px); \/* 2 par ligne sur tablette\/mobile *\/\r\n      }\r\n      \r\n      #cassi-page-wrapper .cassi-carousel-container {\r\n        padding: 0 15px;\r\n      }\r\n\r\n      #cassi-page-wrapper .cassi-event-card {\r\n        height: 220px;\r\n      }\r\n      \r\n      #cassi-page-wrapper .cassi-newsletter-card {\r\n        flex-direction: column;\r\n        padding: 25px 20px;\r\n        text-align: center;\r\n      }\r\n      \r\n      #cassi-page-wrapper .cassi-mascot-newsletter {\r\n        width: 140px; \r\n        flex-shrink: 0;\r\n      }\r\n      \r\n      #cassi-page-wrapper .cassi-newsletter-button-container {\r\n        margin-top: 10px;\r\n        width: 100%;\r\n      }\r\n\r\n      #cassi-page-wrapper .cassi-newsletter-action-btn {\r\n        width: 100%;\r\n        box-sizing: border-box;\r\n      }\r\n      \r\n      #cassi-page-wrapper .cassi-buttons-row {\r\n        flex-direction: column;\r\n        gap: 10px;\r\n      }\r\n      #cassi-page-wrapper .cassi-buttons-row .cassi-action-button {\r\n        width: 100%;\r\n      }\r\n    }\r\n  <\/style>\r\n\r\n  <!-- ==================== SECTION 1: HEADER ==================== -->\r\n  <header class=\"cassi-header\">\r\n    <div class=\"cassi-logo-box\">\r\n      <!-- REMPLACEZ src PAR LE LIEN DE VOTRE LOGO CASSI UPLOAD\u00c9 SUR WORDPRESS -->\r\n      <img decoding=\"async\" src=\"https:\/\/dac-varouest.fr\/wp-content\/uploads\/2025\/11\/LOGO-CASSI-1.png\" alt=\"Logo CASSI\" class=\"cassi-logo-img\">\r\n    <\/div>\r\n    <h1 class=\"cassi-main-title\">Cartographie Annuaire Sant\u00e9 Social Intelligent<\/h1>\r\n    <p class=\"cassi-main-desc\">L'outil r\u00e9gional destin\u00e9 \u00e0 faciliter l'orientation et la coordination des professionnels sur notre territoire.<\/p>\r\n    \r\n    <div class=\"cassi-pill-badge\">\r\n      Financ\u00e9 par l'ARS PACA <span>\u2022<\/span> Accompagn\u00e9 par l'ieSS\r\n    <\/div>\r\n  <\/header>\r\n\r\n  <!-- ==================== SECTION 2: PRESENTATION ==================== -->\r\n  <section class=\"cassi-presentation-container\">\r\n    <div class=\"cassi-mascot-left\">\r\n      <!-- REMPLACEZ src PAR LE LIEN DE LA MASCOTTE ROBOT (VERSION GAUCHE) SI DISPONIBLE -->\r\n      <img decoding=\"async\" src=\"https:\/\/dac-varouest.fr\/wp-content\/uploads\/2026\/06\/CASSI-ROBOT-JEUDIS-CASSI-1.gif\" alt=\"Mascotte Robot\" class=\"cassi-mascot-img\">\r\n    <\/div>\r\n    <div class=\"cassi-presentation-content\">\r\n      <h2 class=\"cassi-section-title-mascot\">Pr\u00e9sentation de l'outil<\/h2>\r\n      <div class=\"cassi-text-block\">\r\n        <p><strong>CASSI<\/strong> \u2014 Cartographie Annuaire Sant\u00e9 Social Intelligent \u2014 est un outil r\u00e9gional destin\u00e9 \u00e0 faciliter l'orientation des professionnels des secteurs sanitaire, social et m\u00e9dico-social.<\/p>\r\n        <p>Son objectif est de centraliser, structurer et fiabiliser l'information sur les ressources du territoire afin d'aider les professionnels \u00e0 identifier plus rapidement les bons interlocuteurs, dispositifs ou services adapt\u00e9s aux situations des personnes accompagn\u00e9es.<\/p>\r\n        <p>CASSI vise \u00e0 offrir un annuaire partag\u00e9, mis \u00e0 jour r\u00e9guli\u00e8rement, en lien avec les acteurs de terrain. Il s'inscrit dans une dynamique partenariale port\u00e9e \u00e0 l'\u00e9chelle r\u00e9gionale, avec une logique simple : mieux conna\u00eetre l'offre disponible pour mieux coordonner les parcours.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- ==================== SECTION 3: SUMMARY & CARD CTA ==================== -->\r\n  <section class=\"cassi-summary-box\">\r\n    <div class=\"cassi-summary-intro\">\r\n      <p><strong>En r\u00e9sum\u00e9 :<\/strong> CASSI est un outil pratique d'aide \u00e0 l'orientation, pens\u00e9 par et pour les professionnels de la coordination.<\/p>\r\n      <p>Un outil financ\u00e9 par l'ARS PACA, accompagn\u00e9 par le GRADeS ieSs en assistance \u00e0 ma\u00eetrise d'ouvrage, d\u00e9velopp\u00e9 par MedTrucks et exp\u00e9riment\u00e9 avec les DAC de la r\u00e9gion PACA<\/p>\r\n    <\/div>\r\n    \r\n    <div class=\"cassi-card-mascot-wrapper\">\r\n      <div class=\"cassi-cta-card\">\r\n        <div class=\"cassi-card-header-text\">\r\n          CASSI ouvre officiellement ses portes<br>aux professionnels !\r\n        <\/div>\r\n        \r\n        <!-- Nouveau conteneur pour aligner les boutons -->\r\n        <div class=\"cassi-buttons-row\">\r\n          <!-- Bouton Acc\u00e9der \u00e0 CASSI -->\r\n          <a href=\"https:\/\/annuaire-intelligent.sante-paca.fr\" class=\"cassi-action-button cassi-btn-orange\">\r\n            <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M15 3h4a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2h-4\"><\/path><polyline points=\"10 17 15 12 10 7\"><\/polyline><line x1=\"15\" y1=\"12\" x2=\"3\" y2=\"12\"><\/line><\/svg>\r\n            Acc\u00e9der \u00e0 CASSI\r\n          <\/a>\r\n          \r\n          <!-- Bouton Voir les Tutoriels -->\r\n          <a href=\"https:\/\/tutos.iess.fr\/cassi\/?_gl=1*nlfa9w*_ga*NzE5ODIzOTgzLjE3Mzc5NzEwNzc.*_ga_XSRBZTDW1V*czE3ODIzMDM5MjUkbzMzJGcxJHQxNzgyMzAzOTM0JGo1MSRsMCRoMA..*_ga_KTCNS0JDXM*czE3ODIzMDM5MjUkbzUwJGcxJHQxNzgyMzAzOTM0JGo1MSRsMCRoMA..\" class=\"cassi-action-button cassi-btn-navy\">\r\n            <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polygon points=\"23 7 16 12 23 17 23 7\"><\/polygon><rect x=\"1\" y=\"5\" width=\"15\" height=\"14\" rx=\"2\" ry=\"2\"><\/rect><\/svg>\r\n            Voir les Tutoriels\r\n          <\/a>\r\n        <\/div>\r\n        \r\n        <div class=\"cassi-card-support-text\">\r\n          Besoin d'un accompagnement technique ? Contactez l'\u00e9quipe du GRADES \/\r\n          <a href=\"mailto:cassi@iess.fr\">cassi@iess.fr<\/a>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- ==================== SECTION 4: 4 PILLARS ==================== -->\r\n  <section class=\"cassi-pillars-section\">\r\n    <!-- Pilier 1: Cartographie -->\r\n    <div class=\"cassi-pillar-row pillar-blue\">\r\n      <div class=\"cassi-pillar-icon\">\r\n        <svg width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polygon points=\"3 6 9 3 15 6 21 3 21 18 15 21 9 18 3 21\"><\/polygon><line x1=\"9\" y1=\"3\" x2=\"9\" y2=\"18\"><\/line><line x1=\"15\" y1=\"6\" x2=\"15\" y2=\"21\"><\/line><circle cx=\"12\" cy=\"11\" r=\"2\" fill=\"currentColor\"><\/circle><\/svg>\r\n      <\/div>\r\n      <div class=\"cassi-pillar-text-content\">\r\n        Une cartographie claire des ressources du territoire.\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- Pilier 2: Recherche -->\r\n    <div class=\"cassi-pillar-row pillar-orange\">\r\n      <div class=\"cassi-pillar-icon\">\r\n        <svg width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"11\" cy=\"11\" r=\"8\"><\/circle><line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"><\/line><\/svg>\r\n      <\/div>\r\n      <div class=\"cassi-pillar-text-content\">\r\n        Une recherche rapide, cibl\u00e9e et intuitive.\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- Pilier 3: Donn\u00e9es -->\r\n    <div class=\"cassi-pillar-row pillar-lightblue\">\r\n      <div class=\"cassi-pillar-icon\">\r\n        <svg width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"><\/path><polyline points=\"14 2 14 8 20 8\"><\/polyline><line x1=\"16\" y1=\"13\" x2=\"8\" y2=\"13\"><\/line><line x1=\"16\" y1=\"17\" x2=\"8\" y2=\"17\"><\/line><polyline points=\"10 9 9 9 8 9\"><\/polyline><\/svg>\r\n      <\/div>\r\n      <div class=\"cassi-pillar-text-content\">\r\n        Des donn\u00e9es fiables, enrichies par le terrain.\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- Pilier 4: Outil unique -->\r\n    <div class=\"cassi-pillar-row pillar-yellow\">\r\n      <div class=\"cassi-pillar-icon\">\r\n        <svg width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><polygon points=\"16.24 7.76 14.12 14.12 7.76 16.24 9.88 9.88 16.24 7.76\"><\/polygon><\/svg>\r\n      <\/div>\r\n      <div class=\"cassi-pillar-text-content\">\r\n        Un outil commun et unique pour mieux orienter et mieux coordonner.\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- ==================== SECTION 5: STATS & MOCKUPS ==================== -->\r\n  <section class=\"cassi-stats-container\">\r\n    <h2 class=\"cassi-stats-title\">La force d'un outil mis \u00e0 jour par le terrain<\/h2>\r\n    \r\n    <!-- Grille des statistiques -->\r\n    <div class=\"cassi-stats-row\">\r\n      <!-- Stat 1 -->\r\n      <div class=\"cassi-stat-box\">\r\n        <div class=\"cassi-stat-num\">\r\n          <div class=\"stat-number\">185 630<\/div>\r\n          <div class=\"stat-label\">R\u00c9SULTATS<\/div>\r\n        <\/div>\r\n        <div class=\"cassi-stat-desc\">de professionnels tous confondus sur la r\u00e9gion<\/div>\r\n      <\/div>\r\n      <!-- Stat 2 -->\r\n      <div class=\"cassi-stat-box\">\r\n        <div class=\"cassi-stat-num\">\r\n          <div class=\"stat-number\">37 012<\/div>\r\n          <div class=\"stat-label\">R\u00c9SULTATS<\/div>\r\n        <\/div>\r\n        <div class=\"cassi-stat-desc\">de professionnels tous confondus sur le Var<\/div>\r\n      <\/div>\r\n      <!-- Stat 3 -->\r\n      <div class=\"cassi-stat-box\">\r\n        <div class=\"cassi-stat-num\">\r\n          <div class=\"stat-top-row\">\r\n            <span class=\"stat-label-inline\">+ DE<\/span>\r\n            <span class=\"stat-number-inline\">600<\/span>\r\n          <\/div>\r\n          <span class=\"stat-label\">PARTENAIRES<\/span>\r\n        <\/div>\r\n        <div class=\"cassi-stat-desc\">ayant r\u00e9pondu au questionnaire<\/div>\r\n      <\/div>\r\n      <!-- Stat 4 -->\r\n      <div class=\"cassi-stat-box\">\r\n        <div class=\"cassi-stat-num\">\r\n          <div class=\"stat-top-row\">\r\n            <span class=\"stat-label-inline\">+ DE<\/span>\r\n            <span class=\"stat-number-inline\">1000<\/span>\r\n            <span class=\"stat-label-inline\">FICHES<\/span>\r\n          <\/div>\r\n          <span class=\"stat-label\">RENSEIGN\u00c9ES<\/span>\r\n        <\/div>\r\n        <div class=\"cassi-stat-desc\">donn\u00e9es import\u00e9es par le DAC Var Ouest en phase d'import<\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- ==================== SECTION 6: VIDEO & CONTACTS ==================== -->\r\n  <section class=\"cassi-video-box\">\r\n    <div class=\"cassi-video-container\">\r\n      <div class=\"cassi-video-ratio\">\r\n        <!-- Lien YouTube corrig\u00e9 au format d'int\u00e9gration \/embed\/ -->\r\n        <iframe src=\"https:\/\/www.youtube.com\/embed\/guTqkaSd68Q?rel=0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe>\r\n      <\/div>\r\n    <\/div>\r\n    \r\n    <div class=\"cassi-video-text-blue\">Envie de d\u00e9couvrir CASSI ? \ud83e\udd14<\/div>\r\n    <div class=\"cassi-video-sub-desc\">\r\n      Marion Etten, coordinatrice CASSI au DAC Var Ouest vous propose une d\u00e9monstration de l'outil !\r\n    <\/div>\r\n    \r\n    <div class=\"cassi-final-contact\">\r\n      <div class=\"cassi-contact-title-orange\">Vous avez envie de pr\u00e9senter l'outil lors d'un \u00e9v\u00e8nement ?<\/div>\r\n      <div class=\"cassi-contact-title-orange\">Vous avez besoin d'un accompagnement pour renseigner vos donn\u00e9es ?<\/div>\r\n      <div class=\"cassi-contact-details\">\r\n        <a href=\"mailto:cassi@dac-varouest.fr\" class=\"cassi-contact-info-link\">cassi@dac-varouest.fr<\/a>\r\n        <span class=\"cassi-contact-phone\">0683562885<\/span>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- ==================== SECTION 7: EVENTS ==================== -->\r\n  <section class=\"cassi-events-section\">\r\n    <h2 class=\"cassi-events-title\">CASSI sur le terrain : participez \u00e0 nos prochains rendez-vous !<\/h2>\r\n    <p class=\"cassi-events-subtitle\">Retrouvez tous nos \u00e9v\u00e8nements li\u00e9s \u00e0 CASSI dans l' <a href=\"https:\/\/dac-varouest.fr\/index.php\/actualites\/agenda\/\">Agen'DAC<\/a> !<\/p>\r\n    \r\n    <div class=\"cassi-carousel-container\">\r\n      <button class=\"cassi-carousel-btn cassi-carousel-prev\" aria-label=\"Pr\u00e9c\u00e9dent\">&#10094;<\/button>\r\n      <div class=\"cassi-carousel-viewport\">\r\n        <div class=\"cassi-carousel-track\">\r\n          <!-- Vignette 1 -->\r\n          <div class=\"cassi-carousel-slide\">\r\n            <div class=\"cassi-event-card\">\r\n              <img decoding=\"async\" src=\"https:\/\/dac-varouest.fr\/wp-content\/uploads\/2026\/06\/Formation-CASSI.png\" alt=\"\u00c9v\u00e8nement 1\" class=\"cassi-event-img\">\r\n            <\/div>\r\n          <\/div>\r\n          <!-- Vignette 2 -->\r\n          <div class=\"cassi-carousel-slide\">\r\n            <div class=\"cassi-event-card\">\r\n              <img decoding=\"async\" src=\"https:\/\/dac-varouest.fr\/wp-content\/uploads\/2026\/06\/1782409515240.jpg\" alt=\"\u00c9v\u00e8nement 2\" class=\"cassi-event-img\">\r\n            <\/div>\r\n          <\/div>\r\n          <!-- Vignette 3 -->\r\n          <div class=\"cassi-carousel-slide\">\r\n            <div class=\"cassi-event-card\">\r\n              <img decoding=\"async\" src=\"https:\/\/dac-varouest.fr\/wp-content\/uploads\/2026\/06\/DAC-ATELIER-3-EME-EDITION-229.jpeg\" alt=\"\u00c9v\u00e8nement 3\" class=\"cassi-event-img\">\r\n            <\/div>\r\n          <\/div>\r\n          <!-- Vignette 4 -->\r\n          <div class=\"cassi-carousel-slide\">\r\n            <div class=\"cassi-event-card\">\r\n              <img decoding=\"async\" src=\"https:\/\/dac-varouest.fr\/wp-content\/uploads\/2026\/06\/DAC-ATELIER-3-EME-EDITION-180.jpeg\" alt=\"\u00c9v\u00e8nement 4\" class=\"cassi-event-img\">\r\n            <\/div>\r\n          <\/div>\r\n          <!-- Vignette 5 -->\r\n          <div class=\"cassi-carousel-slide\">\r\n            <div class=\"cassi-event-card\">\r\n              <img decoding=\"async\" src=\"https:\/\/dac-varouest.fr\/wp-content\/uploads\/2026\/06\/441e2a4a-dd3d-4ced-b40b-60eacd691f9a.jpg\" alt=\"\u00c9v\u00e8nement 5\" class=\"cassi-event-img\">\r\n            <\/div>\r\n          <\/div>\r\n          \r\n          <div class=\"cassi-carousel-slide\">\r\n            <div class=\"cassi-event-card\">\r\n              <img decoding=\"async\" src=\"https:\/\/dac-varouest.fr\/wp-content\/uploads\/2026\/06\/DAC-ATELIER-3-EME-EDITION-95.jpeg\" alt=\"Description\" class=\"cassi-event-img\">\r\n            <\/div>\r\n          <\/div>\r\n          \r\n          <div class=\"cassi-carousel-slide\">\r\n            <div class=\"cassi-event-card\">\r\n              <img decoding=\"async\" src=\"https:\/\/dac-varouest.fr\/wp-content\/uploads\/2026\/06\/1779350480030.jpg\" alt=\"Description\" class=\"cassi-event-img\">\r\n            <\/div>\r\n          <\/div>\r\n          \r\n          <div class=\"cassi-carousel-slide\">\r\n            <div class=\"cassi-event-card\">\r\n              <img decoding=\"async\" src=\"https:\/\/dac-varouest.fr\/wp-content\/uploads\/2026\/06\/DAC-ATELIER-3-EME-EDITION-205.jpeg\" alt=\"Description\" class=\"cassi-event-img\">\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"cassi-carousel-slide\">\r\n            <div class=\"cassi-event-card\">\r\n              <img decoding=\"async\" src=\"https:\/\/dac-varouest.fr\/wp-content\/uploads\/2026\/06\/DAC-ATELIER-3-EME-EDITION-105.jpeg\" alt=\"Description\" class=\"cassi-event-img\">\r\n            <\/div>\r\n          <\/div>\r\n          <!-- Pour ins\u00e9rer une nouvelle photo \u00e0 l'avenir, copiez simplement le bloc ci-dessous et collez-le ici :\r\n          <div class=\"cassi-carousel-slide\">\r\n            <div class=\"cassi-event-card\">\r\n              <img decoding=\"async\" src=\"METTEZ_LE_LIEN_DE_VOTRE_IMAGE_ICI\" alt=\"Description\" class=\"cassi-event-img\">\r\n            <\/div>\r\n          <\/div>\r\n          -->\r\n        <\/div>\r\n      <\/div>\r\n      <button class=\"cassi-carousel-btn cassi-carousel-next\" aria-label=\"Suivant\">&#10095;<\/button>\r\n    <\/div>\r\n\r\n    <!-- Encadr\u00e9 Newsletter -->\r\n    <div class=\"cassi-newsletter-card-wrapper\">\r\n      <div class=\"cassi-newsletter-card\">\r\n        <div class=\"cassi-newsletter-content\">\r\n          <h3 class=\"cassi-newsletter-title\">CASSI s'invite dans votre bo\u00eete mail<\/h3>\r\n          <p class=\"cassi-newsletter-desc\">Soyez les premiers inform\u00e9s des mises \u00e0 jour, des nouveaux outils d'aide \u00e0 la prise en main et des vagues de d\u00e9ploiement.<\/p>\r\n          \r\n          <!-- Remplacement du formulaire par le bouton d'inscription centr\u00e9 -->\r\n          <div class=\"cassi-newsletter-button-container\">\r\n            <a href=\"https:\/\/bf318d20.sibforms.com\/v2\/serve\/MUIFAB1IAmFfahQTt2xYazwSvEG5oOYiU83O9W7KSRPOqPQGi21_T755roODIfD2axBEDj0UVi20WbTKonKGWW2MVckfcVvYDcnNYAhPLLD05vpEHmIE0rfX_-casDFeMtc3FCtUpEDTFACOLr8KwgjAYtheIr2712wH0F_ypakg86uiaYD98jzuTPQKcArz76TVROGkMUCU2J18\" class=\"cassi-newsletter-action-btn\" target=\"_blank\">Recevoir les derni\u00e8res actualit\u00e9s de CASSI<\/a>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"cassi-mascot-newsletter\">\r\n          <img decoding=\"async\" src=\"https:\/\/dac-varouest.fr\/wp-content\/uploads\/2026\/06\/CASSI-ROBOT-JEUDIS-CASSI.png\" alt=\"Mascotte Robot\" class=\"cassi-mascot-img\">\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- ==================== SECTION 9: FAQ ACCORDION ==================== -->\r\n  <section class=\"cassi-faq-section\">\r\n    <div class=\"cassi-faq-header\">\r\n      <div class=\"cassi-faq-icon-circle\">?<\/div>\r\n      <h2 class=\"cassi-faq-title\">Questions Fr\u00e9quentes (FAQ)<\/h2>\r\n    <\/div>\r\n    \r\n    <div class=\"cassi-faq-accordion\">\r\n      <!-- Item 1 -->\r\n      <div class=\"cassi-faq-item\">\r\n        <button class=\"cassi-faq-question\">\r\n          <span>Quelles sont les modalit\u00e9s d'acc\u00e8s \u00e0 CASSI ?<\/span>\r\n          <span class=\"cassi-faq-arrow\">\u25bc<\/span>\r\n        <\/button>\r\n        <div class=\"cassi-faq-answer\">\r\n          <p>Rendez vous sur la page du <a href=\"https:\/\/tutos.iess.fr\/cassi\/cassi-faq\/?_gl=1*1rfl8wq*_ga*MTY1NjY4MTk5LjE3NzYwODY4MjU.*_ga_XSRBZTDW1V*czE3ODI4MzA3MTEkbzkkZzEkdDE3ODI4MzA3MjIkajQ5JGwwJGgw*_ga_KTCNS0JDXM*czE3ODI4MzA3MTEkbzkkZzEkdDE3ODI4MzA3MjIkajQ5JGwwJGgw#hfaq-post-9878\">GRADES IESS<\/a><\/p>\r\n        <\/div>\r\n      <\/div>\r\n      \r\n      <!-- Item 2 -->\r\n      <div class=\"cassi-faq-item\">\r\n        <button class=\"cassi-faq-question\">\r\n          <span>CASSI est il un outil payant ?<\/span>\r\n          <span class=\"cassi-faq-arrow\">\u25bc<\/span>\r\n        <\/button>\r\n        <div class=\"cassi-faq-answer\">\r\n          <p>CASSI est un outil financ\u00e9 par l'ARS PACA, gratuit pour ses utilisateurs, \u00e0 destination des professionnels.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n      \r\n      <!-- Item 3 -->\r\n      <div class=\"cassi-faq-item\">\r\n        <button class=\"cassi-faq-question\">\r\n          <span>Existe t il des formations ou des tutoriels CASSI ?<\/span>\r\n          <span class=\"cassi-faq-arrow\">\u25bc<\/span>\r\n        <\/button>\r\n        <div class=\"cassi-faq-answer\">\r\n          <p>Des tutoriels sont accessibles sur la page <a href=\"https:\/\/tutos.iess.fr\/cassi\/?_gl=1*nlfa9w*_ga*NzE5ODIzOTgzLjE3Mzc5NzEwNzc.*_ga_XSRBZTDW1V*czE3ODIzMDM5MjUkbzMzJGcxJHQxNzgyMzAzOTM0JGo1MSRsMCRoMA..*_ga_KTCNS0JDXM*czE3ODIzMDM5MjUkbzUwJGcxJHQxNzgyMzAzOTM0JGo1MSRsMCRoMA..\">Tutos du GRADES IESS<\/a><\/p>\r\n        <\/div>\r\n      <\/div>\r\n      \r\n      <!-- Item 4 -->\r\n      <div class=\"cassi-faq-item\">\r\n        <button class=\"cassi-faq-question\">\r\n          <span>Peut on cr\u00e9er une fiche sur CASSI ou compl\u00e9ter des informations d'une fiche qui n'est pas la n\u00f4tre ?<\/span>\r\n          <span class=\"cassi-faq-arrow\">\u25bc<\/span>\r\n        <\/button>\r\n        <div class=\"cassi-faq-answer\">\r\n          <p>Les professionnels seront en mode lecteur sur l'outil : ils pourront modifier les informations pr\u00e9sentes sur leur propre fiche mais ne pourront pas modifier les fiches d'autres professionnels ou cr\u00e9er de nouvelles fiches. En cas de besoin, vous pouvez vous rapprocher du DAC Var Ouest \u00e0 l'adresse suivante : <a href=\"mailto:cassi@dac-varouest.fr\">cassi@dac-varouest.fr<\/a> ou aupr\u00e8s de la CPTS de votre territoire.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n      \r\n      <!-- Item 5 -->\r\n      <div class=\"cassi-faq-item\">\r\n        <button class=\"cassi-faq-question\">\r\n          <span>En cas de probl\u00e8me li\u00e9 \u00e0 l'utilisation de l'outil (bug), qui contacter ?<\/span>\r\n          <span class=\"cassi-faq-arrow\">\u25bc<\/span>\r\n        <\/button>\r\n        <div class=\"cassi-faq-answer\">\r\n          <p>Vous pouvez adresser votre demande \u00e0 l'iess via le portail sant\u00e9 PACA ou \u00e0 l'adresse suivante : <a href=\"mailto:cassi@iess.fr\">cassi@iess.fr<\/a><\/p>\r\n        <\/div>\r\n      <\/div>\r\n      \r\n      <!-- Item 6 -->\r\n      <div class=\"cassi-faq-item\">\r\n        <button class=\"cassi-faq-question\">\r\n          <span>Si je souhaite valoriser CASSI lors d\u2019un \u00e9v\u00e8nement qui contacter ?\r\n<\/span>\r\n          <span class=\"cassi-faq-arrow\">\u25bc<\/span>\r\n        <\/button>\r\n        <div class=\"cassi-faq-answer\">\r\n          <p>Vous pouvez vous rapprocher du DAC Var Ouest \u00e0 l'adresse suivante : <a href=\"mailto:cassi@dac-varouest.fr\">cassi@dac-varouest.fr<\/a><\/p>\r\n        <\/div>\r\n      <\/div>\r\n      \r\n      <!-- Item 7 -->\r\n      <div class=\"cassi-faq-item\">\r\n        <button class=\"cassi-faq-question\">\r\n          <span>Si je souhaite proposer des \u00e9volutions, qui contacter ?<\/span>\r\n          <span class=\"cassi-faq-arrow\">\u25bc<\/span>\r\n        <\/button>\r\n        <div class=\"cassi-faq-answer\">\r\n          <p>Vous pouvez vous rapprocher du DAC Var Ouest \u00e0 l'adresse suivante : <a href=\"mailto:cassi@dac-varouest.fr\">cassi@dac-varouest.fr<\/a><\/p>\r\n        <\/div>\r\n      <\/div>\r\n      \r\n      <!-- Item 8 -->\r\n      <div class=\"cassi-faq-item\">\r\n        <button class=\"cassi-faq-question\">\r\n          <span>Comment \u00eatre inform\u00e9 des \u00e9v\u00e8nements, nouveaut\u00e9s ou groupes de travail \u00e0 venir li\u00e9s \u00e0 CASSI ?<\/span>\r\n          <span class=\"cassi-faq-arrow\">\u25bc<\/span>\r\n        <\/button>\r\n        <div class=\"cassi-faq-answer\">\r\n          <p>N'h\u00e9sitez pas \u00e0 nous suivre sur la page Linkedin du DAC Var Ouest ou \u00e0 vous inscrire au mailing CASSI en <a href=\"https:\/\/bf318d20.sibforms.com\/v2\/serve\/MUIFAB1IAmFfahQTt2xYazwSvEG5oOYiU83O9W7KSRPOqPQGi21_T755roODIfD2axBEDj0UVi20WbTKonKGWW2MVckfcVvYDcnNYAhPLLD05vpEHmIE0rfX_-casDFeMtc3FCtUpEDTFACOLr8KwgjAYtheIr2712wH0F_ypakg86uiaYD98jzuTPQKcArz76TVROGkMUCU2J18\">cliquant ici<\/a><\/p>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- ==================== LOGIQUE INTERACTIVE (FAQ & CAROUSEL) ==================== -->\r\n  <script>\r\n    document.addEventListener('DOMContentLoaded', function() {\r\n      var wrapper = document.querySelector('#cassi-page-wrapper');\r\n      if (!wrapper) return;\r\n      \r\n      \/\/ 1. ACCORD\u00c9ON FAQ\r\n      var faqQuestions = wrapper.querySelectorAll('.cassi-faq-question');\r\n      faqQuestions.forEach(function(question) {\r\n        question.addEventListener('click', function() {\r\n          var item = this.parentElement;\r\n          var answer = item.querySelector('.cassi-faq-answer');\r\n          var arrow = this.querySelector('.cassi-faq-arrow');\r\n          \r\n          var isOpen = item.classList.contains('active');\r\n          \r\n          var allItems = wrapper.querySelectorAll('.cassi-faq-item');\r\n          allItems.forEach(function(i) {\r\n            i.classList.remove('active');\r\n            var ans = i.querySelector('.cassi-faq-answer');\r\n            ans.style.maxHeight = null;\r\n            var arr = i.querySelector('.cassi-faq-arrow');\r\n            if (arr) arr.textContent = '\u25bc';\r\n          });\r\n          \r\n          if (!isOpen) {\r\n            item.classList.add('active');\r\n            answer.style.maxHeight = answer.scrollHeight + 'px';\r\n            arrow.textContent = '\u25b2';\r\n          }\r\n        });\r\n      });\r\n\r\n      \/\/ 2. CAROUSEL \u00c9V\u00c8NEMENTS\r\n      var currentSlide = 0;\r\n      var track = wrapper.querySelector('.cassi-carousel-track');\r\n      var slides = wrapper.querySelectorAll('.cassi-carousel-slide');\r\n      var totalSlides = slides.length;\r\n      \r\n      function updateCarousel() {\r\n        if (!track || slides.length === 0) return;\r\n        var slideWidth = slides[0].getBoundingClientRect().width;\r\n        var gap = 20; \/\/ gap CSS\r\n        var maxSlide = totalSlides - getVisibleSlidesCount();\r\n        if (maxSlide < 0) maxSlide = 0;\r\n        \r\n        if (currentSlide > maxSlide) currentSlide = 0;\r\n        if (currentSlide < 0) currentSlide = maxSlide;\r\n        \r\n        var amountToMove = (slideWidth + gap) * currentSlide;\r\n        track.style.transform = 'translateX(-' + amountToMove + 'px)';\r\n      }\r\n      \r\n      function getVisibleSlidesCount() {\r\n        var w = window.innerWidth;\r\n        if (w <= 480) return 1;\r\n        if (w <= 768) return 2;\r\n        if (w <= 1024) return 3;\r\n        return 5; \/\/ 5 photos visibles simultan\u00e9ment sur ordinateur\r\n      }\r\n      \r\n      wrapper.moveCarousel = function(direction) {\r\n        currentSlide += direction;\r\n        updateCarousel();\r\n      };\r\n      \r\n      var prevBtn = wrapper.querySelector('.cassi-carousel-prev');\r\n      var nextBtn = wrapper.querySelector('.cassi-carousel-next');\r\n      if (prevBtn) prevBtn.addEventListener('click', function() { wrapper.moveCarousel(-1); });\r\n      if (nextBtn) nextBtn.addEventListener('click', function() { wrapper.moveCarousel(1); });\r\n      \r\n      \/\/ Autoplay toutes les 3 secondes\r\n      var autoplayInterval = setInterval(function() {\r\n        wrapper.moveCarousel(1);\r\n      }, 3000);\r\n      \r\n      \/\/ Pause survol\r\n      var carouselContainer = wrapper.querySelector('.cassi-carousel-container');\r\n      if (carouselContainer) {\r\n        carouselContainer.addEventListener('mouseenter', function() {\r\n          clearInterval(autoplayInterval);\r\n        });\r\n        carouselContainer.addEventListener('mouseleave', function() {\r\n          autoplayInterval = setInterval(function() {\r\n            wrapper.moveCarousel(1);\r\n          }, 3000);\r\n        });\r\n      }\r\n      \r\n      window.addEventListener('resize', function() {\r\n        currentSlide = 0;\r\n        updateCarousel();\r\n      });\r\n      \r\n      \/\/ Lancement initial\r\n      setTimeout(updateCarousel, 300);\r\n    });\r\n  <\/script>\r\n\r\n<\/div>\r\n<!-- FIN DU BLOC HTML CASSI A COPIER DANS WORDPRESS -->\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>Cartographie Annuaire Sant\u00e9 Social Intelligent L&#8217;outil r\u00e9gional destin\u00e9 \u00e0 faciliter l&#8217;orientation et la coordination des professionnels sur notre territoire. Financ\u00e9 par l&#8217;ARS PACA \u2022 Accompagn\u00e9 par l&#8217;ieSS Pr\u00e9sentation de l&#8217;outil CASSI \u2014 Cartographie Annuaire Sant\u00e9 Social Intelligent \u2014 est un outil r\u00e9gional destin\u00e9 \u00e0 faciliter l&#8217;orientation des professionnels des secteurs sanitaire, social et m\u00e9dico-social. Son <\/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-9425","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/dac-varouest.fr\/index.php\/wp-json\/wp\/v2\/pages\/9425","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=9425"}],"version-history":[{"count":36,"href":"https:\/\/dac-varouest.fr\/index.php\/wp-json\/wp\/v2\/pages\/9425\/revisions"}],"predecessor-version":[{"id":9500,"href":"https:\/\/dac-varouest.fr\/index.php\/wp-json\/wp\/v2\/pages\/9425\/revisions\/9500"}],"wp:attachment":[{"href":"https:\/\/dac-varouest.fr\/index.php\/wp-json\/wp\/v2\/media?parent=9425"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}