.container[data-astro-cid-6kmwghhu]{max-width:1200px;margin:0 auto;padding:0 1rem}.faq-hero[data-astro-cid-6kmwghhu]{background:linear-gradient(135deg,var(--primary-color) 0%,#4a9fb5 100%);padding:4rem 0 3rem;position:relative;overflow:hidden}.hero-title[data-astro-cid-6kmwghhu]{font-size:clamp(2.5rem,6vw,3.5rem);font-weight:800;color:#fff;margin-bottom:1rem;text-shadow:0 2px 20px rgba(0,0,0,.1)}.faq-section[data-astro-cid-6kmwghhu]{padding:4rem 0;background-color:#fff}.faq-container[data-astro-cid-6kmwghhu]{max-width:900px;margin:0 auto}.faq-category[data-astro-cid-6kmwghhu]{margin-bottom:4rem}.faq-category[data-astro-cid-6kmwghhu]:last-child{margin-bottom:0}.category-title[data-astro-cid-6kmwghhu]{font-size:1.5rem;font-weight:700;color:var(--text-primary);padding-left:1rem;margin:0 0 1.5rem;border-left:5px solid;display:flex;align-items:center;gap:.75rem}.category-icon[data-astro-cid-6kmwghhu]{display:inline-flex;opacity:.8}.category-icon[data-astro-cid-6kmwghhu] svg{width:28px;height:28px}.faq-list[data-astro-cid-6kmwghhu]{display:flex;flex-direction:column}.faq-item[data-astro-cid-6kmwghhu]{display:flex;flex-direction:column;gap:0;border-bottom:1px solid rgba(229,231,235,.6);transition:all .2s ease}.faq-item[data-astro-cid-6kmwghhu]:last-child{border-bottom:none}.faq-item[data-astro-cid-6kmwghhu][open-style]{border:3px solid var(--accent-yellow);border-radius:8px;margin-bottom:.5rem}.faq-button[data-astro-cid-6kmwghhu]{width:100%;padding:1rem 0;background:transparent;border:none;border-radius:0;cursor:pointer;display:flex;align-items:flex-start;justify-content:space-between;gap:1.5rem;text-align:left}.faq-button[data-astro-cid-6kmwghhu][aria-expanded=true]{background-color:#f5f9fc;padding:.75rem 1rem;border-bottom:1px solid rgba(229,231,235,.6)}.faq-button[data-astro-cid-6kmwghhu][aria-expanded=true] .question-text[data-astro-cid-6kmwghhu]{color:var(--primary-color);font-weight:700}.question-text[data-astro-cid-6kmwghhu]{flex:1;font-size:1.1rem;font-weight:600;color:var(--text-primary);line-height:1.5}.question-text[data-astro-cid-6kmwghhu] a{color:var(--primary-color);text-decoration:none;border-bottom:1px solid rgba(21,98,150,.3);transition:all .3s ease}.question-text[data-astro-cid-6kmwghhu] a:hover{color:var(--primary-dark);border-bottom-color:var(--primary-dark)}.chevron-icon[data-astro-cid-6kmwghhu]{flex-shrink:0;margin-top:2px;color:var(--text-secondary);transition:transform .3s ease}.faq-button[data-astro-cid-6kmwghhu][aria-expanded=true] .chevron-icon[data-astro-cid-6kmwghhu]{transform:rotate(180deg)}.answer-panel[data-astro-cid-6kmwghhu]{overflow:hidden}.answer-panel[data-astro-cid-6kmwghhu][hidden]{display:none}.answer-content[data-astro-cid-6kmwghhu]{padding:0 1rem 1rem;margin-top:0;margin-bottom:0;font-size:1rem;line-height:1.8;color:var(--text-secondary)}.answer-content[data-astro-cid-6kmwghhu] a{color:var(--primary-color);text-decoration:none;font-weight:600;border-bottom:1px solid rgba(21,98,150,.3);transition:all .3s ease}.answer-content[data-astro-cid-6kmwghhu] a:hover{color:var(--primary-dark);border-bottom-color:var(--primary-dark)}.answer-content[data-astro-cid-6kmwghhu] strong{font-weight:700;color:var(--text-primary)}.answer-content[data-astro-cid-6kmwghhu] br{line-height:2}.answer-content[data-astro-cid-6kmwghhu] .faq-quote{font-style:italic;color:var(--primary-color);padding:0;margin:.5rem 0 1rem;font-size:1.05rem;line-height:1.6}.answer-content[data-astro-cid-6kmwghhu] .faq-highlight-list{list-style:none;margin:1rem 0 0;padding:0;display:grid;gap:.55rem}.answer-content[data-astro-cid-6kmwghhu] .faq-highlight-list li{position:relative;margin:0;padding:.55rem .8rem .55rem 2.2rem;border-left:3px solid var(--accent-yellow);border-radius:10px;background:linear-gradient(90deg,#4a9fb51a,#4a9fb505);color:var(--text-primary);font-weight:500;line-height:1.5}.answer-content[data-astro-cid-6kmwghhu] .faq-highlight-list li:before{content:"✓";position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:var(--primary-color);font-weight:800;font-size:.95rem}.faq-diagnostic-visual{margin-top:1.25rem;text-align:center}.faq-diagnostic-visual img{width:min(100%,340px);height:auto;display:inline-block}"@type": "Answer","text": "Vous retrouverez, par exemple, les indices de rupture face au numérique, de vulnérabilité des mineurs, de fragilité des seniors, de risque en santé, de renoncement aux soins, de précarité alimentaire… Ils vous permettront de mettre en lumière des publics souvent invisibles." } },{"@type": "Question","name": "Qu'est-ce que l'outil Hublot et comment l'utiliser ?","acceptedAnswer":{"@type": "Answer","text": "Hublot est un outil de veille sociale en ligne qui centralise plus de 1 500 indicateurs actualisés. Il vous permet de suivre l'évolution de votre territoire, de comparer vos données avec d'autres collectivités et de générer facilement des graphiques et cartes pour vos présentations. Un accompagnement à la prise en main est inclus."}},{"@type": "Question","name": "L'ABS est-elle obligatoire pour les CCAS/CIAS ?","acceptedAnswer":{"@type": "Answer","text": "Oui, l'Analyse des Besoins Sociaux est obligatoire pour les CCAS/CIAS depuis 1995 (loi du 13 mai 1995). Elle doit être actualisée régulièrement, idéalement à chaque début de mandat, pour ajuster la politique sociale aux évolutions du territoire."}},{"@type": "Question","name": "Puis-je utiliser l'ABS pour d'autres projets ?","acceptedAnswer":{"@type": "Answer","text": "Absolument ! Les données et analyses de l'ABS alimentent de nombreux diagnostics : Service Public de la petite enfance (SPPE), Convention Territoriale Globale (CTG), Contrat Local de Santé (CLS), projets de territoire... L'ABS constitue un socle de connaissance mobilisable pour tous vos projets sociaux."}},{"@type": "Question","name": "Comment est calculée la tarification ?","acceptedAnswer":{"@type": "Answer","text": "La tarification est basée sur la population de votre collectivité. Elle inclut l'accompagnement complet : diagnostic, restitution-débat, synthèse et accès à Hublot la 1ère année. Des options peuvent être ajoutées selon vos besoins (ateliers thématiques, diagnostics complémentaires...)."}}] } </script> <main> <!-- Hero Section --> <section class="faq-hero"> <div class="container"> <div class="hero-content"> <h1 class="hero-title">Questions Fréquentes</h1> <p class="hero-subtitle"> Vos questions. Nos réponses. </p> </div> </div> </section> <!-- Sommaire Section --> <section class="sommaire-section"> <div class="container"> <div class="sommaire-wrapper"> <div class="categories-grid">{faqCategories.map((category) => (<div class="category-card" data-color={category.color}> <div class="category-header"> <span class="category-icon" set:html={category.icon} /> <h3 class="category-name">{category.name}</h3> </div> <ul class="category-questions"> {category.questions.map((q) => (<li class="category-question-item"> <a href={`#${q.slug}`} class="category-question-link" data-color={category.color}> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style={`color: ${category.color};`}> <polyline points="9 18 15 12 9 6"/> </svg> <span set:html={q.question.replace(/<[^>]*>/g,"")} /> </a> </li>))} </ul> </div>))}</div> </div> </div> </section> <!-- FAQ Section --> <section class="faq-section"> <div class="container">{faqCategories.map((category,catIndex) => (<div class="faq-category-block"> <div class="category-divider" style={`border-bottom-color: ${category.color};`}> <span class="category-icon-large" set:html={category.icon} /> <h2 class="category-title-large">{category.name}</h2> </div> <div class="faq-grid"> {category.questions.map((faq,index) => {const globalIndex = faqCategories .slice(0,catIndex) .reduce((sum,cat) => sum + cat.questions.length,0) + index + 1; return (<div class="faq-item card-base" id={faq.slug} data-color={category.color}> <div class="faq-number" style={`background: ${category.color};`}>{globalIndex}</div> <div class="faq-content"> <h3 class="faq-question" set:html={faq.question} /> <p class="faq-answer" set:html={faq.answer} /> </div> </div>);})} </div> </div>))}</div> </div> </section> <!-- CTA Section --> <section class="faq-cta"> <div class="container"> <div class="cta-content"> <h2 class="cta-title">Vous avez d'autres questions ?</h2> <p class="cta-text"> Notre équipe est à votre disposition pour répondre à toutes vos questions sur l'ABS </p> <div class="cta-buttons"> <a href="mailto:contact@compas-tis.com" class="btn-primary"> Nous contacter </a> <a href="tel:+33251806980" class="btn-secondary"> 02 51 80 69 80 </a> </div> </div> </div> </section> </main> <Footer /> <BackToTop /> </BaseLayout> <style> .faq-hero{background:linear-gradient(135deg,var(--primary-color) 0%,#4a9fb5 100%);padding:calc(var(--spacing-xl) * 2) 0 var(--spacing-xl);position:relative;overflow:hidden}.faq-hero[data-astro-cid-6kmwghhu]:before{content:"";position:absolute;top:-50%;right:-10%;width:600px;height:600px;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);border-radius:50%;pointer-events:none}.hero-content[data-astro-cid-6kmwghhu]{text-align:center;position:relative;z-index:2}.hero-title[data-astro-cid-6kmwghhu]{font-size:clamp(2.5rem,6vw,3.5rem);font-weight:800;color:#fff;margin-bottom:var(--spacing-md);text-shadow:0 2px 20px rgba(0,0,0,.1)}.hero-subtitle[data-astro-cid-6kmwghhu]{font-size:clamp(1.1rem,2.5vw,1.3rem);color:#fffffff2;max-width:700px;margin:0 auto;line-height:1.6}.faq-cta[data-astro-cid-6kmwghhu]{padding:4rem 0;background:linear-gradient(to bottom,#ffffff 0%,var(--primary-lighter) 100%)}.cta-content[data-astro-cid-6kmwghhu]{text-align:center;max-width:800px;margin:0 auto}.cta-title[data-astro-cid-6kmwghhu]{font-size:clamp(2rem,4vw,2.5rem);font-weight:700;color:var(--text-primary);margin-bottom:1rem}.cta-text[data-astro-cid-6kmwghhu]{font-size:1.15rem;color:var(--text-secondary);margin-bottom:2rem;line-height:1.7}.cta-buttons[data-astro-cid-6kmwghhu]{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.btn-primary[data-astro-cid-6kmwghhu],.btn-secondary[data-astro-cid-6kmwghhu]{padding:1rem 2rem;font-weight:600;font-size:1rem;border-radius:8px;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex;align-items:center;gap:.5rem;text-decoration:none;border:2px solid var(--primary-color)}.btn-primary[data-astro-cid-6kmwghhu]{background-color:var(--primary-color);color:#fff}.btn-primary[data-astro-cid-6kmwghhu]:hover{background-color:#fff;color:var(--primary-color);transform:translateY(-2px);box-shadow:0 8px 24px #15629633}.btn-secondary[data-astro-cid-6kmwghhu]{background-color:#fff;color:var(--primary-color)}.btn-secondary[data-astro-cid-6kmwghhu]:hover{background-color:var(--primary-color);color:#fff;transform:translateY(-2px)}@media(max-width:768px){.faq-hero[data-astro-cid-6kmwghhu]{padding:3rem 0 2rem}.hero-title[data-astro-cid-6kmwghhu]{font-size:2rem}.faq-section[data-astro-cid-6kmwghhu]{padding:3rem 0}.faq-category[data-astro-cid-6kmwghhu]{margin-bottom:3rem}.category-title[data-astro-cid-6kmwghhu]{font-size:1.25rem;padding-left:.75rem;margin-bottom:1rem;border-left-width:4px}.category-icon[data-astro-cid-6kmwghhu] svg{width:24px;height:24px}.faq-button[data-astro-cid-6kmwghhu]{padding:.875rem 0}.question-text[data-astro-cid-6kmwghhu]{font-size:1rem}.chevron-icon[data-astro-cid-6kmwghhu]{width:18px;height:18px}.answer-content[data-astro-cid-6kmwghhu]{padding:0 .75rem 1rem;margin-top:0;margin-bottom:.75rem;font-size:.95rem}.cta-buttons[data-astro-cid-6kmwghhu]{flex-direction:column;align-items:stretch}.btn-primary[data-astro-cid-6kmwghhu],.btn-secondary[data-astro-cid-6kmwghhu]{width:100%;justify-content:center}}
