Comit\u00e9 d’Usagers – CPTS RUSCINO<\/title>\n <style>\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n body {\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n overflow-x: hidden;\n background: linear-gradient(135deg, #1e88e5 0%, #42a5f5 100%);\n color: #333;\n }\n\n \/* Particules d'arri\u00e8re-plan anim\u00e9es *\/\n .particles {\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n z-index: 0;\n pointer-events: none;\n }\n\n .particle {\n position: absolute;\n background: rgba(255, 255, 255, 0.3);\n border-radius: 50%;\n animation: float 15s infinite ease-in-out;\n }\n\n @keyframes float {\n 0%, 100% { transform: translateY(0) translateX(0) scale(1); opacity: 0.3; }\n 25% { transform: translateY(-100px) translateX(50px) scale(1.2); opacity: 0.5; }\n 50% { transform: translateY(-200px) translateX(-50px) scale(0.8); opacity: 0.7; }\n 75% { transform: translateY(-100px) translateX(100px) scale(1.1); opacity: 0.4; }\n }\n\n \/* Hero Section *\/\n .hero {\n position: relative;\n min-height: 100vh;\n display: flex;\n align-items: center;\n justify-content: center;\n text-align: center;\n padding: 2rem;\n z-index: 1;\n }\n\n .hero-content {\n background: rgba(255, 255, 255, 0.95);\n padding: 4rem 3rem;\n border-radius: 30px;\n box-shadow: 0 30px 60px rgba(0, 0, 0, 0.3);\n max-width: 900px;\n animation: slideIn 1s ease-out;\n backdrop-filter: blur(10px);\n }\n\n @keyframes slideIn {\n from {\n opacity: 0;\n transform: translateY(50px) scale(0.9);\n }\n to {\n opacity: 1;\n transform: translateY(0) scale(1);\n }\n }\n\n .logo {\n font-size: 3.5rem;\n font-weight: bold;\n background: linear-gradient(135deg, #1e88e5 0%, #ec407a 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n margin-bottom: 1rem;\n animation: pulse 2s infinite;\n }\n\n @keyframes pulse {\n 0%, 100% { transform: scale(1); }\n 50% { transform: scale(1.05); }\n }\n\n h1 {\n font-size: 2.8rem;\n color: #2d3748;\n margin-bottom: 1.5rem;\n animation: fadeInUp 1s ease-out 0.3s both;\n }\n\n .subtitle {\n font-size: 1.5rem;\n color: #1e88e5;\n font-weight: 600;\n margin-bottom: 2rem;\n animation: fadeInUp 1s ease-out 0.5s both;\n }\n\n @keyframes fadeInUp {\n from {\n opacity: 0;\n transform: translateY(30px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n\n .cta-button {\n display: inline-block;\n padding: 1.5rem 4rem;\n font-size: 1.3rem;\n font-weight: bold;\n color: white;\n background: linear-gradient(135deg, #1e88e5 0%, #42a5f5 100%);\n border: none;\n border-radius: 50px;\n cursor: pointer;\n text-decoration: none;\n transition: all 0.3s ease;\n box-shadow: 0 10px 30px rgba(30, 136, 229, 0.4);\n animation: fadeInUp 1s ease-out 0.7s both;\n position: relative;\n overflow: hidden;\n }\n\n .cta-button:before {\n content: '';\n position: absolute;\n top: 50%;\n left: 50%;\n width: 0;\n height: 0;\n border-radius: 50%;\n background: rgba(255, 255, 255, 0.3);\n transform: translate(-50%, -50%);\n transition: width 0.6s, height 0.6s;\n }\n\n .cta-button:hover:before {\n width: 300px;\n height: 300px;\n }\n\n .cta-button:hover {\n transform: translateY(-5px) scale(1.05);\n box-shadow: 0 15px 40px rgba(30, 136, 229, 0.6);\n }\n\n \/* Section contenu *\/\n .content-section {\n position: relative;\n background: white;\n padding: 5rem 2rem;\n z-index: 1;\n }\n\n .container {\n max-width: 1200px;\n margin: 0 auto;\n }\n\n .section-title {\n font-size: 2.5rem;\n text-align: center;\n color: #2d3748;\n margin-bottom: 3rem;\n position: relative;\n animation: fadeInUp 1s ease-out;\n }\n\n .section-title:after {\n content: '';\n display: block;\n width: 100px;\n height: 4px;\n background: linear-gradient(135deg, #1e88e5 0%, #ec407a 100%);\n margin: 1rem auto;\n border-radius: 2px;\n }\n\n \/* Cards avec animations *\/\n .cards-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 2rem;\n margin-bottom: 4rem;\n }\n\n .card {\n background: linear-gradient(135deg, #1e88e5 0%, #42a5f5 100%);\n padding: 2.5rem;\n border-radius: 20px;\n color: white;\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);\n transition: all 0.4s ease;\n animation: fadeInUp 1s ease-out;\n animation-fill-mode: both;\n position: relative;\n overflow: hidden;\n }\n\n .card:nth-child(1) { animation-delay: 0.1s; }\n .card:nth-child(2) { animation-delay: 0.2s; }\n .card:nth-child(3) { animation-delay: 0.3s; }\n .card:nth-child(4) { animation-delay: 0.4s; }\n .card:nth-child(5) { animation-delay: 0.5s; }\n\n .card:before {\n content: '';\n position: absolute;\n top: -50%;\n right: -50%;\n width: 200%;\n height: 200%;\n background: radial-gradient(circle, rgba(255,255,255,0.2) 0%, transparent 70%);\n transform: rotate(45deg);\n transition: all 0.6s ease;\n }\n\n .card:hover {\n transform: translateY(-10px) scale(1.03);\n box-shadow: 0 20px 50px rgba(30, 136, 229, 0.4);\n }\n\n .card:hover:before {\n top: -100%;\n right: -100%;\n }\n\n .card-icon {\n font-size: 3rem;\n margin-bottom: 1rem;\n display: block;\n animation: bounce 2s infinite;\n }\n\n @keyframes bounce {\n 0%, 100% { transform: translateY(0); }\n 50% { transform: translateY(-10px); }\n }\n\n .card h3 {\n font-size: 1.5rem;\n margin-bottom: 1rem;\n }\n\n .card p {\n line-height: 1.6;\n opacity: 0.95;\n }\n\n \/* Liste anim\u00e9e *\/\n .animated-list {\n list-style: none;\n max-width: 800px;\n margin: 3rem auto;\n }\n\n .animated-list li {\n background: #f7fafc;\n padding: 1.5rem;\n margin-bottom: 1rem;\n border-radius: 15px;\n border-left: 5px solid #1e88e5;\n animation: slideInLeft 0.8s ease-out;\n animation-fill-mode: both;\n transition: all 0.3s ease;\n }\n\n .animated-list li:nth-child(1) { animation-delay: 0.1s; }\n .animated-list li:nth-child(2) { animation-delay: 0.2s; }\n .animated-list li:nth-child(3) { animation-delay: 0.3s; }\n .animated-list li:nth-child(4) { animation-delay: 0.4s; }\n\n @keyframes slideInLeft {\n from {\n opacity: 0;\n transform: translateX(-50px);\n }\n to {\n opacity: 1;\n transform: translateX(0);\n }\n }\n\n .animated-list li:hover {\n transform: translateX(10px);\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);\n }\n\n .animated-list li:before {\n content: '\u2713';\n display: inline-block;\n width: 30px;\n height: 30px;\n background: linear-gradient(135deg, #1e88e5 0%, #42a5f5 100%);\n color: white;\n border-radius: 50%;\n text-align: center;\n line-height: 30px;\n margin-right: 1rem;\n font-weight: bold;\n }\n\n \/* Statistiques anim\u00e9es *\/\n .stats {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 2rem;\n margin: 4rem 0;\n }\n\n .stat-card {\n text-align: center;\n padding: 2rem;\n background: linear-gradient(135deg, #f7fafc 0%, #edf2f7 100%);\n border-radius: 20px;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);\n animation: fadeInUp 1s ease-out;\n animation-fill-mode: both;\n }\n\n .stat-card:nth-child(1) { animation-delay: 0.2s; }\n .stat-card:nth-child(2) { animation-delay: 0.4s; }\n .stat-card:nth-child(3) { animation-delay: 0.6s; }\n\n .stat-number {\n font-size: 3rem;\n font-weight: bold;\n background: linear-gradient(135deg, #1e88e5 0%, #ec407a 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n display: block;\n margin-bottom: 0.5rem;\n }\n\n .stat-label {\n font-size: 1.1rem;\n color: #4a5568;\n }\n\n \/* Footer CTA *\/\n .footer-cta {\n background: linear-gradient(135deg, #2d3748 0%, #1a202c 100%);\n padding: 5rem 2rem;\n text-align: center;\n color: white;\n }\n\n .footer-cta h2 {\n font-size: 2.5rem;\n margin-bottom: 2rem;\n animation: fadeInUp 1s ease-out;\n }\n\n .contact-info {\n max-width: 600px;\n margin: 2rem auto;\n padding: 2rem;\n background: rgba(255, 255, 255, 0.1);\n border-radius: 20px;\n backdrop-filter: blur(10px);\n animation: fadeInUp 1s ease-out 0.3s both;\n }\n\n .contact-info p {\n margin: 1rem 0;\n font-size: 1.1rem;\n color: white !important;\n }\n\n .contact-info h3 {\n color: white !important;\n }\n\n .contact-info strong {\n color: white !important;\n }\n\n \/* Responsive *\/\n @media (max-width: 768px) {\n .hero-content {\n padding: 2rem 1.5rem;\n }\n \n h1 {\n font-size: 2rem;\n }\n \n .subtitle {\n font-size: 1.2rem;\n }\n \n .cta-button {\n padding: 1.2rem 2.5rem;\n font-size: 1.1rem;\n }\n \n .cards-grid {\n grid-template-columns: 1fr;\n }\n }\n\n \/* Effet de survol global *\/\n .hover-effect {\n transition: all 0.3s ease;\n }\n\n .hover-effect:hover {\n transform: scale(1.02);\n }\n <\/style>\n<\/head>\n<body>\n \n <div class=\"particles\" id=\"particles\"><\/div>\n\n \n <section class=\"hero\">\n <div class=\"hero-content\">\n <div class=\"logo\">CPTS RUSCINO<\/div>\n <h1>Devenez membre du Comit\u00e9 d’Usagers<\/h1>\n <p class=\"subtitle\">Votre voix compte pour am\u00e9liorer la sant\u00e9 sur notre territoire<\/p>\n <a href=\"mailto:usagers@cptsruscino.fr?subject=Candidature%20Comit\u00e9%20d'Usagers%20CPTS%20RUSCINO\" class=\"cta-button\">\n <span style=\"position: relative; z-index: 1;\">\ud83d\udcdd Je candidate maintenant<\/span>\n <\/a>\n <\/div>\n <\/section>\n\n \n <section class=\"content-section\">\n <div class=\"container\">\n <h2 class=\"section-title\">Pourquoi un Comit\u00e9 d’Usagers ?<\/h2>\n \n <div class=\"cards-grid\">\n <div class=\"card\">\n <span class=\"card-icon\">\ud83e\udd1d<\/span>\n <h3>Co-construire<\/h3>\n <p>Les projets de sant\u00e9 avec les professionnels de sant\u00e9<\/p>\n <\/div>\n <div class=\"card\">\n <span class=\"card-icon\">\u2b50<\/span>\n <h3>Am\u00e9liorer<\/h3>\n <p>La qualit\u00e9 et la coordination des soins<\/p>\n <\/div>\n <div class=\"card\">\n <span class=\"card-icon\">\ud83c\udfaf<\/span>\n <h3>Faire entendre<\/h3>\n <p>Le point de vue des usagers dans les d\u00e9cisions de la CPTS<\/p>\n <\/div>\n <div class=\"card\">\n <span class=\"card-icon\">\ud83d\udcca<\/span>\n <h3>\u00c9valuer<\/h3>\n <p>Les actions mises en place et proposer des am\u00e9liorations<\/p>\n <\/div>\n <div class=\"card\">\n <span class=\"card-icon\">\ud83d\udee1\ufe0f<\/span>\n <h3>Participer<\/h3>\n <p>\u00c0 l’\u00e9laboration des actions de pr\u00e9vention et d’accompagnement<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"content-section\" style=\"background: #f7fafc;\">\n <div class=\"container\">\n <h2 class=\"section-title\">Qui recherchons-nous ?<\/h2>\n \n <ul class=\"animated-list\">\n <li><strong>Usagers du syst\u00e8me de sant\u00e9<\/strong> (tous \u00e2ges, situations, pathologies)<\/li>\n <li><strong>Aidants<\/strong> de personnes en situation de fragilit\u00e9<\/li>\n <li><strong>Personnes motiv\u00e9es<\/strong> par l’am\u00e9lioration de l’acc\u00e8s aux soins<\/li>\n <li><strong>R\u00e9sidents<\/strong> de Perpignan, Saleilles, Saint-Nazaire ou Cabestany<\/li>\n <\/ul>\n\n <div style=\"text-align: center; margin-top: 3rem; padding: 2rem; background: white; border-radius: 20px; box-shadow: 0 10px 30px rgba(0,0,0,0.1);\">\n <h3 style=\"font-size: 1.8rem; color: #2d3748; margin-bottom: 1rem;\">\u2728 Aucune comp\u00e9tence particuli\u00e8re requise !<\/h3>\n <p style=\"font-size: 1.2rem; color: #4a5568; line-height: 1.8;\">\n Seulement votre exp\u00e9rience d’usager et votre envie de contribuer<br>\n \u00e0 un syst\u00e8me de sant\u00e9 plus performant et plus humain.\n <\/p>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"content-section\">\n <div class=\"container\">\n <h2 class=\"section-title\">Quel engagement ?<\/h2>\n \n <div class=\"stats\">\n <div class=\"stat-card hover-effect\">\n <span class=\"stat-number\">3-4<\/span>\n <span class=\"stat-label\">R\u00e9unions par an<br>(environ 2h)<\/span>\n <\/div>\n <div class=\"stat-card hover-effect\">\n <span class=\"stat-number\">1 an<\/span>\n <span class=\"stat-label\">Engagement<br>souhait\u00e9 minimum<\/span>\n <\/div>\n <div class=\"stat-card hover-effect\">\n <span class=\"stat-number\">\ud83d\udcbb<\/span>\n <span class=\"stat-label\">\u00c0 Cabestany<br>ou visioconf\u00e9rence<\/span>\n <\/div>\n <\/div>\n\n <h2 class=\"section-title\" style=\"margin-top: 5rem;\">Les th\u00e9matiques de contribution<\/h2>\n \n <div class=\"cards-grid\">\n <div class=\"card\">\n <span class=\"card-icon\">\ud83c\udfe5<\/span>\n <h3>Parcours de soins<\/h3>\n <p>Diab\u00e8te, insuffisance cardiaque, sant\u00e9 mentale…<\/p>\n <\/div>\n <div class=\"card\">\n <span class=\"card-icon\">\ud83d\udee1\ufe0f<\/span>\n <h3>Pr\u00e9vention<\/h3>\n <p>Chutes, canicule, d\u00e9pistages…<\/p>\n <\/div>\n <div class=\"card\">\n <span class=\"card-icon\">\ud83e\ude7a<\/span>\n <h3>Acc\u00e8s aux soins<\/h3>\n <p>Permanence des soins sur le territoire<\/p>\n <\/div>\n <div class=\"card\">\n <span class=\"card-icon\">\ud83d\udcac<\/span>\n <h3>Communication<\/h3>\n <p>Information aux usagers<\/p>\n <\/div>\n <div class=\"card\">\n <span class=\"card-icon\">\u2b50<\/span>\n <h3>Qualit\u00e9<\/h3>\n <p>Qualit\u00e9 de prise en charge<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"footer-cta\" id=\"formulaire\">\n <div class=\"container\">\n <h2>Pr\u00eat \u00e0 faire la diff\u00e9rence ?<\/h2>\n <a href=\"mailto:usagers@cptsruscino.fr\" class=\"cta-button\" style=\"margin: 2rem 0;\">\n <span style=\"position: relative; z-index: 1;\">\ud83d\udcdd Candidater par email<\/span>\n <\/a>\n \n <div class=\"contact-info\">\n <h3 style=\"font-size: 1.8rem; margin-bottom: 1.5rem;\">\u2753 Des questions ?<\/h3>\n <p>\ud83d\udce7 Pour candidater : usagers@cptsruscino.fr<\/p>\n <p style=\"margin-top: 2rem;\">\ud83d\udccd <strong>Si\u00e8ge de la CPTS RUSCINO<\/strong><br>2 rue Ibn Sina\u00ef dit Avicenne<br>66330 Cabestany<\/p>\n <p style=\"margin-top: 1rem;\">\ud83d\udccd <strong>Local<\/strong><br>230 rue James Watt Plot.A<br>66100 Perpignan<\/p>\n <\/div>\n\n <p style=\"margin-top: 3rem; opacity: 0.8; font-style: italic;\">\n La CPTS RUSCINO regroupe les professionnels de sant\u00e9 du territoire<br>\n pour am\u00e9liorer la coordination des parcours de soins<br>\n et r\u00e9pondre aux besoins de sant\u00e9 de la population.\n <\/p>\n <\/div>\n <\/section>\n\n <script>\n \/\/ G\u00e9n\u00e9ration des particules anim\u00e9es\n const particlesContainer = document.getElementById('particles');\n for (let i = 0; i < 30; i++) {\n const particle = document.createElement('div');\n particle.className = 'particle';\n particle.style.width = Math.random() * 60 + 20 + 'px';\n particle.style.height = particle.style.width;\n particle.style.left = Math.random() * 100 + '%';\n particle.style.top = Math.random() * 100 + '%';\n particle.style.animationDelay = Math.random() * 15 + 's';\n particle.style.animationDuration = Math.random() * 10 + 10 + 's';\n particlesContainer.appendChild(particle);\n }\n\n \/\/ Animation au scroll\n const observerOptions = {\n threshold: 0.1,\n rootMargin: '0px 0px -100px 0px'\n };\n\n const observer = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n entry.target.style.animation = 'fadeInUp 1s ease-out forwards';\n }\n });\n }, observerOptions);\n\n document.querySelectorAll('.card, .stat-card, .animated-list li').forEach(el => {\n observer.observe(el);\n });\n\n \/\/ Smooth scroll pour les ancres\n document.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\n anchor.addEventListener('click', function (e) {\n e.preventDefault();\n const target = document.querySelector(this.getAttribute('href'));\n if (target) {\n target.scrollIntoView({\n behavior: 'smooth',\n block: 'start'\n });\n }\n });\n });\n\n \/\/ Animation des chiffres au scroll\n const animateNumbers = (entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n const statNumber = entry.target.querySelector('.stat-number');\n const text = statNumber.textContent;\n if (!isNaN(text.split('-')[0])) {\n const numbers = text.split('-').map(n => parseInt(n));\n let current = 0;\n const increment = numbers[0] \/ 30;\n const timer = setInterval(() => {\n current += increment;\n if (current >= numbers[0]) {\n statNumber.textContent = text;\n clearInterval(timer);\n } else {\n statNumber.textContent = Math.floor(current) + (numbers.length > 1 ? '-' + numbers[1] : '');\n }\n }, 50);\n }\n numberObserver.unobserve(entry.target);\n }\n });\n };\n\n const numberObserver = new IntersectionObserver(animateNumbers, observerOptions);\n document.querySelectorAll('.stat-card').forEach(card => {\n numberObserver.observe(card);\n });\n <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Comit\u00e9 d’Usagers – CPTS RUSCINO CPTS RUSCINO Devenez membre du Comit\u00e9 d’Usagers Votre voix compte pour am\u00e9liorer la sant\u00e9 sur notre territoire \ud83d\udcdd Je candidate maintenant Pourquoi un Comit\u00e9 d’Usagers ? \ud83e\udd1d Co-construire Les projets de sant\u00e9 avec les professionnels de sant\u00e9 \u2b50 Am\u00e9liorer La qualit\u00e9 et la coordination des soins \ud83c\udfaf Faire entendre Le […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"saved_in_kubio":false,"footnotes":""},"class_list":["post-856","page","type-page","status-publish","hentry"],"kubio_ai_page_context":{"short_desc":"","purpose":"general"},"_links":{"self":[{"href":"https:\/\/cptsruscino.fr\/index.php?rest_route=\/wp\/v2\/pages\/856","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cptsruscino.fr\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/cptsruscino.fr\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/cptsruscino.fr\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/cptsruscino.fr\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=856"}],"version-history":[{"count":6,"href":"https:\/\/cptsruscino.fr\/index.php?rest_route=\/wp\/v2\/pages\/856\/revisions"}],"predecessor-version":[{"id":866,"href":"https:\/\/cptsruscino.fr\/index.php?rest_route=\/wp\/v2\/pages\/856\/revisions\/866"}],"wp:attachment":[{"href":"https:\/\/cptsruscino.fr\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=856"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":856,"date":"2026-01-06T16:24:10","date_gmt":"2026-01-06T15:24:10","guid":{"rendered":"https:\/\/cptsruscino.fr\/?page_id=856"},"modified":"2026-01-06T16:56:44","modified_gmt":"2026-01-06T15:56:44","slug":"comite-dusagers","status":"publish","type":"page","link":"https:\/\/cptsruscino.fr\/?page_id=856","title":{"rendered":"Comit\u00e9 d’usagers"},"content":{"rendered":"\n\n\n\n \n \n Comit\u00e9 d’Usagers – CPTS RUSCINO<\/title>\n <style>\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n body {\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n overflow-x: hidden;\n background: linear-gradient(135deg, #1e88e5 0%, #42a5f5 100%);\n color: #333;\n }\n\n \/* Particules d'arri\u00e8re-plan anim\u00e9es *\/\n .particles {\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n z-index: 0;\n pointer-events: none;\n }\n\n .particle {\n position: absolute;\n background: rgba(255, 255, 255, 0.3);\n border-radius: 50%;\n animation: float 15s infinite ease-in-out;\n }\n\n @keyframes float {\n 0%, 100% { transform: translateY(0) translateX(0) scale(1); opacity: 0.3; }\n 25% { transform: translateY(-100px) translateX(50px) scale(1.2); opacity: 0.5; }\n 50% { transform: translateY(-200px) translateX(-50px) scale(0.8); opacity: 0.7; }\n 75% { transform: translateY(-100px) translateX(100px) scale(1.1); opacity: 0.4; }\n }\n\n \/* Hero Section *\/\n .hero {\n position: relative;\n min-height: 100vh;\n display: flex;\n align-items: center;\n justify-content: center;\n text-align: center;\n padding: 2rem;\n z-index: 1;\n }\n\n .hero-content {\n background: rgba(255, 255, 255, 0.95);\n padding: 4rem 3rem;\n border-radius: 30px;\n box-shadow: 0 30px 60px rgba(0, 0, 0, 0.3);\n max-width: 900px;\n animation: slideIn 1s ease-out;\n backdrop-filter: blur(10px);\n }\n\n @keyframes slideIn {\n from {\n opacity: 0;\n transform: translateY(50px) scale(0.9);\n }\n to {\n opacity: 1;\n transform: translateY(0) scale(1);\n }\n }\n\n .logo {\n font-size: 3.5rem;\n font-weight: bold;\n background: linear-gradient(135deg, #1e88e5 0%, #ec407a 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n margin-bottom: 1rem;\n animation: pulse 2s infinite;\n }\n\n @keyframes pulse {\n 0%, 100% { transform: scale(1); }\n 50% { transform: scale(1.05); }\n }\n\n h1 {\n font-size: 2.8rem;\n color: #2d3748;\n margin-bottom: 1.5rem;\n animation: fadeInUp 1s ease-out 0.3s both;\n }\n\n .subtitle {\n font-size: 1.5rem;\n color: #1e88e5;\n font-weight: 600;\n margin-bottom: 2rem;\n animation: fadeInUp 1s ease-out 0.5s both;\n }\n\n @keyframes fadeInUp {\n from {\n opacity: 0;\n transform: translateY(30px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n\n .cta-button {\n display: inline-block;\n padding: 1.5rem 4rem;\n font-size: 1.3rem;\n font-weight: bold;\n color: white;\n background: linear-gradient(135deg, #1e88e5 0%, #42a5f5 100%);\n border: none;\n border-radius: 50px;\n cursor: pointer;\n text-decoration: none;\n transition: all 0.3s ease;\n box-shadow: 0 10px 30px rgba(30, 136, 229, 0.4);\n animation: fadeInUp 1s ease-out 0.7s both;\n position: relative;\n overflow: hidden;\n }\n\n .cta-button:before {\n content: '';\n position: absolute;\n top: 50%;\n left: 50%;\n width: 0;\n height: 0;\n border-radius: 50%;\n background: rgba(255, 255, 255, 0.3);\n transform: translate(-50%, -50%);\n transition: width 0.6s, height 0.6s;\n }\n\n .cta-button:hover:before {\n width: 300px;\n height: 300px;\n }\n\n .cta-button:hover {\n transform: translateY(-5px) scale(1.05);\n box-shadow: 0 15px 40px rgba(30, 136, 229, 0.6);\n }\n\n \/* Section contenu *\/\n .content-section {\n position: relative;\n background: white;\n padding: 5rem 2rem;\n z-index: 1;\n }\n\n .container {\n max-width: 1200px;\n margin: 0 auto;\n }\n\n .section-title {\n font-size: 2.5rem;\n text-align: center;\n color: #2d3748;\n margin-bottom: 3rem;\n position: relative;\n animation: fadeInUp 1s ease-out;\n }\n\n .section-title:after {\n content: '';\n display: block;\n width: 100px;\n height: 4px;\n background: linear-gradient(135deg, #1e88e5 0%, #ec407a 100%);\n margin: 1rem auto;\n border-radius: 2px;\n }\n\n \/* Cards avec animations *\/\n .cards-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 2rem;\n margin-bottom: 4rem;\n }\n\n .card {\n background: linear-gradient(135deg, #1e88e5 0%, #42a5f5 100%);\n padding: 2.5rem;\n border-radius: 20px;\n color: white;\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);\n transition: all 0.4s ease;\n animation: fadeInUp 1s ease-out;\n animation-fill-mode: both;\n position: relative;\n overflow: hidden;\n }\n\n .card:nth-child(1) { animation-delay: 0.1s; }\n .card:nth-child(2) { animation-delay: 0.2s; }\n .card:nth-child(3) { animation-delay: 0.3s; }\n .card:nth-child(4) { animation-delay: 0.4s; }\n .card:nth-child(5) { animation-delay: 0.5s; }\n\n .card:before {\n content: '';\n position: absolute;\n top: -50%;\n right: -50%;\n width: 200%;\n height: 200%;\n background: radial-gradient(circle, rgba(255,255,255,0.2) 0%, transparent 70%);\n transform: rotate(45deg);\n transition: all 0.6s ease;\n }\n\n .card:hover {\n transform: translateY(-10px) scale(1.03);\n box-shadow: 0 20px 50px rgba(30, 136, 229, 0.4);\n }\n\n .card:hover:before {\n top: -100%;\n right: -100%;\n }\n\n .card-icon {\n font-size: 3rem;\n margin-bottom: 1rem;\n display: block;\n animation: bounce 2s infinite;\n }\n\n @keyframes bounce {\n 0%, 100% { transform: translateY(0); }\n 50% { transform: translateY(-10px); }\n }\n\n .card h3 {\n font-size: 1.5rem;\n margin-bottom: 1rem;\n }\n\n .card p {\n line-height: 1.6;\n opacity: 0.95;\n }\n\n \/* Liste anim\u00e9e *\/\n .animated-list {\n list-style: none;\n max-width: 800px;\n margin: 3rem auto;\n }\n\n .animated-list li {\n background: #f7fafc;\n padding: 1.5rem;\n margin-bottom: 1rem;\n border-radius: 15px;\n border-left: 5px solid #1e88e5;\n animation: slideInLeft 0.8s ease-out;\n animation-fill-mode: both;\n transition: all 0.3s ease;\n }\n\n .animated-list li:nth-child(1) { animation-delay: 0.1s; }\n .animated-list li:nth-child(2) { animation-delay: 0.2s; }\n .animated-list li:nth-child(3) { animation-delay: 0.3s; }\n .animated-list li:nth-child(4) { animation-delay: 0.4s; }\n\n @keyframes slideInLeft {\n from {\n opacity: 0;\n transform: translateX(-50px);\n }\n to {\n opacity: 1;\n transform: translateX(0);\n }\n }\n\n .animated-list li:hover {\n transform: translateX(10px);\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);\n }\n\n .animated-list li:before {\n content: '\u2713';\n display: inline-block;\n width: 30px;\n height: 30px;\n background: linear-gradient(135deg, #1e88e5 0%, #42a5f5 100%);\n color: white;\n border-radius: 50%;\n text-align: center;\n line-height: 30px;\n margin-right: 1rem;\n font-weight: bold;\n }\n\n \/* Statistiques anim\u00e9es *\/\n .stats {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 2rem;\n margin: 4rem 0;\n }\n\n .stat-card {\n text-align: center;\n padding: 2rem;\n background: linear-gradient(135deg, #f7fafc 0%, #edf2f7 100%);\n border-radius: 20px;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);\n animation: fadeInUp 1s ease-out;\n animation-fill-mode: both;\n }\n\n .stat-card:nth-child(1) { animation-delay: 0.2s; }\n .stat-card:nth-child(2) { animation-delay: 0.4s; }\n .stat-card:nth-child(3) { animation-delay: 0.6s; }\n\n .stat-number {\n font-size: 3rem;\n font-weight: bold;\n background: linear-gradient(135deg, #1e88e5 0%, #ec407a 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n display: block;\n margin-bottom: 0.5rem;\n }\n\n .stat-label {\n font-size: 1.1rem;\n color: #4a5568;\n }\n\n \/* Footer CTA *\/\n .footer-cta {\n background: linear-gradient(135deg, #2d3748 0%, #1a202c 100%);\n padding: 5rem 2rem;\n text-align: center;\n color: white;\n }\n\n .footer-cta h2 {\n font-size: 2.5rem;\n margin-bottom: 2rem;\n animation: fadeInUp 1s ease-out;\n }\n\n .contact-info {\n max-width: 600px;\n margin: 2rem auto;\n padding: 2rem;\n background: rgba(255, 255, 255, 0.1);\n border-radius: 20px;\n backdrop-filter: blur(10px);\n animation: fadeInUp 1s ease-out 0.3s both;\n }\n\n .contact-info p {\n margin: 1rem 0;\n font-size: 1.1rem;\n color: white !important;\n }\n\n .contact-info h3 {\n color: white !important;\n }\n\n .contact-info strong {\n color: white !important;\n }\n\n \/* Responsive *\/\n @media (max-width: 768px) {\n .hero-content {\n padding: 2rem 1.5rem;\n }\n \n h1 {\n font-size: 2rem;\n }\n \n .subtitle {\n font-size: 1.2rem;\n }\n \n .cta-button {\n padding: 1.2rem 2.5rem;\n font-size: 1.1rem;\n }\n \n .cards-grid {\n grid-template-columns: 1fr;\n }\n }\n\n \/* Effet de survol global *\/\n .hover-effect {\n transition: all 0.3s ease;\n }\n\n .hover-effect:hover {\n transform: scale(1.02);\n }\n <\/style>\n<\/head>\n<body>\n \n <div class=\"particles\" id=\"particles\"><\/div>\n\n \n <section class=\"hero\">\n <div class=\"hero-content\">\n <div class=\"logo\">CPTS RUSCINO<\/div>\n <h1>Devenez membre du Comit\u00e9 d’Usagers<\/h1>\n <p class=\"subtitle\">Votre voix compte pour am\u00e9liorer la sant\u00e9 sur notre territoire<\/p>\n <a href=\"mailto:usagers@cptsruscino.fr?subject=Candidature%20Comit\u00e9%20d'Usagers%20CPTS%20RUSCINO\" class=\"cta-button\">\n <span style=\"position: relative; z-index: 1;\">\ud83d\udcdd Je candidate maintenant<\/span>\n <\/a>\n <\/div>\n <\/section>\n\n \n <section class=\"content-section\">\n <div class=\"container\">\n <h2 class=\"section-title\">Pourquoi un Comit\u00e9 d’Usagers ?<\/h2>\n \n <div class=\"cards-grid\">\n <div class=\"card\">\n <span class=\"card-icon\">\ud83e\udd1d<\/span>\n <h3>Co-construire<\/h3>\n <p>Les projets de sant\u00e9 avec les professionnels de sant\u00e9<\/p>\n <\/div>\n <div class=\"card\">\n <span class=\"card-icon\">\u2b50<\/span>\n <h3>Am\u00e9liorer<\/h3>\n <p>La qualit\u00e9 et la coordination des soins<\/p>\n <\/div>\n <div class=\"card\">\n <span class=\"card-icon\">\ud83c\udfaf<\/span>\n <h3>Faire entendre<\/h3>\n <p>Le point de vue des usagers dans les d\u00e9cisions de la CPTS<\/p>\n <\/div>\n <div class=\"card\">\n <span class=\"card-icon\">\ud83d\udcca<\/span>\n <h3>\u00c9valuer<\/h3>\n <p>Les actions mises en place et proposer des am\u00e9liorations<\/p>\n <\/div>\n <div class=\"card\">\n <span class=\"card-icon\">\ud83d\udee1\ufe0f<\/span>\n <h3>Participer<\/h3>\n <p>\u00c0 l’\u00e9laboration des actions de pr\u00e9vention et d’accompagnement<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"content-section\" style=\"background: #f7fafc;\">\n <div class=\"container\">\n <h2 class=\"section-title\">Qui recherchons-nous ?<\/h2>\n \n <ul class=\"animated-list\">\n <li><strong>Usagers du syst\u00e8me de sant\u00e9<\/strong> (tous \u00e2ges, situations, pathologies)<\/li>\n <li><strong>Aidants<\/strong> de personnes en situation de fragilit\u00e9<\/li>\n <li><strong>Personnes motiv\u00e9es<\/strong> par l’am\u00e9lioration de l’acc\u00e8s aux soins<\/li>\n <li><strong>R\u00e9sidents<\/strong> de Perpignan, Saleilles, Saint-Nazaire ou Cabestany<\/li>\n <\/ul>\n\n <div style=\"text-align: center; margin-top: 3rem; padding: 2rem; background: white; border-radius: 20px; box-shadow: 0 10px 30px rgba(0,0,0,0.1);\">\n <h3 style=\"font-size: 1.8rem; color: #2d3748; margin-bottom: 1rem;\">\u2728 Aucune comp\u00e9tence particuli\u00e8re requise !<\/h3>\n <p style=\"font-size: 1.2rem; color: #4a5568; line-height: 1.8;\">\n Seulement votre exp\u00e9rience d’usager et votre envie de contribuer<br>\n \u00e0 un syst\u00e8me de sant\u00e9 plus performant et plus humain.\n <\/p>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"content-section\">\n <div class=\"container\">\n <h2 class=\"section-title\">Quel engagement ?<\/h2>\n \n <div class=\"stats\">\n <div class=\"stat-card hover-effect\">\n <span class=\"stat-number\">3-4<\/span>\n <span class=\"stat-label\">R\u00e9unions par an<br>(environ 2h)<\/span>\n <\/div>\n <div class=\"stat-card hover-effect\">\n <span class=\"stat-number\">1 an<\/span>\n <span class=\"stat-label\">Engagement<br>souhait\u00e9 minimum<\/span>\n <\/div>\n <div class=\"stat-card hover-effect\">\n <span class=\"stat-number\">\ud83d\udcbb<\/span>\n <span class=\"stat-label\">\u00c0 Cabestany<br>ou visioconf\u00e9rence<\/span>\n <\/div>\n <\/div>\n\n <h2 class=\"section-title\" style=\"margin-top: 5rem;\">Les th\u00e9matiques de contribution<\/h2>\n \n <div class=\"cards-grid\">\n <div class=\"card\">\n <span class=\"card-icon\">\ud83c\udfe5<\/span>\n <h3>Parcours de soins<\/h3>\n <p>Diab\u00e8te, insuffisance cardiaque, sant\u00e9 mentale…<\/p>\n <\/div>\n <div class=\"card\">\n <span class=\"card-icon\">\ud83d\udee1\ufe0f<\/span>\n <h3>Pr\u00e9vention<\/h3>\n <p>Chutes, canicule, d\u00e9pistages…<\/p>\n <\/div>\n <div class=\"card\">\n <span class=\"card-icon\">\ud83e\ude7a<\/span>\n <h3>Acc\u00e8s aux soins<\/h3>\n <p>Permanence des soins sur le territoire<\/p>\n <\/div>\n <div class=\"card\">\n <span class=\"card-icon\">\ud83d\udcac<\/span>\n <h3>Communication<\/h3>\n <p>Information aux usagers<\/p>\n <\/div>\n <div class=\"card\">\n <span class=\"card-icon\">\u2b50<\/span>\n <h3>Qualit\u00e9<\/h3>\n <p>Qualit\u00e9 de prise en charge<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"footer-cta\" id=\"formulaire\">\n <div class=\"container\">\n <h2>Pr\u00eat \u00e0 faire la diff\u00e9rence ?<\/h2>\n <a href=\"mailto:usagers@cptsruscino.fr\" class=\"cta-button\" style=\"margin: 2rem 0;\">\n <span style=\"position: relative; z-index: 1;\">\ud83d\udcdd Candidater par email<\/span>\n <\/a>\n \n <div class=\"contact-info\">\n <h3 style=\"font-size: 1.8rem; margin-bottom: 1.5rem;\">\u2753 Des questions ?<\/h3>\n <p>\ud83d\udce7 Pour candidater : usagers@cptsruscino.fr<\/p>\n <p style=\"margin-top: 2rem;\">\ud83d\udccd <strong>Si\u00e8ge de la CPTS RUSCINO<\/strong><br>2 rue Ibn Sina\u00ef dit Avicenne<br>66330 Cabestany<\/p>\n <p style=\"margin-top: 1rem;\">\ud83d\udccd <strong>Local<\/strong><br>230 rue James Watt Plot.A<br>66100 Perpignan<\/p>\n <\/div>\n\n <p style=\"margin-top: 3rem; opacity: 0.8; font-style: italic;\">\n La CPTS RUSCINO regroupe les professionnels de sant\u00e9 du territoire<br>\n pour am\u00e9liorer la coordination des parcours de soins<br>\n et r\u00e9pondre aux besoins de sant\u00e9 de la population.\n <\/p>\n <\/div>\n <\/section>\n\n <script>\n \/\/ G\u00e9n\u00e9ration des particules anim\u00e9es\n const particlesContainer = document.getElementById('particles');\n for (let i = 0; i < 30; i++) {\n const particle = document.createElement('div');\n particle.className = 'particle';\n particle.style.width = Math.random() * 60 + 20 + 'px';\n particle.style.height = particle.style.width;\n particle.style.left = Math.random() * 100 + '%';\n particle.style.top = Math.random() * 100 + '%';\n particle.style.animationDelay = Math.random() * 15 + 's';\n particle.style.animationDuration = Math.random() * 10 + 10 + 's';\n particlesContainer.appendChild(particle);\n }\n\n \/\/ Animation au scroll\n const observerOptions = {\n threshold: 0.1,\n rootMargin: '0px 0px -100px 0px'\n };\n\n const observer = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n entry.target.style.animation = 'fadeInUp 1s ease-out forwards';\n }\n });\n }, observerOptions);\n\n document.querySelectorAll('.card, .stat-card, .animated-list li').forEach(el => {\n observer.observe(el);\n });\n\n \/\/ Smooth scroll pour les ancres\n document.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\n anchor.addEventListener('click', function (e) {\n e.preventDefault();\n const target = document.querySelector(this.getAttribute('href'));\n if (target) {\n target.scrollIntoView({\n behavior: 'smooth',\n block: 'start'\n });\n }\n });\n });\n\n \/\/ Animation des chiffres au scroll\n const animateNumbers = (entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n const statNumber = entry.target.querySelector('.stat-number');\n const text = statNumber.textContent;\n if (!isNaN(text.split('-')[0])) {\n const numbers = text.split('-').map(n => parseInt(n));\n let current = 0;\n const increment = numbers[0] \/ 30;\n const timer = setInterval(() => {\n current += increment;\n if (current >= numbers[0]) {\n statNumber.textContent = text;\n clearInterval(timer);\n } else {\n statNumber.textContent = Math.floor(current) + (numbers.length > 1 ? '-' + numbers[1] : '');\n }\n }, 50);\n }\n numberObserver.unobserve(entry.target);\n }\n });\n };\n\n const numberObserver = new IntersectionObserver(animateNumbers, observerOptions);\n document.querySelectorAll('.stat-card').forEach(card => {\n numberObserver.observe(card);\n });\n <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Comit\u00e9 d’Usagers – CPTS RUSCINO CPTS RUSCINO Devenez membre du Comit\u00e9 d’Usagers Votre voix compte pour am\u00e9liorer la sant\u00e9 sur notre territoire \ud83d\udcdd Je candidate maintenant Pourquoi un Comit\u00e9 d’Usagers ? \ud83e\udd1d Co-construire Les projets de sant\u00e9 avec les professionnels de sant\u00e9 \u2b50 Am\u00e9liorer La qualit\u00e9 et la coordination des soins \ud83c\udfaf Faire entendre Le […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"saved_in_kubio":false,"footnotes":""},"class_list":["post-856","page","type-page","status-publish","hentry"],"kubio_ai_page_context":{"short_desc":"","purpose":"general"},"_links":{"self":[{"href":"https:\/\/cptsruscino.fr\/index.php?rest_route=\/wp\/v2\/pages\/856","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cptsruscino.fr\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/cptsruscino.fr\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/cptsruscino.fr\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/cptsruscino.fr\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=856"}],"version-history":[{"count":6,"href":"https:\/\/cptsruscino.fr\/index.php?rest_route=\/wp\/v2\/pages\/856\/revisions"}],"predecessor-version":[{"id":866,"href":"https:\/\/cptsruscino.fr\/index.php?rest_route=\/wp\/v2\/pages\/856\/revisions\/866"}],"wp:attachment":[{"href":"https:\/\/cptsruscino.fr\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=856"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}