{"id":8761,"date":"2025-12-01T11:03:29","date_gmt":"2025-12-01T11:03:29","guid":{"rendered":"https:\/\/sivih.org\/?page_id=8761"},"modified":"2026-02-07T14:29:33","modified_gmt":"2026-02-07T14:29:33","slug":"informations-generales","status":"publish","type":"page","link":"https:\/\/sivih.org\/en\/informations-generales\/","title":{"rendered":"Informations G\u00e9n\u00e9rales"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"8761\" class=\"elementor elementor-8761\">\n\t\t\t\t<div class=\"elementor-element elementor-element-23b3ccd e-flex e-con-boxed e-con e-parent\" data-id=\"23b3ccd\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c9a782f elementor-widget elementor-widget-html\" data-id=\"c9a782f\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n\/* ============================================\r\n   SECTION 1 : FONCTIONNEMENT DE LA COLLECTE\r\n   Style hero avec visualisation\r\n   ============================================ *\/\r\n\r\n.fundraising-hero {\r\n    font-family: 'Inter', 'Segoe UI', sans-serif;\r\n    max-width: 1300px;\r\n    margin: 80px auto;\r\n    padding: 0 20px;\r\n}\r\n\r\n.hero-container {\r\n    background: linear-gradient(145deg, #ffffff, #f8f9fa);\r\n    border-radius: 28px;\r\n    overflow: hidden;\r\n    box-shadow: 0 30px 70px rgba(0, 0, 0, 0.1);\r\n    border: 1px solid rgba(0, 0, 0, 0.05);\r\n    position: relative;\r\n}\r\n\r\n\/* Header *\/\r\n.hero-header {\r\n    background: linear-gradient(135deg, #FF7E00, #F33F5E);\r\n    padding: 50px;\r\n    text-align: center;\r\n    color: white;\r\n    position: relative;\r\n    overflow: hidden;\r\n}\r\n\r\n.hero-header::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: -100px;\r\n    right: -100px;\r\n    width: 300px;\r\n    height: 300px;\r\n    background: radial-gradient(circle, rgba(255, 255, 255, 0.15) 0%, transparent 70%);\r\n    border-radius: 50%;\r\n}\r\n\r\n.hero-badge {\r\n    display: inline-block;\r\n    background: rgba(255, 255, 255, 0.2);\r\n    backdrop-filter: blur(10px);\r\n    padding: 12px 30px;\r\n    border-radius: 50px;\r\n    font-size: 14px;\r\n    font-weight: 600;\r\n    margin-bottom: 25px;\r\n    letter-spacing: 1.5px;\r\n    border: 1px solid rgba(255, 255, 255, 0.3);\r\n}\r\n\r\n.hero-title {\r\n    font-size: 44px;\r\n    font-weight: 800;\r\n    margin: 0 0 20px 0;\r\n    line-height: 1.2;\r\n}\r\n\r\n.hero-subtitle {\r\n    font-size: 20px;\r\n    opacity: 0.9;\r\n    line-height: 1.6;\r\n    max-width: 800px;\r\n    margin: 0 auto;\r\n}\r\n\r\n\/* Stats bar *\/\r\n.stats-bar {\r\n    display: flex;\r\n    justify-content: center;\r\n    gap: 50px;\r\n    margin-top: 40px;\r\n    padding: 30px;\r\n    background: rgba(255, 255, 255, 0.1);\r\n    backdrop-filter: blur(10px);\r\n    border-radius: 16px;\r\n    border: 1px solid rgba(255, 255, 255, 0.2);\r\n}\r\n\r\n.stat-item {\r\n    text-align: center;\r\n}\r\n\r\n.stat-number {\r\n    font-size: 48px;\r\n    font-weight: 800;\r\n    margin-bottom: 10px;\r\n    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);\r\n}\r\n\r\n.stat-label {\r\n    font-size: 16px;\r\n    opacity: 0.9;\r\n    text-transform: uppercase;\r\n    letter-spacing: 1px;\r\n}\r\n\r\n\/* Content grid *\/\r\n.hero-content {\r\n    padding: 60px 50px;\r\n    display: grid;\r\n    grid-template-columns: 1fr 1fr;\r\n    gap: 60px;\r\n    align-items: center;\r\n}\r\n\r\n.content-left {\r\n    padding-right: 30px;\r\n}\r\n\r\n.community-title {\r\n    font-size: 32px;\r\n    font-weight: 700;\r\n    margin: 0 0 25px 0;\r\n    color: #1a1a1a;\r\n}\r\n\r\n.community-description {\r\n    font-size: 18px;\r\n    color: #666;\r\n    line-height: 1.7;\r\n    margin-bottom: 30px;\r\n}\r\n\r\n.highlight-box {\r\n    background: linear-gradient(135deg, rgba(255, 126, 0, 0.05), rgba(243, 63, 94, 0.05));\r\n    border-radius: 18px;\r\n    padding: 25px;\r\n    border-left: 5px solid #FF7E00;\r\n    margin-top: 30px;\r\n}\r\n\r\n.highlight-title {\r\n    font-size: 20px;\r\n    font-weight: 700;\r\n    margin: 0 0 15px 0;\r\n    color: #FF7E00;\r\n}\r\n\r\n.highlight-text {\r\n    font-size: 16px;\r\n    color: #666;\r\n    line-height: 1.6;\r\n    margin: 0;\r\n}\r\n\r\n\/* Visualisation *\/\r\n.visualization {\r\n    position: relative;\r\n    height: 400px;\r\n    background: linear-gradient(135deg, #f0f4f8, #e8ecef);\r\n    border-radius: 20px;\r\n    overflow: hidden;\r\n}\r\n\r\n.world-map {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    right: 0;\r\n    bottom: 0;\r\n    background-image: url('data:image\/svg+xml,<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 800 400\"><path d=\"M200,150 Q250,100 300,150 T400,150 Q450,100 500,150 T600,150 Q650,100 700,150\" stroke=\"%23FF7E00\" stroke-width=\"2\" fill=\"none\" opacity=\"0.3\"\/><\/svg>');\r\n    background-size: cover;\r\n}\r\n\r\n.continent {\r\n    position: absolute;\r\n    width: 100px;\r\n    height: 100px;\r\n    background: white;\r\n    border-radius: 20px;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    justify-content: center;\r\n    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);\r\n    border: 2px solid #FF7E00;\r\n    transform: scale(0);\r\n    transition: transform 0.5s ease;\r\n}\r\n\r\n.continent.active {\r\n    transform: scale(1);\r\n}\r\n\r\n.europe {\r\n    top: 30%;\r\n    left: 45%;\r\n}\r\n\r\n.america {\r\n    top: 40%;\r\n    left: 25%;\r\n}\r\n\r\n.africa {\r\n    top: 55%;\r\n    left: 50%;\r\n}\r\n\r\n.continent-icon {\r\n    font-size: 32px;\r\n    margin-bottom: 10px;\r\n    background: linear-gradient(135deg, #FF7E00, #F33F5E);\r\n    -webkit-background-clip: text;\r\n    -webkit-text-fill-color: transparent;\r\n    background-clip: text;\r\n}\r\n\r\n.continent-name {\r\n    font-size: 14px;\r\n    font-weight: 700;\r\n    color: #333;\r\n}\r\n\r\n.members-count {\r\n    font-size: 12px;\r\n    color: #666;\r\n    margin-top: 5px;\r\n}\r\n\r\n.connection-line {\r\n    position: absolute;\r\n    height: 2px;\r\n    background: linear-gradient(90deg, #FF7E00, #F33F5E);\r\n    transform-origin: left;\r\n    transform: scaleX(0);\r\n    transition: transform 1s ease;\r\n}\r\n\r\n.connection-line.active {\r\n    transform: scaleX(1);\r\n}\r\n\r\n\/* Responsive *\/\r\n@media (max-width: 1100px) {\r\n    .hero-content {\r\n        grid-template-columns: 1fr;\r\n        gap: 40px;\r\n    }\r\n    \r\n    .content-left {\r\n        padding-right: 0;\r\n    }\r\n    \r\n    .visualization {\r\n        height: 300px;\r\n    }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n    .fundraising-hero {\r\n        margin: 50px auto;\r\n    }\r\n    \r\n    .hero-header {\r\n        padding: 40px 30px;\r\n    }\r\n    \r\n    .hero-title {\r\n        font-size: 36px;\r\n    }\r\n    \r\n    .hero-subtitle {\r\n        font-size: 18px;\r\n    }\r\n    \r\n    .stats-bar {\r\n        flex-direction: column;\r\n        gap: 25px;\r\n    }\r\n    \r\n    .hero-content {\r\n        padding: 40px 30px;\r\n    }\r\n    \r\n    .community-title {\r\n        font-size: 28px;\r\n    }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n    .hero-title {\r\n        font-size: 30px;\r\n    }\r\n    \r\n    .stat-number {\r\n        font-size: 36px;\r\n    }\r\n    \r\n    .community-title {\r\n        font-size: 24px;\r\n    }\r\n    \r\n    .community-description {\r\n        font-size: 16px;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<div class=\"fundraising-hero\">\r\n    <div class=\"hero-container\">\r\n        <div class=\"hero-header\">\r\n            <div class=\"hero-badge\">\ud83c\udf0d SOLIDARIT\u00c9 INTERNATIONALE<\/div>\r\n            <h1 class=\"hero-title\">Comment fonctionne la collecte de fonds chez SIVIH ?<\/h1>\r\n            <p class=\"hero-subtitle\">\r\n                Une grande communaut\u00e9 internationale de plus de 14 millions de membres unis par une mission : \r\n                s'entraider, se relever ensemble et financer des projets transformateurs.\r\n            <\/p>\r\n            \r\n            <div class=\"stats-bar\">\r\n                <div class=\"stat-item\">\r\n                    <div class=\"stat-number\">14M+<\/div>\r\n                    <div class=\"stat-label\">Membres Actifs<\/div>\r\n                <\/div>\r\n                <div class=\"stat-item\">\r\n                    <div class=\"stat-number\">3<\/div>\r\n                    <div class=\"stat-label\">Continents<\/div>\r\n                <\/div>\r\n                <div class=\"stat-item\">\r\n                    <div class=\"stat-number\">500<\/div>\r\n                    <div class=\"stat-label\">Participations Max<\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n        \r\n        <div class=\"hero-content\">\r\n            <div class=\"content-left\">\r\n                <h2 class=\"community-title\">Une communaut\u00e9 mondiale d'entraide<\/h2>\r\n                <p class=\"community-description\">\r\n                    R\u00e9partis entre l'Europe, l'Am\u00e9rique et l'Afrique, nos membres se mobilisent chaque jour \r\n                    pour soutenir ceux qui traversent une p\u00e9riode difficile ou qui souhaitent lancer \r\n                    une initiative porteuse d'avenir.\r\n                <\/p>\r\n                <p class=\"community-description\">\r\n                    Notre syst\u00e8me de cagnotte est simple, rapide et profond\u00e9ment humain. \r\n                    Il permet \u00e0 chaque membre de partager sa situation et de recevoir le soutien \r\n                    d'une communaut\u00e9 bienveillante.\r\n                <\/p>\r\n                \r\n                <div class=\"highlight-box\">\r\n                    <h3 class=\"highlight-title\">Participation \u00e9quitable<\/h3>\r\n                    <p class=\"highlight-text\">\r\n                        Les cagnottes sont limit\u00e9es \u00e0 500 participations maximum. Ce plafond garantit \r\n                        un soutien rapide, efficace et \u00e9quitable pour tous les membres.\r\n                    <\/p>\r\n                <\/div>\r\n            <\/div>\r\n            \r\n            <div class=\"visualization\">\r\n                <div class=\"world-map\"><\/div>\r\n                \r\n                <!-- Europe -->\r\n                <div class=\"continent europe\" id=\"europe\">\r\n                    <div class=\"continent-icon\">\ud83c\uddea\ud83c\uddfa<\/div>\r\n                    <div class=\"continent-name\">EUROPE<\/div>\r\n                    <div class=\"members-count\">8M+ membres<\/div>\r\n                <\/div>\r\n                \r\n                <!-- Am\u00e9rique -->\r\n                <div class=\"continent america\" id=\"america\">\r\n                    <div class=\"continent-icon\">\ud83c\uddfa\ud83c\uddf8<\/div>\r\n                    <div class=\"continent-name\">AM\u00c9RIQUE<\/div>\r\n                    <div class=\"members-count\">4M+ membres<\/div>\r\n                <\/div>\r\n                \r\n                <!-- Afrique -->\r\n                <div class=\"continent africa\" id=\"africa\">\r\n                    <div class=\"continent-icon\">\ud83c\udde6\ud83c\uddeb<\/div>\r\n                    <div class=\"continent-name\">AFRIQUE<\/div>\r\n                    <div class=\"members-count\">2M+ membres<\/div>\r\n                <\/div>\r\n                \r\n                <!-- Lignes de connexion -->\r\n                <div class=\"connection-line\" id=\"line1\" style=\"top: 35%; left: 45%; width: 150px; transform: rotate(15deg);\"><\/div>\r\n                <div class=\"connection-line\" id=\"line2\" style=\"top: 45%; left: 35%; width: 200px; transform: rotate(-10deg);\"><\/div>\r\n                <div class=\"connection-line\" id=\"line3\" style=\"top: 60%; left: 40%; width: 180px; transform: rotate(5deg);\"><\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<script>\r\ndocument.addEventListener('DOMContentLoaded', function() {\r\n    \/\/ Animation de la visualisation\r\n    const continents = document.querySelectorAll('.continent');\r\n    const lines = document.querySelectorAll('.connection-line');\r\n    \r\n    \/\/ Animation s\u00e9quentielle des continents\r\n    continents.forEach((continent, index) => {\r\n        setTimeout(() => {\r\n            continent.classList.add('active');\r\n        }, index * 300);\r\n    });\r\n    \r\n    \/\/ Animation des lignes de connexion\r\n    lines.forEach((line, index) => {\r\n        setTimeout(() => {\r\n            line.classList.add('active');\r\n        }, 900 + (index * 200));\r\n    });\r\n    \r\n    \/\/ Animation des stats\r\n    const statNumbers = document.querySelectorAll('.stat-number');\r\n    \r\n    statNumbers.forEach(stat => {\r\n        const targetText = stat.textContent;\r\n        if (targetText.includes('M') || targetText.includes('+')) {\r\n            stat.textContent = '0';\r\n            \r\n            const observer = new IntersectionObserver((entries) => {\r\n                if (entries[0].isIntersecting) {\r\n                    animateNumber(stat, targetText);\r\n                    observer.unobserve(stat);\r\n                }\r\n            }, { threshold: 0.5 });\r\n            \r\n            observer.observe(stat);\r\n        }\r\n    });\r\n    \r\n    function animateNumber(element, target) {\r\n        let current = 0;\r\n        const duration = 1500;\r\n        const targetNum = parseInt(target);\r\n        const increment = targetNum \/ (duration \/ 16);\r\n        \r\n        const update = () => {\r\n            current += increment;\r\n            if (current < targetNum) {\r\n                element.textContent = Math.floor(current) + (target.includes('M') ? 'M+' : '');\r\n                setTimeout(update, 16);\r\n            } else {\r\n                element.textContent = target;\r\n            }\r\n        };\r\n        \r\n        update();\r\n    }\r\n    \r\n    \/\/ Effet d'interaction sur la carte\r\n    continents.forEach(continent => {\r\n        continent.addEventListener('mouseenter', function() {\r\n            this.style.transform = 'scale(1.1)';\r\n            this.style.zIndex = '10';\r\n        });\r\n        \r\n        continent.addEventListener('mouseleave', function() {\r\n            this.style.transform = 'scale(1)';\r\n            this.style.zIndex = '1';\r\n        });\r\n    });\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d8f19e1 elementor-widget elementor-widget-html\" data-id=\"d8f19e1\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n\/* ============================================\r\n   SECTION 2 : PROCESSUS DE COLLECTE\r\n   Style timeline interactive avec algorithm\r\n   ============================================ *\/\r\n\r\n.process-timeline-section {\r\n    font-family: 'Inter', 'Segoe UI', sans-serif;\r\n    max-width: 1300px;\r\n    margin: 80px auto;\r\n    padding: 0 20px;\r\n}\r\n\r\n.section-header {\r\n    text-align: center;\r\n    margin-bottom: 60px;\r\n}\r\n\r\n.process-badge {\r\n    display: inline-block;\r\n    background: linear-gradient(135deg, #FF7E00, #F33F5E);\r\n    color: white;\r\n    padding: 12px 30px;\r\n    border-radius: 50px;\r\n    font-size: 14px;\r\n    font-weight: 600;\r\n    margin-bottom: 25px;\r\n    letter-spacing: 1.5px;\r\n    box-shadow: 0 8px 20px rgba(255, 126, 0, 0.2);\r\n}\r\n\r\n.process-title {\r\n    font-size: 42px;\r\n    font-weight: 800;\r\n    margin: 0 0 20px 0;\r\n    color: #1a1a1a;\r\n    line-height: 1.2;\r\n}\r\n\r\n.process-subtitle {\r\n    font-size: 20px;\r\n    color: #666;\r\n    line-height: 1.6;\r\n    max-width: 800px;\r\n    margin: 0 auto;\r\n}\r\n\r\n\/* Timeline container *\/\r\n.timeline-container {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 60px;\r\n    position: relative;\r\n    margin: 60px 0;\r\n}\r\n\r\n.timeline-container::before {\r\n    content: '';\r\n    position: absolute;\r\n    left: 50%;\r\n    top: 0;\r\n    bottom: 0;\r\n    width: 3px;\r\n    background: linear-gradient(to bottom, #FF7E00, #F33F5E);\r\n    transform: translateX(-50%);\r\n    z-index: 0;\r\n}\r\n\r\n\/* \u00c9tape *\/\r\n.timeline-step {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 40px;\r\n    position: relative;\r\n    z-index: 1;\r\n}\r\n\r\n.timeline-step:nth-child(even) {\r\n    flex-direction: row-reverse;\r\n}\r\n\r\n.step-number {\r\n    width: 70px;\r\n    height: 70px;\r\n    background: linear-gradient(135deg, #FF7E00, #F33F5E);\r\n    border-radius: 50%;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    color: white;\r\n    font-size: 28px;\r\n    font-weight: 800;\r\n    flex-shrink: 0;\r\n    box-shadow: 0 10px 30px rgba(255, 126, 0, 0.3);\r\n    border: 5px solid white;\r\n    position: relative;\r\n    left: 50%;\r\n    transform: translateX(-50%);\r\n    z-index: 2;\r\n}\r\n\r\n.step-content {\r\n    flex: 1;\r\n    background: white;\r\n    border-radius: 20px;\r\n    padding: 40px;\r\n    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.08);\r\n    border: 1px solid rgba(0, 0, 0, 0.05);\r\n    transition: all 0.4s ease;\r\n}\r\n\r\n.step-content:hover {\r\n    transform: translateY(-5px);\r\n    box-shadow: 0 25px 50px rgba(255, 126, 0, 0.15);\r\n}\r\n\r\n.step-header {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 20px;\r\n    margin-bottom: 25px;\r\n}\r\n\r\n.step-icon {\r\n    width: 60px;\r\n    height: 60px;\r\n    background: linear-gradient(135deg, rgba(255, 126, 0, 0.1), rgba(243, 63, 94, 0.1));\r\n    border-radius: 15px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    font-size: 28px;\r\n}\r\n\r\n.step-title {\r\n    font-size: 24px;\r\n    font-weight: 700;\r\n    margin: 0;\r\n    color: #333;\r\n}\r\n\r\n.step-description {\r\n    font-size: 16px;\r\n    color: #666;\r\n    line-height: 1.7;\r\n    margin-bottom: 25px;\r\n}\r\n\r\n.step-details {\r\n    background: rgba(255, 126, 0, 0.03);\r\n    border-radius: 12px;\r\n    padding: 20px;\r\n    border-left: 4px solid #FF7E00;\r\n}\r\n\r\n.detail-title {\r\n    font-size: 14px;\r\n    font-weight: 600;\r\n    color: #FF7E00;\r\n    text-transform: uppercase;\r\n    letter-spacing: 1px;\r\n    margin-bottom: 10px;\r\n}\r\n\r\n.detail-text {\r\n    font-size: 15px;\r\n    color: #555;\r\n    line-height: 1.6;\r\n    margin: 0;\r\n}\r\n\r\n\/* Algorithme Section *\/\r\n.algorithm-section {\r\n    background: linear-gradient(135deg, #1a1a1a, #2d2d2d);\r\n    border-radius: 24px;\r\n    padding: 50px;\r\n    margin: 80px 0;\r\n    position: relative;\r\n    overflow: hidden;\r\n}\r\n\r\n.algorithm-title {\r\n    text-align: center;\r\n    font-size: 32px;\r\n    font-weight: 700;\r\n    color: white;\r\n    margin-bottom: 40px;\r\n    position: relative;\r\n    z-index: 1;\r\n}\r\n\r\n.algorithm-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\r\n    gap: 25px;\r\n    margin-bottom: 40px;\r\n    position: relative;\r\n    z-index: 1;\r\n}\r\n\r\n.algorithm-step {\r\n    background: rgba(255, 255, 255, 0.05);\r\n    backdrop-filter: blur(10px);\r\n    border-radius: 16px;\r\n    padding: 25px;\r\n    text-align: center;\r\n    border: 1px solid rgba(255, 255, 255, 0.1);\r\n    transition: all 0.3s ease;\r\n}\r\n\r\n.algorithm-step:hover {\r\n    background: rgba(255, 255, 255, 0.1);\r\n    transform: translateY(-5px);\r\n}\r\n\r\n.step-indicator {\r\n    width: 40px;\r\n    height: 40px;\r\n    background: linear-gradient(135deg, #FF7E00, #F33F5E);\r\n    border-radius: 50%;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    color: white;\r\n    font-weight: 700;\r\n    margin: 0 auto 20px;\r\n}\r\n\r\n.algorithm-step h4 {\r\n    font-size: 18px;\r\n    font-weight: 700;\r\n    color: white;\r\n    margin: 0 0 15px 0;\r\n}\r\n\r\n.algorithm-step p {\r\n    font-size: 14px;\r\n    color: rgba(255, 255, 255, 0.8);\r\n    line-height: 1.6;\r\n    margin: 0;\r\n}\r\n\r\n.algorithm-tip {\r\n    text-align: center;\r\n    color: rgba(255, 255, 255, 0.9);\r\n    font-size: 16px;\r\n    font-style: italic;\r\n    margin-top: 30px;\r\n    position: relative;\r\n    z-index: 1;\r\n}\r\n\r\n\/* Transfert Section *\/\r\n.transfer-section {\r\n    background: linear-gradient(135deg, #f8f9fa, #ffffff);\r\n    border-radius: 24px;\r\n    padding: 50px;\r\n    margin-top: 60px;\r\n    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.05);\r\n}\r\n\r\n.transfer-title {\r\n    text-align: center;\r\n    font-size: 32px;\r\n    font-weight: 700;\r\n    margin: 0 0 40px 0;\r\n    color: #1a1a1a;\r\n}\r\n\r\n.transfer-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\r\n    gap: 30px;\r\n    margin-bottom: 40px;\r\n}\r\n\r\n.transfer-card {\r\n    background: white;\r\n    border-radius: 16px;\r\n    padding: 30px;\r\n    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);\r\n    border: 1px solid rgba(0, 0, 0, 0.03);\r\n    transition: all 0.3s ease;\r\n}\r\n\r\n.transfer-card:hover {\r\n    transform: translateY(-5px);\r\n    box-shadow: 0 15px 40px rgba(255, 126, 0, 0.1);\r\n}\r\n\r\n.transfer-icon {\r\n    width: 60px;\r\n    height: 60px;\r\n    background: linear-gradient(135deg, rgba(255, 126, 0, 0.1), rgba(243, 63, 94, 0.1));\r\n    border-radius: 15px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    margin-bottom: 20px;\r\n    font-size: 28px;\r\n}\r\n\r\n.transfer-card h3 {\r\n    font-size: 20px;\r\n    font-weight: 700;\r\n    margin: 0 0 15px 0;\r\n    color: #333;\r\n}\r\n\r\n.transfer-card p {\r\n    font-size: 15px;\r\n    color: #666;\r\n    line-height: 1.6;\r\n    margin: 0 0 20px 0;\r\n}\r\n\r\n.transfer-time {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    background: linear-gradient(135deg, #4CAF50, #45a049);\r\n    color: white;\r\n    padding: 8px 20px;\r\n    border-radius: 20px;\r\n    font-size: 14px;\r\n    font-weight: 600;\r\n}\r\n\r\n.guarantee-box {\r\n    background: linear-gradient(135deg, rgba(76, 175, 80, 0.05), rgba(33, 150, 243, 0.05));\r\n    border-radius: 16px;\r\n    padding: 30px;\r\n    text-align: center;\r\n    border: 1px solid rgba(76, 175, 80, 0.2);\r\n    margin-top: 40px;\r\n}\r\n\r\n.guarantee-title {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 12px;\r\n    font-size: 20px;\r\n    font-weight: 700;\r\n    color: #4CAF50;\r\n    margin-bottom: 15px;\r\n}\r\n\r\n.guarantee-text {\r\n    font-size: 16px;\r\n    color: #666;\r\n    line-height: 1.6;\r\n    margin: 0;\r\n}\r\n\r\n\/* Responsive *\/\r\n@media (max-width: 992px) {\r\n    .timeline-container::before {\r\n        left: 35px;\r\n    }\r\n    \r\n    .timeline-step {\r\n        flex-direction: row !important;\r\n        gap: 30px;\r\n    }\r\n    \r\n    .step-number {\r\n        left: 35px;\r\n        transform: translateX(-50%);\r\n    }\r\n    \r\n    .process-title {\r\n        font-size: 36px;\r\n    }\r\n    \r\n    .algorithm-title {\r\n        font-size: 28px;\r\n    }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n    .process-timeline-section {\r\n        margin: 60px auto;\r\n    }\r\n    \r\n    .process-title {\r\n        font-size: 30px;\r\n    }\r\n    \r\n    .process-subtitle {\r\n        font-size: 18px;\r\n    }\r\n    \r\n    .step-content {\r\n        padding: 30px;\r\n    }\r\n    \r\n    .step-title {\r\n        font-size: 22px;\r\n    }\r\n    \r\n    .algorithm-section,\r\n    .transfer-section {\r\n        padding: 40px 30px;\r\n    }\r\n    \r\n    .transfer-grid {\r\n        grid-template-columns: 1fr;\r\n    }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n    .process-title {\r\n        font-size: 26px;\r\n    }\r\n    \r\n    .step-header {\r\n        flex-direction: column;\r\n        align-items: flex-start;\r\n        gap: 15px;\r\n    }\r\n    \r\n    .step-icon {\r\n        width: 50px;\r\n        height: 50px;\r\n        font-size: 24px;\r\n    }\r\n    \r\n    .step-number {\r\n        width: 60px;\r\n        height: 60px;\r\n        font-size: 24px;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<div class=\"process-timeline-section\">\r\n    <div class=\"section-header\">\r\n        <div class=\"process-badge\">\ud83d\udd04 PROCESSUS \u00c9TAPE PAR \u00c9TAPE<\/div>\r\n        <h2 class=\"process-title\">De la demande au retrait : un parcours fluide<\/h2>\r\n        <p class=\"process-subtitle\">\r\n            Un syst\u00e8me simple, rapide et s\u00e9curis\u00e9 pour transformer les situations difficiles en opportunit\u00e9s.\r\n        <\/p>\r\n    <\/div>\r\n    \r\n    <div class=\"timeline-container\">\r\n        <!-- \u00c9tape 1 -->\r\n        <div class=\"timeline-step\">\r\n            <div class=\"step-number\">1<\/div>\r\n            <div class=\"step-content\">\r\n                <div class=\"step-header\">\r\n                    <div class=\"step-icon\">\ud83d\udcac<\/div>\r\n                    <h3 class=\"step-title\">Partagez votre situation<\/h3>\r\n                <\/div>\r\n                <p class=\"step-description\">\r\n                    Lorsqu'un membre traverse un moment difficile (maladie, urgence, perte de revenu) ou souhaite \r\n                    lancer un projet, il cr\u00e9e une cagnotte et explique sa situation de mani\u00e8re authentique.\r\n                <\/p>\r\n                <div class=\"step-details\">\r\n                    <div class=\"detail-title\">IMPACT HUMAIN<\/div>\r\n                    <p class=\"detail-text\">\r\n                        La communaut\u00e9 d\u00e9couvre son histoire, ressent sa d\u00e9tresse ou son ambition\u2026 \r\n                        et d\u00e9cide de l'aider gr\u00e2ce \u00e0 un syst\u00e8me profond\u00e9ment humain.\r\n                    <\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n        \r\n        <!-- \u00c9tape 2 -->\r\n        <div class=\"timeline-step\">\r\n            <div class=\"step-number\">2<\/div>\r\n            <div class=\"step-content\">\r\n                <div class=\"step-header\">\r\n                    <div class=\"step-icon\">\ud83e\udd1d<\/div>\r\n                    <h3 class=\"step-title\">Solidarit\u00e9 \u00e0 grande \u00e9chelle<\/h3>\r\n                <\/div>\r\n                <p class=\"step-description\">\r\n                    Chaque membre peut contribuer selon sa g\u00e9n\u00e9rosit\u00e9 et sa sensibilit\u00e9 \u00e0 la situation pr\u00e9sent\u00e9e. \r\n                    La force de 14 millions de membres se mobilise pour un soutien massif.\r\n                <\/p>\r\n                <div class=\"step-details\">\r\n                    <div class=\"detail-title\">LIMITE \u00c9QUITABLE<\/div>\r\n                    <p class=\"detail-text\">\r\n                        Cagnottes limit\u00e9es \u00e0 500 participations maximum pour garantir un soutien rapide, \r\n                        efficace et \u00e9quitable pour tous les membres.\r\n                    <\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n        \r\n        <!-- \u00c9tape 3 -->\r\n        <div class=\"timeline-step\">\r\n            <div class=\"step-number\">3<\/div>\r\n            <div class=\"step-content\">\r\n                <div class=\"step-header\">\r\n                    <div class=\"step-icon\">\ud83e\udd16<\/div>\r\n                    <h3 class=\"step-title\">Algorithme intelligent<\/h3>\r\n                <\/div>\r\n                <p class=\"step-description\">\r\n                    Notre algorithme con\u00e7u sp\u00e9cialement garantit la visibilit\u00e9 et l'\u00e9quilibre des soutiens. \r\n                    Il travaille automatiquement pour maximiser vos chances de succ\u00e8s.\r\n                <\/p>\r\n                <div class=\"step-details\">\r\n                    <div class=\"detail-title\">OPTIMISATION AUTOMATIQUE<\/div>\r\n                    <p class=\"detail-text\">\r\n                        L'algorithme analyse l'engagement et ajuste la visibilit\u00e9 pour assurer une participation \r\n                        stable et massive \u00e0 chaque cagnotte.\r\n                    <\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n        \r\n        <!-- \u00c9tape 4 -->\r\n        <div class=\"timeline-step\">\r\n            <div class=\"step-number\">4<\/div>\r\n            <div class=\"step-content\">\r\n                <div class=\"step-header\">\r\n                    <div class=\"step-icon\">\ud83d\udcb0<\/div>\r\n                    <h3 class=\"step-title\">Cl\u00f4ture et retrait<\/h3>\r\n                <\/div>\r\n                <p class=\"step-description\">\r\n                    Une fois la cagnotte cl\u00f4tur\u00e9e ou lorsque l'objectif est atteint avant la date pr\u00e9vue, \r\n                    le membre peut effectuer son retrait en toute s\u00e9curit\u00e9.\r\n                <\/p>\r\n                <div class=\"step-details\">\r\n                    <div class=\"detail-title\">D\u00c9LAIS RAPIDES<\/div>\r\n                    <p class=\"detail-text\">\r\n                        La Commission de Gestion v\u00e9rifie votre dossier en moins de 48 heures. \r\n                        Si tout est en r\u00e8gle, retrait possible en moins de 24 heures.\r\n                    <\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n    \r\n    <div class=\"algorithm-section\">\r\n        <h3 class=\"algorithm-title\">L'algorithme qui travaille pour vous<\/h3>\r\n        \r\n        <div class=\"algorithm-grid\">\r\n            <div class=\"algorithm-step\">\r\n                <div class=\"step-indicator\">1<\/div>\r\n                <h4>Distribution initiale<\/h4>\r\n                <p>Partage automatique \u00e0 une premi\u00e8re vague de 500 membres<\/p>\r\n            <\/div>\r\n            \r\n            <div class=\"algorithm-step\">\r\n                <div class=\"step-indicator\">2<\/div>\r\n                <h4>Analyse d'engagement<\/h4>\r\n                <p>\u00c9valuation de la progression vers les 50% de l'objectif<\/p>\r\n            <\/div>\r\n            \r\n            <div class=\"algorithm-step\">\r\n                <div class=\"step-indicator\">3<\/div>\r\n                <h4>\u00c9largissement cibl\u00e9<\/h4>\r\n                <p>\u00c9largissement de la visibilit\u00e9 jusqu'\u00e0 1200 membres si n\u00e9cessaire<\/p>\r\n            <\/div>\r\n            \r\n            <div class=\"algorithm-step\">\r\n                <div class=\"step-indicator\">4<\/div>\r\n                <h4>Participation massive<\/h4>\r\n                <p>Assurance d'une participation stable et \u00e9quitable<\/p>\r\n            <\/div>\r\n        <\/div>\r\n        \r\n        <p class=\"algorithm-tip\">\r\n            \ud83d\udca1 Pour que l'algorithme fonctionne au maximum, il est essentiel que la cagnotte soit \r\n            touchante, claire et pertinente : plus elle attire l'attention, plus elle mobilise.\r\n        <\/p>\r\n    <\/div>\r\n    \r\n    <div class=\"transfer-section\">\r\n        <h3 class=\"transfer-title\">Transfert rapide et s\u00e9curis\u00e9<\/h3>\r\n        \r\n        <div class=\"transfer-grid\">\r\n            <div class=\"transfer-card\">\r\n                <div class=\"transfer-icon\">\ud83d\udd10<\/div>\r\n                <h3>S\u00e9curisation obligatoire<\/h3>\r\n                <p>La Commission de Gestion v\u00e9rifie : votre identit\u00e9, votre statut de membre, et la conformit\u00e9 de votre cagnotte (anti-fraude \/ anti-blanchiment).<\/p>\r\n                <div class=\"transfer-time\">\u23f1\ufe0f V\u00e9rification en 48h max<\/div>\r\n            <\/div>\r\n            \r\n            <div class=\"transfer-card\">\r\n                <div class=\"transfer-icon\">\ud83d\udcb8<\/div>\r\n                <h3>Transfert 100% des fonds<\/h3>\r\n                <p>Le membre re\u00e7oit 100% de l'argent collect\u00e9, sans aucun frais cach\u00e9 ni pourcentage pr\u00e9lev\u00e9 sur le montant.<\/p>\r\n                <div class=\"transfer-time\">\ud83d\udcb0 100% des fonds conserv\u00e9s<\/div>\r\n            <\/div>\r\n            \r\n            <div class=\"transfer-card\">\r\n                <div class=\"transfer-icon\">\ud83d\ude80<\/div>\r\n                <h3>Options de retrait<\/h3>\r\n                <p>Recevez vos fonds via : virement bancaire ou transfert mobile money, selon votre pr\u00e9f\u00e9rence et localisation.<\/p>\r\n                <div class=\"transfer-time\">\u26a1 Retrait en 24h<\/div>\r\n            <\/div>\r\n        <\/div>\r\n        \r\n        <div class=\"guarantee-box\">\r\n            <div class=\"guarantee-title\">\r\n                <span>\ud83d\udee1\ufe0f<\/span>\r\n                <span>Confidentialit\u00e9 et s\u00e9curit\u00e9 renforc\u00e9es<\/span>\r\n            <\/div>\r\n            <p class=\"guarantee-text\">\r\n                Tout retrait passe par une proc\u00e9dure s\u00e9curis\u00e9e prot\u00e9geant les fonds collect\u00e9s, pr\u00e9servant la transparence, \r\n                \u00e9vitant les abus et garantissant la confiance au sein de la communaut\u00e9. SIVIH s'engage \u00e0 100% pour la protection de ses membres.\r\n            <\/p>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<script>\r\ndocument.addEventListener('DOMContentLoaded', function() {\r\n    \/\/ Animation des \u00e9tapes de la timeline\r\n    const timelineSteps = document.querySelectorAll('.timeline-step');\r\n    \r\n    const observer = new IntersectionObserver((entries) => {\r\n        entries.forEach((entry, index) => {\r\n            if (entry.isIntersecting) {\r\n                \/\/ Animation du num\u00e9ro d'\u00e9tape\r\n                const stepNumber = entry.target.querySelector('.step-number');\r\n                if (stepNumber) {\r\n                    stepNumber.style.animation = 'bounceIn 0.6s ease-out';\r\n                }\r\n                \r\n                \/\/ Animation du contenu\r\n                setTimeout(() => {\r\n                    entry.target.style.opacity = '1';\r\n                    entry.target.style.transform = 'translateX(0)';\r\n                }, 200);\r\n            }\r\n        });\r\n    }, { \r\n        threshold: 0.2,\r\n        rootMargin: '0px 0px -100px 0px'\r\n    });\r\n    \r\n    timelineSteps.forEach((step, index) => {\r\n        step.style.opacity = '0';\r\n        step.style.transform = 'translateX(' + (index % 2 === 0 ? '-50px' : '50px') + ')';\r\n        step.style.transition = 'opacity 0.8s ease, transform 0.8s ease';\r\n        observer.observe(step);\r\n    });\r\n    \r\n    \/\/ Animation des \u00e9t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d742533 e-flex e-con-boxed e-con e-parent\" data-id=\"d742533\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-46be989 elementor-widget elementor-widget-html\" data-id=\"46be989\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n\/* ============================================\r\n   SECTION 1 : CERTIFICATION OBLIGATOIRE\r\n   Style carte premium avec ic\u00f4nes anim\u00e9es\r\n   ============================================ *\/\r\n\r\n.certification-card-section {\r\n    font-family: 'Inter', 'Segoe UI', sans-serif;\r\n    max-width: 1100px;\r\n    margin: 60px auto;\r\n    padding: 0 20px;\r\n}\r\n\r\n.certification-card {\r\n    background: linear-gradient(145deg, #ffffff, #f8f9fa);\r\n    border-radius: 24px;\r\n    padding: 50px;\r\n    box-shadow: \r\n        0 20px 60px rgba(0, 0, 0, 0.08),\r\n        inset 0 1px 0 rgba(255, 255, 255, 0.8);\r\n    border: 1px solid rgba(0, 0, 0, 0.05);\r\n    position: relative;\r\n    overflow: hidden;\r\n}\r\n\r\n\/* Fond d\u00e9coratif *\/\r\n.certification-card::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: -50%;\r\n    right: -20%;\r\n    width: 400px;\r\n    height: 400px;\r\n    background: radial-gradient(circle, rgba(255, 126, 0, 0.1) 0%, transparent 70%);\r\n    border-radius: 50%;\r\n    z-index: 0;\r\n}\r\n\r\n.certification-card::after {\r\n    content: '';\r\n    position: absolute;\r\n    bottom: -30%;\r\n    left: -15%;\r\n    width: 300px;\r\n    height: 300px;\r\n    background: radial-gradient(circle, rgba(243, 63, 94, 0.08) 0%, transparent 70%);\r\n    border-radius: 50%;\r\n    z-index: 0;\r\n}\r\n\r\n.card-header {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: flex-start;\r\n    margin-bottom: 40px;\r\n    position: relative;\r\n    z-index: 1;\r\n}\r\n\r\n.header-content {\r\n    flex: 1;\r\n}\r\n\r\n.certification-badge {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n    background: linear-gradient(135deg, #FF7E00, #F33F5E);\r\n    color: white;\r\n    padding: 10px 24px;\r\n    border-radius: 50px;\r\n    font-size: 14px;\r\n    font-weight: 600;\r\n    margin-bottom: 20px;\r\n    box-shadow: 0 6px 20px rgba(255, 126, 0, 0.2);\r\n}\r\n\r\n.badge-icon {\r\n    font-size: 18px;\r\n    animation: spin 3s linear infinite;\r\n}\r\n\r\n@keyframes spin {\r\n    0% { transform: rotate(0deg); }\r\n    100% { transform: rotate(360deg); }\r\n}\r\n\r\n.card-title {\r\n    font-size: 36px;\r\n    font-weight: 800;\r\n    margin: 0 0 15px 0;\r\n    color: #1a1a1a;\r\n    line-height: 1.2;\r\n}\r\n\r\n.title-highlight {\r\n    background: linear-gradient(135deg, #FF7E00, #F33F5E);\r\n    -webkit-background-clip: text;\r\n    -webkit-text-fill-color: transparent;\r\n    background-clip: text;\r\n    position: relative;\r\n}\r\n\r\n.title-highlight::after {\r\n    content: '';\r\n    position: absolute;\r\n    bottom: -5px;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 3px;\r\n    background: linear-gradient(135deg, #FF7E00, #F33F5E);\r\n    border-radius: 2px;\r\n}\r\n\r\n.card-subtitle {\r\n    font-size: 18px;\r\n    color: #666;\r\n    line-height: 1.6;\r\n    max-width: 600px;\r\n}\r\n\r\n.stats-counter {\r\n    background: white;\r\n    padding: 25px;\r\n    border-radius: 18px;\r\n    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);\r\n    border: 1px solid rgba(0, 0, 0, 0.03);\r\n    text-align: center;\r\n    min-width: 180px;\r\n    position: relative;\r\n    z-index: 1;\r\n}\r\n\r\n.counter-number {\r\n    font-size: 48px;\r\n    font-weight: 800;\r\n    background: linear-gradient(135deg, #FF7E00, #F33F5E);\r\n    -webkit-background-clip: text;\r\n    -webkit-text-fill-color: transparent;\r\n    background-clip: text;\r\n    line-height: 1;\r\n    margin-bottom: 10px;\r\n}\r\n\r\n.counter-label {\r\n    font-size: 16px;\r\n    font-weight: 600;\r\n    color: #555;\r\n    text-transform: uppercase;\r\n    letter-spacing: 1px;\r\n}\r\n\r\n\/* Grid des features *\/\r\n.features-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\r\n    gap: 25px;\r\n    margin: 40px 0;\r\n    position: relative;\r\n    z-index: 1;\r\n}\r\n\r\n.feature-item {\r\n    background: rgba(255, 255, 255, 0.8);\r\n    backdrop-filter: blur(10px);\r\n    border-radius: 16px;\r\n    padding: 25px;\r\n    border: 1px solid rgba(0, 0, 0, 0.05);\r\n    transition: all 0.3s ease;\r\n    position: relative;\r\n    overflow: hidden;\r\n}\r\n\r\n.feature-item:hover {\r\n    transform: translateY(-5px);\r\n    box-shadow: 0 15px 40px rgba(255, 126, 0, 0.1);\r\n    border-color: rgba(255, 126, 0, 0.2);\r\n}\r\n\r\n.feature-item::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 4px;\r\n    height: 100%;\r\n    background: linear-gradient(to bottom, #FF7E00, #F33F5E);\r\n}\r\n\r\n.feature-icon-wrapper {\r\n    width: 50px;\r\n    height: 50px;\r\n    background: linear-gradient(135deg, rgba(255, 126, 0, 0.1), rgba(243, 63, 94, 0.1));\r\n    border-radius: 12px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    margin-bottom: 20px;\r\n}\r\n\r\n.feature-icon {\r\n    font-size: 24px;\r\n    background: linear-gradient(135deg, #FF7E00, #F33F5E);\r\n    -webkit-background-clip: text;\r\n    -webkit-text-fill-color: transparent;\r\n    background-clip: text;\r\n}\r\n\r\n.feature-title {\r\n    font-size: 18px;\r\n    font-weight: 700;\r\n    margin: 0 0 10px 0;\r\n    color: #333;\r\n}\r\n\r\n.feature-desc {\r\n    font-size: 15px;\r\n    color: #666;\r\n    line-height: 1.5;\r\n    margin: 0;\r\n}\r\n\r\n\/* Alert box *\/\r\n.alert-box {\r\n    background: linear-gradient(135deg, rgba(255, 126, 0, 0.05), rgba(243, 63, 94, 0.05));\r\n    border-radius: 16px;\r\n    padding: 25px;\r\n    margin-top: 40px;\r\n    border-left: 5px solid #FF7E00;\r\n    position: relative;\r\n    z-index: 1;\r\n}\r\n\r\n.alert-title {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n    font-size: 18px;\r\n    font-weight: 700;\r\n    color: #FF7E00;\r\n    margin-bottom: 10px;\r\n}\r\n\r\n.alert-text {\r\n    font-size: 16px;\r\n    color: #555;\r\n    line-height: 1.6;\r\n    margin: 0;\r\n}\r\n\r\n\/* Responsive *\/\r\n@media (max-width: 992px) {\r\n    .card-header {\r\n        flex-direction: column;\r\n        gap: 30px;\r\n    }\r\n    \r\n    .stats-counter {\r\n        align-self: flex-start;\r\n    }\r\n    \r\n    .card-title {\r\n        font-size: 32px;\r\n    }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n    .certification-card {\r\n        padding: 30px;\r\n    }\r\n    \r\n    .card-title {\r\n        font-size: 28px;\r\n    }\r\n    \r\n    .features-grid {\r\n        grid-template-columns: 1fr;\r\n    }\r\n    \r\n    .counter-number {\r\n        font-size: 40px;\r\n    }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n    .certification-card {\r\n        padding: 25px 20px;\r\n    }\r\n    \r\n    .card-title {\r\n        font-size: 24px;\r\n    }\r\n    \r\n    .card-subtitle {\r\n        font-size: 16px;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<div class=\"certification-card-section\">\r\n    <div class=\"certification-card\">\r\n        <div class=\"card-header\">\r\n            <div class=\"header-content\">\r\n                <div class=\"certification-badge\">\r\n                    <span class=\"badge-icon\">\ud83d\udd12<\/span>\r\n                    <span>S\u00c9CURIT\u00c9 MAXIMALE<\/span>\r\n                <\/div>\r\n                <h1 class=\"card-title\">Certification de compte : <span class=\"title-highlight\">Obligatoire avant tout retrait<\/span><\/h1>\r\n                <p class=\"card-subtitle\">\r\n                    Proc\u00e9dure essentielle mise en place par la Commission de Gestion pour garantir un environnement s\u00e9curis\u00e9, transparent et fiable.\r\n                <\/p>\r\n            <\/div>\r\n            \r\n            <div class=\"stats-counter\">\r\n                <div class=\"counter-number\">14M<\/div>\r\n                <div class=\"counter-label\">Membres Actifs<\/div>\r\n            <\/div>\r\n        <\/div>\r\n        \r\n        <div class=\"features-grid\">\r\n            <div class=\"feature-item\">\r\n                <div class=\"feature-icon-wrapper\">\r\n                    <span class=\"feature-icon\">\ud83d\udc64<\/span>\r\n                <\/div>\r\n                <h3 class=\"feature-title\">Authenticit\u00e9 des profils<\/h3>\r\n                <p class=\"feature-desc\">V\u00e9rification compl\u00e8te de l'identit\u00e9 et validation des informations personnelles pour chaque membre.<\/p>\r\n            <\/div>\r\n            \r\n            <div class=\"feature-item\">\r\n                <div class=\"feature-icon-wrapper\">\r\n                    <span class=\"feature-icon\">\ud83d\udee1\ufe0f<\/span>\r\n                <\/div>\r\n                <h3 class=\"feature-title\">Pr\u00e9vention des fraudes<\/h3>\r\n                <p class=\"feature-desc\">Syst\u00e8me avanc\u00e9 de d\u00e9tection et pr\u00e9vention des demandes abusives et comportements frauduleux.<\/p>\r\n            <\/div>\r\n            \r\n            <div class=\"feature-item\">\r\n                <div class=\"feature-icon-wrapper\">\r\n                    <span class=\"feature-icon\">\ud83d\udc8e<\/span>\r\n                <\/div>\r\n                <h3 class=\"feature-title\">Transparence totale<\/h3>\r\n                <p class=\"feature-desc\">Suivi et tra\u00e7abilit\u00e9 compl\u00e8te de l'utilisation des fonds collect\u00e9s pour chaque cagnotte.<\/p>\r\n            <\/div>\r\n            \r\n            <div class=\"feature-item\">\r\n                <div class=\"feature-icon-wrapper\">\r\n                    <span class=\"feature-icon\">\ud83d\udd10<\/span>\r\n                <\/div>\r\n                <h3 class=\"feature-title\">S\u00e9curisation des transferts<\/h3>\r\n                <p class=\"feature-desc\">Protection avanc\u00e9e des transactions et retraits gr\u00e2ce \u00e0 des protocoles bancaires s\u00e9curis\u00e9s.<\/p>\r\n            <\/div>\r\n        <\/div>\r\n        \r\n        <div class=\"alert-box\">\r\n            <div class=\"alert-title\">\r\n                <span>\u26a0\ufe0f<\/span>\r\n                <span>R\u00c8GLE ABSOLUE<\/span>\r\n            <\/div>\r\n            <p class=\"alert-text\">\r\n                <strong>Aucun retrait de cagnotte ne peut \u00eatre effectu\u00e9<\/strong> tant que votre compte n'est pas certifi\u00e9. Cette r\u00e8gle s'applique \u00e0 tous les membres, sans exception. Aucun fonds ne peut \u00eatre transf\u00e9r\u00e9 sans validation d'identit\u00e9 compl\u00e8te.\r\n            <\/p>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<script>\r\ndocument.addEventListener('DOMContentLoaded', function() {\r\n    \/\/ Animation du compteur\r\n    const counter = document.querySelector('.counter-number');\r\n    if (counter) {\r\n        let current = 0;\r\n        const target = 14;\r\n        const duration = 2000;\r\n        const increment = target \/ (duration \/ 16);\r\n        \r\n        const updateCounter = () => {\r\n            current += increment;\r\n            if (current < target) {\r\n                counter.textContent = Math.floor(current) + 'M';\r\n                setTimeout(updateCounter, 16);\r\n            } else {\r\n                counter.textContent = target + 'M';\r\n            }\r\n        };\r\n        \r\n        \/\/ D\u00e9marrer l'animation au scroll\r\n        const observer = new IntersectionObserver((entries) => {\r\n            if (entries[0].isIntersecting) {\r\n                updateCounter();\r\n                observer.unobserve(counter);\r\n            }\r\n        }, { threshold: 0.5 });\r\n        \r\n        observer.observe(counter);\r\n    }\r\n    \r\n    \/\/ Animation des cartes au scroll\r\n    const featureItems = document.querySelectorAll('.feature-item');\r\n    const observer2 = new IntersectionObserver((entries) => {\r\n        entries.forEach(entry => {\r\n            if (entry.isIntersecting) {\r\n                entry.target.style.opacity = '1';\r\n                entry.target.style.transform = 'translateY(0)';\r\n            }\r\n        });\r\n    }, { threshold: 0.1 });\r\n    \r\n    featureItems.forEach(item => {\r\n        item.style.opacity = '0';\r\n        item.style.transform = 'translateY(20px)';\r\n        item.style.transition = 'opacity 0.6s ease, transform 0.6s ease';\r\n        observer2.observe(item);\r\n    });\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-804ad14 elementor-widget elementor-widget-html\" data-id=\"804ad14\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n\/* ============================================\r\n   SECTION 2 : PROCESSUS DE CERTIFICATION\r\n   Style \u00e9tape par \u00e9tape avec timeline\r\n   ============================================ *\/\r\n\r\n.process-section {\r\n    font-family: 'Inter', 'Segoe UI', sans-serif;\r\n    max-width: 1100px;\r\n    margin: 80px auto;\r\n    padding: 0 20px;\r\n}\r\n\r\n.section-intro {\r\n    text-align: center;\r\n    margin-bottom: 60px;\r\n}\r\n\r\n.process-subtitle {\r\n    display: inline-block;\r\n    background: linear-gradient(135deg, #FF7E00, #F33F5E);\r\n    color: white;\r\n    padding: 8px 24px;\r\n    border-radius: 50px;\r\n    font-size: 14px;\r\n    font-weight: 600;\r\n    margin-bottom: 20px;\r\n    letter-spacing: 1px;\r\n}\r\n\r\n.process-main-title {\r\n    font-size: 42px;\r\n    font-weight: 800;\r\n    margin: 0 0 20px 0;\r\n    color: #1a1a1a;\r\n    line-height: 1.2;\r\n}\r\n\r\n.gradient-text {\r\n    background: linear-gradient(135deg, #FF7E00, #F33F5E);\r\n    -webkit-background-clip: text;\r\n    -webkit-text-fill-color: transparent;\r\n    background-clip: text;\r\n}\r\n\r\n.process-description {\r\n    font-size: 18px;\r\n    color: #666;\r\n    line-height: 1.6;\r\n    max-width: 700px;\r\n    margin: 0 auto;\r\n}\r\n\r\n\/* Timeline *\/\r\n.process-timeline {\r\n    position: relative;\r\n    padding: 40px 0;\r\n}\r\n\r\n.timeline-line {\r\n    position: absolute;\r\n    left: 50%;\r\n    top: 0;\r\n    bottom: 0;\r\n    width: 3px;\r\n    background: linear-gradient(to bottom, #FF7E00, #F33F5E);\r\n    transform: translateX(-50%);\r\n    z-index: 0;\r\n}\r\n\r\n.timeline-step {\r\n    display: flex;\r\n    align-items: center;\r\n    margin-bottom: 60px;\r\n    position: relative;\r\n    z-index: 1;\r\n}\r\n\r\n.timeline-step:nth-child(odd) {\r\n    flex-direction: row-reverse;\r\n}\r\n\r\n.step-content {\r\n    flex: 1;\r\n    padding: 30px;\r\n    background: white;\r\n    border-radius: 20px;\r\n    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.08);\r\n    position: relative;\r\n    transition: all 0.4s ease;\r\n}\r\n\r\n.step-content:hover {\r\n    transform: translateY(-10px);\r\n    box-shadow: 0 25px 50px rgba(255, 126, 0, 0.15);\r\n}\r\n\r\n.step-marker {\r\n    width: 60px;\r\n    height: 60px;\r\n    background: linear-gradient(135deg, #FF7E00, #F33F5E);\r\n    border-radius: 50%;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    color: white;\r\n    font-size: 24px;\r\n    font-weight: 700;\r\n    position: absolute;\r\n    left: 50%;\r\n    top: 50%;\r\n    transform: translate(-50%, -50%);\r\n    z-index: 2;\r\n    box-shadow: 0 10px 30px rgba(255, 126, 0, 0.3);\r\n    border: 5px solid white;\r\n}\r\n\r\n.step-number {\r\n    position: relative;\r\n    z-index: 3;\r\n}\r\n\r\n.step-header {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 15px;\r\n    margin-bottom: 20px;\r\n}\r\n\r\n.step-icon {\r\n    width: 60px;\r\n    height: 60px;\r\n    background: linear-gradient(135deg, rgba(255, 126, 0, 0.1), rgba(243, 63, 94, 0.1));\r\n    border-radius: 15px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    font-size: 28px;\r\n}\r\n\r\n.step-title {\r\n    font-size: 24px;\r\n    font-weight: 700;\r\n    margin: 0;\r\n    color: #333;\r\n}\r\n\r\n.step-text {\r\n    font-size: 16px;\r\n    color: #666;\r\n    line-height: 1.7;\r\n    margin: 0 0 20px 0;\r\n}\r\n\r\n.step-details {\r\n    background: rgba(255, 126, 0, 0.03);\r\n    border-radius: 12px;\r\n    padding: 20px;\r\n    border-left: 4px solid #FF7E00;\r\n}\r\n\r\n.detail-title {\r\n    font-size: 14px;\r\n    font-weight: 600;\r\n    color: #FF7E00;\r\n    text-transform: uppercase;\r\n    letter-spacing: 1px;\r\n    margin-bottom: 10px;\r\n}\r\n\r\n.detail-list {\r\n    list-style: none;\r\n    padding: 0;\r\n    margin: 0;\r\n}\r\n\r\n.detail-list li {\r\n    padding: 8px 0;\r\n    color: #555;\r\n    position: relative;\r\n    padding-left: 20px;\r\n}\r\n\r\n.detail-list li::before {\r\n    content: '\u2713';\r\n    position: absolute;\r\n    left: 0;\r\n    color: #FF7E00;\r\n    font-weight: bold;\r\n}\r\n\r\n\/* CTA Section *\/\r\n.process-cta {\r\n    background: linear-gradient(135deg, #1a1a1a, #2d2d2d);\r\n    border-radius: 24px;\r\n    padding: 50px;\r\n    margin-top: 80px;\r\n    text-align: center;\r\n    position: relative;\r\n    overflow: hidden;\r\n}\r\n\r\n.cta-pattern {\r\n    position: absolute;\r\n    top: 0;\r\n    right: 0;\r\n    width: 200px;\r\n    height: 200px;\r\n    background: radial-gradient(circle, rgba(255, 126, 0, 0.1) 0%, transparent 70%);\r\n    border-radius: 50%;\r\n}\r\n\r\n.cta-title {\r\n    font-size: 32px;\r\n    font-weight: 700;\r\n    color: white;\r\n    margin-bottom: 20px;\r\n    position: relative;\r\n    z-index: 1;\r\n}\r\n\r\n.cta-text {\r\n    font-size: 18px;\r\n    color: rgba(255, 255, 255, 0.8);\r\n    margin-bottom: 30px;\r\n    max-width: 600px;\r\n    margin-left: auto;\r\n    margin-right: auto;\r\n    position: relative;\r\n    z-index: 1;\r\n    line-height: 1.6;\r\n}\r\n\r\n.cta-button {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n    background: linear-gradient(135deg, #FF7E00, #F33F5E);\r\n    color: white !important;\r\n    padding: 18px 40px;\r\n    border-radius: 12px;\r\n    font-size: 18px;\r\n    font-weight: 600;\r\n    text-decoration: none;\r\n    border: none;\r\n    cursor: pointer;\r\n    transition: all 0.3s ease;\r\n    box-shadow: 0 10px 30px rgba(255, 126, 0, 0.3);\r\n    position: relative;\r\n    z-index: 1;\r\n}\r\n\r\n.cta-button:hover {\r\n    transform: translateY(-3px);\r\n    box-shadow: 0 15px 40px rgba(255, 126, 0, 0.4);\r\n    color: white !important; \/* Ajoutez cette ligne *\/\r\n}\r\n\r\n.button-icon {\r\n    font-size: 22px;\r\n    animation: bounce 2s infinite;\r\n}\r\n\r\n@keyframes bounce {\r\n    0%, 100% { transform: translateY(0); }\r\n    50% { transform: translateY(-5px); }\r\n}\r\n\r\n.cta-note {\r\n    font-size: 14px;\r\n    color: rgba(255, 255, 255, 0.6);\r\n    margin-top: 20px;\r\n    position: relative;\r\n    z-index: 1;\r\n}\r\n\r\n\/* Responsive *\/\r\n@media (max-width: 992px) {\r\n    .timeline-line {\r\n        left: 30px;\r\n    }\r\n    \r\n    .timeline-step {\r\n        flex-direction: row !important;\r\n        margin-left: 60px;\r\n    }\r\n    \r\n    .step-marker {\r\n        left: 30px;\r\n        transform: translate(-50%, -50%);\r\n    }\r\n    \r\n    .process-main-title {\r\n        font-size: 36px;\r\n    }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n    .process-section {\r\n        margin: 60px auto;\r\n    }\r\n    \r\n    .process-main-title {\r\n        font-size: 30px;\r\n    }\r\n    \r\n    .step-content {\r\n        padding: 25px;\r\n    }\r\n    \r\n    .step-title {\r\n        font-size: 22px;\r\n    }\r\n    \r\n    .process-cta {\r\n        padding: 40px 25px;\r\n    }\r\n    \r\n    .cta-title {\r\n        font-size: 28px;\r\n    }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n    .process-main-title {\r\n        font-size: 26px;\r\n    }\r\n    \r\n    .process-description {\r\n        font-size: 16px;\r\n    }\r\n    \r\n    .step-header {\r\n        flex-direction: column;\r\n        align-items: flex-start;\r\n        gap: 15px;\r\n    }\r\n    \r\n    .step-icon {\r\n        width: 50px;\r\n        height: 50px;\r\n        font-size: 24px;\r\n    }\r\n    \r\n    .cta-button {\r\n        padding: 16px 30px;\r\n        font-size: 16px;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<div class=\"process-section\">\r\n    <div class=\"section-intro\">\r\n        <div class=\"process-subtitle\">PROCESSUS D\u00c9TAILL\u00c9<\/div>\r\n        <h2 class=\"process-main-title\">Comment <span class=\"gradient-text\">certifier votre compte<\/span> en 4 \u00e9tapes<\/h2>\r\n        <p class=\"process-description\">\r\n            Suivez notre processus de v\u00e9rification complet pour devenir membre certifi\u00e9 et acc\u00e9der \u00e0 tous vos fonds.\r\n        <\/p>\r\n    <\/div>\r\n    \r\n    <div class=\"process-timeline\">\r\n        <div class=\"timeline-line\"><\/div>\r\n        \r\n        <!-- \u00c9tape 1 -->\r\n        <div class=\"timeline-step\">\r\n            <div class=\"step-marker\">\r\n                <span class=\"step-number\">1<\/span>\r\n            <\/div>\r\n            <div class=\"step-content\">\r\n                <div class=\"step-header\">\r\n                    <div class=\"step-icon\">\ud83d\udcdd<\/div>\r\n                    <h3 class=\"step-title\">Formulaire de demande<\/h3>\r\n                <\/div>\r\n                <p class=\"step-text\">\r\n                    Acc\u00e9dez \u00e0 la page d\u00e9di\u00e9e et remplissez compl\u00e8tement le formulaire de demande de certification avec vos informations exactes.\r\n                <\/p>\r\n                <div class=\"step-details\">\r\n                    <div class=\"detail-title\">Lien d'acc\u00e8s<\/div>\r\n                    <div class=\"detail-list\">\r\n                        <li>Visitez : https:\/\/sivih.org\/certifier-mon-compte\/<\/li>\r\n                        <li>Remplissez toutes les sections obligatoires<\/li>\r\n                        <li>V\u00e9rifiez l'exactitude des informations<\/li>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n        \r\n        <!-- \u00c9tape 2 -->\r\n        <div class=\"timeline-step\">\r\n            <div class=\"step-marker\">\r\n                <span class=\"step-number\">2<\/span>\r\n            <\/div>\r\n            <div class=\"step-content\">\r\n                <div class=\"step-header\">\r\n                    <div class=\"step-icon\">\ud83d\udcce<\/div>\r\n                    <h3 class=\"step-title\">Documents d'identit\u00e9<\/h3>\r\n                <\/div>\r\n                <p class=\"step-text\">\r\n                    T\u00e9l\u00e9chargez les documents requis pour v\u00e9rifier votre identit\u00e9. Seuls les documents officiels et valides sont accept\u00e9s.\r\n                <\/p>\r\n                <div class=\"step-details\">\r\n                    <div class=\"detail-title\">Documents accept\u00e9s<\/div>\r\n                    <div class=\"detail-list\">\r\n                        <li>Passeport en cours de validit\u00e9<\/li>\r\n                        <li>Carte d'identit\u00e9 nationale<\/li>\r\n                        <li>Permis de conduire<\/li>\r\n                        <li>Document avec photo et signature<\/li>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n        \r\n        <!-- \u00c9tape 3 -->\r\n        <div class=\"timeline-step\">\r\n            <div class=\"step-marker\">\r\n                <span class=\"step-number\">3<\/span>\r\n            <\/div>\r\n            <div class=\"step-content\">\r\n                <div class=\"step-header\">\r\n                    <div class=\"step-icon\">\ud83d\udc68\u200d\ud83d\udcbc<\/div>\r\n                    <h3 class=\"step-title\">Validation par un responsable<\/h3>\r\n                <\/div>\r\n                <p class=\"step-text\">\r\n                    Un agent du service de certification analysera votre dossier et vous contactera pour finaliser le processus ensemble.\r\n                <\/p>\r\n                <div class=\"step-details\">\r\n                    <div class=\"detail-title\">V\u00e9rifications effectu\u00e9es<\/div>\r\n                    <div class=\"detail-list\">\r\n                        <li>Confirmation de votre identit\u00e9<\/li>\r\n                        <li>V\u00e9rification de l'authenticit\u00e9 des documents<\/li>\r\n                        <li>Analyse du profil et de la cagnotte<\/li>\r\n                        <li>Validation des normes de s\u00e9curit\u00e9<\/li>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n        \r\n        <!-- \u00c9tape 4 -->\r\n        <div class=\"timeline-step\">\r\n            <div class=\"step-marker\">\r\n                <span class=\"step-number\">4<\/span>\r\n            <\/div>\r\n            <div class=\"step-content\">\r\n                <div class=\"step-header\">\r\n                    <div class=\"step-icon\">\u2705<\/div>\r\n                    <h3 class=\"step-title\">Certification finale<\/h3>\r\n                <\/div>\r\n                <p class=\"step-text\">\r\n                    Apr\u00e8s validation compl\u00e8te, vous recevez la confirmation officielle et devenez Membre Certifi\u00e9 SIVIH \u00e9ligible aux retraits.\r\n                <\/p>\r\n                <div class=\"step-details\">\r\n                    <div class=\"detail-title\">Avantages obtenus<\/div>\r\n                    <div class=\"detail-list\">\r\n                        <li>Acc\u00e8s \u00e0 la totalit\u00e9 des fonds collect\u00e9s<\/li>\r\n                        <li>Retraits sans frais cach\u00e9s<\/li>\r\n                        <li>Statut de membre v\u00e9rifi\u00e9<\/li>\r\n                        <li>Confiance accrue des contributeurs<\/li>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n    \r\n    <div class=\"process-cta\">\r\n        <div class=\"cta-pattern\"><\/div>\r\n        <h3 class=\"cta-title\">Pr\u00eat \u00e0 certifier votre compte ?<\/h3>\r\n        <p class=\"cta-text\">\r\n            La certification est requise avant votre premier retrait. Une fois votre compte certifi\u00e9, vous devenez \u00e9ligible \u00e0 recevoir la totalit\u00e9 des montants collect\u00e9s, sans frais cach\u00e9s.\r\n        <\/p>\r\n        <a href=\"https:\/\/sivih.org\/certifier-mon-compte\/\" class=\"cta-button\" target=\"_blank\">\r\n            <span class=\"button-icon\">\ud83d\ude80<\/span>\r\n            <span>D\u00e9marrer la certification maintenant<\/span>\r\n        <\/a>\r\n        <p class=\"cta-note\">Processus s\u00e9curis\u00e9 \u2022 Support disponible 7j\/7 \u2022 Validation sous 24-48h<\/p>\r\n    <\/div>\r\n<\/div>\r\n\r\n<script>\r\ndocument.addEventListener('DOMContentLoaded', function() {\r\n    \/\/ Animation des \u00e9tapes au scroll\r\n    const steps = document.querySelectorAll('.timeline-step');\r\n    \r\n    const observer = new IntersectionObserver((entries) => {\r\n        entries.forEach(entry => {\r\n            if (entry.isIntersecting) {\r\n                entry.target.style.opacity = '1';\r\n                entry.target.style.transform = 'translateX(0)';\r\n                \r\n                \/\/ Animation du marqueur\r\n                const marker = entry.target.querySelector('.step-marker');\r\n                if (marker) {\r\n                    marker.style.animation = 'pulse 0.6s ease-out';\r\n                }\r\n            }\r\n        });\r\n    }, { \r\n        threshold: 0.2,\r\n        rootMargin: '0px 0px -100px 0px'\r\n    });\r\n    \r\n    steps.forEach((step, index) => {\r\n        step.style.opacity = '0';\r\n        step.style.transform = 'translateX(' + (index % 2 === 0 ? '-50px' : '50px') + ')';\r\n        step.style.transition = 'opacity 0.8s ease, transform 0.8s ease';\r\n        setTimeout(() => {\r\n            observer.observe(step);\r\n        }, index * 100);\r\n    });\r\n    \r\n    \/\/ Animation du bouton CTA\r\n    const ctaButton = document.querySelector('.cta-button');\r\n    if (ctaButton) {\r\n        ctaButton.addEventListener('mouseenter', function() {\r\n            this.querySelector('.button-icon').style.animation = 'bounce 0.5s infinite';\r\n        });\r\n        \r\n        ctaButton.addEventListener('mouseleave', function() {\r\n            this.querySelector('.button-icon').style.animation = 'bounce 2s infinite';\r\n        });\r\n    }\r\n    \r\n    \/\/ Animation des ic\u00f4nes\r\n    const stepIcons = document.querySelectorAll('.step-icon');\r\n    stepIcons.forEach(icon => {\r\n        icon.addEventListener('mouseenter', function() {\r\n            this.style.transform = 'scale(1.1) rotate(5deg)';\r\n        });\r\n        \r\n        icon.addEventListener('mouseleave', function() {\r\n            this.style.transform = 'scale(1) rotate(0)';\r\n        });\r\n    });\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-40dbe9a e-flex e-con-boxed e-con e-parent\" data-id=\"40dbe9a\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-64eaa05 elementor-widget elementor-widget-html\" data-id=\"64eaa05\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n\/* ============================================\r\n   SECTION 1 : V\u00c9RIFICATION DU STATUT DE MEMBRE\r\n   Style carte d'identit\u00e9 interactive\r\n   ============================================ *\/\r\n\r\n.member-status-section {\r\n    font-family: 'Inter', 'Segoe UI', sans-serif;\r\n    max-width: 1200px;\r\n    margin: 80px auto;\r\n    padding: 0 20px;\r\n}\r\n\r\n.member-card-container {\r\n    display: flex;\r\n    align-items: stretch;\r\n    gap: 40px;\r\n    background: linear-gradient(145deg, #ffffff, #f8f9fa);\r\n    border-radius: 24px;\r\n    overflow: hidden;\r\n    box-shadow: 0 25px 60px rgba(0, 0, 0, 0.1);\r\n    border: 1px solid rgba(0, 0, 0, 0.05);\r\n    position: relative;\r\n}\r\n\r\n\/* C\u00f4t\u00e9 gauche - Informations *\/\r\n.card-info-side {\r\n    flex: 1.5;\r\n    padding: 50px;\r\n    background: white;\r\n    position: relative;\r\n    z-index: 1;\r\n}\r\n\r\n\/* C\u00f4t\u00e9 droit - Carte de membre *\/\r\n.card-visual-side {\r\n    flex: 1;\r\n    background: linear-gradient(135deg, #1a237e, #283593);\r\n    padding: 40px;\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: center;\r\n    align-items: center;\r\n    position: relative;\r\n    overflow: hidden;\r\n}\r\n\r\n\/* Design de la carte de membre *\/\r\n.member-card {\r\n    width: 100%;\r\n    max-width: 350px;\r\n    background: rgba(255, 255, 255, 0.95);\r\n    border-radius: 20px;\r\n    padding: 30px;\r\n    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.2);\r\n    border: 1px solid rgba(255, 255, 255, 0.3);\r\n    position: relative;\r\n    transform-style: preserve-3d;\r\n    transition: transform 0.6s ease;\r\n}\r\n\r\n.member-card:hover {\r\n    transform: rotateY(5deg) rotateX(2deg);\r\n}\r\n\r\n.card-header {\r\n    text-align: center;\r\n    margin-bottom: 30px;\r\n    border-bottom: 2px solid #e0e0e0;\r\n    padding-bottom: 20px;\r\n}\r\n\r\n.sivih-logo {\r\n    font-size: 24px;\r\n    font-weight: 800;\r\n    background: linear-gradient(135deg, #FF7E00, #F33F5E);\r\n    -webkit-background-clip: text;\r\n    -webkit-text-fill-color: transparent;\r\n    background-clip: text;\r\n    margin-bottom: 10px;\r\n}\r\n\r\n.card-type {\r\n    font-size: 14px;\r\n    font-weight: 600;\r\n    color: #666;\r\n    text-transform: uppercase;\r\n    letter-spacing: 2px;\r\n}\r\n\r\n.card-body {\r\n    display: grid;\r\n    grid-template-columns: 1fr 1fr;\r\n    gap: 20px;\r\n    margin-bottom: 30px;\r\n}\r\n\r\n.card-field {\r\n    margin-bottom: 15px;\r\n}\r\n\r\n.field-label {\r\n    font-size: 11px;\r\n    font-weight: 600;\r\n    color: #999;\r\n    text-transform: uppercase;\r\n    letter-spacing: 1px;\r\n    margin-bottom: 5px;\r\n}\r\n\r\n.field-value {\r\n    font-size: 16px;\r\n    font-weight: 700;\r\n    color: #333;\r\n}\r\n\r\n.card-footer {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    padding-top: 20px;\r\n    border-top: 1px solid #e0e0e0;\r\n}\r\n\r\n.card-validity {\r\n    font-size: 12px;\r\n    color: #666;\r\n}\r\n\r\n.card-status {\r\n    background: linear-gradient(135deg, #4CAF50, #45a049);\r\n    color: white;\r\n    padding: 6px 15px;\r\n    border-radius: 20px;\r\n    font-size: 12px;\r\n    font-weight: 700;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 5px;\r\n}\r\n\r\n\/* Effets visuels c\u00f4t\u00e9 droit *\/\r\n.card-visual-side::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: -50%;\r\n    right: -20%;\r\n    width: 300px;\r\n    height: 300px;\r\n    background: radial-gradient(circle, rgba(255, 255, 255, 0.1) 0%, transparent 70%);\r\n    border-radius: 50%;\r\n}\r\n\r\n\/* Contenu c\u00f4t\u00e9 gauche *\/\r\n.section-badge {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n    background: linear-gradient(135deg, #FF7E00, #F33F5E);\r\n    color: white;\r\n    padding: 10px 24px;\r\n    border-radius: 50px;\r\n    font-size: 14px;\r\n    font-weight: 600;\r\n    margin-bottom: 30px;\r\n    box-shadow: 0 8px 20px rgba(255, 126, 0, 0.2);\r\n}\r\n\r\n.section-title {\r\n    font-size: 38px;\r\n    font-weight: 800;\r\n    margin: 0 0 25px 0;\r\n    color: #1a1a1a;\r\n    line-height: 1.2;\r\n}\r\n\r\n.title-gradient {\r\n    background: linear-gradient(135deg, #1a237e, #283593);\r\n    -webkit-background-clip: text;\r\n    -webkit-text-fill-color: transparent;\r\n    background-clip: text;\r\n}\r\n\r\n.section-description {\r\n    font-size: 18px;\r\n    color: #666;\r\n    line-height: 1.7;\r\n    margin-bottom: 40px;\r\n}\r\n\r\n\/* R\u00f4le SAC *\/\r\n.sac-role {\r\n    background: linear-gradient(135deg, rgba(26, 35, 126, 0.05), rgba(40, 53, 147, 0.05));\r\n    border-radius: 16px;\r\n    padding: 25px;\r\n    margin: 30px 0;\r\n    border-left: 4px solid #1a237e;\r\n}\r\n\r\n.sac-title {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n    font-size: 20px;\r\n    font-weight: 700;\r\n    color: #1a237e;\r\n    margin-bottom: 15px;\r\n}\r\n\r\n.sac-desc {\r\n    font-size: 16px;\r\n    color: #555;\r\n    line-height: 1.6;\r\n    margin-bottom: 20px;\r\n}\r\n\r\n\/* Points cl\u00e9s *\/\r\n.key-points {\r\n    display: grid;\r\n    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\r\n    gap: 20px;\r\n    margin: 30px 0;\r\n}\r\n\r\n.key-point {\r\n    display: flex;\r\n    align-items: flex-start;\r\n    gap: 15px;\r\n    padding: 20px;\r\n    background: white;\r\n    border-radius: 12px;\r\n    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);\r\n    border: 1px solid rgba(0, 0, 0, 0.03);\r\n    transition: transform 0.3s ease;\r\n}\r\n\r\n.key-point:hover {\r\n    transform: translateY(-5px);\r\n    box-shadow: 0 10px 30px rgba(26, 35, 126, 0.1);\r\n}\r\n\r\n.point-icon {\r\n    width: 40px;\r\n    height: 40px;\r\n    background: linear-gradient(135deg, #1a237e, #283593);\r\n    border-radius: 10px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    color: white;\r\n    font-size: 18px;\r\n    flex-shrink: 0;\r\n}\r\n\r\n.point-content h4 {\r\n    font-size: 16px;\r\n    font-weight: 700;\r\n    margin: 0 0 8px 0;\r\n    color: #333;\r\n}\r\n\r\n.point-content p {\r\n    font-size: 14px;\r\n    color: #666;\r\n    margin: 0;\r\n    line-height: 1.5;\r\n}\r\n\r\n\/* Responsive *\/\r\n@media (max-width: 992px) {\r\n    .member-card-container {\r\n        flex-direction: column;\r\n    }\r\n    \r\n    .card-info-side,\r\n    .card-visual-side {\r\n        padding: 40px 30px;\r\n    }\r\n    \r\n    .section-title {\r\n        font-size: 32px;\r\n    }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n    .member-status-section {\r\n        margin: 50px auto;\r\n    }\r\n    \r\n    .section-title {\r\n        font-size: 28px;\r\n    }\r\n    \r\n    .section-description {\r\n        font-size: 16px;\r\n    }\r\n    \r\n    .key-points {\r\n        grid-template-columns: 1fr;\r\n    }\r\n    \r\n    .member-card {\r\n        max-width: 100%;\r\n    }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n    .card-info-side,\r\n    .card-visual-side {\r\n        padding: 30px 20px;\r\n    }\r\n    \r\n    .section-title {\r\n        font-size: 24px;\r\n    }\r\n    \r\n    .card-body {\r\n        grid-template-columns: 1fr;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<div class=\"member-status-section\">\r\n    <div class=\"member-card-container\">\r\n        <!-- C\u00f4t\u00e9 gauche - Informations -->\r\n        <div class=\"card-info-side\">\r\n            <div class=\"section-badge\">\r\n                <span>\ud83d\udd0d<\/span>\r\n                <span>SERVICE SAC<\/span>\r\n            <\/div>\r\n            \r\n            <h1 class=\"section-title\">V\u00e9rification du <span class=\"title-gradient\">Statut de Membre<\/span><\/h1>\r\n            \r\n            <p class=\"section-description\">\r\n                \u00c9tape indispensable pour devenir reconnu officiellement au sein de la communaut\u00e9 SIVIH. \r\n                V\u00e9rifi\u00e9e par le Service d'Authentification et de Contr\u00f4le (SAC).\r\n            <\/p>\r\n            \r\n            <div class=\"sac-role\">\r\n                <div class=\"sac-title\">\r\n                    <span>\ud83d\udee1\ufe0f<\/span>\r\n                    <span>R\u00f4le du Service d'Authentification et de Contr\u00f4le (SAC)<\/span>\r\n                <\/div>\r\n                <p class=\"sac-desc\">\r\n                    Le SAC garantit que chaque utilisateur est bien une personne r\u00e9elle, engag\u00e9e et pr\u00eate \u00e0 s'int\u00e9grer harmonieusement dans un syst\u00e8me d'entraide.\r\n                <\/p>\r\n            <\/div>\r\n            \r\n            <div class=\"key-points\">\r\n                <div class=\"key-point\">\r\n                    <div class=\"point-icon\">\ud83d\udc64<\/div>\r\n                    <div class=\"point-content\">\r\n                        <h4>Identit\u00e9 v\u00e9rifi\u00e9e<\/h4>\r\n                        <p>Authenticit\u00e9 confirm\u00e9e et documents valides<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <div class=\"key-point\">\r\n                    <div class=\"point-icon\">\ud83e\udd1d<\/div>\r\n                    <div class=\"point-content\">\r\n                        <h4>Engagement communautaire<\/h4>\r\n                        <p>Respect des valeurs de solidarit\u00e9 mutuelle<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <div class=\"key-point\">\r\n                    <div class=\"point-icon\">\ud83d\udcc7<\/div>\r\n                    <div class=\"point-content\">\r\n                        <h4>Carte CAD-V8<\/h4>\r\n                        <p>Enregistrement officiel avec carte de membre<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n        \r\n        <!-- C\u00f4t\u00e9 droit - Carte de membre -->\r\n        <div class=\"card-visual-side\">\r\n            <div class=\"member-card\">\r\n                <div class=\"card-header\">\r\n                    <div class=\"sivih-logo\">SIVIH<\/div>\r\n                    <div class=\"card-type\">CARTE DE MEMBRE OFFICIELLE<\/div>\r\n                <\/div>\r\n                \r\n                <div class=\"card-body\">\r\n                    <div class=\"card-field\">\r\n                        <div class=\"field-label\">Type de Carte<\/div>\r\n                        <div class=\"field-value\">CAD-V8<\/div>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"card-field\">\r\n                        <div class=\"field-label\">Statut<\/div>\r\n                        <div class=\"field-value\">Actif<\/div>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"card-field\">\r\n                        <div class=\"field-label\">Membre ID<\/div>\r\n                        <div class=\"field-value\">SIVIH-2024-XXXX<\/div>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"card-field\">\r\n                        <div class=\"field-label\">Date d'\u00e9mission<\/div>\r\n                        <div class=\"field-value\">\u00c0 la validation<\/div>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"card-field\">\r\n                        <div class=\"field-label\">D\u00e9lai<\/div>\r\n                        <div class=\"field-value\">24h max<\/div>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"card-field\">\r\n                        <div class=\"field-label\">Niveau<\/div>\r\n                        <div class=\"field-value\">Certifi\u00e9<\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <div class=\"card-footer\">\r\n                    <div class=\"card-validity\">Valide apr\u00e8s v\u00e9rification SAC<\/div>\r\n                    <div class=\"card-status\">\r\n                        <span>\u2713<\/span>\r\n                        <span>V\u00c9RIFI\u00c9<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n            \r\n            <div style=\"text-align: center; margin-top: 30px; color: rgba(255, 255, 255, 0.9);\">\r\n                <p style=\"font-size: 14px; margin: 0;\">Prot\u00e8ge la confiance de <strong>14M+ membres<\/strong><\/p>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<script>\r\ndocument.addEventListener('DOMContentLoaded', function() {\r\n    \/\/ Animation de la carte au survol\r\n    const memberCard = document.querySelector('.member-card');\r\n    \r\n    \/\/ Animation des points cl\u00e9s\r\n    const keyPoints = document.querySelectorAll('.key-point');\r\n    keyPoints.forEach((point, index) => {\r\n        point.style.opacity = '0';\r\n        point.style.transform = 'translateY(20px)';\r\n        point.style.transition = 'opacity 0.6s ease, transform 0.6s ease';\r\n        \r\n        setTimeout(() => {\r\n            point.style.opacity = '1';\r\n            point.style.transform = 'translateY(0)';\r\n        }, index * 200);\r\n    });\r\n    \r\n    \/\/ Animation du badge\r\n    const badge = document.querySelector('.section-badge');\r\n    if (badge) {\r\n        badge.style.animation = 'fadeIn 1s ease-out';\r\n    }\r\n    \r\n    \/\/ Effet parallax sur la carte\r\n    document.addEventListener('mousemove', (e) => {\r\n        if (!memberCard) return;\r\n        \r\n        const xAxis = (window.innerWidth \/ 2 - e.pageX) \/ 25;\r\n        const yAxis = (window.innerHeight \/ 2 - e.pageY) \/ 25;\r\n        \r\n        memberCard.style.transform = `rotateY(${xAxis}deg) rotateX(${yAxis}deg)`;\r\n    });\r\n    \r\n    \/\/ R\u00e9initialiser la rotation quand la souris quitte\r\n    memberCard.addEventListener('mouseleave', () => {\r\n        memberCard.style.transition = 'transform 0.5s ease';\r\n        memberCard.style.transform = 'rotateY(0) rotateX(0)';\r\n        \r\n        setTimeout(() => {\r\n            memberCard.style.transition = 'transform 0.6s ease';\r\n        }, 500);\r\n    });\r\n    \r\n    \/\/ Animation au scroll\r\n    const observer = new IntersectionObserver((entries) => {\r\n        entries.forEach(entry => {\r\n            if (entry.isIntersecting) {\r\n                entry.target.style.opacity = '1';\r\n                entry.target.style.transform = 'translateY(0)';\r\n            }\r\n        });\r\n    }, { threshold: 0.1 });\r\n    \r\n    const container = document.querySelector('.member-card-container');\r\n    if (container) {\r\n        container.style.opacity = '0';\r\n        container.style.transform = 'translateY(30px)';\r\n        container.style.transition = 'opacity 0.8s ease, transform 0.8s ease';\r\n        observer.observe(container);\r\n    }\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4ebf953 elementor-widget elementor-widget-html\" data-id=\"4ebf953\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n\/* ============================================\r\n   SECTION 2 : AVANTAGES CARTE CAD-V8\r\n   Style grille interactive avec citation\r\n   ============================================ *\/\r\n\r\n.advantages-section {\r\n    font-family: 'Inter', 'Segoe UI', sans-serif;\r\n    max-width: 1200px;\r\n    margin: 80px auto;\r\n    padding: 0 20px;\r\n}\r\n\r\n.advantages-header {\r\n    text-align: center;\r\n    margin-bottom: 60px;\r\n}\r\n\r\n.advantages-badge {\r\n    display: inline-block;\r\n    background: linear-gradient(135deg, #FF7E00, #F33F5E);\r\n    color: white;\r\n    padding: 10px 30px;\r\n    border-radius: 50px;\r\n    font-size: 14px;\r\n    font-weight: 600;\r\n    margin-bottom: 25px;\r\n    letter-spacing: 1.5px;\r\n    text-transform: uppercase;\r\n    position: relative;\r\n    overflow: hidden;\r\n}\r\n\r\n.advantages-badge::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: 0;\r\n    left: -100%;\r\n    width: 100%;\r\n    height: 100%;\r\n    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);\r\n    transition: left 0.6s ease;\r\n}\r\n\r\n.advantages-badge:hover::before {\r\n    left: 100%;\r\n}\r\n\r\n.advantages-title {\r\n    font-size: 42px;\r\n    font-weight: 800;\r\n    margin: 0 0 25px 0;\r\n    color: #1a1a1a;\r\n    line-height: 1.2;\r\n}\r\n\r\n.advantages-subtitle {\r\n    font-size: 20px;\r\n    color: #666;\r\n    line-height: 1.6;\r\n    max-width: 800px;\r\n    margin: 0 auto;\r\n}\r\n\r\n\/* Grille d'avantages *\/\r\n.advantages-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\r\n    gap: 30px;\r\n    margin-bottom: 60px;\r\n}\r\n\r\n.advantage-card {\r\n    background: white;\r\n    border-radius: 20px;\r\n    padding: 40px 30px;\r\n    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.08);\r\n    border: 1px solid rgba(0, 0, 0, 0.03);\r\n    transition: all 0.4s ease;\r\n    position: relative;\r\n    overflow: hidden;\r\n}\r\n\r\n.advantage-card::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 5px;\r\n    background: linear-gradient(135deg, #1a237e, #283593);\r\n    transform: scaleX(0);\r\n    transform-origin: left;\r\n    transition: transform 0.4s ease;\r\n}\r\n\r\n.advantage-card:hover::before {\r\n    transform: scaleX(1);\r\n}\r\n\r\n.advantage-card:hover {\r\n    transform: translateY(-10px);\r\n    box-shadow: 0 25px 50px rgba(26, 35, 126, 0.15);\r\n}\r\n\r\n.card-icon {\r\n    width: 70px;\r\n    height: 70px;\r\n    background: linear-gradient(135deg, rgba(26, 35, 126, 0.1), rgba(40, 53, 147, 0.1));\r\n    border-radius: 18px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    margin-bottom: 25px;\r\n    font-size: 32px;\r\n    transition: transform 0.3s ease;\r\n}\r\n\r\n.advantage-card:hover .card-icon {\r\n    transform: scale(1.1) rotate(5deg);\r\n}\r\n\r\n.card-title {\r\n    font-size: 22px;\r\n    font-weight: 700;\r\n    margin: 0 0 15px 0;\r\n    color: #1a237e;\r\n}\r\n\r\n.card-description {\r\n    font-size: 16px;\r\n    color: #666;\r\n    line-height: 1.6;\r\n    margin: 0 0 20px 0;\r\n}\r\n\r\n.card-benefits {\r\n    list-style: none;\r\n    padding: 0;\r\n    margin: 0;\r\n}\r\n\r\n.card-benefits li {\r\n    padding: 8px 0;\r\n    color: #555;\r\n    position: relative;\r\n    padding-left: 25px;\r\n    font-size: 15px;\r\n}\r\n\r\n.card-benefits li::before {\r\n    content: '\u2713';\r\n    position: absolute;\r\n    left: 0;\r\n    color: #4CAF50;\r\n    font-weight: bold;\r\n    font-size: 16px;\r\n}\r\n\r\n\/* Section citation *\/\r\n.quote-section {\r\n    background: linear-gradient(135deg, #1a237e, #283593);\r\n    border-radius: 24px;\r\n    padding: 50px;\r\n    margin: 60px 0;\r\n    position: relative;\r\n    overflow: hidden;\r\n}\r\n\r\n.quote-section::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: -50%;\r\n    right: -10%;\r\n    width: 300px;\r\n    height: 300px;\r\n    background: radial-gradient(circle, rgba(255, 255, 255, 0.1) 0%, transparent 70%);\r\n    border-radius: 50%;\r\n}\r\n\r\n.quote-section::after {\r\n    content: '';\r\n    position: absolute;\r\n    bottom: -30%;\r\n    left: -10%;\r\n    width: 250px;\r\n    height: 250px;\r\n    background: radial-gradient(circle, rgba(255, 255, 255, 0.05) 0%, transparent 70%);\r\n    border-radius: 50%;\r\n}\r\n\r\n.quote-content {\r\n    font-size: 28px;\r\n    font-weight: 700;\r\n    color: white;\r\n    text-align: center;\r\n    margin-bottom: 30px;\r\n    line-height: 1.4;\r\n    position: relative;\r\n    z-index: 1;\r\n}\r\n\r\n.quote-author {\r\n    text-align: center;\r\n    color: rgba(255, 255, 255, 0.9);\r\n    font-size: 16px;\r\n    font-style: italic;\r\n    position: relative;\r\n    z-index: 1;\r\n}\r\n\r\n\/* Section acc\u00e8s membre *\/\r\n.access-section {\r\n    background: linear-gradient(135deg, #f8f9fa, #ffffff);\r\n    border-radius: 24px;\r\n    padding: 50px;\r\n    margin-top: 60px;\r\n    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.05);\r\n}\r\n\r\n.access-title {\r\n    text-align: center;\r\n    font-size: 32px;\r\n    font-weight: 700;\r\n    margin: 0 0 40px 0;\r\n    color: #1a1a1a;\r\n}\r\n\r\n.access-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\r\n    gap: 25px;\r\n    margin-bottom: 40px;\r\n}\r\n\r\n.access-item {\r\n    background: white;\r\n    border-radius: 16px;\r\n    padding: 25px;\r\n    text-align: center;\r\n    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);\r\n    border: 1px solid rgba(0, 0, 0, 0.03);\r\n    transition: all 0.3s ease;\r\n}\r\n\r\n.access-item:hover {\r\n    transform: translateY(-5px);\r\n    box-shadow: 0 15px 40px rgba(26, 35, 126, 0.1);\r\n}\r\n\r\n.access-icon {\r\n    width: 60px;\r\n    height: 60px;\r\n    background: linear-gradient(135deg, rgba(255, 126, 0, 0.1), rgba(243, 63, 94, 0.1));\r\n    border-radius: 15px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    margin: 0 auto 20px;\r\n    font-size: 28px;\r\n}\r\n\r\n.access-item h4 {\r\n    font-size: 18px;\r\n    font-weight: 700;\r\n    margin: 0 0 10px 0;\r\n    color: #333;\r\n}\r\n\r\n.access-item p {\r\n    font-size: 14px;\r\n    color: #666;\r\n    margin: 0;\r\n    line-height: 1.5;\r\n}\r\n\r\n.protection-notice {\r\n    background: linear-gradient(135deg, rgba(244, 67, 54, 0.05), rgba(255, 193, 7, 0.05));\r\n    border-radius: 16px;\r\n    padding: 25px;\r\n    text-align: center;\r\n    border: 1px solid rgba(244, 67, 54, 0.1);\r\n    margin-top: 40px;\r\n}\r\n\r\n.notice-title {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 12px;\r\n    font-size: 18px;\r\n    font-weight: 700;\r\n    color: #d32f2f;\r\n    margin-bottom: 10px;\r\n}\r\n\r\n.notice-text {\r\n    font-size: 16px;\r\n    color: #666;\r\n    line-height: 1.6;\r\n    margin: 0;\r\n}\r\n\r\n\/* CTA *\/\r\n.verification-cta {\r\n    text-align: center;\r\n    margin-top: 50px;\r\n}\r\n\r\n.cta-time {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n    background: linear-gradient(135deg, #4CAF50, #45a049);\r\n    color: white;\r\n    padding: 12px 30px;\r\n    border-radius: 50px;\r\n    font-size: 16px;\r\n    font-weight: 600;\r\n    margin-bottom: 30px;\r\n    box-shadow: 0 8px 20px rgba(76, 175, 80, 0.2);\r\n}\r\n\r\n.cta-button {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 15px;\r\n    background: linear-gradient(135deg, #1a237e, #283593);\r\n    color: white;\r\n    padding: 20px 45px;\r\n    border-radius: 12px;\r\n    font-size: 18px;\r\n    font-weight: 600;\r\n    text-decoration: none;\r\n    border: none;\r\n    cursor: pointer;\r\n    transition: all 0.3s ease;\r\n    box-shadow: 0 15px 40px rgba(26, 35, 126, 0.2);\r\n}\r\n\r\n.cta-button:hover {\r\n    transform: translateY(-3px);\r\n    box-shadow: 0 20px 50px rgba(26, 35, 126, 0.3);\r\n}\r\n\r\n\/* Responsive *\/\r\n@media (max-width: 992px) {\r\n    .advantages-title {\r\n        font-size: 36px;\r\n    }\r\n    \r\n    .quote-content {\r\n        font-size: 24px;\r\n    }\r\n    \r\n    .access-section {\r\n        padding: 40px 30px;\r\n    }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n    .advantages-section {\r\n        margin: 60px auto;\r\n    }\r\n    \r\n    .advantages-title {\r\n        font-size: 30px;\r\n    }\r\n    \r\n    .advantages-subtitle {\r\n        font-size: 18px;\r\n    }\r\n    \r\n    .advantages-grid {\r\n        grid-template-columns: 1fr;\r\n    }\r\n    \r\n    .quote-section {\r\n        padding: 40px 30px;\r\n    }\r\n    \r\n    .quote-content {\r\n        font-size: 22px;\r\n    }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n    .advantages-title {\r\n        font-size: 26px;\r\n    }\r\n    \r\n    .advantage-card {\r\n        padding: 30px 20px;\r\n    }\r\n    \r\n    .card-title {\r\n        font-size: 20px;\r\n    }\r\n    \r\n    .quote-content {\r\n        font-size: 20px;\r\n    }\r\n    \r\n    .cta-button {\r\n        padding: 18px 30px;\r\n        font-size: 16px;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<div class=\"advantages-section\">\r\n    <div class=\"advantages-header\">\r\n        <div class=\"advantages-badge\">\ud83c\udf1f VOTRE PASSEPORT D'ACC\u00c8S<\/div>\r\n        <h1 class=\"advantages-title\">Pourquoi obtenir votre <span style=\"color: #1a237e;\">Carte CAD-V8<\/span> ?<\/h1>\r\n        <p class=\"advantages-subtitle\">\r\n            Plus qu'un simple badge, votre carte repr\u00e9sente votre appartenance officielle et votre cr\u00e9dibilit\u00e9 \r\n            au sein de la communaut\u00e9 SIVIH.\r\n        <\/p>\r\n    <\/div>\r\n    \r\n    <div class=\"advantages-grid\">\r\n        <div class=\"advantage-card\">\r\n            <div class=\"card-icon\">\ud83d\udd10<\/div>\r\n            <h3 class=\"card-title\">Authenticit\u00e9 Confirm\u00e9e<\/h3>\r\n            <p class=\"card-description\">Votre identit\u00e9 est v\u00e9rifi\u00e9e et valid\u00e9e par le SAC, garantissant votre authenticit\u00e9.<\/p>\r\n            <ul class=\"card-benefits\">\r\n                <li>Identit\u00e9 v\u00e9rifi\u00e9e et s\u00e9curis\u00e9e<\/li>\r\n                <li>Documents authentifi\u00e9s<\/li>\r\n                <li>Profil officiellement reconnu<\/li>\r\n            <\/ul>\r\n        <\/div>\r\n        \r\n        <div class=\"advantage-card\">\r\n            <div class=\"card-icon\">\ud83e\udd1d<\/div>\r\n            <h3 class=\"card-title\">Appartenance Communautaire<\/h3>\r\n            <p class=\"card-description\">Devenez membre officiel d'une communaut\u00e9 de 14 millions de personnes.<\/p>\r\n            <ul class=\"card-benefits\">\r\n                <li>Int\u00e9gration \u00e0 la communaut\u00e9<\/li>\r\n                <li>Reconnaissance par les pairs<\/li>\r\n                <li>Acc\u00e8s au r\u00e9seau d'entraide<\/li>\r\n            <\/ul>\r\n        <\/div>\r\n        \r\n        <div class=\"advantage-card\">\r\n            <div class=\"card-icon\">\ud83d\ude80<\/div>\r\n            <h3 class=\"card-title\">Acc\u00e8s Complet aux Fonctionnalit\u00e9s<\/h3>\r\n            <p class=\"card-description\">D\u00e9bloquez toutes les possibilit\u00e9s offertes par la plateforme SIVIH.<\/p>\r\n            <ul class=\"card-benefits\">\r\n                <li>Cr\u00e9ation de cagnottes<\/li>\r\n                <li>Retrait des fonds collect\u00e9s<\/li>\r\n                <li>Acc\u00e8s aux programmes internes<\/li>\r\n            <\/ul>\r\n        <\/div>\r\n        \r\n        <div class=\"advantage-card\">\r\n            <div class=\"card-icon\">\ud83d\udc8e<\/div>\r\n            <h3 class=\"card-title\">Cr\u00e9dibilit\u00e9 Indispensable<\/h3>\r\n            <p class=\"card-description\">Gagnez la confiance n\u00e9cessaire pour recevoir du soutien financier.<\/p>\r\n            <ul class=\"card-benefits\">\r\n                <li>Confiance des donateurs<\/li>\r\n                <li>Transparence garantie<\/li>\r\n                <li>Support facilit\u00e9<\/li>\r\n            <\/ul>\r\n        <\/div>\r\n    <\/div>\r\n    \r\n    <div class=\"quote-section\">\r\n        <div class=\"quote-content\">\r\n            \"On aide quelqu'un aujourd'hui,<br>\r\n            on peut \u00eatre aid\u00e9 demain.\"\r\n        <\/div>\r\n        <div class=\"quote-author\">\u2014 Principe fondamental de la communaut\u00e9 SIVIH<\/div>\r\n    <\/div>\r\n    \r\n    <div class=\"access-section\">\r\n        <h2 class=\"access-title\">Acc\u00e8s Exclusif des Membres Certifi\u00e9s<\/h2>\r\n        \r\n        <div class=\"access-grid\">\r\n            <div class=\"access-item\">\r\n                <div class=\"access-icon\">\ud83d\udcb0<\/div>\r\n                <h4>Contr\u00f4ler une cagnotte<\/h4>\r\n                <p>G\u00e9rez et supervisez votre cagnotte personnelle<\/p>\r\n            <\/div>\r\n            \r\n            <div class=\"access-item\">\r\n                <div class=\"access-icon\">\ud83d\udcb8<\/div>\r\n                <h4>Recevoir des soutiens<\/h4>\r\n                <p>B\u00e9n\u00e9ficiez de contributions financi\u00e8res<\/p>\r\n            <\/div>\r\n            \r\n            <div class=\"access-item\">\r\n                <div class=\"access-icon\">\ud83c\udf81<\/div>\r\n                <h4>Avantages internes<\/h4>\r\n                <p>Acc\u00e9dez aux programmes sp\u00e9ciaux<\/p>\r\n            <\/div>\r\n            \r\n            <div class=\"access-item\">\r\n                <div class=\"access-icon\">\ud83d\udee1\ufe0f<\/div>\r\n                <h4>Protection garantie<\/h4>\r\n                <p>S\u00e9curit\u00e9 renforc\u00e9e de vos transactions<\/p>\r\n            <\/div>\r\n        <\/div>\r\n        \r\n        <div class=\"protection-notice\">\r\n            <div class=\"notice-title\">\r\n                <span>\u26a0\ufe0f<\/span>\r\n                <span>PROTECTION DES DONATEURS<\/span>\r\n            <\/div>\r\n            <p class=\"notice-text\">\r\n                Aucun appel \u00e0 contribution n'est lanc\u00e9 pour les personnes non certifi\u00e9es. \r\n                Cette mesure prot\u00e8ge les donateurs contre l'abus et la fraude.\r\n            <\/p>\r\n        <\/div>\r\n    <\/div>\r\n    \r\n    <div class=\"verification-cta\">\r\n        <div class=\"cta-time\">\r\n            <span>\u23f1\ufe0f<\/span>\r\n            <span>V\u00e9rification rapide & validation en 24h maximum<\/span>\r\n        <\/div>\r\n        <p style=\"font-size: 18px; color: #666; margin-bottom: 30px;\">\r\n            Une fois v\u00e9rifi\u00e9, votre statut est activ\u00e9 et votre carte de membre vous est d\u00e9livr\u00e9e officiellement.\r\n        <\/p>\r\n        <button class=\"cta-button\" onclick=\"window.open('https:\/\/sivih.org\/demande-de-la-carte\/', '_blank')\">\r\n            <span>\ud83d\udd0d<\/span>\r\n            <span>V\u00e9rifier mon statut de membre<\/span>\r\n        <\/button>\r\n    <\/div>\r\n<\/div>\r\n\r\n<script>\r\ndocument.addEventListener('DOMContentLoaded', function() {\r\n    \/\/ Animation des cartes d'avantages\r\n    const advantageCards = document.querySelectorAll('.advantage-card');\r\n    \r\n    const observer = new IntersectionObserver((entries) => {\r\n        entries.forEach((entry, index) => {\r\n            if (entry.isIntersecting) {\r\n                setTimeout(() => {\r\n                    entry.target.style.opacity = '1';\r\n                    entry.target.style.transform = 'translateY(0)';\r\n                }, index * 200);\r\n            }\r\n        });\r\n    }, { \r\n        threshold: 0.1,\r\n        rootMargin: '0px 0px -100px 0px'\r\n    });\r\n    \r\n    advantageCards.forEach(card => {\r\n        card.style.opacity = '0';\r\n        card.style.transform = 'translateY(30px)';\r\n        card.style.transition = 'opacity 0.6s ease, transform 0.6s ease';\r\n        observer.observe(card);\r\n    });\r\n    \r\n    \/\/ Animation des \u00e9l\u00e9ments d'acc\u00e8s\r\n    const accessItems = document.querySelectorAll('.access-item');\r\n    accessItems.forEach((item, index) => {\r\n        item.style.opacity = '0';\r\n        item.style.transform = 'translateY(20px)';\r\n        item.style.transition = 'opacity 0.5s ease, transform 0.5s ease';\r\n        \r\n        setTimeout(() => {\r\n            item.style.opacity = '1';\r\n            item.style.transform = 'translateY(0)';\r\n        }, 300 + (index * 100));\r\n    });\r\n    \r\n    \/\/ Animation de la citation\r\n    const quoteSection = document.querySelector('.quote-section');\r\n    if (quoteSection) {\r\n        quoteSection.style.opacity = '0';\r\n        quoteSection.style.transform = 'scale(0.95)';\r\n        quoteSection.style.transition = 'opacity 0.8s ease, transform 0.8s ease';\r\n        \r\n        const quoteObserver = new IntersectionObserver((entries) => {\r\n            if (entries[0].isIntersecting) {\r\n                quoteSection.style.opacity = '1';\r\n                quoteSection.style.transform = 'scale(1)';\r\n            }\r\n        }, { threshold: 0.3 });\r\n        \r\n        quoteObserver.observe(quoteSection);\r\n    }\r\n    \r\n    \/\/ Animation du badge\r\n    const advantagesBadge = document.querySelector('.advantages-badge');\r\n    if (advantagesBadge) {\r\n        advantagesBadge.style.animation = 'fadeInDown 1s ease-out';\r\n    }\r\n    \r\n    \/\/ Effet au survol des ic\u00f4nes\r\n    const cardIcons = document.querySelectorAll('.card-icon');\r\n    cardIcons.forEach(icon => {\r\n        icon.addEventListener('mouseenter', function() {\r\n            this.style.transform = 'scale(1.2) rotate(10deg)';\r\n        });\r\n        \r\n        icon.addEventListener('mouseleave', function() {\r\n            this.style.transform = 'scale(1.1) rotate(5deg)';\r\n        });\r\n    });\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\ud83c\udf0d SOLIDARIT\u00c9 INTERNATIONALE Comment fonctionne la collecte de fonds chez SIVIH ? Une grande communaut\u00e9 internationale de plus de 14 millions de membres unis par une mission : s&#8217;entraider, se relever ensemble et financer des projets transformateurs. 14M+ Membres Actifs 3 Continents 500 Participations Max Une communaut\u00e9 mondiale d&#8217;entraide R\u00e9partis entre l&#8217;Europe, l&#8217;Am\u00e9rique et l&#8217;Afrique, [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-8761","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.3 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Informations G\u00e9n\u00e9rales - Sivih<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/sivih.org\/en\/informations-generales\/\" \/>\n<meta property=\"og:locale\" content=\"en_GB\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Informations G\u00e9n\u00e9rales - Sivih\" \/>\n<meta property=\"og:description\" content=\"\ud83c\udf0d SOLIDARIT\u00c9 INTERNATIONALE Comment fonctionne la collecte de fonds chez SIVIH ? Une grande communaut\u00e9 internationale de plus de 14 millions de membres unis par une mission : s&#8217;entraider, se relever ensemble et financer des projets transformateurs. 14M+ Membres Actifs 3 Continents 500 Participations Max Une communaut\u00e9 mondiale d&#8217;entraide R\u00e9partis entre l&#8217;Europe, l&#8217;Am\u00e9rique et l&#8217;Afrique, [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/sivih.org\/en\/informations-generales\/\" \/>\n<meta property=\"og:site_name\" content=\"Sivih\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/web.facebook.com\/profile.php?viewas=100000686899395&amp;id=100087996591441\" \/>\n<meta property=\"article:modified_time\" content=\"2026-02-07T14:29:33+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"16 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/sivih.org\/informations-generales\/\",\"url\":\"https:\/\/sivih.org\/informations-generales\/\",\"name\":\"Informations G\u00e9n\u00e9rales - Sivih\",\"isPartOf\":{\"@id\":\"https:\/\/sivih.org\/#website\"},\"datePublished\":\"2025-12-01T11:03:29+00:00\",\"dateModified\":\"2026-02-07T14:29:33+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/sivih.org\/informations-generales\/#breadcrumb\"},\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/sivih.org\/informations-generales\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/sivih.org\/informations-generales\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Accueil\",\"item\":\"https:\/\/sivih.org\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Informations G\u00e9n\u00e9rales\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/sivih.org\/#website\",\"url\":\"https:\/\/sivih.org\/\",\"name\":\"Sivih\",\"description\":\"Assistance Communautaire\",\"publisher\":{\"@id\":\"https:\/\/sivih.org\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/sivih.org\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-GB\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/sivih.org\/#organization\",\"name\":\"Community organization\",\"url\":\"https:\/\/sivih.org\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\/\/sivih.org\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/sivih.org\/wp-content\/uploads\/2024\/11\/cropped-logo-de-navigation.png\",\"contentUrl\":\"https:\/\/sivih.org\/wp-content\/uploads\/2024\/11\/cropped-logo-de-navigation.png\",\"width\":512,\"height\":512,\"caption\":\"Community organization\"},\"image\":{\"@id\":\"https:\/\/sivih.org\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/web.facebook.com\/profile.php?viewas=100000686899395&id=100087996591441\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Informations G\u00e9n\u00e9rales - Sivih","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/sivih.org\/en\/informations-generales\/","og_locale":"en_GB","og_type":"article","og_title":"Informations G\u00e9n\u00e9rales - Sivih","og_description":"\ud83c\udf0d SOLIDARIT\u00c9 INTERNATIONALE Comment fonctionne la collecte de fonds chez SIVIH ? Une grande communaut\u00e9 internationale de plus de 14 millions de membres unis par une mission : s&#8217;entraider, se relever ensemble et financer des projets transformateurs. 14M+ Membres Actifs 3 Continents 500 Participations Max Une communaut\u00e9 mondiale d&#8217;entraide R\u00e9partis entre l&#8217;Europe, l&#8217;Am\u00e9rique et l&#8217;Afrique, [&hellip;]","og_url":"https:\/\/sivih.org\/en\/informations-generales\/","og_site_name":"Sivih","article_publisher":"https:\/\/web.facebook.com\/profile.php?viewas=100000686899395&id=100087996591441","article_modified_time":"2026-02-07T14:29:33+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"16 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/sivih.org\/informations-generales\/","url":"https:\/\/sivih.org\/informations-generales\/","name":"Informations G\u00e9n\u00e9rales - Sivih","isPartOf":{"@id":"https:\/\/sivih.org\/#website"},"datePublished":"2025-12-01T11:03:29+00:00","dateModified":"2026-02-07T14:29:33+00:00","breadcrumb":{"@id":"https:\/\/sivih.org\/informations-generales\/#breadcrumb"},"inLanguage":"en-GB","potentialAction":[{"@type":"ReadAction","target":["https:\/\/sivih.org\/informations-generales\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/sivih.org\/informations-generales\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Accueil","item":"https:\/\/sivih.org\/"},{"@type":"ListItem","position":2,"name":"Informations G\u00e9n\u00e9rales"}]},{"@type":"WebSite","@id":"https:\/\/sivih.org\/#website","url":"https:\/\/sivih.org\/","name":"Sivih","description":"Community Support","publisher":{"@id":"https:\/\/sivih.org\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/sivih.org\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-GB"},{"@type":"Organization","@id":"https:\/\/sivih.org\/#organization","name":"Community organisation","url":"https:\/\/sivih.org\/","logo":{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/sivih.org\/#\/schema\/logo\/image\/","url":"https:\/\/sivih.org\/wp-content\/uploads\/2024\/11\/cropped-logo-de-navigation.png","contentUrl":"https:\/\/sivih.org\/wp-content\/uploads\/2024\/11\/cropped-logo-de-navigation.png","width":512,"height":512,"caption":"Community organization"},"image":{"@id":"https:\/\/sivih.org\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/web.facebook.com\/profile.php?viewas=100000686899395&id=100087996591441"]}]}},"_links":{"self":[{"href":"https:\/\/sivih.org\/en\/wp-json\/wp\/v2\/pages\/8761","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sivih.org\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sivih.org\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sivih.org\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sivih.org\/en\/wp-json\/wp\/v2\/comments?post=8761"}],"version-history":[{"count":40,"href":"https:\/\/sivih.org\/en\/wp-json\/wp\/v2\/pages\/8761\/revisions"}],"predecessor-version":[{"id":10692,"href":"https:\/\/sivih.org\/en\/wp-json\/wp\/v2\/pages\/8761\/revisions\/10692"}],"wp:attachment":[{"href":"https:\/\/sivih.org\/en\/wp-json\/wp\/v2\/media?parent=8761"}],"curies":[{"name":"There are no reviews for this movie on this website.","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}