{"id":8500,"date":"2025-11-24T11:13:38","date_gmt":"2025-11-24T11:13:38","guid":{"rendered":"https:\/\/sivih.org\/?page_id=8500"},"modified":"2026-06-18T13:30:32","modified_gmt":"2026-06-18T13:30:32","slug":"ma-communaute","status":"publish","type":"page","link":"https:\/\/sivih.org\/en\/","title":{"rendered":"My community"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"8500\" class=\"elementor elementor-8500\">\n\t\t\t\t<div class=\"elementor-element elementor-element-87a0a6d e-flex e-con-boxed e-con e-parent\" data-id=\"87a0a6d\" 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-542d287 elementor-widget elementor-widget-html\" data-id=\"542d287\" 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\/* Header Styles *\/\r\n.sivih-header {\r\n    background: linear-gradient(135deg, #FF7E00, #F33F5E);\r\n    position: fixed;\r\n    top: 0;\r\n    left: 0;\r\n    right: 0;\r\n    z-index: 1000;\r\n    padding: 15px 0;\r\n    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);\r\n    backdrop-filter: blur(10px);\r\n    border-bottom: 1px solid rgba(255, 255, 255, 0.1);\r\n}\r\n\r\n.header-container {\r\n    max-width: 1400px;\r\n    margin: 0 auto;\r\n    padding: 0 40px;\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n}\r\n\r\n\/* Logo Section (Right) *\/\r\n.header-logo-section {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 15px;\r\n    cursor: pointer;\r\n    text-decoration: none;\r\n}\r\n\r\n.logo-container {\r\n    position: relative;\r\n}\r\n\r\n.logo-icon {\r\n    width: 50px;\r\n    height: 50px;\r\n    background: white;\r\n    border-radius: 15px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    font-size: 1.8rem;\r\n    color: #FF7E00;\r\n    font-weight: 800;\r\n    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);\r\n    transition: all 0.3s ease;\r\n    overflow: hidden;\r\n}\r\n\r\n.logo-image {\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: contain;\r\n    display: block;\r\n}\r\n\r\n.logo-fallback {\r\n    display: none;\r\n}\r\n\r\n.logo-container:hover .logo-icon {\r\n    transform: rotate(15deg) scale(1.1);\r\n    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);\r\n}\r\n\r\n.logo-text {\r\n    display: flex;\r\n    flex-direction: column;\r\n}\r\n\r\n.logo-title {\r\n    font-size: 1.8rem;\r\n    font-weight: 900;\r\n    color: white;\r\n    margin: 0;\r\n    line-height: 1;\r\n    letter-spacing: 1px;\r\n    background: linear-gradient(135deg, white, rgba(255, 255, 255, 0.9));\r\n    -webkit-background-clip: text;\r\n    -webkit-text-fill-color: transparent;\r\n    background-clip: text;\r\n}\r\n\r\n.logo-subtitle {\r\n    font-size: 0.8rem;\r\n    color: rgba(255, 255, 255, 0.8);\r\n    font-weight: 600;\r\n    margin-top: 3px;\r\n    letter-spacing: 1px;\r\n}\r\n\r\n\/* Icons Section (Left) - NOUVEL ORDRE *\/\r\n.header-icons-section {\r\n    display: flex;\r\n    gap: 25px;\r\n    align-items: center;\r\n}\r\n\r\n.header-icon {\r\n    position: relative;\r\n    width: 50px;\r\n    height: 50px;\r\n    border-radius: 50%;\r\n    background: rgba(255, 255, 255, 0.15);\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    color: white;\r\n    font-size: 1.3rem;\r\n    cursor: pointer;\r\n    transition: all 0.3s ease;\r\n    border: 1px solid rgba(255, 255, 255, 0.2);\r\n    text-decoration: none;\r\n}\r\n\r\n.header-icon:hover {\r\n    background: rgba(255, 255, 255, 0.25);\r\n    transform: translateY(-3px);\r\n    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);\r\n}\r\n\r\n.icon-notification {\r\n    position: absolute;\r\n    top: -5px;\r\n    right: -5px;\r\n    width: 20px;\r\n    height: 20px;\r\n    background: #F33F5E;\r\n    border-radius: 50%;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    font-size: 0.7rem;\r\n    font-weight: 800;\r\n    color: white;\r\n    border: 2px solid #FF7E00;\r\n    animation: pulse 2s infinite;\r\n}\r\n\r\n@keyframes pulse {\r\n    0% {\r\n        box-shadow: 0 0 0 0 rgba(243, 63, 94, 0.4);\r\n    }\r\n    70% {\r\n        box-shadow: 0 0 0 10px rgba(243, 63, 94, 0);\r\n    }\r\n    100% {\r\n        box-shadow: 0 0 0 0 rgba(243, 63, 94, 0);\r\n    }\r\n}\r\n\r\n\/* Icon Tooltips *\/\r\n.icon-tooltip {\r\n    position: absolute;\r\n    bottom: -40px;\r\n    left: 50%;\r\n    transform: translateX(-50%) translateY(10px);\r\n    background: rgba(0, 0, 0, 0.8);\r\n    color: white;\r\n    padding: 8px 15px;\r\n    border-radius: 10px;\r\n    font-size: 0.8rem;\r\n    font-weight: 600;\r\n    white-space: nowrap;\r\n    opacity: 0;\r\n    visibility: hidden;\r\n    transition: all 0.3s ease;\r\n    pointer-events: none;\r\n    z-index: 1001;\r\n}\r\n\r\n.icon-tooltip::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: -5px;\r\n    left: 50%;\r\n    transform: translateX(-50%);\r\n    border-width: 0 5px 5px 5px;\r\n    border-style: solid;\r\n    border-color: transparent transparent rgba(0, 0, 0, 0.8) transparent;\r\n}\r\n\r\n.header-icon:hover .icon-tooltip {\r\n    opacity: 1;\r\n    visibility: visible;\r\n    transform: translateX(-50%) translateY(0);\r\n}\r\n\r\n\/* Animation for header on scroll *\/\r\n.header-scrolled {\r\n    padding: 10px 0;\r\n    background: rgba(255, 126, 0, 0.95);\r\n    backdrop-filter: blur(15px);\r\n    box-shadow: 0 5px 35px rgba(0, 0, 0, 0.15);\r\n}\r\n\r\n\/* Version UNIQUE pour tous les \u00e9crans - M\u00caME AFFICHAGE *\/\r\n@media (max-width: 1400px) {\r\n    .header-container {\r\n        padding: 0 30px;\r\n    }\r\n}\r\n\r\n@media (max-width: 992px) {\r\n    .header-container {\r\n        padding: 0 25px;\r\n    }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n    .header-container {\r\n        padding: 0 20px;\r\n    }\r\n    \r\n    \/* M\u00caMES TAILLES que sur PC *\/\r\n    .logo-icon {\r\n        width: 50px;\r\n        height: 50px;\r\n    }\r\n    \r\n    .logo-title {\r\n        font-size: 1.8rem;\r\n    }\r\n    \r\n    .logo-subtitle {\r\n        font-size: 0.8rem;\r\n    }\r\n    \r\n    .header-icon {\r\n        width: 50px;\r\n        height: 50px;\r\n        font-size: 1.3rem;\r\n    }\r\n    \r\n    .header-icons-section {\r\n        gap: 25px;\r\n    }\r\n    \r\n    .icon-notification {\r\n        width: 20px;\r\n        height: 20px;\r\n        font-size: 0.7rem;\r\n    }\r\n    \r\n    .icon-tooltip {\r\n        font-size: 0.8rem;\r\n        padding: 8px 15px;\r\n    }\r\n}\r\n\r\n@media (max-width: 576px) {\r\n    .header-container {\r\n        padding: 0 15px;\r\n    }\r\n    \r\n    \/* TOUJOURS LES M\u00caMES TAILLES *\/\r\n    .logo-icon {\r\n        width: 50px;\r\n        height: 50px;\r\n    }\r\n    \r\n    .logo-title {\r\n        font-size: 1.8rem;\r\n    }\r\n    \r\n    .logo-subtitle {\r\n        font-size: 0.8rem;\r\n    }\r\n    \r\n    .header-icon {\r\n        width: 50px;\r\n        height: 50px;\r\n        font-size: 1.3rem;\r\n    }\r\n    \r\n    .header-icons-section {\r\n        gap: 25px;\r\n    }\r\n    \r\n    \/* Garde le texte du logo toujours visible *\/\r\n    .logo-text {\r\n        display: flex;\r\n    }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n    \/* Ajustement pour tr\u00e8s petits \u00e9crans mais M\u00caME DISPOSITION *\/\r\n    .header-container {\r\n        padding: 0 10px;\r\n    }\r\n    \r\n    .header-icons-section {\r\n        gap: 15px;\r\n    }\r\n    \r\n    \/* R\u00e9duction tr\u00e8s l\u00e9g\u00e8re pour s'adapter *\/\r\n    .logo-icon {\r\n        width: 45px;\r\n        height: 45px;\r\n    }\r\n    \r\n    .logo-title {\r\n        font-size: 1.6rem;\r\n    }\r\n    \r\n    .header-icon {\r\n        width: 45px;\r\n        height: 45px;\r\n        font-size: 1.2rem;\r\n    }\r\n    \r\n    .icon-notification {\r\n        width: 18px;\r\n        height: 18px;\r\n        font-size: 0.6rem;\r\n    }\r\n}\r\n\r\n@media (max-width: 360px) {\r\n    \/* Dernier ajustement pour les plus petits mobiles *\/\r\n    .logo-icon {\r\n        width: 40px;\r\n        height: 40px;\r\n    }\r\n    \r\n    .logo-title {\r\n        font-size: 1.4rem;\r\n    }\r\n    \r\n    .header-icon {\r\n        width: 40px;\r\n        height: 40px;\r\n        font-size: 1.1rem;\r\n    }\r\n    \r\n    .header-icons-section {\r\n        gap: 10px;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<header class=\"sivih-header\">\r\n    <div class=\"header-container\">\r\n        <!-- Logo et nom \u00e0 DROITE - CLIC POUR RAFRA\u00ceCHIR -->\r\n        <a href=\"#\" class=\"header-logo-section\" id=\"refreshLogo\">\r\n            <div class=\"logo-container\">\r\n                <div class=\"logo-icon\">\r\n                    <!-- Remplacez cette URL par votre vraie image de logo -->\r\n                    <img decoding=\"async\" data-src=\"https:\/\/sivih.org\/wp-content\/uploads\/2026\/01\/Logo-Propre.png\" \r\n                         alt=\"Logo SIVIH\" \r\n                         class=\"logo-image lazyload\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1024px; --smush-placeholder-aspect-ratio: 1024\/1024;\">\r\n                    <span class=\"logo-fallback\">S<\/span>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"logo-text\">\r\n                <h1 class=\"logo-title\">SIVIH<\/h1>\r\n                <div class=\"logo-subtitle\">Soutien Communautaire<\/div>\r\n            <\/div>\r\n        <\/a>\r\n        \r\n        <!-- Trois ic\u00f4nes \u00e0 GAUCHE - NOUVEL ORDRE: Support, Notification, Profil -->\r\n        <div class=\"header-icons-section\">\r\n            <!-- Ic\u00f4ne 1 : Support (PREMI\u00c8RE) -->\r\n            <a href=\"https:\/\/sivih.org\/messagerie\/\" class=\"header-icon\" target=\"_blank\">\r\n                <span>\ud83d\udcac<\/span>\r\n                <span class=\"icon-notification\">1<\/span>\r\n                <span class=\"icon-tooltip\">Support<\/span>\r\n            <\/a>\r\n            \r\n            <!-- Ic\u00f4ne 2 : Notification (DEUXI\u00c8ME) -->\r\n            <a href=\"https:\/\/sivih.org\/informations-generales\/\" class=\"header-icon\" target=\"_blank\">\r\n                <span>\ud83d\udd14<\/span>\r\n                <span class=\"icon-notification\">3<\/span>\r\n                <span class=\"icon-tooltip\">Notifications<\/span>\r\n            <\/a>\r\n            \r\n            <!-- Ic\u00f4ne 3 : Profil (TROISI\u00c8ME) -->\r\n            <a href=\"https:\/\/sivih.org\/mon-compte\/\" class=\"header-icon\" target=\"_blank\">\r\n                <span>\ud83d\udc64<\/span>\r\n                <span class=\"icon-tooltip\">Mon Profil<\/span>\r\n            <\/a>\r\n        <\/div>\r\n    <\/div>\r\n<\/header>\r\n\r\n<script>\r\ndocument.addEventListener('DOMContentLoaded', function() {\r\n    const header = document.querySelector('.sivih-header');\r\n    const refreshLogo = document.getElementById('refreshLogo');\r\n    const logoImage = document.querySelector('.logo-image');\r\n    const logoFallback = document.querySelector('.logo-fallback');\r\n    \r\n    \/\/ Fonction pour charger le logo avec fallback\r\n    function loadLogo() {\r\n        if (logoImage) {\r\n            \/\/ V\u00e9rifier si l'image existe\r\n            const testImage = new Image();\r\n            testImage.onload = function() {\r\n                \/\/ Image existe - l'afficher\r\n                logoImage.style.display = 'block';\r\n                logoFallback.style.display = 'none';\r\n            };\r\n            testImage.onerror = function() {\r\n                \/\/ Image n'existe pas - utiliser le fallback\r\n                logoImage.style.display = 'none';\r\n                logoFallback.style.display = 'flex';\r\n                logoFallback.style.alignItems = 'center';\r\n                logoFallback.style.justifyContent = 'center';\r\n                logoFallback.style.width = '100%';\r\n                logoFallback.style.height = '100%';\r\n                logoFallback.style.fontSize = '1.8rem';\r\n                logoFallback.style.color = '#FF7E00';\r\n                logoFallback.style.fontWeight = '800';\r\n            };\r\n            testImage.src = logoImage.src;\r\n        }\r\n    }\r\n    \r\n    \/\/ Charger le logo\r\n    loadLogo();\r\n    \r\n    \/\/ Effet au scroll\r\n    window.addEventListener('scroll', function() {\r\n        if (window.scrollY > 50) {\r\n            header.classList.add('header-scrolled');\r\n        } else {\r\n            header.classList.remove('header-scrolled');\r\n        }\r\n    });\r\n    \r\n    \/\/ Animation au chargement\r\n    header.style.transform = 'translateY(-100%)';\r\n    setTimeout(() => {\r\n        header.style.transition = 'transform 0.5s ease';\r\n        header.style.transform = 'translateY(0)';\r\n    }, 100);\r\n    \r\n    \/\/ FONCTIONNALIT\u00c9 DE RAFRA\u00ceCHISSEMENT AU CLIC DU LOGO\r\n    refreshLogo.addEventListener('click', function(e) {\r\n        e.preventDefault();\r\n        \r\n        \/\/ Animation de clic sur le logo\r\n        const logoIcon = this.querySelector('.logo-icon');\r\n        const logoTitle = this.querySelector('.logo-title');\r\n        \r\n        \/\/ Animation de retournement\r\n        logoIcon.style.transform = 'rotate(360deg) scale(0.8)';\r\n        logoTitle.style.transform = 'scale(0.9)';\r\n        \r\n        \/\/ Restaurer apr\u00e8s animation\r\n        setTimeout(() => {\r\n            logoIcon.style.transform = 'rotate(0) scale(1)';\r\n            logoTitle.style.transform = 'scale(1)';\r\n            \r\n            \/\/ Rafra\u00eechir la page (comme les sites standards)\r\n            location.reload();\r\n            \r\n        }, 300);\r\n    });\r\n    \r\n    \/\/ Animation des ic\u00f4nes au survol\r\n    const icons = document.querySelectorAll('.header-icon');\r\n    icons.forEach((icon, index) => {\r\n        \/\/ Animation d'entr\u00e9e\r\n        icon.style.opacity = '0';\r\n        icon.style.transform = 'translateX(20px)';\r\n        \r\n        setTimeout(() => {\r\n            icon.style.transition = `all 0.5s ease ${index * 0.1}s`;\r\n            icon.style.opacity = '1';\r\n            icon.style.transform = 'translateX(0)';\r\n        }, 300);\r\n        \r\n        \/\/ Effet de clic sur les ic\u00f4nes\r\n        icon.addEventListener('click', function(e) {\r\n            \/\/ Animation de clic\r\n            this.style.transform = 'scale(0.9)';\r\n            setTimeout(() => {\r\n                this.style.transform = 'scale(1)';\r\n            }, 150);\r\n        });\r\n    });\r\n    \r\n    \/\/ Animation p\u00e9riodique du logo\r\n    const logoIcon = document.querySelector('.logo-icon');\r\n    setInterval(() => {\r\n        logoIcon.style.transform = 'rotate(5deg)';\r\n        setTimeout(() => {\r\n            logoIcon.style.transform = 'rotate(-5deg)';\r\n            setTimeout(() => {\r\n                logoIcon.style.transform = 'rotate(0)';\r\n            }, 200);\r\n        }, 200);\r\n    }, 5000);\r\n    \r\n    \/\/ Gestion des tooltips sur mobile et desktop\r\n    const headerIcons = document.querySelectorAll('.header-icon');\r\n    \r\n    \/\/ Sur mobile\r\n    if ('ontouchstart' in window || navigator.maxTouchPoints) {\r\n        headerIcons.forEach(icon => {\r\n            let touchTimer;\r\n            \r\n            icon.addEventListener('touchstart', function(e) {\r\n                const tooltip = this.querySelector('.icon-tooltip');\r\n                \r\n                \/\/ Cacher tous les autres tooltips\r\n                document.querySelectorAll('.icon-tooltip').forEach(t => {\r\n                    if (t !== tooltip) {\r\n                        t.style.opacity = '0';\r\n                        t.style.visibility = 'hidden';\r\n                        t.style.transform = 'translateX(-50%) translateY(10px)';\r\n                    }\r\n                });\r\n                \r\n                \/\/ Afficher ce tooltip\r\n                tooltip.style.opacity = '1';\r\n                tooltip.style.visibility = 'visible';\r\n                tooltip.style.transform = 'translateX(-50%) translateY(0)';\r\n                \r\n                \/\/ Cacher apr\u00e8s 1.5 secondes\r\n                clearTimeout(touchTimer);\r\n                touchTimer = setTimeout(() => {\r\n                    tooltip.style.opacity = '0';\r\n                    tooltip.style.visibility = 'hidden';\r\n                    tooltip.style.transform = 'translateX(-50%) translateY(10px)';\r\n                }, 1500);\r\n            });\r\n            \r\n            icon.addEventListener('touchend', function(e) {\r\n                const tooltip = this.querySelector('.icon-tooltip');\r\n                clearTimeout(touchTimer);\r\n                \r\n                \/\/ Cacher imm\u00e9diatement\r\n                setTimeout(() => {\r\n                    tooltip.style.opacity = '0';\r\n                    tooltip.style.visibility = 'hidden';\r\n                    tooltip.style.transform = 'translateX(-50%) translateY(10px)';\r\n                }, 300);\r\n            });\r\n        });\r\n        \r\n        \/\/ Cacher tous les tooltips si on touche ailleurs\r\n        document.addEventListener('touchstart', function(e) {\r\n            if (!e.target.closest('.header-icon')) {\r\n                document.querySelectorAll('.icon-tooltip').forEach(tooltip => {\r\n                    tooltip.style.opacity = '0';\r\n                    tooltip.style.visibility = 'hidden';\r\n                    tooltip.style.transform = 'translateX(-50%) translateY(10px)';\r\n                });\r\n            }\r\n        });\r\n    }\r\n    \r\n    \/\/ Sur desktop\r\n    else {\r\n        headerIcons.forEach(icon => {\r\n            icon.addEventListener('mouseenter', function() {\r\n                const tooltip = this.querySelector('.icon-tooltip');\r\n                tooltip.style.opacity = '1';\r\n                tooltip.style.visibility = 'visible';\r\n                tooltip.style.transform = 'translateX(-50%) translateY(0)';\r\n            });\r\n            \r\n            icon.addEventListener('mouseleave', function() {\r\n                const tooltip = this.querySelector('.icon-tooltip');\r\n                tooltip.style.opacity = '0';\r\n                tooltip.style.visibility = 'hidden';\r\n                tooltip.style.transform = 'translateX(-50%) translateY(10px)';\r\n            });\r\n        });\r\n    }\r\n    \r\n    \/\/ Effet de survol sur le logo\r\n    refreshLogo.addEventListener('mouseenter', function() {\r\n        this.style.cursor = 'pointer';\r\n        const logoIcon = this.querySelector('.logo-icon');\r\n        logoIcon.style.transform = 'scale(1.05)';\r\n    });\r\n    \r\n    refreshLogo.addEventListener('mouseleave', function() {\r\n        const logoIcon = this.querySelector('.logo-icon');\r\n        logoIcon.style.transform = 'scale(1)';\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-49cb59c elementor-widget elementor-widget-html\" data-id=\"49cb59c\" 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<!-- SECTION PROFIL DE LA COMMUNAUT\u00c9 SIVIH - STYLE FACEBOOK PARFAIT -->\r\n<div class=\"sivih-community-section\">\r\n    <div class=\"sivih-community-card\">\r\n        <!-- VRAIE BANNI\u00c8RE HORIZONTALE SANS OVERLAY COLOR\u00c9 -->\r\n        <div class=\"banner-container\" style=\"width: 100%; max-width: 1400px; margin: 0 auto; overflow: visible; position: relative; border-radius: 20px 20px 0 0;\">\r\n            <!-- Image de banni\u00e8re SANS OVERLAY -->\r\n            <div class=\"banner-image\" style=\"width: 100%; height: 400px; position: relative; overflow: hidden; border-radius: 20px 20px 0 0;\">\r\n                <img decoding=\"async\" data-src=\"https:\/\/sivih.org\/wp-content\/uploads\/2026\/06\/Image-plus-3.png\" \r\n                     alt=\"Banni\u00e8re SIVIH\"\r\n                     class=\"cover-main-img lazyload\"\r\n                     style=\"--smush-placeholder-width: 1842px; --smush-placeholder-aspect-ratio: 1842\/854;width: 100%; height: 100%; object-fit: cover; object-position: center; display: block; border-radius: 20px 20px 0 0;\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\">\r\n            <\/div>\r\n            \r\n            <!-- PHOTO DE PROFIL SUPERPOS\u00c9E - POSITION PARFAITE COMME FACEBOOK -->\r\n            <div class=\"sivih-avatar-container\" style=\"position: absolute; bottom: -70px; left: 40px; z-index: 10;\">\r\n                <div class=\"sivih-profile-avatar\">\r\n                    <img decoding=\"async\" data-src=\"https:\/\/sivih.org\/wp-content\/uploads\/2026\/01\/Logo-Propre.png\" alt=\"Logo SIVIH\" class=\"profile-main-img lazyload\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1024px; --smush-placeholder-aspect-ratio: 1024\/1024;\" \/>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n        \r\n        <!-- Section profil et informations -->\r\n        <div class=\"sivih-profile-section\">\r\n            <div class=\"sivih-community-info\">\r\n                <!-- En-t\u00eate avec nom et badges -->\r\n                <div class=\"sivih-header-info\">\r\n                    <h1 class=\"sivih-community-name\">\r\n                        SIVIH Community\r\n                        <span class=\"sivih-verified-badge\" title=\"Communaut\u00e9 V\u00e9rifi\u00e9e\">\u2b50<\/span>\r\n                    <\/h1>\r\n                    \r\n                    <!-- BADGES AM\u00c9LIOR\u00c9S POUR MOBILE -->\r\n                    <div class=\"sivih-community-meta\">\r\n                        <!-- Premier badge : Communaut\u00e9 S\u00e9curis\u00e9e -->\r\n                        <div class=\"sivih-meta-item\">\r\n                            <span class=\"sivih-meta-icon\">\ud83d\udd12<\/span>\r\n                            <span class=\"sivih-meta-text\">Communaut\u00e9 S\u00e9curis\u00e9e<\/span>\r\n                        <\/div>\r\n                        \r\n                        <!-- Deuxi\u00e8me badge : 14M+ Membres -->\r\n                        <div class=\"sivih-meta-item\">\r\n                            <span class=\"sivih-meta-icon\">\ud83d\udc65<\/span>\r\n                            <span class=\"sivih-meta-text\">14M+ Membres<\/span>\r\n                        <\/div>\r\n                        \r\n                        <!-- Troisi\u00e8me badge : Actif \u00b7 International -->\r\n                        <div class=\"sivih-meta-item\">\r\n                            <span class=\"sivih-meta-icon\">\u26a1<\/span>\r\n                            <span class=\"sivih-meta-text\">Actif \u00b7 International<\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <!-- Description de la communaut\u00e9 SIMPLIFI\u00c9E -->\r\n                <div class=\"sivih-description-container\">\r\n                    <p class=\"sivih-community-description\">\r\n                        <span class=\"sivih-highlight\">Plus qu\u2019une plateforme, une communaut\u00e9 mondiale de collecte solidaire.<\/span> SIVIH est une plateforme internationale de collecte de fonds qui rassemble plus de <strong>14 millions de membres \u00e0 travers le monde<\/strong>, unis par une mission commune : <strong>s'entraider financi\u00e8rement pour transformer des vies<\/strong>. \r\n                        <br><br>\r\n                        Ici, chaque membre peut <strong>demander un soutien financier \u00e0 travers une cagnotte en ligne pour financer un projet personnel, un projet entrepreneurial ou faire face \u00e0 une urgence<\/strong>. Il peut aussi contribuer \u00e0 redonner espoir. La communaut\u00e9 contribue, partage et soutient, dans un cadre structur\u00e9, transparent et s\u00e9curis\u00e9.<br>\r\n                        <strong>Avec SIVIH, demandez, et l\u2019entraide agit.<\/strong>\r\n                    <\/p>\r\n                <\/div>\r\n                \r\n                <!-- Actions - BOUTON \u00c0 GAUCHE comme dans votre code -->\r\n                <div class=\"sivih-community-actions\">\r\n                    <a href=\"https:\/\/sivih.org\/inscription-membres\/\" class=\"view-more-btn\" target=\"_blank\">\r\n                        Rejoingez-nous\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<style>\r\n\/* ===== STYLES SIVIH - PROFIL COMMUNAUT\u00c9 STYLE FACEBOOK ===== *\/\r\n.sivih-community-section {\r\n    width: 100%;\r\n    margin: 40px 0;\r\n    padding: 0;\r\n    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, sans-serif;\r\n}\r\n\r\n\/* CARTE PRINCIPALE *\/\r\n.sivih-community-card {\r\n    width: 100%;\r\n    background: rgba(255, 255, 255, 0.95);\r\n    box-shadow: 0 10px 30px rgba(255, 126, 0, 0.15);\r\n    overflow: hidden;\r\n    position: relative;\r\n    border-radius: 20px;\r\n    backdrop-filter: blur(10px);\r\n}\r\n\r\n\/* BANNI\u00c8RE HORIZONTALE VRAIE - SANS OVERLAY *\/\r\n.banner-container {\r\n    position: relative;\r\n    width: 100%;\r\n    max-width: 1400px;\r\n    margin: 0 auto;\r\n    overflow: visible;\r\n    border-radius: 20px 20px 0 0;\r\n    box-shadow: 0 10px 30px rgba(255, 126, 0, 0.15);\r\n}\r\n\r\n.banner-image {\r\n    width: 100%;\r\n    height: 400px;\r\n    position: relative;\r\n    overflow: hidden;\r\n    border-radius: 20px 20px 0 0;\r\n}\r\n\r\n.banner-image img {\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n    object-position: center;\r\n    transition: transform 0.8s ease;\r\n    border-radius: 20px 20px 0 0;\r\n}\r\n\r\n.banner-image:hover img {\r\n    transform: scale(1.03);\r\n}\r\n\r\n\/* ===== IMAGE DE PROFIL - M\u00caME AFFICHAGE SUR TOUS LES APPAREILS ===== *\/\r\n.sivih-avatar-container {\r\n    position: absolute;\r\n    bottom: -70px;\r\n    left: 40px;\r\n    z-index: 10;\r\n    width: 140px;\r\n    height: 140px;\r\n}\r\n\r\n.sivih-profile-avatar {\r\n    width: 100%;\r\n    height: 100%;\r\n    border-radius: 20px;\r\n    border: 5px solid white;\r\n    background: white;\r\n    box-shadow: 0 8px 25px rgba(255, 126, 0, 0.3);\r\n    overflow: hidden;\r\n    position: relative;\r\n    transition: all 0.3s ease;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n}\r\n\r\n\/* AFFICHAGE DE L'IMAGE - TOUJOURS LE M\u00caME *\/\r\n.sivih-profile-avatar img {\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: contain; \/* IMPORTANT: contain pour voir tout le logo *\/\r\n    display: block;\r\n    padding: 10px; \/* M\u00eame padding partout *\/\r\n    box-sizing: border-box;\r\n}\r\n\r\n\/* Fallback si l'image ne charge pas *\/\r\n.sivih-profile-avatar .avatar-fallback {\r\n    width: 100%;\r\n    height: 100%;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    background: linear-gradient(135deg, #FF7E00, #F33F5E);\r\n    color: white;\r\n    font-size: 2.5rem;\r\n    font-weight: 900;\r\n    border-radius: 20px;\r\n}\r\n\r\n\/* Section profil *\/\r\n.sivih-profile-section {\r\n    position: relative;\r\n    padding: 100px 40px 40px;\r\n    margin-top: 0;\r\n    background: rgba(255, 255, 255, 0.95);\r\n    border-radius: 0 0 20px 20px;\r\n    z-index: 5;\r\n}\r\n\r\n\/* Informations de la communaut\u00e9 *\/\r\n.sivih-community-info {\r\n    margin-top: 0;\r\n}\r\n\r\n.sivih-header-info {\r\n    margin-bottom: 30px;\r\n}\r\n\r\n.sivih-community-name {\r\n    font-size: 2.8rem;\r\n    font-weight: 900;\r\n    color: transparent;\r\n    background: linear-gradient(135deg, #FF7E00, #F33F5E);\r\n    -webkit-background-clip: text;\r\n    background-clip: text;\r\n    margin: 0 0 20px 0;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n    line-height: 1.1;\r\n}\r\n\r\n.sivih-verified-badge {\r\n    font-size: 1.8rem;\r\n    animation: verifiedPulse 2s infinite;\r\n    filter: drop-shadow(0 0 8px rgba(255, 215, 0, 0.5));\r\n}\r\n\r\n@keyframes verifiedPulse {\r\n    0%, 100% { transform: scale(1); }\r\n    50% { transform: scale(1.1); }\r\n}\r\n\r\n\/* ===== AM\u00c9LIORATION DES BADGES POUR MOBILE ===== *\/\r\n.sivih-community-meta {\r\n    display: flex;\r\n    gap: 12px;\r\n    flex-wrap: wrap;\r\n    margin-bottom: 30px;\r\n}\r\n\r\n.sivih-meta-item {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    padding: 10px 18px;\r\n    border-radius: 50px;\r\n    font-size: 0.95rem;\r\n    font-weight: 700;\r\n    letter-spacing: 0.3px;\r\n    transition: all 0.3s ease;\r\n    background: rgba(255, 255, 255, 0.9);\r\n    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);\r\n    border: 1px solid rgba(255, 126, 0, 0.2);\r\n    backdrop-filter: blur(10px);\r\n    white-space: nowrap;\r\n    flex: 1;\r\n    min-width: fit-content;\r\n}\r\n\r\n\/* Premier badge : Communaut\u00e9 S\u00e9curis\u00e9e *\/\r\n.sivih-community-meta .sivih-meta-item:nth-child(1) {\r\n    color: #FF7E00;\r\n    background: rgba(255, 126, 0, 0.12);\r\n    border-color: rgba(255, 126, 0, 0.3);\r\n}\r\n\r\n\/* Deuxi\u00e8me badge : 13 000+ Membres *\/\r\n.sivih-community-meta .sivih-meta-item:nth-child(2) {\r\n    color: #F33F5E;\r\n    background: rgba(243, 63, 94, 0.12);\r\n    border-color: rgba(243, 63, 94, 0.3);\r\n}\r\n\r\n\/* Troisi\u00e8me badge : Actif \u00b7 International *\/\r\n.sivih-community-meta .sivih-meta-item:nth-child(3) {\r\n    color: #6A11CB;\r\n    background: rgba(106, 17, 203, 0.12);\r\n    border-color: rgba(106, 17, 203, 0.3);\r\n}\r\n\r\n.sivih-meta-icon {\r\n    font-size: 1.1rem;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    flex-shrink: 0;\r\n}\r\n\r\n.sivih-meta-text {\r\n    overflow: hidden;\r\n    text-overflow: ellipsis;\r\n    flex-shrink: 1;\r\n}\r\n\r\n.sivih-meta-item:hover {\r\n    transform: translateY(-3px);\r\n    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.12);\r\n}\r\n\r\n\/* Description *\/\r\n.sivih-description-container {\r\n    background: linear-gradient(135deg, \r\n        rgba(255, 126, 0, 0.05) 0%, \r\n        rgba(243, 63, 94, 0.05) 100%);\r\n    border-radius: 20px;\r\n    padding: 30px;\r\n    margin-bottom: 35px;\r\n    border: 1px solid rgba(255, 126, 0, 0.1);\r\n    position: relative;\r\n    overflow: hidden;\r\n}\r\n\r\n.sivih-description-container::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 6px;\r\n    height: 100%;\r\n    background: linear-gradient(to bottom, #FF7E00, #F33F5E);\r\n}\r\n\r\n.sivih-community-description {\r\n    font-size: 1.25rem;\r\n    line-height: 1.7;\r\n    color: #4A5568;\r\n    margin: 0;\r\n}\r\n\r\n.sivih-highlight {\r\n    color: #2D3748;\r\n    font-weight: 700;\r\n    background: linear-gradient(135deg, #FF7E00, #F33F5E);\r\n    -webkit-background-clip: text;\r\n    background-clip: text;\r\n    color: transparent;\r\n    font-size: 1.3rem;\r\n}\r\n\r\n\/* ===== BOUTON ===== *\/\r\n.sivih-community-actions {\r\n    display: flex;\r\n    gap: 15px;\r\n    justify-content: flex-start;\r\n}\r\n\r\n.view-more-btn {\r\n    background: linear-gradient(135deg, #FF7E00, #F33F5E);\r\n    color: white;\r\n    border: none;\r\n    padding: 14px 32px;\r\n    border-radius: 12px;\r\n    font-size: 1.2rem;\r\n    font-weight: 800;\r\n    cursor: pointer;\r\n    transition: all 0.4s ease;\r\n    box-shadow: 0 8px 25px rgba(255, 126, 0, 0.3);\r\n    text-decoration: none;\r\n    display: inline-block;\r\n    text-align: center;\r\n    letter-spacing: 0.5px;\r\n    border: 2px solid rgba(255, 255, 255, 0.3);\r\n    position: relative;\r\n    overflow: hidden;\r\n    min-width: 200px;\r\n}\r\n\r\n.view-more-btn::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.2), transparent);\r\n    transition: left 0.6s ease;\r\n}\r\n\r\n.view-more-btn:hover::before {\r\n    left: 100%;\r\n}\r\n\r\n.view-more-btn:hover {\r\n    transform: translateY(-3px) scale(1.05);\r\n    box-shadow: 0 12px 35px rgba(255, 126, 0, 0.4);\r\n    color: white;\r\n}\r\n\r\n\/* Animation de pulse *\/\r\n@keyframes buttonPulse {\r\n    0%, 100% { box-shadow: 0 8px 25px rgba(255, 126, 0, 0.3); }\r\n    50% { box-shadow: 0 8px 30px rgba(255, 126, 0, 0.5); }\r\n}\r\n\r\n.view-more-btn {\r\n    animation: buttonPulse 3s infinite;\r\n}\r\n\r\n\/* ===== RESPONSIVE - IMAGE DE PROFIL R\u00c9DUITE SUR MOBILE ===== *\/\r\n@media (max-width: 1200px) {\r\n    .banner-container {\r\n        border-radius: 18px 18px 0 0;\r\n        margin: 0 20px;\r\n        width: calc(100% - 40px);\r\n    }\r\n    \r\n    .banner-image {\r\n        height: 350px;\r\n    }\r\n    \r\n    .sivih-community-name {\r\n        font-size: 2.5rem;\r\n    }\r\n    \r\n    .sivih-profile-section {\r\n        padding: 95px 40px 40px;\r\n    }\r\n    \r\n    .sivih-avatar-container {\r\n        bottom: -65px;\r\n        left: 40px;\r\n    }\r\n}\r\n\r\n@media (max-width: 992px) {\r\n    .sivih-community-section {\r\n        margin: 30px 0;\r\n    }\r\n    \r\n    .banner-container {\r\n        margin: 0 15px;\r\n        width: calc(100% - 30px);\r\n        border-radius: 16px 16px 0 0;\r\n    }\r\n    \r\n    .banner-image {\r\n        height: 320px;\r\n    }\r\n    \r\n    .sivih-profile-section {\r\n        padding: 90px 30px 30px;\r\n    }\r\n    \r\n    .sivih-community-name {\r\n        font-size: 2.2rem;\r\n    }\r\n    \r\n    .sivih-avatar-container {\r\n        left: 30px;\r\n        bottom: -60px;\r\n        width: 120px !important; \/* R\u00e9duit sur tablette *\/\r\n        height: 120px !important;\r\n    }\r\n    \r\n    .sivih-profile-avatar {\r\n        border-width: 4px !important; \/* Bordure r\u00e9duite *\/\r\n    }\r\n}\r\n\r\n\/* ===== MOBILE - IMAGE R\u00c9DUITE MAIS M\u00caME STYLE ===== *\/\r\n@media (max-width: 768px) {\r\n    .sivih-community-section {\r\n        margin: 25px 0;\r\n    }\r\n    \r\n    .banner-container {\r\n        margin: 0 12px;\r\n        width: calc(100% - 24px);\r\n        border-radius: 14px 14px 0 0;\r\n    }\r\n    \r\n    .banner-image {\r\n        height: 280px;\r\n        border-radius: 14px 14px 0 0;\r\n    }\r\n    \r\n    .banner-image img {\r\n        border-radius: 14px 14px 0 0;\r\n    }\r\n    \r\n    .sivih-profile-section {\r\n        padding: 90px 25px 25px; \/* R\u00e9duit pour photo plus petite *\/\r\n    }\r\n    \r\n    \/* ===== PHOTO R\u00c9DUITE SUR MOBILE ===== *\/\r\n    .sivih-avatar-container {\r\n        left: 25px !important;\r\n        bottom: -55px !important; \/* Ajust\u00e9 pour photo r\u00e9duite *\/\r\n        width: 110px !important; \/* R\u00e9duit \u00e0 110px (\u00e9tait 140px) *\/\r\n        height: 110px !important;\r\n    }\r\n    \r\n    .sivih-profile-avatar {\r\n        width: 110px !important;\r\n        height: 110px !important;\r\n        border-radius: 18px !important; \/* Arrondi proportionnel *\/\r\n        border: 4px solid white !important; \/* Bordure r\u00e9duite *\/\r\n    }\r\n    \r\n    .sivih-profile-avatar img {\r\n        padding: 8px !important; \/* Padding r\u00e9duit *\/\r\n        object-fit: contain !important; \/* M\u00caME object-fit *\/\r\n    }\r\n    \r\n    .sivih-community-name {\r\n        font-size: 1.9rem;\r\n        margin-bottom: 15px;\r\n        margin-top: 15px;\r\n    }\r\n    \r\n    .sivih-community-meta {\r\n        flex-direction: row;\r\n        gap: 8px;\r\n        margin-bottom: 25px;\r\n    }\r\n    \r\n    .sivih-meta-item {\r\n        padding: 8px 14px;\r\n        font-size: 0.85rem;\r\n        gap: 6px;\r\n        flex: none;\r\n        border-radius: 40px;\r\n    }\r\n    \r\n    .sivih-meta-icon {\r\n        font-size: 0.95rem;\r\n    }\r\n    \r\n    .sivih-description-container {\r\n        padding: 25px 20px;\r\n    }\r\n    \r\n    .sivih-community-description {\r\n        font-size: 1.1rem;\r\n    }\r\n    \r\n    .view-more-btn {\r\n        padding: 12px 25px;\r\n        font-size: 1.1rem;\r\n        min-width: 180px;\r\n    }\r\n}\r\n\r\n@media (max-width: 640px) {\r\n    .banner-image {\r\n        height: 260px;\r\n    }\r\n    \r\n    .sivih-profile-section {\r\n        padding: 85px 25px 25px;\r\n    }\r\n    \r\n    \/* PHOTO ENCORE PLUS R\u00c9DUITE *\/\r\n    .sivih-avatar-container {\r\n        left: 20px !important;\r\n        bottom: -50px !important;\r\n        width: 100px !important; \/* R\u00e9duit \u00e0 100px *\/\r\n        height: 100px !important;\r\n    }\r\n    \r\n    .sivih-profile-avatar {\r\n        width: 100px !important;\r\n        height: 100px !important;\r\n        border-radius: 16px !important;\r\n        border: 4px solid white !important;\r\n    }\r\n    \r\n    .sivih-profile-avatar img {\r\n        padding: 7px !important;\r\n    }\r\n    \r\n    .sivih-community-name {\r\n        font-size: 1.7rem;\r\n        margin-top: 20px;\r\n    }\r\n    \r\n    .sivih-community-meta {\r\n        gap: 6px;\r\n    }\r\n    \r\n    .sivih-meta-item {\r\n        padding: 7px 12px;\r\n        font-size: 0.8rem;\r\n        gap: 5px;\r\n    }\r\n}\r\n\r\n\/* ===== PETIT MOBILE - PHOTO ENCORE PLUS R\u00c9DUITE ===== *\/\r\n@media (max-width: 576px) {\r\n    .sivih-community-section {\r\n        margin: 20px 0;\r\n    }\r\n    \r\n    .banner-container {\r\n        margin: 0 10px;\r\n        width: calc(100% - 20px);\r\n        border-radius: 12px 12px 0 0;\r\n    }\r\n    \r\n    .banner-image {\r\n        height: 240px;\r\n    }\r\n    \r\n    .sivih-profile-section {\r\n        padding: 80px 20px 20px;\r\n    }\r\n    \r\n    \/* PHOTO R\u00c9DUITE *\/\r\n    .sivih-avatar-container {\r\n        left: 20px !important;\r\n        bottom: -45px !important;\r\n        width: 90px !important; \/* R\u00e9duit \u00e0 90px *\/\r\n        height: 90px !important;\r\n    }\r\n    \r\n    .sivih-profile-avatar {\r\n        width: 90px !important;\r\n        height: 90px !important;\r\n        border-radius: 14px !important;\r\n        border: 3px solid white !important;\r\n    }\r\n    \r\n    .sivih-profile-avatar img {\r\n        padding: 6px !important;\r\n    }\r\n    \r\n    .sivih-community-name {\r\n        font-size: 1.6rem;\r\n        line-height: 1.3;\r\n        margin-top: 25px;\r\n    }\r\n    \r\n    .sivih-community-meta {\r\n        flex-direction: column;\r\n        gap: 8px;\r\n        margin-bottom: 20px;\r\n    }\r\n    \r\n    .sivih-meta-item {\r\n        padding: 8px 16px;\r\n        font-size: 0.85rem;\r\n        gap: 8px;\r\n        width: 100%;\r\n        max-width: 250px;\r\n    }\r\n    \r\n    .sivih-description-container {\r\n        padding: 20px;\r\n    }\r\n    \r\n    .sivih-community-description {\r\n        font-size: 1rem;\r\n        line-height: 1.5;\r\n    }\r\n    \r\n    .view-more-btn {\r\n        padding: 11px 22px;\r\n        font-size: 1rem;\r\n        min-width: 160px;\r\n    }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n    .banner-image {\r\n        height: 220px;\r\n    }\r\n    \r\n    .sivih-profile-section {\r\n        padding: 75px 15px 15px;\r\n    }\r\n    \r\n    \/* PHOTO R\u00c9DUITE *\/\r\n    .sivih-avatar-container {\r\n        left: 15px !important;\r\n        bottom: -40px !important;\r\n        width: 80px !important; \/* R\u00e9duit \u00e0 80px *\/\r\n        height: 80px !important;\r\n    }\r\n    \r\n    .sivih-profile-avatar {\r\n        width: 80px !important;\r\n        height: 80px !important;\r\n        border-radius: 12px !important;\r\n        border: 3px solid white !important;\r\n    }\r\n    \r\n    .sivih-profile-avatar img {\r\n        padding: 5px !important;\r\n    }\r\n    \r\n    .sivih-community-name {\r\n        font-size: 1.4rem;\r\n        margin-top: 30px;\r\n    }\r\n    \r\n    .sivih-community-meta {\r\n        gap: 6px;\r\n    }\r\n    \r\n    .sivih-meta-item {\r\n        padding: 7px 14px;\r\n        font-size: 0.8rem;\r\n        max-width: 220px;\r\n    }\r\n    \r\n    .sivih-community-description {\r\n        font-size: 0.95rem;\r\n    }\r\n    \r\n    .view-more-btn {\r\n        padding: 10px 20px;\r\n        font-size: 0.95rem;\r\n        min-width: 150px;\r\n    }\r\n}\r\n\r\n@media (max-width: 360px) {\r\n    .banner-image {\r\n        height: 200px;\r\n    }\r\n    \r\n    .sivih-profile-section {\r\n        padding: 70px 15px 15px;\r\n    }\r\n    \r\n    \/* PHOTO TR\u00c8S R\u00c9DUITE *\/\r\n    .sivih-avatar-container {\r\n        left: 15px !important;\r\n        bottom: -35px !important;\r\n        width: 70px !important; \/* R\u00e9duit \u00e0 70px *\/\r\n        height: 70px !important;\r\n    }\r\n    \r\n    .sivih-profile-avatar {\r\n        width: 70px !important;\r\n        height: 70px !important;\r\n        border-radius: 10px !important;\r\n        border: 2px solid white !important;\r\n    }\r\n    \r\n    .sivih-profile-avatar img {\r\n        padding: 4px !important;\r\n    }\r\n    \r\n    .sivih-community-name {\r\n        font-size: 1.3rem;\r\n        margin-top: 35px;\r\n    }\r\n    \r\n    .sivih-meta-item {\r\n        padding: 6px 12px;\r\n        font-size: 0.75rem;\r\n        max-width: 200px;\r\n    }\r\n    \r\n    .view-more-btn {\r\n        padding: 9px 18px;\r\n        font-size: 0.9rem;\r\n        min-width: 140px;\r\n    }\r\n}\r\n\r\n\/* Animation d'entr\u00e9e *\/\r\n@keyframes fadeInUp {\r\n    from {\r\n        opacity: 0;\r\n        transform: translateY(20px);\r\n    }\r\n    to {\r\n        opacity: 1;\r\n        transform: translateY(0);\r\n    }\r\n}\r\n\r\n.sivih-profile-section > * {\r\n    animation: fadeInUp 0.8s ease forwards;\r\n    opacity: 0;\r\n}\r\n\r\n.sivih-community-name {\r\n    animation-delay: 0.4s;\r\n}\r\n\r\n.sivih-community-meta {\r\n    animation-delay: 0.6s;\r\n}\r\n\r\n.sivih-description-container {\r\n    animation-delay: 0.8s;\r\n}\r\n\r\n.sivih-community-actions {\r\n    animation-delay: 1s;\r\n}\r\n\r\n\/* Animation de l'avatar *\/\r\n@keyframes avatarAppear {\r\n    from {\r\n        opacity: 0;\r\n        transform: translateY(20px) scale(0.9);\r\n    }\r\n    to {\r\n        opacity: 1;\r\n        transform: translateY(0) scale(1);\r\n    }\r\n}\r\n\r\n.sivih-profile-avatar {\r\n    animation: avatarAppear 0.8s ease forwards;\r\n    animation-delay: 0.2s;\r\n    opacity: 0;\r\n}\r\n<\/style>\r\n\r\n<script>\r\ndocument.addEventListener('DOMContentLoaded', function() {\r\n    \/\/ Animation d'apparition de la carte\r\n    const communityCard = document.querySelector('.sivih-community-card');\r\n    if (communityCard) {\r\n        communityCard.style.opacity = '0';\r\n        communityCard.style.transform = 'translateY(30px) scale(0.98)';\r\n        \r\n        setTimeout(() => {\r\n            communityCard.style.transition = 'all 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275)';\r\n            communityCard.style.opacity = '1';\r\n            communityCard.style.transform = 'translateY(0) scale(1)';\r\n        }, 200);\r\n    }\r\n    \r\n    \/\/ Gestion des images avec fallback\r\n    function loadImages() {\r\n        const coverImg = document.querySelector('.cover-main-img');\r\n        const profileImg = document.querySelector('.profile-main-img');\r\n        \r\n        if (coverImg) {\r\n            const testCover = new Image();\r\n            testCover.onload = function() {\r\n                coverImg.style.display = 'block';\r\n            };\r\n            testCover.onerror = function() {\r\n                coverImg.style.display = 'none';\r\n                const bannerImage = document.querySelector('.banner-image');\r\n                if (bannerImage) {\r\n                    bannerImage.style.background = 'linear-gradient(135deg, #FF7E00 0%, #F33F5E 100%)';\r\n                }\r\n            };\r\n            testCover.src = coverImg.src;\r\n        }\r\n        \r\n        if (profileImg) {\r\n            const testProfile = new Image();\r\n            testProfile.onload = function() {\r\n                profileImg.style.display = 'block';\r\n            };\r\n            testProfile.onerror = function() {\r\n                profileImg.style.display = 'none';\r\n                const avatar = document.querySelector('.sivih-profile-avatar');\r\n                if (avatar && !avatar.querySelector('.avatar-fallback')) {\r\n                    const fallback = document.createElement('div');\r\n                    fallback.className = 'avatar-fallback';\r\n                    fallback.textContent = 'S';\r\n                    avatar.appendChild(fallback);\r\n                }\r\n            };\r\n            testProfile.src = profileImg.src;\r\n        }\r\n    }\r\n    \r\n    loadImages();\r\n    \r\n    \/\/ Animation des badges au survol\r\n    const metaItems = document.querySelectorAll('.sivih-meta-item');\r\n    metaItems.forEach(item => {\r\n        item.addEventListener('mouseenter', function() {\r\n            this.style.transform = 'translateY(-5px)';\r\n        });\r\n        \r\n        item.addEventListener('mouseleave', function() {\r\n            this.style.transform = 'translateY(0)';\r\n        });\r\n    });\r\n    \r\n    \/\/ Animation de l'avatar\r\n    const profileAvatar = document.querySelector('.sivih-profile-avatar');\r\n    if (profileAvatar) {\r\n        profileAvatar.addEventListener('mouseenter', function() {\r\n            this.style.transform = 'rotate(5deg) scale(1.05)';\r\n        });\r\n        \r\n        profileAvatar.addEventListener('mouseleave', function() {\r\n            this.style.transform = 'rotate(0) scale(1)';\r\n        });\r\n        \r\n        \/\/ Animation p\u00e9riodique\r\n        setInterval(() => {\r\n            if (!profileAvatar.matches(':hover')) {\r\n                profileAvatar.style.transform = 'rotate(5deg)';\r\n                setTimeout(() => {\r\n                    profileAvatar.style.transform = 'rotate(-5deg)';\r\n                    setTimeout(() => {\r\n                        profileAvatar.style.transform = 'rotate(0)';\r\n                    }, 200);\r\n                }, 200);\r\n            }\r\n        }, 10000);\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-c6969a8 e-flex e-con-boxed e-con e-parent\" data-id=\"c6969a8\" 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-726f42f elementor-widget elementor-widget-html\" data-id=\"726f42f\" 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\/* SECTION CAGNOTTES RACCOURCIES POUR ACCUEIL - SIVIH VERSION *\/\r\n.sivih-home-campaigns-section {\r\n    max-width: 1400px;\r\n    margin: 60px auto;\r\n    padding: 0 40px;\r\n    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\r\n}\r\n\r\n.sivih-section-header {\r\n    text-align: center;\r\n    margin-bottom: 50px;\r\n}\r\n\r\n.sivih-section-badge {\r\n    display: inline-block;\r\n    background: linear-gradient(135deg, rgba(255, 126, 0, 0.1), rgba(243, 63, 94, 0.1));\r\n    color: #FF7E00;\r\n    padding: 8px 20px;\r\n    border-radius: 25px;\r\n    font-size: 0.9rem;\r\n    font-weight: 800;\r\n    margin-bottom: 15px;\r\n    border: 1px solid rgba(255, 126, 0, 0.2);\r\n    letter-spacing: 1px;\r\n}\r\n\r\n.sivih-section-title {\r\n    font-size: 2.5rem;\r\n    font-weight: 900;\r\n    color: #1a1a2e;\r\n    margin-bottom: 15px;\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    letter-spacing: -0.5px;\r\n}\r\n\r\n.sivih-section-subtitle {\r\n    font-size: 1.1rem;\r\n    color: #666;\r\n    max-width: 600px;\r\n    margin: 0 auto;\r\n}\r\n\r\n.sivih-campaigns-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(3, 1fr);\r\n    gap: 30px;\r\n}\r\n\r\n.sivih-campaign-card {\r\n    background: white;\r\n    border-radius: 20px;\r\n    overflow: hidden;\r\n    box-shadow: 0 10px 30px rgba(255, 126, 0, 0.1);\r\n    border: 1px solid rgba(255, 126, 0, 0.15);\r\n    transition: all 0.4s ease;\r\n    display: flex;\r\n    flex-direction: column;\r\n    height: 100%;\r\n}\r\n\r\n.sivih-campaign-card:hover {\r\n    transform: translateY(-10px);\r\n    box-shadow: 0 15px 40px rgba(255, 126, 0, 0.2);\r\n    border-color: rgba(255, 126, 0, 0.3);\r\n}\r\n\r\n.sivih-campaign-image {\r\n    width: 100%;\r\n    height: 180px;\r\n    position: relative;\r\n    overflow: hidden;\r\n}\r\n\r\n.sivih-campaign-image img {\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n    transition: transform 0.5s ease;\r\n}\r\n\r\n.sivih-campaign-card:hover .sivih-campaign-image img {\r\n    transform: scale(1.05);\r\n}\r\n\r\n.sivih-campaign-badge {\r\n    position: absolute;\r\n    top: 15px;\r\n    left: 15px;\r\n    background: rgba(255, 126, 0, 0.95);\r\n    color: white;\r\n    padding: 6px 15px;\r\n    border-radius: 20px;\r\n    font-size: 0.75rem;\r\n    font-weight: 800;\r\n    backdrop-filter: blur(5px);\r\n    z-index: 2;\r\n}\r\n\r\n.sivih-campaign-content {\r\n    padding: 25px;\r\n    flex: 1;\r\n    display: flex;\r\n    flex-direction: column;\r\n}\r\n\r\n.sivih-campaign-title {\r\n    font-size: 1.2rem;\r\n    font-weight: 800;\r\n    color: #1a1a2e;\r\n    margin-bottom: 15px;\r\n    line-height: 1.4;\r\n    flex: 1;\r\n}\r\n\r\n.sivih-campaign-stats {\r\n    margin-bottom: 20px;\r\n}\r\n\r\n.sivih-stat-row {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    margin-bottom: 8px;\r\n}\r\n\r\n.sivih-stat-label {\r\n    font-size: 0.85rem;\r\n    color: #666;\r\n    font-weight: 600;\r\n}\r\n\r\n.sivih-stat-value {\r\n    font-size: 0.95rem;\r\n    font-weight: 800;\r\n    color: #1a1a2e;\r\n}\r\n\r\n.sivih-stat-value.highlight {\r\n    color: #FF7E00;\r\n}\r\n\r\n.sivih-progress-section {\r\n    margin-bottom: 25px;\r\n}\r\n\r\n.sivih-progress-bar {\r\n    height: 8px;\r\n    background: rgba(255, 126, 0, 0.1);\r\n    border-radius: 4px;\r\n    overflow: hidden;\r\n    margin-bottom: 8px;\r\n    border: 1px solid rgba(255, 126, 0, 0.2);\r\n}\r\n\r\n.sivih-progress-fill {\r\n    height: 100%;\r\n    background: linear-gradient(135deg, #FF7E00, #F33F5E);\r\n    border-radius: 4px;\r\n    width: 0%; \/* Initialis\u00e9 \u00e0 0, sera modifi\u00e9 par JS *\/\r\n}\r\n\r\n.sivih-progress-text {\r\n    font-size: 0.8rem;\r\n    font-weight: 700;\r\n    color: #FF7E00;\r\n    text-align: right;\r\n}\r\n\r\n.sivih-campaign-cta {\r\n    margin-top: auto;\r\n}\r\n\r\n.sivih-btn-view-campaign {\r\n    width: 100%;\r\n    background: linear-gradient(135deg, rgba(255, 126, 0, 0.1), rgba(243, 63, 94, 0.1));\r\n    color: #FF7E00;\r\n    border: 2px solid rgba(255, 126, 0, 0.3);\r\n    padding: 12px 20px;\r\n    border-radius: 12px;\r\n    font-weight: 800;\r\n    cursor: pointer;\r\n    font-size: 0.9rem;\r\n    transition: all 0.3s ease;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 8px;\r\n    text-decoration: none;\r\n}\r\n\r\n.sivih-btn-view-campaign:hover {\r\n    background: linear-gradient(135deg, #FF7E00, #F33F5E);\r\n    color: white;\r\n    border-color: transparent;\r\n    transform: translateY(-2px);\r\n    box-shadow: 0 8px 20px rgba(255, 126, 0, 0.3);\r\n}\r\n\r\n\/* RESPONSIVE DESIGN *\/\r\n@media (max-width: 1200px) {\r\n    .sivih-campaigns-grid {\r\n        gap: 25px;\r\n    }\r\n    \r\n    .sivih-campaign-content {\r\n        padding: 20px;\r\n    }\r\n    \r\n    .sivih-campaign-title {\r\n        font-size: 1.1rem;\r\n    }\r\n}\r\n\r\n@media (max-width: 992px) {\r\n    .sivih-home-campaigns-section {\r\n        padding: 0 30px;\r\n    }\r\n    \r\n    .sivih-campaigns-grid {\r\n        grid-template-columns: repeat(2, 1fr);\r\n        gap: 25px;\r\n    }\r\n    \r\n    .sivih-section-title {\r\n        font-size: 2.2rem;\r\n    }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n    .sivih-home-campaigns-section {\r\n        padding: 0 25px;\r\n        margin: 50px auto;\r\n    }\r\n    \r\n    .sivih-section-title {\r\n        font-size: 1.9rem;\r\n    }\r\n    \r\n    .sivih-campaigns-grid {\r\n        grid-template-columns: 1fr;\r\n        max-width: 500px;\r\n        margin: 0 auto;\r\n        gap: 30px;\r\n    }\r\n    \r\n    .sivih-campaign-image {\r\n        height: 200px;\r\n    }\r\n}\r\n\r\n@media (max-width: 576px) {\r\n    .sivih-home-campaigns-section {\r\n        padding: 0 20px;\r\n        margin: 40px auto;\r\n    }\r\n    \r\n    .sivih-section-title {\r\n        font-size: 1.7rem;\r\n    }\r\n    \r\n    .sivih-section-subtitle {\r\n        font-size: 1rem;\r\n        padding: 0 10px;\r\n    }\r\n    \r\n    .sivih-campaign-image {\r\n        height: 180px;\r\n    }\r\n    \r\n    .sivih-campaign-content {\r\n        padding: 20px 18px;\r\n    }\r\n    \r\n    .sivih-campaign-title {\r\n        font-size: 1.1rem;\r\n    }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n    .sivih-home-campaigns-section {\r\n        padding: 0 15px;\r\n    }\r\n    \r\n    .sivih-section-title {\r\n        font-size: 1.5rem;\r\n    }\r\n    \r\n    .sivih-campaign-image {\r\n        height: 160px;\r\n    }\r\n    \r\n    .sivih-btn-view-campaign {\r\n        padding: 10px 18px;\r\n        font-size: 0.85rem;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<div class=\"sivih-home-campaigns-section\">\r\n    <!-- En-t\u00eate de section -->\r\n    <div class=\"sivih-section-header\">\r\n        <div class=\"sivih-section-badge\">CAGNOTTES ACTIVES<\/div>\r\n        <h2 class=\"sivih-section-title\">Cagnottes en cours<\/h2>\r\n        <p class=\"sivih-section-subtitle\">D\u00e9couvrez les cagnottes en cours mises en avant pour renforcer la solidarit\u00e9 et atteindre leurs objectifs.<\/p>\r\n    <\/div>\r\n    \r\n    <!-- Grille des cagnottes -->\r\n    <div class=\"sivih-campaigns-grid\">\r\n        \r\n        <!-- Cagnotte 1 -->\r\n        <div class=\"sivih-campaign-card\" data-sivih-campaign-id=\"1\">\r\n            <div class=\"sivih-campaign-image\">\r\n                <img decoding=\"async\" data-src=\"https:\/\/sivih.org\/wp-content\/uploads\/2026\/06\/ca2.png\" alt=\"Entrepreneuriat\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" style=\"--smush-placeholder-width: 1966px; --smush-placeholder-aspect-ratio: 1966\/924;\">\r\n                <div class=\"sivih-campaign-badge\">Entrepreneuriat<\/div>\r\n            <\/div>\r\n            \r\n            <div class=\"sivih-campaign-content\">\r\n                <h3 class=\"sivih-campaign-title\">Aidez-moi \u00e0 lancer mon entreprise de p\u00e2tisserie artisanale<\/h3>\r\n                \r\n                <div class=\"sivih-campaign-stats\">\r\n                    <div class=\"sivih-stat-row\">\r\n                        <span class=\"sivih-stat-label\">Objectif :<\/span>\r\n                        <span class=\"sivih-stat-value\">15 000 \u00a3 <\/span>\r\n                    <\/div>\r\n                    <div class=\"sivih-stat-row\">\r\n                        <span class=\"sivih-stat-label\">Collect\u00e9 :<\/span>\r\n                        <span class=\"sivih-stat-value highlight\">13 750 \u00a3<\/span>\r\n                    <\/div>\r\n                    <div class=\"sivih-stat-row\">\r\n                        <span class=\"sivih-stat-label\">Participants :<\/span>\r\n                        <span class=\"sivih-stat-value\">3,9K<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <div class=\"sivih-progress-section\">\r\n                    <div class=\"sivih-progress-bar\">\r\n                        <div class=\"sivih-progress-fill\" data-sivih-progress=\"91\"><\/div>\r\n                    <\/div>\r\n                    <div class=\"sivih-progress-text\">91% atteint<\/div>\r\n                <\/div>\r\n                \r\n                <div class=\"sivih-campaign-cta\">\r\n                    <a href=\"https:\/\/sivih.org\/ma-cagnotte-sarah\/\" class=\"sivih-btn-view-campaign\">\r\n                        \ud83d\udc41\ufe0f Voir la cagnotte\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n        \r\n        \r\n        \r\n        \r\n        \r\n        <!-- Cagnotte 2 -->\r\n        <div class=\"sivih-campaign-card\" data-sivih-campaign-id=\"2\">\r\n            <div class=\"sivih-campaign-image\">\r\n                <img decoding=\"async\" data-src=\"https:\/\/sivih.org\/wp-content\/uploads\/2026\/06\/ca1.png\" alt=\"\u00c9ducation\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" style=\"--smush-placeholder-width: 1966px; --smush-placeholder-aspect-ratio: 1966\/924;\">\r\n                <div class=\"sivih-campaign-badge\">Autre<\/div>\r\n            <\/div>\r\n            \r\n            <div class=\"sivih-campaign-content\">\r\n                <h3 class=\"sivih-campaign-title\">En hommage \u00e0 Jordan et Sierra Walters<\/h3>\r\n                \r\n                <div class=\"sivih-campaign-stats\">\r\n                    <div class=\"sivih-stat-row\">\r\n                        <span class=\"sivih-stat-label\">Objectif :<\/span>\r\n                        <span class=\"sivih-stat-value\">180 000 $<\/span>\r\n                    <\/div>\r\n                    <div class=\"sivih-stat-row\">\r\n                        <span class=\"sivih-stat-label\">Collect\u00e9 :<\/span>\r\n                        <span class=\"sivih-stat-value highlight\">258 320 $<\/span>\r\n                    <\/div>\r\n                    <div class=\"sivih-stat-row\">\r\n                        <span class=\"sivih-stat-label\">Participants :<\/span>\r\n                        <span class=\"sivih-stat-value\">32,7k<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <div class=\"sivih-progress-section\">\r\n                    <div class=\"sivih-progress-bar\">\r\n                        <div class=\"sivih-progress-fill\" data-sivih-progress=\"143\"><\/div>\r\n                    <\/div>\r\n                    <div class=\"sivih-progress-text\">143% atteint<\/div>\r\n                <\/div>\r\n                \r\n                <div class=\"sivih-campaign-cta\">\r\n                    <a href=\"https:\/\/sivih.org\/ma-cagnotte-wilson\/\" class=\"sivih-btn-view-campaign\">\r\n                        \ud83d\udc41\ufe0f Voir la cagnotte\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n        \r\n        \r\n        \r\n        \r\n        \r\n        \r\n        \r\n        \r\n        <!-- Cagnotte 3 -->\r\n        <div class=\"sivih-campaign-card\" data-sivih-campaign-id=\"3\">\r\n            <div class=\"sivih-campaign-image\">\r\n                <img decoding=\"async\" data-src=\"https:\/\/sivih.org\/wp-content\/uploads\/2026\/06\/ca3.png\" alt=\" Projet personnel\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" style=\"--smush-placeholder-width: 1966px; --smush-placeholder-aspect-ratio: 1966\/924;\">\r\n                <div class=\"sivih-campaign-badge\">Projet personnel<\/div>\r\n            <\/div>\r\n            \r\n            <div class=\"sivih-campaign-content\">\r\n                <h3 class=\"sivih-campaign-title\">Je sollicite votre aide pour payer mon appartement et retrouver une stabilit\u00e9 durable<\/h3>\r\n                \r\n                <div class=\"sivih-campaign-stats\">\r\n                    <div class=\"sivih-stat-row\">\r\n                        <span class=\"sivih-stat-label\">Objectif :<\/span>\r\n                        <span class=\"sivih-stat-value\">120 000 $<\/span>\r\n                    <\/div>\r\n                    <div class=\"sivih-stat-row\">\r\n                        <span class=\"sivih-stat-label\">Collect\u00e9 :<\/span>\r\n                        <span class=\"sivih-stat-value highlight\">75 000 $<\/span>\r\n                    <\/div>\r\n                    <div class=\"sivih-stat-row\">\r\n                        <span class=\"sivih-stat-label\">Participants :<\/span>\r\n                        <span class=\"sivih-stat-value\">9,1K<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <div class=\"sivih-progress-section\">\r\n                    <div class=\"sivih-progress-bar\">\r\n                        <div class=\"sivih-progress-fill\" data-sivih-progress=\"37\"><\/div>\r\n                    <\/div>\r\n                    <div class=\"sivih-progress-text\">37% atteint<\/div>\r\n                <\/div>\r\n                \r\n                <div class=\"sivih-campaign-cta\">\r\n                    <a href=\"https:\/\/sivih.org\/ma-cagnotte-rose-martin\/\" class=\"sivih-btn-view-campaign\">\r\n                        \ud83d\udc41\ufe0f Voir la cagnotte\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n        \r\n    <\/div>\r\n<\/div>\r\n\r\n<script>\r\n\/\/ Animation des cartes au chargement\r\n(function() {\r\n    'use strict';\r\n    \r\n    \/\/ V\u00e9rifier que la fonction n'existe pas d\u00e9j\u00e0 pour \u00e9viter les conflits\r\n    if (window.sivihCampaignsInitialized) return;\r\n    window.sivihCampaignsInitialized = true;\r\n    \r\n    document.addEventListener('DOMContentLoaded', function() {\r\n        const cards = document.querySelectorAll('.sivih-campaign-card');\r\n        \r\n        cards.forEach((card, index) => {\r\n            \/\/ Animation d'entr\u00e9e s\u00e9quenc\u00e9e\r\n            card.style.opacity = '0';\r\n            card.style.transform = 'translateY(30px)';\r\n            \r\n            setTimeout(() => {\r\n                card.style.transition = 'opacity 0.6s ease, transform 0.6s ease';\r\n                card.style.opacity = '1';\r\n                card.style.transform = 'translateY(0)';\r\n            }, 100 + (index * 100));\r\n        });\r\n        \r\n        \/\/ Animation des barres de progression\r\n        setTimeout(() => {\r\n            const progressBars = document.querySelectorAll('.sivih-progress-fill');\r\n            progressBars.forEach(bar => {\r\n                const progress = bar.getAttribute('data-sivih-progress');\r\n                const width = Math.min(progress, 100) + '%'; \/\/ Limiter \u00e0 100% pour l'animation\r\n                \r\n                \/\/ Initialiser \u00e0 0\r\n                bar.style.width = '0%';\r\n                \r\n                \/\/ Animer vers la largeur cible\r\n                setTimeout(() => {\r\n                    bar.style.transition = 'width 1.2s ease';\r\n                    bar.style.width = width;\r\n                }, 300);\r\n            });\r\n        }, 500);\r\n        \r\n        \/\/ Animation hover am\u00e9lior\u00e9e\r\n        document.querySelectorAll('.sivih-campaign-card').forEach(card => {\r\n            card.addEventListener('mouseenter', function() {\r\n                this.style.zIndex = '10';\r\n            });\r\n            \r\n            card.addEventListener('mouseleave', function() {\r\n                this.style.zIndex = '1';\r\n            });\r\n        });\r\n        \r\n        \/\/ Animation des boutons au clic\r\n        document.querySelectorAll('.sivih-btn-view-campaign').forEach(button => {\r\n            button.addEventListener('click', function(e) {\r\n                \/\/ Animation de pulsation\r\n                this.style.animation = 'sivihPulse 0.5s ease';\r\n                \r\n                \/\/ R\u00e9initialiser l'animation apr\u00e8s qu'elle soit termin\u00e9e\r\n                setTimeout(() => {\r\n                    this.style.animation = '';\r\n                }, 500);\r\n            });\r\n        });\r\n    });\r\n    \r\n    \/\/ Ajout de l'animation pulse sp\u00e9cifique\r\n    if (!document.querySelector('#sivih-styles-animations')) {\r\n        const style = document.createElement('style');\r\n        style.id = 'sivih-styles-animations';\r\n        style.textContent = `\r\n            @keyframes sivihPulse {\r\n                0% { transform: scale(1); }\r\n                50% { transform: scale(0.95); }\r\n                100% { transform: scale(1); }\r\n            }\r\n        `;\r\n        document.head.appendChild(style);\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-d7e9436 elementor-widget elementor-widget-html\" data-id=\"d7e9436\" 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\/* SECTION CAGNOTTES RACCOURCIES POUR ACCUEIL - SIVIH VERSION *\/\r\n.sivih-home-campaigns-section {\r\n    max-width: 1400px;\r\n    margin: 60px auto;\r\n    padding: 0 40px;\r\n    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\r\n}\r\n\r\n.sivih-section-header {\r\n    text-align: center;\r\n    margin-bottom: 50px;\r\n}\r\n\r\n.sivih-section-badge {\r\n    display: inline-block;\r\n    background: linear-gradient(135deg, rgba(255, 126, 0, 0.1), rgba(243, 63, 94, 0.1));\r\n    color: #FF7E00;\r\n    padding: 8px 20px;\r\n    border-radius: 25px;\r\n    font-size: 0.9rem;\r\n    font-weight: 800;\r\n    margin-bottom: 15px;\r\n    border: 1px solid rgba(255, 126, 0, 0.2);\r\n    letter-spacing: 1px;\r\n}\r\n\r\n.sivih-section-title {\r\n    font-size: 2.5rem;\r\n    font-weight: 900;\r\n    color: #1a1a2e;\r\n    margin-bottom: 15px;\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    letter-spacing: -0.5px;\r\n}\r\n\r\n.sivih-section-subtitle {\r\n    font-size: 1.1rem;\r\n    color: #666;\r\n    max-width: 600px;\r\n    margin: 0 auto;\r\n}\r\n\r\n.sivih-campaigns-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(3, 1fr);\r\n    gap: 30px;\r\n}\r\n\r\n.sivih-campaign-card {\r\n    background: white;\r\n    border-radius: 20px;\r\n    overflow: hidden;\r\n    box-shadow: 0 10px 30px rgba(255, 126, 0, 0.1);\r\n    border: 1px solid rgba(255, 126, 0, 0.15);\r\n    transition: all 0.4s ease;\r\n    display: flex;\r\n    flex-direction: column;\r\n    height: 100%;\r\n}\r\n\r\n.sivih-campaign-card:hover {\r\n    transform: translateY(-10px);\r\n    box-shadow: 0 15px 40px rgba(255, 126, 0, 0.2);\r\n    border-color: rgba(255, 126, 0, 0.3);\r\n}\r\n\r\n.sivih-campaign-image {\r\n    width: 100%;\r\n    height: 180px;\r\n    position: relative;\r\n    overflow: hidden;\r\n}\r\n\r\n.sivih-campaign-image img {\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n    transition: transform 0.5s ease;\r\n}\r\n\r\n.sivih-campaign-card:hover .sivih-campaign-image img {\r\n    transform: scale(1.05);\r\n}\r\n\r\n.sivih-campaign-badge {\r\n    position: absolute;\r\n    top: 15px;\r\n    left: 15px;\r\n    background: rgba(255, 126, 0, 0.95);\r\n    color: white;\r\n    padding: 6px 15px;\r\n    border-radius: 20px;\r\n    font-size: 0.75rem;\r\n    font-weight: 800;\r\n    backdrop-filter: blur(5px);\r\n    z-index: 2;\r\n}\r\n\r\n.sivih-campaign-content {\r\n    padding: 25px;\r\n    flex: 1;\r\n    display: flex;\r\n    flex-direction: column;\r\n}\r\n\r\n.sivih-campaign-title {\r\n    font-size: 1.2rem;\r\n    font-weight: 800;\r\n    color: #1a1a2e;\r\n    margin-bottom: 15px;\r\n    line-height: 1.4;\r\n    flex: 1;\r\n}\r\n\r\n.sivih-campaign-stats {\r\n    margin-bottom: 20px;\r\n}\r\n\r\n.sivih-stat-row {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    margin-bottom: 8px;\r\n}\r\n\r\n.sivih-stat-label {\r\n    font-size: 0.85rem;\r\n    color: #666;\r\n    font-weight: 600;\r\n}\r\n\r\n.sivih-stat-value {\r\n    font-size: 0.95rem;\r\n    font-weight: 800;\r\n    color: #1a1a2e;\r\n}\r\n\r\n.sivih-stat-value.highlight {\r\n    color: #FF7E00;\r\n}\r\n\r\n.sivih-progress-section {\r\n    margin-bottom: 25px;\r\n}\r\n\r\n.sivih-progress-bar {\r\n    height: 8px;\r\n    background: rgba(255, 126, 0, 0.1);\r\n    border-radius: 4px;\r\n    overflow: hidden;\r\n    margin-bottom: 8px;\r\n    border: 1px solid rgba(255, 126, 0, 0.2);\r\n}\r\n\r\n.sivih-progress-fill {\r\n    height: 100%;\r\n    background: linear-gradient(135deg, #FF7E00, #F33F5E);\r\n    border-radius: 4px;\r\n    width: 0%; \/* Initialis\u00e9 \u00e0 0, sera modifi\u00e9 par JS *\/\r\n}\r\n\r\n.sivih-progress-text {\r\n    font-size: 0.8rem;\r\n    font-weight: 700;\r\n    color: #FF7E00;\r\n    text-align: right;\r\n}\r\n\r\n.sivih-campaign-cta {\r\n    margin-top: auto;\r\n}\r\n\r\n.sivih-btn-view-campaign {\r\n    width: 100%;\r\n    background: linear-gradient(135deg, rgba(255, 126, 0, 0.1), rgba(243, 63, 94, 0.1));\r\n    color: #FF7E00;\r\n    border: 2px solid rgba(255, 126, 0, 0.3);\r\n    padding: 12px 20px;\r\n    border-radius: 12px;\r\n    font-weight: 800;\r\n    cursor: pointer;\r\n    font-size: 0.9rem;\r\n    transition: all 0.3s ease;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 8px;\r\n    text-decoration: none;\r\n}\r\n\r\n.sivih-btn-view-campaign:hover {\r\n    background: linear-gradient(135deg, #FF7E00, #F33F5E);\r\n    color: white;\r\n    border-color: transparent;\r\n    transform: translateY(-2px);\r\n    box-shadow: 0 8px 20px rgba(255, 126, 0, 0.3);\r\n}\r\n\r\n\/* RESPONSIVE DESIGN *\/\r\n@media (max-width: 1200px) {\r\n    .sivih-campaigns-grid {\r\n        gap: 25px;\r\n    }\r\n    \r\n    .sivih-campaign-content {\r\n        padding: 20px;\r\n    }\r\n    \r\n    .sivih-campaign-title {\r\n        font-size: 1.1rem;\r\n    }\r\n}\r\n\r\n@media (max-width: 992px) {\r\n    .sivih-home-campaigns-section {\r\n        padding: 0 30px;\r\n    }\r\n    \r\n    .sivih-campaigns-grid {\r\n        grid-template-columns: repeat(2, 1fr);\r\n        gap: 25px;\r\n    }\r\n    \r\n    .sivih-section-title {\r\n        font-size: 2.2rem;\r\n    }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n    .sivih-home-campaigns-section {\r\n        padding: 0 25px;\r\n        margin: 50px auto;\r\n    }\r\n    \r\n    .sivih-section-title {\r\n        font-size: 1.9rem;\r\n    }\r\n    \r\n    .sivih-campaigns-grid {\r\n        grid-template-columns: 1fr;\r\n        max-width: 500px;\r\n        margin: 0 auto;\r\n        gap: 30px;\r\n    }\r\n    \r\n    .sivih-campaign-image {\r\n        height: 200px;\r\n    }\r\n}\r\n\r\n@media (max-width: 576px) {\r\n    .sivih-home-campaigns-section {\r\n        padding: 0 20px;\r\n        margin: 40px auto;\r\n    }\r\n    \r\n    .sivih-section-title {\r\n        font-size: 1.7rem;\r\n    }\r\n    \r\n    .sivih-section-subtitle {\r\n        font-size: 1rem;\r\n        padding: 0 10px;\r\n    }\r\n    \r\n    .sivih-campaign-image {\r\n        height: 180px;\r\n    }\r\n    \r\n    .sivih-campaign-content {\r\n        padding: 20px 18px;\r\n    }\r\n    \r\n    .sivih-campaign-title {\r\n        font-size: 1.1rem;\r\n    }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n    .sivih-home-campaigns-section {\r\n        padding: 0 15px;\r\n    }\r\n    \r\n    .sivih-section-title {\r\n        font-size: 1.5rem;\r\n    }\r\n    \r\n    .sivih-campaign-image {\r\n        height: 160px;\r\n    }\r\n    \r\n    .sivih-btn-view-campaign {\r\n        padding: 10px 18px;\r\n        font-size: 0.85rem;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<div class=\"sivih-home-campaigns-section\">\r\n    <!-- En-t\u00eate de section -->\r\n    \r\n    \r\n    <!-- Grille des cagnottes -->\r\n    <div class=\"sivih-campaigns-grid\">\r\n        \r\n        <!-- Cagnotte 1 -->\r\n        <div class=\"sivih-campaign-card\" data-sivih-campaign-id=\"1\">\r\n            <div class=\"sivih-campaign-image\">\r\n                <img decoding=\"async\" data-src=\"https:\/\/sivih.org\/wp-content\/uploads\/2026\/01\/Francoise.jpg\" alt=\"Urgence m\u00e9dicale\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" style=\"--smush-placeholder-width: 1000px; --smush-placeholder-aspect-ratio: 1000\/667;\">\r\n                <div class=\"sivih-campaign-badge\">Urgence<\/div>\r\n            <\/div>\r\n            \r\n            <div class=\"sivih-campaign-content\">\r\n                <h3 class=\"sivih-campaign-title\">Je suis une femme enceinte en situation pr\u00e9caire<\/h3>\r\n                \r\n                <div class=\"sivih-campaign-stats\">\r\n                    <div class=\"sivih-stat-row\">\r\n                        <span class=\"sivih-stat-label\">Objectif :<\/span>\r\n                        <span class=\"sivih-stat-value\">12 000 \u20ac<\/span>\r\n                    <\/div>\r\n                    <div class=\"sivih-stat-row\">\r\n                        <span class=\"sivih-stat-label\">Collect\u00e9 :<\/span>\r\n                        <span class=\"sivih-stat-value highlight\">27 450 \u20ac<\/span>\r\n                    <\/div>\r\n                    <div class=\"sivih-stat-row\">\r\n                        <span class=\"sivih-stat-label\">Participants :<\/span>\r\n                        <span class=\"sivih-stat-value\">4,1K<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <div class=\"sivih-progress-section\">\r\n                    <div class=\"sivih-progress-bar\">\r\n                        <div class=\"sivih-progress-fill\" data-sivih-progress=\"228\"><\/div>\r\n                    <\/div>\r\n                    <div class=\"sivih-progress-text\">228% atteint<\/div>\r\n                <\/div>\r\n                \r\n                <div class=\"sivih-campaign-cta\">\r\n                    <a href=\"https:\/\/sivih.org\/ma-cagnotte-jeanne\/\" class=\"sivih-btn-view-campaign\">\r\n                        \ud83d\udc41\ufe0f Voir la cagnotte\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n        \r\n        <!-- Cagnotte 2 -->\r\n        <div class=\"sivih-campaign-card\" data-sivih-campaign-id=\"2\">\r\n            <div class=\"sivih-campaign-image\">\r\n                <img decoding=\"async\" data-src=\"https:\/\/sivih.org\/wp-content\/uploads\/2026\/01\/dapi.jpeg\" alt=\"\u00c9ducation\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" style=\"--smush-placeholder-width: 1966px; --smush-placeholder-aspect-ratio: 1966\/924;\">\r\n                <div class=\"sivih-campaign-badge\">Autre<\/div>\r\n            <\/div>\r\n            \r\n            <div class=\"sivih-campaign-content\">\r\n                <h3 class=\"sivih-campaign-title\">Aidez Sin\u00e9ad Lynch \u00e0 lutter contre le cancer pour ses 4 enfants<\/h3>\r\n                \r\n                <div class=\"sivih-campaign-stats\">\r\n                    <div class=\"sivih-stat-row\">\r\n                        <span class=\"sivih-stat-label\">Objectif :<\/span>\r\n                        <span class=\"sivih-stat-value\">110 000 $<\/span>\r\n                    <\/div>\r\n                    <div class=\"sivih-stat-row\">\r\n                        <span class=\"sivih-stat-label\">Collect\u00e9 :<\/span>\r\n                        <span class=\"sivih-stat-value highlight\">95 513 $<\/span>\r\n                    <\/div>\r\n                    <div class=\"sivih-stat-row\">\r\n                        <span class=\"sivih-stat-label\">Participants :<\/span>\r\n                        <span class=\"sivih-stat-value\">2,2k<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <div class=\"sivih-progress-section\">\r\n                    <div class=\"sivih-progress-bar\">\r\n                        <div class=\"sivih-progress-fill\" data-sivih-progress=\"87\"><\/div>\r\n                    <\/div>\r\n                    <div class=\"sivih-progress-text\">87% atteint<\/div>\r\n                <\/div>\r\n                \r\n                <div class=\"sivih-campaign-cta\">\r\n                    <a href=\"https:\/\/sivih.org\/ma-cagnotte-louise-christina\/\" class=\"sivih-btn-view-campaign\">\r\n                        \ud83d\udc41\ufe0f Voir la cagnotte\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n        \r\n        \r\n        \r\n        \r\n        \r\n        \r\n        \r\n        \r\n        <!-- Cagnotte 3 -->\r\n        <div class=\"sivih-campaign-card\" data-sivih-campaign-id=\"3\">\r\n            <div class=\"sivih-campaign-image\">\r\n                <img decoding=\"async\" data-src=\"https:\/\/sivih.org\/wp-content\/uploads\/2026\/06\/DAl.png\" alt=\"Urgence\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" style=\"--smush-placeholder-width: 1966px; --smush-placeholder-aspect-ratio: 1966\/924;\">\r\n                <div class=\"sivih-campaign-badge\">Urgence<\/div>\r\n            <\/div>\r\n            \r\n            <div class=\"sivih-campaign-content\">\r\n                <h3 class=\"sivih-campaign-title\">Sauvons Caitlin<\/h3>\r\n                \r\n                <div class=\"sivih-campaign-stats\">\r\n                    <div class=\"sivih-stat-row\">\r\n                        <span class=\"sivih-stat-label\">Objectif :<\/span>\r\n                        <span class=\"sivih-stat-value\">500 000 \u00a3<\/span>\r\n                    <\/div>\r\n                    <div class=\"sivih-stat-row\">\r\n                        <span class=\"sivih-stat-label\">Collect\u00e9 :<\/span>\r\n                        <span class=\"sivih-stat-value highlight\">414 000 \u00a3<\/span>\r\n                    <\/div>\r\n                    <div class=\"sivih-stat-row\">\r\n                        <span class=\"sivih-stat-label\">Participants :<\/span>\r\n                        <span class=\"sivih-stat-value\">7,8K<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <div class=\"sivih-progress-section\">\r\n                    <div class=\"sivih-progress-bar\">\r\n                        <div class=\"sivih-progress-fill\" data-sivih-progress=\"82\"><\/div>\r\n                    <\/div>\r\n                    <div class=\"sivih-progress-text\">82% atteint<\/div>\r\n                <\/div>\r\n                \r\n                <div class=\"sivih-campaign-cta\">\r\n                    <a href=\"https:\/\/sivih.org\/ma-cagnotte-caitlin\/\" class=\"sivih-btn-view-campaign\">\r\n                        \ud83d\udc41\ufe0f Voir la cagnotte\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n        \r\n    <\/div>\r\n<\/div>\r\n\r\n<script>\r\n\/\/ Animation des cartes au chargement\r\n(function() {\r\n    'use strict';\r\n    \r\n    \/\/ V\u00e9rifier que la fonction n'existe pas d\u00e9j\u00e0 pour \u00e9viter les conflits\r\n    if (window.sivihCampaignsInitialized) return;\r\n    window.sivihCampaignsInitialized = true;\r\n    \r\n    document.addEventListener('DOMContentLoaded', function() {\r\n        const cards = document.querySelectorAll('.sivih-campaign-card');\r\n        \r\n        cards.forEach((card, index) => {\r\n            \/\/ Animation d'entr\u00e9e s\u00e9quenc\u00e9e\r\n            card.style.opacity = '0';\r\n            card.style.transform = 'translateY(30px)';\r\n            \r\n            setTimeout(() => {\r\n                card.style.transition = 'opacity 0.6s ease, transform 0.6s ease';\r\n                card.style.opacity = '1';\r\n                card.style.transform = 'translateY(0)';\r\n            }, 100 + (index * 100));\r\n        });\r\n        \r\n        \/\/ Animation des barres de progression\r\n        setTimeout(() => {\r\n            const progressBars = document.querySelectorAll('.sivih-progress-fill');\r\n            progressBars.forEach(bar => {\r\n                const progress = bar.getAttribute('data-sivih-progress');\r\n                const width = Math.min(progress, 100) + '%'; \/\/ Limiter \u00e0 100% pour l'animation\r\n                \r\n                \/\/ Initialiser \u00e0 0\r\n                bar.style.width = '0%';\r\n                \r\n                \/\/ Animer vers la largeur cible\r\n                setTimeout(() => {\r\n                    bar.style.transition = 'width 1.2s ease';\r\n                    bar.style.width = width;\r\n                }, 300);\r\n            });\r\n        }, 500);\r\n        \r\n        \/\/ Animation hover am\u00e9lior\u00e9e\r\n        document.querySelectorAll('.sivih-campaign-card').forEach(card => {\r\n            card.addEventListener('mouseenter', function() {\r\n                this.style.zIndex = '10';\r\n            });\r\n            \r\n            card.addEventListener('mouseleave', function() {\r\n                this.style.zIndex = '1';\r\n            });\r\n        });\r\n        \r\n        \/\/ Animation des boutons au clic\r\n        document.querySelectorAll('.sivih-btn-view-campaign').forEach(button => {\r\n            button.addEventListener('click', function(e) {\r\n                \/\/ Animation de pulsation\r\n                this.style.animation = 'sivihPulse 0.5s ease';\r\n                \r\n                \/\/ R\u00e9initialiser l'animation apr\u00e8s qu'elle soit termin\u00e9e\r\n                setTimeout(() => {\r\n                    this.style.animation = '';\r\n                }, 500);\r\n            });\r\n        });\r\n    });\r\n    \r\n    \/\/ Ajout de l'animation pulse sp\u00e9cifique\r\n    if (!document.querySelector('#sivih-styles-animations')) {\r\n        const style = document.createElement('style');\r\n        style.id = 'sivih-styles-animations';\r\n        style.textContent = `\r\n            @keyframes sivihPulse {\r\n                0% { transform: scale(1); }\r\n                50% { transform: scale(0.95); }\r\n                100% { transform: scale(1); }\r\n            }\r\n        `;\r\n        document.head.appendChild(style);\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-f0b86b3 e-flex e-con-boxed e-con e-parent\" data-id=\"f0b86b3\" 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-ee31262 elementor-widget elementor-widget-html\" data-id=\"ee31262\" 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<!-- SECTION \"COMMENT \u00c7A MARCHE\" - STYLE AM\u00c9LIOR\u00c9 -->\r\n<section class=\"sivih-how-it-works-enhanced\">\r\n    <div class=\"sivih-wide-container-enhanced\">\r\n        <!-- Bande sup\u00e9rieure style contact -->\r\n        <div class=\"sivih-top-band\">\r\n            <div class=\"sivih-top-content\">\r\n                <span class=\"sivih-presentation-badge\">Processus<\/span>\r\n                <h1 class=\"sivih-presentation-title\">\r\n                    Comment fonctionne SIVIH ?\r\n                    <span class=\"sivih-title-highlight\"><\/span>\r\n                <\/h1>\r\n                <p class=\"sivih-presentation-description\">\r\n                    Un syst\u00e8me de solidarit\u00e9 simple, transparent et efficace qui a d\u00e9j\u00e0 aid\u00e9 des milliers de membres\r\n                <\/p>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- Contenu principal style contact -->\r\n        <div class=\"sivih-content-enhanced\">\r\n            <div class=\"sivih-steps-container-enhanced\">\r\n                <!-- \u00c9tape 1 -->\r\n                <div class=\"sivih-step-enhanced\">\r\n                    <div class=\"sivih-step-visual-enhanced\">\r\n                        <div class=\"sivih-step-number-enhanced\">1<\/div>\r\n                        <div class=\"sivih-step-line-enhanced\"><\/div>\r\n                    <\/div>\r\n                    <div class=\"sivih-step-content-enhanced\">\r\n                        <h4 class=\"sivih-step-title\">\r\n                            <span class=\"sivih-step-icon\">\ud83e\udd1d<\/span>\r\n                            Cr\u00e9er votre cagnotte\r\n                        <\/h4>\r\n                        <p class=\"sivih-step-description\">\r\n                            Lorsque vous faites face \u00e0 une difficult\u00e9, vous pouvez<strong> solliciter un soutien financier en cr\u00e9ant une cagnotte<\/strong> en ligne. Que ce soit pour <strong>un projet personnel, un projet entrepreneurial ou une situation d\u2019urgence<\/strong>, vous partagez votre histoire avec une communaut\u00e9 de plus de 14 millions de membres \u00e0 travers le monde, qui d\u00e9couvrent votre besoin et choisissent librement de vous soutenir.\r\n                     <\/p>\r\n                        <div class=\"sivih-step-details-enhanced\">\r\n                            <span class=\"sivih-detail-badge\">\ud83d\udcac Partage transparent<\/span>\r\n                            <span class=\"sivih-detail-badge\">\ud83c\udfaf Objectif<\/span>\r\n                            <span class=\"sivih-detail-badge\">\ud83e\udd32 Appel \u00e0 la solidarit\u00e9<\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <!-- \u00c9tape 2 -->\r\n                <div class=\"sivih-step-enhanced\">\r\n                    <div class=\"sivih-step-visual-enhanced\">\r\n                        <div class=\"sivih-step-number-enhanced\">2<\/div>\r\n                        <div class=\"sivih-step-line-enhanced\"><\/div>\r\n                    <\/div>\r\n                    <div class=\"sivih-step-content-enhanced\">\r\n                        <h4 class=\"sivih-step-title\">\r\n                            <span class=\"sivih-step-icon\">\ud83d\udc8e<\/span>\r\n                            Participation communautaire\r\n                        <\/h4>\r\n                        <p class=\"sivih-step-description\">\r\n                            Chaque membre contribue librement, en fonction de sa g\u00e9n\u00e9rosit\u00e9 et de l\u2019impact de la situation pr\u00e9sent\u00e9e. <strong>Gr\u00e2ce \u00e0 notre algorithme intelligent, chaque cagnotte b\u00e9n\u00e9ficie d\u2019une visibilit\u00e9 \u00e9quitable<\/strong> : elle est d\u2019abord pr\u00e9sent\u00e9e \u00e0 500 membres, puis \u00e9tendue jusqu\u2019\u00e0 1200 si n\u00e9cessaire. <strong>Le nombre de participants est volontairement limit\u00e9 \u00e0 500<\/strong> afin d\u2019assurer un soutien rapide, \u00e9quilibr\u00e9 et efficace pour tous.\r\n                        <\/p>\r\n                        <div class=\"sivih-step-details-enhanced\">\r\n                            <span class=\"sivih-detail-badge\">\ud83e\udde0 Algorithme intelligent<\/span>\r\n                            <span class=\"sivih-detail-badge\">\ud83d\udc65 500 Membres<\/span>\r\n                            <span class=\"sivih-detail-badge\">\ud83d\udcb0 Fond disponible <\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <!-- \u00c9tape 3 -->\r\n                <div class=\"sivih-step-enhanced\">\r\n                    <div class=\"sivih-step-visual-enhanced\">\r\n                        <div class=\"sivih-step-number-enhanced\">3<\/div>\r\n                    <\/div>\r\n                    <div class=\"sivih-step-content-enhanced\">\r\n                        <h4 class=\"sivih-step-title\">\r\n                            <span class=\"sivih-step-icon\">\u26a1<\/span>\r\n                            Retrait rapide et s\u00e9curis\u00e9\r\n                        <\/h4>\r\n                        <p class=\"sivih-step-description\">\r\n                            \u00c0 la cl\u00f4ture de la cagnotte, la Commission de Gestion proc\u00e8de <strong>\u00e0 la v\u00e9rification de votre identit\u00e9 et \u00e0 la conformit\u00e9 du dossier<\/strong> dans un d\u00e9lai maximum de 48 heures. Une fois la validation effectu\u00e9e,<strong> l\u2019int\u00e9gralit\u00e9 des fonds collect\u00e9s vous est vers\u00e9e<\/strong> par virement bancaire ou via mobile money.\r\n                        <\/p>\r\n                        <div class=\"sivih-step-details-enhanced\">\r\n                            <span class=\"sivih-detail-badge\">\ud83d\udd10 V\u00e9rification 48h<\/span>\r\n                            <span class=\"sivih-detail-badge\">\ud83d\udcaf 100% des fonds<\/span>\r\n                            <span class=\"sivih-detail-badge\">\ud83d\ude80 Transfert 24h<\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n            \r\n            <!-- Boutons style contact -->\r\n            <div class=\"sivih-actions-enhanced\">\r\n                <a href=\"https:\/\/sivih.org\/inscription-membres\/\" class=\"sivih-action-btn sivih-primary-action\">\r\n                    <span class=\"sivih-btn-icon\">\ud83e\udd1d<\/span>\r\n                    Rejoindre SIVIH\r\n                <\/a>\r\n                <a href=\"https:\/\/sivih.org\/sivih.org\/devenir-membre\/\" class=\"sivih-action-btn sivih-secondary-action\">\r\n                    <span class=\"sivih-btn-icon\">\ud83d\udcb0<\/span>\r\n                    Cr\u00e9er une cagnotte\r\n                <\/a>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<style>\r\n\/* ===== SECTION \"COMMENT \u00c7A MARCHE\" - STYLE AM\u00c9LIOR\u00c9 ===== *\/\r\n.sivih-how-it-works-enhanced {\r\n    margin: 80px 0;\r\n    padding: 0 20px;\r\n}\r\n\r\n.sivih-wide-container-enhanced {\r\n    max-width: 1200px;\r\n    margin: 0 auto;\r\n    border-radius: 24px;\r\n    overflow: hidden;\r\n    box-shadow: 0 25px 60px rgba(255, 126, 0, 0.15);\r\n}\r\n\r\n\/* Bande sup\u00e9rieure - Style du code contact *\/\r\n.sivih-top-band {\r\n    background: linear-gradient(135deg, #FF7E00 0%, #F33F5E 100%);\r\n    padding: 60px 40px;\r\n    text-align: center;\r\n    border-radius: 24px 24px 0 0;\r\n    position: relative;\r\n    overflow: hidden;\r\n}\r\n\r\n.sivih-top-band::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    right: 0;\r\n    bottom: 0;\r\n    background: linear-gradient(45deg, \r\n        rgba(255, 255, 255, 0.1) 0%,\r\n        rgba(255, 255, 255, 0) 100%);\r\n}\r\n\r\n.sivih-top-content {\r\n    max-width: 800px;\r\n    margin: 0 auto;\r\n    color: white;\r\n    position: relative;\r\n    z-index: 2;\r\n}\r\n\r\n.sivih-presentation-badge {\r\n    display: inline-block;\r\n    background: rgba(255, 255, 255, 0.2);\r\n    color: white;\r\n    padding: 10px 25px;\r\n    border-radius: 25px;\r\n    font-weight: 600;\r\n    font-size: 1rem;\r\n    margin-bottom: 30px;\r\n    backdrop-filter: blur(10px);\r\n    border: 1px solid rgba(255, 255, 255, 0.3);\r\n    letter-spacing: 1px;\r\n}\r\n\r\n.sivih-presentation-title {\r\n    font-size: 2.8rem;\r\n    font-weight: 800;\r\n    line-height: 1.1;\r\n    margin-bottom: 20px;\r\n    color: white;\r\n    position: relative;\r\n    padding-bottom: 20px;\r\n}\r\n\r\n.sivih-title-highlight {\r\n    position: absolute;\r\n    bottom: 0;\r\n    left: 50%;\r\n    transform: translateX(-50%);\r\n    width: 120px;\r\n    height: 4px;\r\n    background: rgba(255, 255, 255, 0.8);\r\n    border-radius: 2px;\r\n}\r\n\r\n.sivih-presentation-description {\r\n    font-size: 1.3rem;\r\n    line-height: 1.6;\r\n    opacity: 0.9;\r\n    color: white;\r\n    max-width: 600px;\r\n    margin: 0 auto;\r\n}\r\n\r\n\/* Contenu principal - Style am\u00e9lior\u00e9 *\/\r\n.sivih-content-enhanced {\r\n    background: linear-gradient(135deg, \r\n        rgba(255, 255, 255, 0.95) 0%,\r\n        rgba(248, 249, 250, 0.98) 100%);\r\n    padding: 60px 40px;\r\n    border-radius: 0 0 24px 24px;\r\n}\r\n\r\n\/* Conteneur des \u00e9tapes *\/\r\n.sivih-steps-container-enhanced {\r\n    max-width: 900px;\r\n    margin: 0 auto 50px;\r\n}\r\n\r\n\/* \u00c9tapes - Style am\u00e9lior\u00e9 *\/\r\n.sivih-step-enhanced {\r\n    display: flex;\r\n    gap: 30px;\r\n    align-items: flex-start;\r\n    padding: 35px;\r\n    background: white;\r\n    border-radius: 20px;\r\n    margin-bottom: 25px;\r\n    border: 1px solid rgba(255, 126, 0, 0.1);\r\n    box-shadow: \r\n        0 10px 30px rgba(255, 126, 0, 0.08),\r\n        0 0 0 1px rgba(255, 126, 0, 0.05),\r\n        inset 0 1px 0 rgba(255, 255, 255, 0.6);\r\n    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n    position: relative;\r\n    overflow: hidden;\r\n}\r\n\r\n.sivih-step-enhanced::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    opacity: 0;\r\n    transition: opacity 0.3s ease;\r\n}\r\n\r\n.sivih-step-enhanced:hover {\r\n    transform: translateY(-8px);\r\n    box-shadow: \r\n        0 20px 40px rgba(255, 126, 0, 0.15),\r\n        0 0 0 1px rgba(255, 126, 0, 0.1);\r\n    border-color: rgba(255, 126, 0, 0.2);\r\n}\r\n\r\n.sivih-step-enhanced:hover::before {\r\n    opacity: 1;\r\n}\r\n\r\n\/* Visuel des \u00e9tapes *\/\r\n.sivih-step-visual-enhanced {\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    gap: 20px;\r\n    flex-shrink: 0;\r\n}\r\n\r\n.sivih-step-number-enhanced {\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    font-size: 1.8rem;\r\n    font-weight: 900;\r\n    color: white;\r\n    box-shadow: \r\n        0 8px 25px rgba(255, 126, 0, 0.3),\r\n        inset 0 2px 4px rgba(255, 255, 255, 0.3);\r\n    position: relative;\r\n    z-index: 2;\r\n}\r\n\r\n.sivih-step-line-enhanced {\r\n    width: 2px;\r\n    height: 80px;\r\n    background: linear-gradient(to bottom, \r\n        rgba(255, 126, 0, 0.4), \r\n        rgba(243, 63, 94, 0.3));\r\n    border-radius: 2px;\r\n}\r\n\r\n.sivih-step-enhanced:last-child .sivih-step-line-enhanced {\r\n    display: none;\r\n}\r\n\r\n\/* Contenu des \u00e9tapes *\/\r\n.sivih-step-content-enhanced {\r\n    flex: 1;\r\n}\r\n\r\n.sivih-step-title {\r\n    font-size: 1.6rem;\r\n    margin-bottom: 15px;\r\n    font-weight: 700;\r\n    color: #2D3748;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n}\r\n\r\n.sivih-step-icon {\r\n    font-size: 1.8rem;\r\n}\r\n\r\n.sivih-step-description {\r\n    font-size: 1.15rem;\r\n    line-height: 1.7;\r\n    color: #4A5568;\r\n    margin-bottom: 20px;\r\n}\r\n\r\n.sivih-step-details-enhanced {\r\n    display: flex;\r\n    gap: 10px;\r\n    flex-wrap: wrap;\r\n}\r\n\r\n.sivih-detail-badge {\r\n    background: rgba(255, 126, 0, 0.08);\r\n    padding: 8px 16px;\r\n    border-radius: 50px;\r\n    font-size: 0.9rem;\r\n    font-weight: 600;\r\n    color: #FF7E00;\r\n    border: 1px solid rgba(255, 126, 0, 0.2);\r\n    transition: all 0.3s ease;\r\n}\r\n\r\n.sivih-detail-badge:hover {\r\n    background: rgba(255, 126, 0, 0.12);\r\n    transform: translateY(-2px);\r\n}\r\n\r\n\/* Actions - Style contact *\/\r\n.sivih-actions-enhanced {\r\n    display: flex;\r\n    gap: 20px;\r\n    justify-content: center;\r\n    flex-wrap: wrap;\r\n    margin-top: 40px;\r\n}\r\n\r\n.sivih-action-btn {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 12px;\r\n    padding: 16px 36px;\r\n    border-radius: 50px;\r\n    font-size: 1.2rem;\r\n    font-weight: 700;\r\n    text-decoration: none;\r\n    transition: all 0.3s ease;\r\n    min-width: 220px;\r\n    border: 2px solid transparent;\r\n    letter-spacing: 0.3px;\r\n    position: relative;\r\n    overflow: hidden;\r\n}\r\n\r\n.sivih-btn-icon {\r\n    font-size: 1.4rem;\r\n    transition: transform 0.3s ease;\r\n}\r\n\r\n.sivih-primary-action {\r\n    background: linear-gradient(135deg, #FF7E00, #F33F5E);\r\n    color: white;\r\n    box-shadow: 0 8px 25px rgba(255, 126, 0, 0.3);\r\n}\r\n\r\n.sivih-secondary-action {\r\n    background: white;\r\n    color: #FF7E00;\r\n    border: 2px solid #FF7E00;\r\n    box-shadow: 0 8px 25px rgba(255, 126, 0, 0.15);\r\n}\r\n\r\n.sivih-action-btn:hover {\r\n    transform: translateY(-3px);\r\n    text-decoration: none;\r\n}\r\n\r\n.sivih-primary-action:hover {\r\n    box-shadow: 0 12px 30px rgba(255, 126, 0, 0.4);\r\n    color: white;\r\n}\r\n\r\n.sivih-secondary-action:hover {\r\n    background: linear-gradient(135deg, #FF7E00, #F33F5E);\r\n    color: white;\r\n    border-color: transparent;\r\n    box-shadow: 0 12px 30px rgba(255, 126, 0, 0.3);\r\n}\r\n\r\n.sivih-action-btn:hover .sivih-btn-icon {\r\n    transform: scale(1.1) rotate(5deg);\r\n}\r\n\r\n\/* ===== ANIMATIONS ===== *\/\r\n@keyframes fadeInUpEnhanced {\r\n    from {\r\n        opacity: 0;\r\n        transform: translateY(30px);\r\n    }\r\n    to {\r\n        opacity: 1;\r\n        transform: translateY(0);\r\n    }\r\n}\r\n\r\n@keyframes pulseGlowEnhanced {\r\n    0%, 100% { \r\n        box-shadow: \r\n            0 8px 25px rgba(255, 126, 0, 0.3),\r\n            inset 0 2px 4px rgba(255, 255, 255, 0.3);\r\n    }\r\n    50% { \r\n        box-shadow: \r\n            0 8px 30px rgba(255, 126, 0, 0.4),\r\n            inset 0 2px 4px rgba(255, 255, 255, 0.3);\r\n    }\r\n}\r\n\r\n.sivih-step-number-enhanced {\r\n    animation: pulseGlowEnhanced 2s infinite;\r\n}\r\n\r\n.sivih-top-band {\r\n    animation: fadeInUpEnhanced 0.6s ease-out;\r\n}\r\n\r\n.sivih-step-enhanced:nth-child(1) { animation: fadeInUpEnhanced 0.6s ease-out 0.1s both; }\r\n.sivih-step-enhanced:nth-child(2) { animation: fadeInUpEnhanced 0.6s ease-out 0.2s both; }\r\n.sivih-step-enhanced:nth-child(3) { animation: fadeInUpEnhanced 0.6s ease-out 0.3s both; }\r\n.sivih-actions-enhanced { animation: fadeInUpEnhanced 0.6s ease-out 0.4s both; }\r\n\r\n\/* ===== RESPONSIVE AM\u00c9LIOR\u00c9 ===== *\/\r\n@media (max-width: 968px) {\r\n    .sivih-top-band {\r\n        padding: 50px 30px;\r\n    }\r\n    \r\n    .sivih-content-enhanced {\r\n        padding: 50px 30px;\r\n    }\r\n    \r\n    .sivih-presentation-title {\r\n        font-size: 2.4rem;\r\n    }\r\n    \r\n    .sivih-presentation-description {\r\n        font-size: 1.2rem;\r\n    }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n    .sivih-how-it-works-enhanced {\r\n        margin: 60px 0;\r\n    }\r\n    \r\n    .sivih-top-band {\r\n        padding: 40px 25px;\r\n        border-radius: 20px 20px 0 0;\r\n    }\r\n    \r\n    .sivih-content-enhanced {\r\n        padding: 40px 25px;\r\n        border-radius: 0 0 20px 20px;\r\n    }\r\n    \r\n    .sivih-step-enhanced {\r\n        flex-direction: column;\r\n        gap: 25px;\r\n        text-align: center;\r\n        padding: 30px;\r\n    }\r\n    \r\n    .sivih-step-enhanced:hover {\r\n        transform: translateY(-5px);\r\n    }\r\n    \r\n    .sivih-step-line-enhanced {\r\n        display: none;\r\n    }\r\n    \r\n    .sivih-step-visual-enhanced {\r\n        order: -1;\r\n    }\r\n    \r\n    .sivih-step-title {\r\n        justify-content: center;\r\n        flex-wrap: wrap;\r\n        gap: 8px;\r\n        font-size: 1.5rem;\r\n    }\r\n    \r\n    .sivih-step-icon {\r\n        font-size: 1.6rem;\r\n    }\r\n    \r\n    .sivih-step-description {\r\n        font-size: 1.1rem;\r\n        line-height: 1.6;\r\n    }\r\n    \r\n    .sivih-step-details-enhanced {\r\n        justify-content: center;\r\n        gap: 8px;\r\n    }\r\n    \r\n    .sivih-detail-badge {\r\n        font-size: 0.85rem;\r\n        padding: 6px 14px;\r\n    }\r\n    \r\n    .sivih-actions-enhanced {\r\n        flex-direction: column;\r\n        align-items: center;\r\n        gap: 15px;\r\n    }\r\n    \r\n    .sivih-action-btn {\r\n        width: 100%;\r\n        max-width: 300px;\r\n        padding: 15px 30px;\r\n    }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n    .sivih-how-it-works-enhanced {\r\n        margin: 40px 0;\r\n        padding: 0 15px;\r\n    }\r\n    \r\n    .sivih-top-band {\r\n        padding: 30px 20px;\r\n    }\r\n    \r\n    .sivih-content-enhanced {\r\n        padding: 30px 20px;\r\n    }\r\n    \r\n    .sivih-presentation-title {\r\n        font-size: 1.8rem;\r\n    }\r\n    \r\n    .sivih-presentation-description {\r\n        font-size: 1.1rem;\r\n    }\r\n    \r\n    .sivih-step-enhanced {\r\n        padding: 25px 20px;\r\n    }\r\n    \r\n    .sivih-step-number-enhanced {\r\n        width: 55px;\r\n        height: 55px;\r\n        font-size: 1.5rem;\r\n    }\r\n    \r\n    .sivih-step-title {\r\n        font-size: 1.4rem;\r\n        flex-direction: column;\r\n        gap: 8px;\r\n    }\r\n    \r\n    .sivih-step-description {\r\n        font-size: 1.05rem;\r\n    }\r\n    \r\n    .sivih-detail-badge {\r\n        font-size: 0.8rem;\r\n        padding: 6px 12px;\r\n    }\r\n    \r\n    .sivih-action-btn {\r\n        padding: 14px 28px;\r\n        font-size: 1.1rem;\r\n        min-width: auto;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<script>\r\ndocument.addEventListener('DOMContentLoaded', function() {\r\n    \/\/ Animation au d\u00e9filement\r\n    const observerOptions = {\r\n        threshold: 0.2,\r\n        rootMargin: '0px 0px -50px 0px'\r\n    };\r\n\r\n    const observer = new IntersectionObserver(function(entries) {\r\n        entries.forEach(entry => {\r\n            if (entry.isIntersecting) {\r\n                entry.target.style.animationPlayState = 'running';\r\n                observer.unobserve(entry.target);\r\n            }\r\n        });\r\n    }, observerOptions);\r\n\r\n    \/\/ Observer les \u00e9l\u00e9ments \u00e0 animer\r\n    const animatedElements = document.querySelectorAll(\r\n        '.sivih-top-band, .sivih-step-enhanced, .sivih-actions-enhanced'\r\n    );\r\n    \r\n    animatedElements.forEach(el => {\r\n        el.style.animationPlayState = 'paused';\r\n        observer.observe(el);\r\n    });\r\n\r\n    \/\/ Effet de clic sur les boutons\r\n    const buttons = document.querySelectorAll('.sivih-action-btn');\r\n    buttons.forEach(button => {\r\n        button.addEventListener('click', function(e) {\r\n            \/\/ Animation de clic\r\n            this.style.transform = 'scale(0.95)';\r\n            \r\n            setTimeout(() => {\r\n                this.style.transform = '';\r\n            }, 200);\r\n        });\r\n    });\r\n\r\n    \/\/ Animation au survol des \u00e9tapes pour mobile\r\n    if ('ontouchstart' in window) {\r\n        const steps = document.querySelectorAll('.sivih-step-enhanced');\r\n        steps.forEach(step => {\r\n            step.addEventListener('touchstart', function() {\r\n                this.style.transform = 'translateY(-5px)';\r\n            });\r\n            \r\n            step.addEventListener('touchend', function() {\r\n                setTimeout(() => {\r\n                    this.style.transform = '';\r\n                }, 300);\r\n            });\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-3b0f3ad e-flex e-con-boxed e-con e-parent\" data-id=\"3b0f3ad\" 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-ee9898c elementor-widget elementor-widget-html\" data-id=\"ee9898c\" 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<!-- SECTION ASSISTANCE WHATSAPP SIVIH -->\r\n<div class=\"sivih-whatsapp-section\">\r\n    <div class=\"sivih-whatsapp-container\">\r\n        <!-- Contenu \u00e0 gauche -->\r\n        <div class=\"sivih-whatsapp-content\">\r\n            <div class=\"sivih-whatsapp-badge\">\r\n                <span class=\"whatsapp-icon\">\ud83d\udcac<\/span>\r\n                Assistance Directe\r\n            <\/div>\r\n            \r\n            <h2 class=\"sivih-whatsapp-title\">\r\n                Besoin d'aide imm\u00e9diate ?\r\n            <\/h2>\r\n            \r\n            <p class=\"sivih-whatsapp-description\">\r\n                Notre \u00e9quipe est disponible pour vous accompagner. Discutez directement avec un agent  SIVIH et obtenez des r\u00e9ponses en temps r\u00e9el.\r\n            <\/p>\r\n        <\/div>\r\n        \r\n        <!-- Bouton \u00e0 droite -->\r\n        <div class=\"sivih-whatsapp-action\">\r\n            <a href=\"https:\/\/sivih.org\/contact-secretariat\/\" class=\"sivih-whatsapp-btn\" target=\"_blank\" rel=\"noopener\">\r\n                <span class=\"whatsapp-btn-icon\">\ud83d\udcac<\/span>\r\n                Discuter\r\n                <span class=\"whatsapp-btn-arrow\">\u2192<\/span>\r\n            <\/a>\r\n            \r\n            <p class=\"sivih-whatsapp-note\">\r\n                R\u00e9ponse sous 5 minutes \u23f1\ufe0f\r\n            <\/p>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<style>\r\n\/* ===== SECTION WHATSAPP SIVIH ===== *\/\r\n.sivih-whatsapp-section {\r\n    width: 100%;\r\n    margin: 50px 0;\r\n    padding: 0;\r\n    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, sans-serif;\r\n}\r\n\r\n.sivih-whatsapp-container {\r\n    width: 100%;\r\n    max-width: 1400px;\r\n    margin: 0 auto;\r\n    padding: 50px 40px;\r\n    background: linear-gradient(135deg, \r\n        rgba(255, 126, 0, 0.08) 0%, \r\n        rgba(243, 63, 94, 0.08) 100%);\r\n    border-radius: 20px;\r\n    border: 2px solid rgba(255, 126, 0, 0.15);\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    gap: 40px;\r\n    box-shadow: 0 8px 30px rgba(255, 126, 0, 0.1);\r\n    position: relative;\r\n    overflow: hidden;\r\n}\r\n\r\n\/* Effet de fond d\u00e9coratif *\/\r\n.sivih-whatsapp-container::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: -50%;\r\n    right: -10%;\r\n    width: 200px;\r\n    height: 200px;\r\n    background: linear-gradient(135deg, rgba(255, 126, 0, 0.05), rgba(243, 63, 94, 0.05));\r\n    border-radius: 50%;\r\n    z-index: 0;\r\n}\r\n\r\n.sivih-whatsapp-container::after {\r\n    content: '';\r\n    position: absolute;\r\n    bottom: -30%;\r\n    left: -5%;\r\n    width: 150px;\r\n    height: 150px;\r\n    background: linear-gradient(135deg, rgba(243, 63, 94, 0.05), rgba(255, 126, 0, 0.05));\r\n    border-radius: 50%;\r\n    z-index: 0;\r\n}\r\n\r\n\/* Contenu \u00e0 gauche *\/\r\n.sivih-whatsapp-content {\r\n    flex: 1;\r\n    position: relative;\r\n    z-index: 1;\r\n}\r\n\r\n.sivih-whatsapp-badge {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    background: rgba(255, 126, 0, 0.15);\r\n    color: #FF7E00;\r\n    padding: 8px 20px;\r\n    border-radius: 25px;\r\n    font-size: 0.95rem;\r\n    font-weight: 800;\r\n    margin-bottom: 15px;\r\n    border: 1px solid rgba(255, 126, 0, 0.3);\r\n    backdrop-filter: blur(10px);\r\n}\r\n\r\n.whatsapp-icon {\r\n    font-size: 1.1rem;\r\n    animation: pulseIcon 2s infinite;\r\n}\r\n\r\n@keyframes pulseIcon {\r\n    0%, 100% { transform: scale(1); }\r\n    50% { transform: scale(1.1); }\r\n}\r\n\r\n.sivih-whatsapp-title {\r\n    font-size: 2.2rem;\r\n    font-weight: 900;\r\n    color: transparent;\r\n    background: linear-gradient(135deg, #FF7E00, #F33F5E);\r\n    -webkit-background-clip: text;\r\n    background-clip: text;\r\n    margin: 0 0 15px 0;\r\n    line-height: 1.2;\r\n}\r\n\r\n.sivih-whatsapp-description {\r\n    font-size: 1.1rem;\r\n    line-height: 1.6;\r\n    color: #4A5568;\r\n    margin: 0;\r\n    max-width: 600px;\r\n}\r\n\r\n\/* Bouton \u00e0 droite *\/\r\n.sivih-whatsapp-action {\r\n    position: relative;\r\n    z-index: 1;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    gap: 12px;\r\n}\r\n\r\n.sivih-whatsapp-btn {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n    background: linear-gradient(135deg, #25D366, #128C7E);\r\n    color: white;\r\n    padding: 16px 35px;\r\n    border-radius: 12px;\r\n    font-size: 1.1rem;\r\n    font-weight: 800;\r\n    text-decoration: none;\r\n    transition: all 0.4s ease;\r\n    box-shadow: 0 8px 25px rgba(37, 211, 102, 0.3);\r\n    border: 2px solid rgba(255, 255, 255, 0.3);\r\n    position: relative;\r\n    overflow: hidden;\r\n    min-width: 220px;\r\n    justify-content: center;\r\n}\r\n\r\n.sivih-whatsapp-btn::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.2), transparent);\r\n    transition: left 0.6s ease;\r\n}\r\n\r\n.sivih-whatsapp-btn:hover::before {\r\n    left: 100%;\r\n}\r\n\r\n.sivih-whatsapp-btn:hover {\r\n    transform: translateY(-3px) scale(1.05);\r\n    box-shadow: 0 12px 35px rgba(37, 211, 102, 0.4);\r\n    background: linear-gradient(135deg, #20bd5a, #0f7a6c);\r\n    color: white;\r\n}\r\n\r\n.whatsapp-btn-icon {\r\n    font-size: 1.3rem;\r\n}\r\n\r\n.whatsapp-btn-arrow {\r\n    font-size: 1.2rem;\r\n    opacity: 0.8;\r\n    transition: transform 0.3s ease;\r\n}\r\n\r\n.sivih-whatsapp-btn:hover .whatsapp-btn-arrow {\r\n    transform: translateX(5px);\r\n}\r\n\r\n.sivih-whatsapp-note {\r\n    font-size: 0.9rem;\r\n    color: #718096;\r\n    font-weight: 600;\r\n    margin: 0;\r\n    text-align: center;\r\n    animation: fadeNote 3s infinite;\r\n}\r\n\r\n@keyframes fadeNote {\r\n    0%, 100% { opacity: 0.7; }\r\n    50% { opacity: 1; }\r\n}\r\n\r\n\/* ===== RESPONSIVE WHATSAPP ===== *\/\r\n@media (max-width: 1200px) {\r\n    .sivih-whatsapp-container {\r\n        max-width: calc(100% - 40px);\r\n        margin: 0 20px;\r\n        padding: 40px 30px;\r\n    }\r\n    \r\n    .sivih-whatsapp-title {\r\n        font-size: 2rem;\r\n    }\r\n}\r\n\r\n@media (max-width: 992px) {\r\n    .sivih-whatsapp-section {\r\n        margin: 40px 0;\r\n    }\r\n    \r\n    .sivih-whatsapp-container {\r\n        max-width: calc(100% - 30px);\r\n        margin: 0 15px;\r\n        padding: 35px 25px;\r\n        flex-direction: column;\r\n        text-align: center;\r\n        gap: 30px;\r\n    }\r\n    \r\n    .sivih-whatsapp-content {\r\n        text-align: center;\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n    }\r\n    \r\n    .sivih-whatsapp-description {\r\n        max-width: 100%;\r\n    }\r\n    \r\n    .sivih-whatsapp-title {\r\n        font-size: 1.8rem;\r\n    }\r\n    \r\n    .sivih-whatsapp-btn {\r\n        min-width: 200px;\r\n    }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n    .sivih-whatsapp-section {\r\n        margin: 30px 0;\r\n    }\r\n    \r\n    .sivih-whatsapp-container {\r\n        max-width: calc(100% - 24px);\r\n        margin: 0 12px;\r\n        padding: 30px 20px;\r\n        gap: 25px;\r\n    }\r\n    \r\n    .sivih-whatsapp-title {\r\n        font-size: 1.6rem;\r\n    }\r\n    \r\n    .sivih-whatsapp-description {\r\n        font-size: 1rem;\r\n    }\r\n    \r\n    .sivih-whatsapp-btn {\r\n        padding: 14px 30px;\r\n        font-size: 1rem;\r\n        min-width: 180px;\r\n    }\r\n    \r\n    .sivih-whatsapp-badge {\r\n        padding: 6px 18px;\r\n        font-size: 0.9rem;\r\n    }\r\n}\r\n\r\n@media (max-width: 576px) {\r\n    .sivih-whatsapp-section {\r\n        margin: 25px 0;\r\n    }\r\n    \r\n    .sivih-whatsapp-container {\r\n        max-width: calc(100% - 20px);\r\n        margin: 0 10px;\r\n        padding: 25px 18px;\r\n        border-radius: 16px;\r\n    }\r\n    \r\n    .sivih-whatsapp-title {\r\n        font-size: 1.4rem;\r\n    }\r\n    \r\n    .sivih-whatsapp-description {\r\n        font-size: 0.95rem;\r\n        line-height: 1.5;\r\n    }\r\n    \r\n    .sivih-whatsapp-btn {\r\n        padding: 13px 25px;\r\n        font-size: 0.95rem;\r\n        min-width: 160px;\r\n        width: 100%;\r\n        max-width: 250px;\r\n    }\r\n    \r\n    .sivih-whatsapp-note {\r\n        font-size: 0.85rem;\r\n    }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n    .sivih-whatsapp-container {\r\n        padding: 22px 15px;\r\n    }\r\n    \r\n    .sivih-whatsapp-title {\r\n        font-size: 1.3rem;\r\n    }\r\n    \r\n    .sivih-whatsapp-description {\r\n        font-size: 0.9rem;\r\n    }\r\n    \r\n    .sivih-whatsapp-btn {\r\n        padding: 12px 22px;\r\n        font-size: 0.9rem;\r\n        min-width: 150px;\r\n    }\r\n    \r\n    .sivih-whatsapp-badge {\r\n        padding: 5px 16px;\r\n        font-size: 0.85rem;\r\n    }\r\n}\r\n\r\n\/* Animation d'entr\u00e9e *\/\r\n@keyframes fadeInUp {\r\n    from {\r\n        opacity: 0;\r\n        transform: translateY(20px);\r\n    }\r\n    to {\r\n        opacity: 1;\r\n        transform: translateY(0);\r\n    }\r\n}\r\n\r\n.sivih-whatsapp-container {\r\n    animation: fadeInUp 0.8s ease forwards;\r\n    opacity: 0;\r\n}\r\n<\/style>\r\n\r\n<script>\r\ndocument.addEventListener('DOMContentLoaded', function() {\r\n    \/\/ Animation d'apparition\r\n    const whatsappSection = document.querySelector('.sivih-whatsapp-container');\r\n    if (whatsappSection) {\r\n        setTimeout(() => {\r\n            whatsappSection.style.opacity = '1';\r\n        }, 300);\r\n    }\r\n    \r\n    \/\/ Interaction avec le bouton WhatsApp\r\n    const whatsappBtn = document.querySelector('.sivih-whatsapp-btn');\r\n    if (whatsappBtn) {\r\n        whatsappBtn.addEventListener('click', function(e) {\r\n            \/\/ Animation de clic\r\n            this.style.transform = 'scale(0.95)';\r\n            \r\n            setTimeout(() => {\r\n                this.style.transform = '';\r\n            }, 200);\r\n            \r\n            console.log('\ud83d\udcac Bouton WhatsApp cliqu\u00e9 - Redirection vers l\\'assistance');\r\n            \r\n            \/\/ Ici vous pouvez ajouter du tracking Google Analytics si n\u00e9cessaire\r\n            \/\/ gtag('event', 'click', {\r\n            \/\/     'event_category': 'WhatsApp',\r\n            \/\/     'event_label': 'Assistance'\r\n            \/\/ });\r\n        });\r\n    }\r\n    \r\n    \/\/ Remplacez VOTRENUMEROICI par votre vrai num\u00e9ro WhatsApp\r\n    \/\/ Format : 33612345678 (sans le +)\r\n    \/\/ Exemple : https:\/\/wa.me\/33612345678\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-c27990e e-con-full e-flex e-con e-parent\" data-id=\"c27990e\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e9624d0 elementor-widget elementor-widget-html\" data-id=\"e9624d0\" 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<!-- SECTION \"DON EXCEPTIONNEL\" - STYLE CONTACT ADAPT\u00c9 -->\r\n<section class=\"sivih-don-simple-section\">\r\n    <div class=\"sivih-don-simple-container\">\r\n        <div class=\"sivih-don-simple-grid\">\r\n            <!-- Colonne gauche : Photo (PREMI\u00c8RE comme vous voulez) -->\r\n            <div class=\"sivih-don-photo-side\">\r\n                <div class=\"sivih-photo-wrapper\">\r\n                    <img decoding=\"async\" data-src=\"https:\/\/sivih.org\/wp-content\/uploads\/2026\/06\/Donate.png\" \r\n                         alt=\"Grand Donateur SIVIH\" \r\n                         class=\"sivih-don-image lazyload\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1080px; --smush-placeholder-aspect-ratio: 1080\/1440;\">\r\n                    <div class=\"sivih-photo-overlay\"><\/div>\r\n                    <div class=\"sivih-heart-simple\">\u2764\ufe0f<\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Colonne droite : Contenu SIVIH -->\r\n            <div class=\"sivih-don-content-side\">\r\n                <div class=\"sivih-content-wrapper\">\r\n                    <span class=\"sivih-don-badge-simple\">Solidarit\u00e9 Exceptionnelle<\/span>\r\n                    <h2 class=\"sivih-don-main-title\">\r\n                        Don de 5 Mille Euro\r\n                    <\/h2>\r\n                    <p class=\"sivih-don-description\">\r\n                        Un acte de g\u00e9n\u00e9rosit\u00e9 qui a radicalement transform\u00e9 la vie d'une femme enceinte dans une situation critique.\r\n                    <\/p>\r\n                    \r\n                    <!-- D\u00e9tails du don -->\r\n                    <div class=\"sivih-don-infos\">\r\n                        <div class=\"sivih-don-info-item\">\r\n                            <div class=\"sivih-info-icon\">\r\n                                \ud83d\udc64\r\n                            <\/div>\r\n                            <div class=\"sivih-info-details\">\r\n                                <h3>Ange de la Solidarit\u00e9<\/h3>\r\n                                <p>Membre SIVHI \u00b7 Grand Donateur du mois<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n                        \r\n                        <div class=\"sivih-don-info-item\">\r\n                            <div class=\"sivih-info-icon\">\r\n                                \ud83c\udfaf\r\n                            <\/div>\r\n                            <div class=\"sivih-info-details\">\r\n                                <h3>B\u00e9n\u00e9ficiaire<\/h3>\r\n                                <p>Une jeune femme Bruxelloise de 26 ans<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n                      <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<style>\r\n\/* ===== SECTION \"DON EXCEPTIONNEL\" - STYLE CONTACT ADAPT\u00c9 ===== *\/\r\n.sivih-don-simple-section {\r\n    margin: 80px 0;\r\n    padding: 0 20px;\r\n}\r\n\r\n.sivih-don-simple-container {\r\n    max-width: 1200px;\r\n    margin: 0 auto;\r\n}\r\n\r\n.sivih-don-simple-grid {\r\n    display: grid;\r\n    grid-template-columns: 1fr 1fr;\r\n    border-radius: 20px;\r\n    overflow: hidden;\r\n    box-shadow: 0 20px 60px rgba(255, 126, 0, 0.15);\r\n    height: 600px;\r\n}\r\n\r\n\/* Colonne photo - GAUCHE *\/\r\n.sivih-don-photo-side {\r\n    position: relative;\r\n    height: 100%;\r\n    order: 1;\r\n}\r\n\r\n.sivih-photo-wrapper {\r\n    position: relative;\r\n    width: 100%;\r\n    height: 100%;\r\n    overflow: hidden;\r\n}\r\n\r\n.sivih-don-image {\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n    transition: transform 0.6s ease;\r\n    display: block;\r\n}\r\n\r\n.sivih-photo-overlay {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    right: 0;\r\n    bottom: 0;\r\n    background: linear-gradient(45deg, rgba(255, 126, 0, 0.1) 0%, rgba(243, 63, 94, 0.05) 50%);\r\n}\r\n\r\n.sivih-heart-simple {\r\n    position: absolute;\r\n    bottom: 20px;\r\n    left: 20px;\r\n    font-size: 2.5rem;\r\n    background: white;\r\n    border-radius: 50%;\r\n    width: 70px;\r\n    height: 70px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    box-shadow: 0 10px 25px rgba(243, 63, 94, 0.3);\r\n    border: 4px solid #F33F5E;\r\n    z-index: 10;\r\n    animation: sivih-heartBeat 2s ease-in-out infinite;\r\n}\r\n\r\n@keyframes sivih-heartBeat {\r\n    0%, 100% { transform: scale(1); }\r\n    50% { transform: scale(1.1); }\r\n}\r\n\r\n.sivih-don-photo-side:hover .sivih-don-image {\r\n    transform: scale(1.05);\r\n}\r\n\r\n\/* Colonne contenu - DROITE *\/\r\n.sivih-don-content-side {\r\n    background: linear-gradient(135deg, #FF7E00 0%, #F33F5E 100%);\r\n    display: flex;\r\n    align-items: center;\r\n    padding: 60px;\r\n    order: 2;\r\n}\r\n\r\n.sivih-content-wrapper {\r\n    color: white;\r\n    width: 100%;\r\n}\r\n\r\n\/* Badge *\/\r\n.sivih-don-badge-simple {\r\n    display: inline-block;\r\n    background: rgba(255, 255, 255, 0.2);\r\n    color: white;\r\n    padding: 10px 25px;\r\n    border-radius: 25px;\r\n    font-weight: 600;\r\n    font-size: 1rem;\r\n    margin-bottom: 30px;\r\n    backdrop-filter: blur(10px);\r\n    border: 1px solid rgba(255, 255, 255, 0.3);\r\n    letter-spacing: 1px;\r\n}\r\n\r\n\/* Titre principal *\/\r\n.sivih-don-main-title {\r\n    font-size: 2.8rem;\r\n    font-weight: 800;\r\n    line-height: 1.1;\r\n    margin-bottom: 20px;\r\n    color: white;\r\n}\r\n\r\n\/* Description *\/\r\n.sivih-don-description {\r\n    font-size: 1.3rem;\r\n    line-height: 1.6;\r\n    margin-bottom: 40px;\r\n    color: white;\r\n    opacity: 0.95;\r\n}\r\n\r\n\/* Informations du don *\/\r\n.sivih-don-infos {\r\n    margin-bottom: 40px;\r\n}\r\n\r\n.sivih-don-info-item {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 20px;\r\n    padding: 20px 0;\r\n    border-bottom: 1px solid rgba(255, 255, 255, 0.2);\r\n}\r\n\r\n.sivih-don-info-item:last-child {\r\n    border-bottom: none;\r\n}\r\n\r\n.sivih-info-icon {\r\n    width: 50px;\r\n    height: 50px;\r\n    background: rgba(255, 255, 255, 0.2);\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: 1.5rem;\r\n    flex-shrink: 0;\r\n}\r\n\r\n.sivih-info-details h3 {\r\n    font-size: 1.5rem;\r\n    font-weight: 700;\r\n    margin-bottom: 5px;\r\n    color: white;\r\n}\r\n\r\n.sivih-info-details p {\r\n    font-size: 1rem;\r\n    opacity: 0.9;\r\n    margin: 0;\r\n    color: white;\r\n}\r\n\r\n\/* Message inspirant *\/\r\n.sivih-don-message {\r\n    background: rgba(255, 255, 255, 0.1);\r\n    padding: 25px;\r\n    border-radius: 15px;\r\n    margin-bottom: 30px;\r\n    border: 1px solid rgba(255, 255, 255, 0.2);\r\n    display: flex;\r\n    align-items: flex-start;\r\n    gap: 15px;\r\n}\r\n\r\n.sivih-message-icon {\r\n    font-size: 2rem;\r\n    flex-shrink: 0;\r\n}\r\n\r\n.sivih-message-text {\r\n    font-size: 1.1rem;\r\n    line-height: 1.6;\r\n    margin: 0;\r\n    color: white;\r\n    font-style: italic;\r\n}\r\n\r\n.sivih-message-text strong {\r\n    color: #FFD700;\r\n}\r\n\r\n\/* Bouton d'action *\/\r\n.sivih-don-action {\r\n    text-align: center;\r\n}\r\n\r\n.sivih-don-action-btn {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 12px;\r\n    padding: 16px 36px;\r\n    background: white;\r\n    color: #FF7E00;\r\n    border-radius: 50px;\r\n    font-size: 1.2rem;\r\n    font-weight: 700;\r\n    text-decoration: none;\r\n    transition: all 0.3s ease;\r\n    min-width: 220px;\r\n    border: 2px solid transparent;\r\n    letter-spacing: 0.3px;\r\n    box-shadow: 0 8px 25px rgba(255, 255, 255, 0.2);\r\n}\r\n\r\n.sivih-action-icon {\r\n    font-size: 1.4rem;\r\n    transition: transform 0.3s ease;\r\n}\r\n\r\n.sivih-don-action-btn:hover {\r\n    transform: translateY(-3px);\r\n    text-decoration: none;\r\n    box-shadow: 0 12px 30px rgba(255, 255, 255, 0.3);\r\n    background: #f8f9fa;\r\n    color: #FF7E00;\r\n}\r\n\r\n.sivih-don-action-btn:hover .sivih-action-icon {\r\n    transform: scale(1.1) rotate(5deg);\r\n}\r\n\r\n\/* ===== ANIMATIONS ===== *\/\r\n@keyframes fadeInUpSimple {\r\n    from {\r\n        opacity: 0;\r\n        transform: translateY(30px);\r\n    }\r\n    to {\r\n        opacity: 1;\r\n        transform: translateY(0);\r\n    }\r\n}\r\n\r\n\/* ===== RESPONSIVE ===== *\/\r\n@media (max-width: 968px) {\r\n    .sivih-don-simple-grid {\r\n        grid-template-columns: 1fr;\r\n        height: auto;\r\n        min-height: 500px;\r\n    }\r\n    \r\n    .sivih-don-photo-side {\r\n        order: 1;\r\n        height: 400px;\r\n    }\r\n    \r\n    .sivih-don-content-side {\r\n        order: 2;\r\n        padding: 50px 40px;\r\n    }\r\n    \r\n    .sivih-don-main-title {\r\n        font-size: 2.4rem;\r\n    }\r\n    \r\n    .sivih-don-description {\r\n        font-size: 1.2rem;\r\n    }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n    .sivih-don-simple-section {\r\n        margin: 60px 0;\r\n    }\r\n    \r\n    .sivih-don-main-title {\r\n        font-size: 2rem;\r\n    }\r\n    \r\n    .sivih-don-description {\r\n        font-size: 1.1rem;\r\n    }\r\n    \r\n    .sivih-don-content-side {\r\n        padding: 40px 30px;\r\n    }\r\n    \r\n    .sivih-don-photo-side {\r\n        height: 350px;\r\n    }\r\n    \r\n    .sivih-heart-simple {\r\n        width: 60px;\r\n        height: 60px;\r\n        font-size: 2rem;\r\n    }\r\n    \r\n    .sivih-don-info-item {\r\n        flex-direction: column;\r\n        text-align: center;\r\n        gap: 15px;\r\n        padding: 25px 0;\r\n    }\r\n    \r\n    .sivih-info-icon {\r\n        margin: 0 auto;\r\n    }\r\n    \r\n    .sivih-don-message {\r\n        flex-direction: column;\r\n        text-align: center;\r\n        gap: 15px;\r\n    }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n    .sivih-don-simple-section {\r\n        margin: 40px 0;\r\n        padding: 0 15px;\r\n    }\r\n    \r\n    .sivih-don-main-title {\r\n        font-size: 1.8rem;\r\n    }\r\n    \r\n    .sivih-don-content-side {\r\n        padding: 30px 20px;\r\n    }\r\n    \r\n    .sivih-don-photo-side {\r\n        height: 300px;\r\n    }\r\n    \r\n    .sivih-heart-simple {\r\n        width: 50px;\r\n        height: 50px;\r\n        font-size: 1.7rem;\r\n        bottom: 15px;\r\n        left: 15px;\r\n    }\r\n    \r\n    .sivih-don-badge-simple {\r\n        padding: 8px 20px;\r\n        font-size: 0.9rem;\r\n    }\r\n    \r\n    .sivih-don-action-btn {\r\n        padding: 14px 28px;\r\n        font-size: 1.1rem;\r\n        min-width: auto;\r\n        width: 100%;\r\n        max-width: 300px;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<script>\r\ndocument.addEventListener('DOMContentLoaded', function() {\r\n    console.log('\ud83c\udf96\ufe0f Initialisation section don exceptionnel - style contact...');\r\n    \r\n    \/\/ Animation d'apparition au scroll\r\n    function animateOnScroll() {\r\n        const section = document.querySelector('.sivih-don-simple-grid');\r\n        \r\n        if (section) {\r\n            const sectionTop = section.getBoundingClientRect().top;\r\n            const windowHeight = window.innerHeight;\r\n            \r\n            if (sectionTop < windowHeight - 100) {\r\n                section.style.opacity = '1';\r\n                section.style.transform = 'translateY(0)';\r\n            }\r\n        }\r\n    }\r\n    \r\n    \/\/ Initialiser l'animation\r\n    const section = document.querySelector('.sivih-don-simple-grid');\r\n    if (section) {\r\n        section.style.opacity = '0';\r\n        section.style.transform = 'translateY(30px)';\r\n        section.style.transition = 'opacity 0.8s ease, transform 0.8s ease';\r\n    }\r\n    \r\n    window.addEventListener('scroll', animateOnScroll);\r\n    animateOnScroll();\r\n    \r\n    \/\/ Effet de clic sur le bouton\r\n    const actionBtn = document.querySelector('.sivih-don-action-btn');\r\n    if (actionBtn) {\r\n        actionBtn.addEventListener('click', function(e) {\r\n            this.style.transform = 'scale(0.95)';\r\n            setTimeout(() => {\r\n                this.style.transform = '';\r\n            }, 200);\r\n        });\r\n    }\r\n    \r\n    console.log('\u2705 Section don exceptionnel - style contact initialis\u00e9e');\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-03be06b e-flex e-con-boxed e-con e-parent\" data-id=\"03be06b\" 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-021c571 elementor-widget elementor-widget-html\" data-id=\"021c571\" 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<!-- SECTION STATISTIQUES SIVIH - ENTRAIDE COMMUNAUTAIRE -->\r\n<div class=\"sivih-stats-section\">\r\n    <div class=\"sivih-stats-card\">\r\n        <div class=\"stats-header\">\r\n            <h2>Impact de l'Entraide SIVIH ce mois<\/h2>\r\n            <div class=\"completion-progress\">\r\n                <div class=\"progress-text\">\r\n                    <span class=\"percentage\">96%<\/span>\r\n                    <span class=\"label\">de cagnottes r\u00e9ussies<\/span>\r\n                <\/div>\r\n                <div class=\"progress-bar\">\r\n                    <div class=\"progress-fill\" style=\"width: 0%\"><\/div>\r\n                <\/div>\r\n            <\/div>\r\n            \r\n            <!-- Membres en ligne SIVIH -->\r\n            <div class=\"online-members\">\r\n                <h3>Donateurs VIP du mois<\/h3>\r\n                <div class=\"members-grid\">\r\n                    <a href=\"https:\/\/sivih.org\/compte-prive\/\" class=\"member-avatar online\" target=\"_blank\">\r\n                        <img decoding=\"async\" src=\"https:\/\/sivih.org\/wp-content\/uploads\/2026\/02\/pom1.jpeg\" alt=\"Apoutchou - C\u00f4te d'Ivoire\" onerror=\"this.src='data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAiIGhlaWdodD0iNTAiIHZpZXdCb3g9IjAgMCA1MCA1MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iMjUiIGN5PSIyNSIgcj0iMjUiIGZpbGw9IiNGRjdGMDAiLz4KPGcgZmlsbD0id2hpdGUiPgo8Y2lyY2xlIGN4PSIyNSIgY3k9IjIwIiByPSI1Ii8+CjxwYXRoIGQ9Ik0zMCAzNUMzMCAzMiAyOCAzMCAyNSAzMEMyMiAzMCAyMCAzMiAyMCAzNUgzMFoiLz4KPC9nPgo8L3N2Zz4K'\">\r\n                    <\/a>\r\n                    <a href=\"https:\/\/sivih.org\/compte-prive\/\" class=\"member-avatar online\" target=\"_blank\">\r\n                        <img decoding=\"async\" src=\"https:\/\/sivih.org\/wp-content\/uploads\/2026\/02\/pp1.jpeg\" alt=\"Marc - Cameroun\" onerror=\"this.src='data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAiIGhlaWdodD0iNTAiIHZpZXdCb3g9IjAgMCA1MCA1MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iMjUiIGN5PSIyNSIgcj0iMjUiIGZpbGw9IiNGRjdGMDAiLz4KPGcgZmlsbD0id2hpdGUiPgo8Y2lyY2xlIGN4PSIyNSIgY3k9IjIwIiByPSI1Ii8+CjxwYXRoIGQ9Ik0zMCAzNUMzMCAzMiAyOCAzMCAyNSAzMEMyMiAzMCAyMCAzMiAyMCAzNUgzMFoiLz4KPC9nPgo8L3N2Zz4K'\">\r\n                    <\/a>\r\n                    <a href=\"https:\/\/sivih.org\/compte-prive\/\" class=\"member-avatar online\" target=\"_blank\">\r\n                        <img decoding=\"async\" src=\"https:\/\/sivih.org\/wp-content\/uploads\/2026\/02\/pp3.jpeg\" alt=\"Pimp\u00e9ran - Mali\" onerror=\"this.src='data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAiIGhlaWdodD0iNTAiIHZpZXdCb3g9IjAgMCA1MCA1MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iMjUiIGN5PSIyNSIgcj0iMjUiIGZpbGw9IiNGRjdGMDAiLz4KPGcgZmlsbD0id2hpdGUiPgo8Y2lyY2xlIGN4PSIyNSIgY3k9IjIwIiByPSI1Ii8+CjxwYXRoIGQ9Ik0zMCAzNUMzMCAzMiAyOCAzMCAyNSAzMEMyMiAzMCAyMCAzMiAyMCAzNUgzMFoiLz4KPC9nPgo8L3N2Zz4K'\">\r\n                    <\/a>\r\n                    <a href=\"https:\/\/sivih.org\/compte-prive\/\" class=\"member-avatar online\" target=\"_blank\">\r\n                        <img decoding=\"async\" src=\"https:\/\/sivih.org\/wp-content\/uploads\/2026\/02\/pp2.jpeg\" alt=\"Alidjath - B\u00e9nin\" onerror=\"this.src='data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAiIGhlaWdodD0iNTAiIHZpZXdCb3g9IjAgMCA1MCA1MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iMjUiIGN5PSIyNSIgcj0iMjUiIGZpbGw9IiNGRjdGMDAiLz4KPGcgZmlsbD0id2hpdGUiPgo8Y2lyY2xlIGN4PSIyNSIgY3k9IjIwIiByPSI1Ii8+CjxwYXRoIGQ9Ik0zMCAzNUMzMCAzMiAyOCAzMCAyNSAzMEMyMiAzMCAyMCAzMiAyMCAzNUgzMFoiLz4KPC9nPgo8L3N2Zz4K'\">\r\n                    <\/a>\r\n                    <a href=\"https:\/\/sivih.org\/compte-prive\/\" class=\"member-avatar online\" target=\"_blank\">\r\n                        <img decoding=\"async\" src=\"https:\/\/sivih.org\/wp-content\/uploads\/2025\/12\/kd1.jpg\" alt=\"A\u00efcha - Burkina Faso\" onerror=\"this.src='data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAiIGhlaWdodD0iNTAiIHZpZXdCb3g9IjAgMCA1MCA1MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iMjUiIGN5PSIyNSIgcj0iMjUiIGZpbGw9IiNGRjdGMDAiLz4KPGcgZmlsbD0id2hpdGUiPgo8Y2lyY2xlIGN4PSIyNSIgY3k9IjIwIiByPSI1Ii8+CjxwYXRoIGQ9Ik0zMCAzNUMzMCAzMiAyOCAzMCAyNSAzMEMyMiAzMCAyMCAzMiAyMCAzNUgzMFoiLz4KPC9nPgo8L3N2Zz4K'\">\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"stats-grid\">\r\n            <!-- Statistique 1 : Aide financi\u00e8re -->\r\n            <div class=\"stat-item\">\r\n                <div class=\"stat-icon\">\ud83e\udd1d<\/div>\r\n                <div class=\"stat-info\">\r\n                    <div class=\"stat-value\">120<\/div>\r\n                    <div class=\"stat-label\">Aides Totales<\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Statistique 2 : Solidarit\u00e9 -->\r\n            <div class=\"stat-item\">\r\n                <div class=\"stat-icon\">\u2764\ufe0f<\/div>\r\n                <div class=\"stat-info\">\r\n                    <div class=\"stat-value\">452K<\/div>\r\n                    <div class=\"stat-label\">Euro en F\u00e9vrier<\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Statistique 3 : Rapidit\u00e9 -->\r\n            <div class=\"stat-item\">\r\n                <div class=\"stat-icon\">\u26a1<\/div>\r\n                <div class=\"stat-info\">\r\n                    <div class=\"stat-value\">72h<\/div>\r\n                    <div class=\"stat-label\">Retrait moyen<\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Statistique 4 : Communaut\u00e9 -->\r\n            <div class=\"stat-item\">\r\n                <div class=\"stat-icon\">\ud83c\udf0d<\/div>\r\n                <div class=\"stat-info\">\r\n                    <div class=\"stat-value\">14M+<\/div>\r\n                    <div class=\"stat-label\">Membre SIVIH<\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<style>\r\n\/* SECTION STATISTIQUES SIVIH - STYLE PERSONNALIS\u00c9 *\/\r\n.sivih-stats-section {\r\n    width: 100%;\r\n    max-width: 100%;\r\n    margin: 50px 0;\r\n    padding: 0;\r\n    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\r\n}\r\n\r\n.sivih-stats-card {\r\n    background: white;\r\n    border-radius: 25px;\r\n    padding: 50px 60px;\r\n    box-shadow: 0 15px 40px rgba(255, 126, 0, 0.12);\r\n    border: 2px solid rgba(255, 126, 0, 0.15);\r\n    display: flex;\r\n    gap: 70px;\r\n    align-items: center;\r\n    margin: 0 40px;\r\n    position: relative;\r\n    min-height: 380px;\r\n    overflow: hidden;\r\n}\r\n\r\n\/* Effet de fond subtil *\/\r\n.sivih-stats-card::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    right: 0;\r\n    height: 5px;\r\n    background: linear-gradient(135deg, #FF7E00, #F33F5E);\r\n    z-index: 1;\r\n}\r\n\r\n.stats-header {\r\n    flex: 1;\r\n    text-align: left;\r\n    margin-bottom: 0;\r\n    position: relative;\r\n}\r\n\r\n.stats-header h2 {\r\n    font-size: 2.2rem;\r\n    font-weight: 900;\r\n    color: #1a1a2e;\r\n    margin-bottom: 30px;\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    letter-spacing: -0.5px;\r\n    text-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);\r\n}\r\n\r\n.completion-progress {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: flex-start;\r\n    gap: 30px;\r\n    margin-bottom: 35px;\r\n}\r\n\r\n.progress-text {\r\n    text-align: left;\r\n}\r\n\r\n.percentage {\r\n    display: block;\r\n    font-size: 3.5rem;\r\n    font-weight: 900;\r\n    color: #FF7E00;\r\n    line-height: 1;\r\n    text-shadow: 0 2px 8px rgba(255, 126, 0, 0.2);\r\n}\r\n\r\n.label {\r\n    font-size: 1.1rem;\r\n    color: #555;\r\n    font-weight: 700;\r\n    margin-top: 5px;\r\n    display: inline-block;\r\n    background: linear-gradient(135deg, rgba(255, 126, 0, 0.1), rgba(243, 63, 94, 0.1));\r\n    padding: 6px 15px;\r\n    border-radius: 20px;\r\n    border: 1px solid rgba(255, 126, 0, 0.2);\r\n}\r\n\r\n.progress-bar {\r\n    width: 220px;\r\n    height: 12px;\r\n    background: rgba(255, 126, 0, 0.1);\r\n    border-radius: 6px;\r\n    overflow: hidden;\r\n    border: 1px solid rgba(255, 126, 0, 0.2);\r\n    box-shadow: inset 0 2px 5px rgba(0, 0, 0, 0.05);\r\n}\r\n\r\n.progress-fill {\r\n    height: 100%;\r\n    background: linear-gradient(135deg, #FF7E00, #F33F5E);\r\n    border-radius: 6px;\r\n    transition: width 1.5s cubic-bezier(0.4, 0, 0.2, 1);\r\n    position: relative;\r\n    overflow: hidden;\r\n}\r\n\r\n.progress-fill::after {\r\n    content: '';\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    right: 0;\r\n    bottom: 0;\r\n    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.4), transparent);\r\n    animation: shimmer 2s infinite;\r\n}\r\n\r\n@keyframes shimmer {\r\n    0% { transform: translateX(-100%); }\r\n    100% { transform: translateX(100%); }\r\n}\r\n\r\n.online-members {\r\n    margin-top: 35px;\r\n}\r\n\r\n.online-members h3 {\r\n    font-size: 1.2rem;\r\n    color: #444;\r\n    margin-bottom: 20px;\r\n    font-weight: 800;\r\n    letter-spacing: 0.5px;\r\n    background: linear-gradient(135deg, rgba(255, 126, 0, 0.1), rgba(243, 63, 94, 0.1));\r\n    padding: 8px 20px;\r\n    border-radius: 20px;\r\n    display: inline-block;\r\n    border: 1px solid rgba(255, 126, 0, 0.2);\r\n}\r\n\r\n.members-grid {\r\n    display: flex;\r\n    justify-content: flex-start;\r\n    gap: 18px;\r\n}\r\n\r\n.member-avatar {\r\n    position: relative;\r\n    display: block;\r\n    text-decoration: none;\r\n    transition: all 0.4s ease;\r\n    cursor: pointer;\r\n}\r\n\r\n.member-avatar:hover {\r\n    transform: translateY(-8px) scale(1.1);\r\n    z-index: 10;\r\n}\r\n\r\n.member-avatar img {\r\n    width: 55px;\r\n    height: 55px;\r\n    border-radius: 50%;\r\n    object-fit: cover;\r\n    border: 3px solid white;\r\n    box-shadow: 0 5px 20px rgba(255, 126, 0, 0.2);\r\n    transition: all 0.3s ease;\r\n}\r\n\r\n.member-avatar:hover img {\r\n    border-color: #FF7E00;\r\n    box-shadow: 0 8px 30px rgba(255, 126, 0, 0.4);\r\n}\r\n\r\n.member-avatar.online::after {\r\n    content: '';\r\n    position: absolute;\r\n    bottom: 3px;\r\n    right: 3px;\r\n    width: 14px;\r\n    height: 14px;\r\n    background: #48bb78;\r\n    border-radius: 50%;\r\n    border: 3px solid white;\r\n    box-shadow: 0 0 10px rgba(72, 187, 120, 0.5);\r\n    z-index: 2;\r\n}\r\n\r\n.stats-grid {\r\n    flex: 1;\r\n    display: grid;\r\n    grid-template-columns: repeat(2, 1fr);\r\n    gap: 30px;\r\n    margin-bottom: 0;\r\n}\r\n\r\n.stat-item {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 25px;\r\n    padding: 25px;\r\n    background: linear-gradient(135deg, rgba(255, 126, 0, 0.05), rgba(243, 63, 94, 0.05));\r\n    border-radius: 20px;\r\n    border-left: 5px solid #FF7E00;\r\n    border-right: 1px solid rgba(255, 126, 0, 0.1);\r\n    border-top: 1px solid rgba(255, 126, 0, 0.1);\r\n    border-bottom: 1px solid rgba(255, 126, 0, 0.1);\r\n    transition: all 0.4s ease;\r\n    cursor: pointer;\r\n    position: relative;\r\n    overflow: hidden;\r\n}\r\n\r\n.stat-item::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, 126, 0, 0.1), transparent);\r\n    transition: left 0.6s ease;\r\n}\r\n\r\n.stat-item:hover::before {\r\n    left: 100%;\r\n}\r\n\r\n.stat-item:hover {\r\n    transform: translateY(-8px);\r\n    box-shadow: 0 15px 40px rgba(255, 126, 0, 0.15);\r\n    border-color: rgba(255, 126, 0, 0.3);\r\n    background: linear-gradient(135deg, rgba(255, 126, 0, 0.08), rgba(243, 63, 94, 0.08));\r\n}\r\n\r\n.stat-icon {\r\n    font-size: 2.8rem;\r\n    transition: transform 0.3s ease;\r\n}\r\n\r\n.stat-item:hover .stat-icon {\r\n    transform: scale(1.2) rotate(10deg);\r\n}\r\n\r\n.stat-info {\r\n    flex: 1;\r\n}\r\n\r\n.stat-value {\r\n    font-size: 1.8rem;\r\n    font-weight: 900;\r\n    color: #1a1a2e;\r\n    line-height: 1;\r\n    margin-bottom: 8px;\r\n    text-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);\r\n}\r\n\r\n.stat-label {\r\n    font-size: 0.95rem;\r\n    color: #555;\r\n    font-weight: 700;\r\n    letter-spacing: 0.5px;\r\n    background: rgba(255, 255, 255, 0.7);\r\n    padding: 4px 12px;\r\n    border-radius: 15px;\r\n    display: inline-block;\r\n    border: 1px solid rgba(255, 126, 0, 0.2);\r\n}\r\n\r\n\/* Pour les grands \u00e9crans *\/\r\n@media (min-width: 1400px) {\r\n    .sivih-stats-card {\r\n        margin: 0 80px;\r\n        padding: 60px 70px;\r\n    }\r\n    \r\n    .stats-header h2 {\r\n        font-size: 2.4rem;\r\n    }\r\n    \r\n    .percentage {\r\n        font-size: 4rem;\r\n    }\r\n    \r\n    .progress-bar {\r\n        width: 250px;\r\n    }\r\n}\r\n\r\n\/* RESPONSIVE DESIGN - Comme votre header *\/\r\n@media (max-width: 992px) {\r\n    .sivih-stats-card {\r\n        margin: 0 30px;\r\n        padding: 40px;\r\n        gap: 40px;\r\n    }\r\n    \r\n    .stats-header h2 {\r\n        font-size: 1.9rem;\r\n    }\r\n    \r\n    .percentage {\r\n        font-size: 3rem;\r\n    }\r\n    \r\n    .progress-bar {\r\n        width: 200px;\r\n    }\r\n    \r\n    .stat-item {\r\n        padding: 20px;\r\n        gap: 20px;\r\n    }\r\n    \r\n    .stat-icon {\r\n        font-size: 2.4rem;\r\n    }\r\n    \r\n    .stat-value {\r\n        font-size: 1.6rem;\r\n    }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n    .sivih-stats-card {\r\n        flex-direction: column;\r\n        gap: 40px;\r\n        padding: 35px 30px;\r\n        min-height: auto;\r\n        margin: 0 25px;\r\n    }\r\n    \r\n    .stats-header {\r\n        text-align: center;\r\n    }\r\n    \r\n    .completion-progress {\r\n        justify-content: center;\r\n        flex-direction: column;\r\n        gap: 20px;\r\n    }\r\n    \r\n    .progress-text {\r\n        text-align: center;\r\n    }\r\n    \r\n    .members-grid {\r\n        justify-content: center;\r\n    }\r\n    \r\n    .stats-grid {\r\n        width: 100%;\r\n    }\r\n    \r\n    .online-members h3 {\r\n        text-align: center;\r\n        display: block;\r\n    }\r\n}\r\n\r\n@media (max-width: 576px) {\r\n    .sivih-stats-section {\r\n        margin: 40px 0;\r\n    }\r\n    \r\n    .sivih-stats-card {\r\n        padding: 30px 25px;\r\n        margin: 0 20px;\r\n        border-radius: 20px;\r\n    }\r\n    \r\n    .stats-header h2 {\r\n        font-size: 1.7rem;\r\n    }\r\n    \r\n    .percentage {\r\n        font-size: 2.5rem;\r\n    }\r\n    \r\n    .progress-bar {\r\n        width: 180px;\r\n        height: 10px;\r\n    }\r\n    \r\n    .stat-item {\r\n        padding: 18px;\r\n        gap: 15px;\r\n        border-radius: 15px;\r\n    }\r\n    \r\n    .stat-icon {\r\n        font-size: 2rem;\r\n    }\r\n    \r\n    .stat-value {\r\n        font-size: 1.4rem;\r\n    }\r\n    \r\n    .stat-label {\r\n        font-size: 0.85rem;\r\n    }\r\n    \r\n    .member-avatar img {\r\n        width: 50px;\r\n        height: 50px;\r\n    }\r\n    \r\n    .members-grid {\r\n        gap: 15px;\r\n    }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n    .sivih-stats-card {\r\n        padding: 25px 20px;\r\n        margin: 0 15px;\r\n        border-radius: 18px;\r\n    }\r\n    \r\n    .stats-header h2 {\r\n        font-size: 1.5rem;\r\n    }\r\n    \r\n    .percentage {\r\n        font-size: 2.2rem;\r\n    }\r\n    \r\n    .progress-bar {\r\n        width: 160px;\r\n    }\r\n    \r\n    .stats-grid {\r\n        grid-template-columns: 1fr;\r\n        gap: 20px;\r\n    }\r\n    \r\n    .stat-item {\r\n        padding: 20px;\r\n    }\r\n    \r\n    .member-avatar img {\r\n        width: 45px;\r\n        height: 45px;\r\n    }\r\n}\r\n\r\n@media (max-width: 360px) {\r\n    .sivih-stats-card {\r\n        padding: 20px 18px;\r\n        margin: 0 12px;\r\n    }\r\n    \r\n    .stats-header h2 {\r\n        font-size: 1.3rem;\r\n    }\r\n    \r\n    .percentage {\r\n        font-size: 2rem;\r\n    }\r\n    \r\n    .label {\r\n        font-size: 1rem;\r\n    }\r\n    \r\n    .progress-bar {\r\n        width: 140px;\r\n    }\r\n    \r\n    .stat-item {\r\n        padding: 18px 15px;\r\n    }\r\n    \r\n    .stat-icon {\r\n        font-size: 1.8rem;\r\n    }\r\n    \r\n    .stat-value {\r\n        font-size: 1.3rem;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<script>\r\n\/\/ Script pour la section statistiques SIVIH\r\ndocument.addEventListener('DOMContentLoaded', function() {\r\n    const statsCard = document.querySelector('.sivih-stats-card');\r\n    const progressFill = document.querySelector('.progress-fill');\r\n    const statItems = document.querySelectorAll('.stat-item');\r\n    const memberAvatars = document.querySelectorAll('.member-avatar');\r\n    const statValues = document.querySelectorAll('.stat-value');\r\n    \r\n    \/\/ 1. Animation d'entr\u00e9e de la carte\r\n    setTimeout(() => {\r\n        statsCard.style.opacity = '1';\r\n        statsCard.style.transform = 'translateY(0)';\r\n    }, 300);\r\n    \r\n    \/\/ Initialiser l'opacit\u00e9\r\n    statsCard.style.opacity = '0';\r\n    statsCard.style.transform = 'translateY(30px)';\r\n    statsCard.style.transition = 'opacity 0.6s ease, transform 0.6s ease';\r\n    \r\n    \/\/ 2. Animation de la barre de progression\r\n    setTimeout(() => {\r\n        progressFill.style.width = '94%';\r\n        \r\n        \/\/ Ajouter une vibration subtile \u00e0 la fin\r\n        setTimeout(() => {\r\n            progressFill.style.transform = 'scale(1.05)';\r\n            progressFill.style.transition = 'transform 0.3s ease';\r\n            \r\n            setTimeout(() => {\r\n                progressFill.style.transform = 'scale(1)';\r\n            }, 300);\r\n        }, 1500);\r\n    }, 800);\r\n    \r\n    \/\/ 3. Animation des statistiques (compteur)\r\n    statValues.forEach(stat => {\r\n        const originalText = stat.textContent;\r\n        let finalValue;\r\n        \r\n        \/\/ D\u00e9terminer la valeur finale\r\n        if (originalText.includes('K')) {\r\n            finalValue = parseInt(originalText.replace('K+', '').replace('K', '')) * 1000;\r\n        } else if (originalText.includes('h')) {\r\n            finalValue = parseInt(originalText.replace('h', ''));\r\n        } else {\r\n            finalValue = parseInt(originalText);\r\n        }\r\n        \r\n        let currentValue = 0;\r\n        const increment = finalValue \/ 40; \/\/ Animation sur 2 secondes (50ms * 40)\r\n        \r\n        const timer = setInterval(() => {\r\n            currentValue += increment;\r\n            \r\n            if (currentValue >= finalValue) {\r\n                currentValue = finalValue;\r\n                clearInterval(timer);\r\n                \r\n                \/\/ Petit rebond \u00e0 la fin\r\n                stat.style.transform = 'scale(1.1)';\r\n                setTimeout(() => {\r\n                    stat.style.transform = 'scale(1)';\r\n                    stat.style.transition = 'transform 0.2s ease';\r\n                }, 200);\r\n            }\r\n            \r\n            \/\/ Formatage du nombre\r\n            let displayValue;\r\n            if (originalText.includes('K+')) {\r\n                displayValue = Math.floor(currentValue \/ 1000) + 'K+';\r\n            } else if (originalText.includes('K')) {\r\n                displayValue = (currentValue \/ 1000).toFixed(0) + 'K';\r\n            } else if (originalText.includes('h')) {\r\n                displayValue = Math.floor(currentValue) + 'h';\r\n            } else {\r\n                displayValue = Math.floor(currentValue);\r\n            }\r\n            \r\n            stat.textContent = displayValue;\r\n        }, 50);\r\n    });\r\n    \r\n    \/\/ 4. Effets de clic sur les statistiques\r\n    statItems.forEach((item, index) => {\r\n        \/\/ Animation d'entr\u00e9e s\u00e9quenc\u00e9e\r\n        item.style.opacity = '0';\r\n        item.style.transform = 'translateY(20px)';\r\n        \r\n        setTimeout(() => {\r\n            item.style.transition = 'all 0.5s ease ' + (index * 0.1) + 's';\r\n            item.style.opacity = '1';\r\n            item.style.transform = 'translateY(0)';\r\n        }, 500);\r\n        \r\n        \/\/ Effet de clic\r\n        item.addEventListener('click', function() {\r\n            \/\/ Animation de rebondissement\r\n            this.style.transform = 'translateY(-12px) scale(1.05)';\r\n            \r\n            \/\/ R\u00e9cup\u00e9rer l'ic\u00f4ne et le texte\r\n            const icon = this.querySelector('.stat-icon');\r\n            const label = this.querySelector('.stat-label').textContent;\r\n            \r\n            \/\/ Animation de l'ic\u00f4ne\r\n            if (icon) {\r\n                icon.style.transform = 'scale(1.4) rotate(360deg)';\r\n                icon.style.transition = 'transform 0.6s ease';\r\n            }\r\n            \r\n            \/\/ Effet de particules\r\n            for (let i = 0; i < 5; i++) {\r\n                const particle = document.createElement('span');\r\n                particle.innerHTML = icon ? icon.textContent : '\u2728';\r\n                particle.style.position = 'absolute';\r\n                particle.style.fontSize = '1.5rem';\r\n                particle.style.opacity = '0';\r\n                particle.style.zIndex = '1';\r\n                particle.style.pointerEvents = 'none';\r\n                particle.style.transition = 'all 0.8s ease';\r\n                \r\n                \/\/ Position al\u00e9atoire\r\n                const angle = Math.random() * Math.PI * 2;\r\n                const distance = 40 + Math.random() * 30;\r\n                const x = Math.cos(angle) * distance;\r\n                const y = Math.sin(angle) * distance;\r\n                \r\n                particle.style.left = '50%';\r\n                particle.style.top = '50%';\r\n                \r\n                this.appendChild(particle);\r\n                \r\n                \/\/ Animation de la particule\r\n                setTimeout(() => {\r\n                    particle.style.opacity = '1';\r\n                    particle.style.transform = `translate(${x}px, ${y}px) scale(1.5)`;\r\n                    \r\n                    \/\/ Disparition\r\n                    setTimeout(() => {\r\n                        particle.style.opacity = '0';\r\n                        particle.style.transform = `translate(${x * 1.5}px, ${y * 1.5}px) scale(0.5)`;\r\n                        \r\n                        \/\/ Suppression\r\n                        setTimeout(() => {\r\n                            if (particle.parentNode) {\r\n                                particle.parentNode.removeChild(particle);\r\n                            }\r\n                        }, 800);\r\n                    }, 500);\r\n                }, 10);\r\n            }\r\n            \r\n            \/\/ R\u00e9initialisation\r\n            setTimeout(() => {\r\n                this.style.transform = '';\r\n                \r\n                if (icon) {\r\n                    setTimeout(() => {\r\n                        icon.style.transform = '';\r\n                    }, 600);\r\n                }\r\n            }, 300);\r\n            \r\n            \/\/ Log pour tracking\r\n            console.log(`\ud83d\udcca Statistique cliqu\u00e9e: ${label}`);\r\n        });\r\n    });\r\n    \r\n    \/\/ 5. Effets sur les avatars des membres\r\n    memberAvatars.forEach(avatar => {\r\n        \/\/ Animation de survol avec d\u00e9lai\r\n        let hoverTimer;\r\n        \r\n        avatar.addEventListener('mouseenter', function() {\r\n            clearTimeout(hoverTimer);\r\n            \r\n            \/\/ Effet de lueur sur le point de statut\r\n            const statusDot = this.querySelector('.online::after');\r\n            if (statusDot) {\r\n                this.style.setProperty('--dot-glow', '0 0 20px #48bb78');\r\n            }\r\n            \r\n            \/\/ Cr\u00e9er une bulle d'information\r\n            const tooltip = document.createElement('div');\r\n            tooltip.textContent = 'Membre SIVIH actif';\r\n            tooltip.style.position = 'absolute';\r\n            tooltip.style.top = '-40px';\r\n            tooltip.style.left = '50%';\r\n            tooltip.style.transform = 'translateX(-50%)';\r\n            tooltip.style.background = 'rgba(255, 126, 0, 0.95)';\r\n            tooltip.style.color = 'white';\r\n            tooltip.style.padding = '6px 12px';\r\n            tooltip.style.borderRadius = '10px';\r\n            tooltip.style.fontSize = '0.8rem';\r\n            tooltip.style.fontWeight = '700';\r\n            tooltip.style.boxShadow = '0 5px 20px rgba(255, 126, 0, 0.3)';\r\n            tooltip.style.zIndex = '100';\r\n            tooltip.style.opacity = '0';\r\n            tooltip.style.transition = 'opacity 0.3s ease';\r\n            tooltip.style.whiteSpace = 'nowrap';\r\n            \r\n            this.appendChild(tooltip);\r\n            \r\n            \/\/ Afficher la bulle avec d\u00e9lai\r\n            hoverTimer = setTimeout(() => {\r\n                tooltip.style.opacity = '1';\r\n            }, 300);\r\n        });\r\n        \r\n        avatar.addEventListener('mouseleave', function() {\r\n            clearTimeout(hoverTimer);\r\n            \r\n            \/\/ Supprimer la bulle\r\n            const tooltip = this.querySelector('div');\r\n            if (tooltip) {\r\n                tooltip.style.opacity = '0';\r\n                setTimeout(() => {\r\n                    if (tooltip.parentNode) {\r\n                        tooltip.parentNode.removeChild(tooltip);\r\n                    }\r\n                }, 300);\r\n            }\r\n        });\r\n    });\r\n    \r\n    \/\/ 6. Animation p\u00e9riodique de la barre de progression\r\n    setInterval(() => {\r\n        progressFill.style.transform = 'scale(1.02)';\r\n        progressFill.style.transition = 'transform 0.3s ease';\r\n        \r\n        setTimeout(() => {\r\n            progressFill.style.transform = 'scale(1)';\r\n        }, 300);\r\n    }, 15000);\r\n    \r\n    \/\/ 7. Effet de scroll parallaxe (optionnel)\r\n    let lastScrollTop = 0;\r\n    \r\n    window.addEventListener('scroll', function() {\r\n        const scrollTop = window.pageYOffset || document.documentElement.scrollTop;\r\n        const cardRect = statsCard.getBoundingClientRect();\r\n        \r\n        \/\/ V\u00e9rifier si la carte est visible\r\n        if (cardRect.top < window.innerHeight && cardRect.bottom > 0) {\r\n            const speed = 0.05;\r\n            const offset = (scrollTop - lastScrollTop) * speed;\r\n            \r\n            \/\/ Effet de profondeur sur la barre de progression\r\n            progressFill.style.transform = `translateY(${offset}px)`;\r\n            progressFill.style.transition = 'transform 0.1s ease';\r\n        }\r\n        \r\n        lastScrollTop = scrollTop;\r\n    });\r\n    \r\n    console.log('\ud83d\udcc8 Section statistiques SIVIH initialis\u00e9e avec succ\u00e8s');\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-f8050b0 e-flex e-con-boxed e-con e-parent\" data-id=\"f8050b0\" 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-5c53f45 elementor-widget elementor-widget-html\" data-id=\"5c53f45\" 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\/* SECTION CTA SIVIH - Style bas\u00e9 sur votre header *\/\r\n.sivih-cta-section {\r\n    background: linear-gradient(135deg, #FF7E00, #F33F5E);\r\n    padding: 60px 40px;\r\n    border-radius: 25px;\r\n    color: white;\r\n    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\r\n    max-width: 1400px;\r\n    margin: 80px auto;\r\n    box-shadow: 0 20px 40px rgba(255, 126, 0, 0.25);\r\n    border: 2px solid rgba(255, 255, 255, 0.15);\r\n    position: relative;\r\n    overflow: hidden;\r\n}\r\n\r\n\/* Effet de fond avec d\u00e9grad\u00e9 subtil *\/\r\n.sivih-cta-section::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    right: 0;\r\n    height: 100%;\r\n    background-image: \r\n        radial-gradient(circle at 20% 30%, rgba(255, 255, 255, 0.1) 0%, transparent 50%),\r\n        radial-gradient(circle at 80% 70%, rgba(243, 63, 94, 0.1) 0%, transparent 50%);\r\n    pointer-events: none;\r\n}\r\n\r\n.sivih-cta-container {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    gap: 50px;\r\n    max-width: 1200px;\r\n    margin: 0 auto;\r\n    position: relative;\r\n    z-index: 2;\r\n}\r\n\r\n\/* Contenu textuel *\/\r\n.cta-text-content {\r\n    flex: 1;\r\n}\r\n\r\n.cta-main-title {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 20px;\r\n    margin-bottom: 20px;\r\n}\r\n\r\n.community-emoji {\r\n    font-size: 3.5rem;\r\n    animation: float 3s ease-in-out infinite;\r\n    filter: drop-shadow(0 5px 15px rgba(0, 0, 0, 0.2));\r\n}\r\n\r\n@keyframes float {\r\n    0%, 100% { \r\n        transform: translateY(0) rotate(0deg); \r\n    }\r\n    50% { \r\n        transform: translateY(-15px) rotate(5deg); \r\n    }\r\n}\r\n\r\n.cta-main-title h1 {\r\n    font-size: 3rem;\r\n    font-weight: 900;\r\n    margin: 0;\r\n    line-height: 1.1;\r\n    letter-spacing: -0.5px;\r\n    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);\r\n}\r\n\r\n.solidarity-highlight {\r\n    background: linear-gradient(135deg, #FFFFFF, rgba(255, 255, 255, 0.9));\r\n    -webkit-background-clip: text;\r\n    -webkit-text-fill-color: transparent;\r\n    background-clip: text;\r\n    display: inline-block;\r\n    position: relative;\r\n}\r\n\r\n.solidarity-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: rgba(255, 255, 255, 0.5);\r\n    border-radius: 2px;\r\n}\r\n\r\n.cta-description {\r\n    font-size: 1.4rem;\r\n    line-height: 1.6;\r\n    margin: 0;\r\n    opacity: 0.95;\r\n    font-weight: 400;\r\n    max-width: 700px;\r\n    color: rgba(255, 255, 255, 0.95);\r\n    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);\r\n}\r\n\r\n.cta-description strong {\r\n    color: #FFD700;\r\n    font-weight: 700;\r\n    text-shadow: 0 2px 5px rgba(255, 215, 0, 0.3);\r\n}\r\n\r\n\/* Conteneur du bouton *\/\r\n.cta-button-container {\r\n    flex-shrink: 0;\r\n    position: relative;\r\n}\r\n\r\n\/* Bouton CTA principal *\/\r\n.sivih-cta-btn {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 15px;\r\n    background: rgba(255, 255, 255, 0.95);\r\n    color: #FF7E00;\r\n    padding: 22px 45px;\r\n    border-radius: 20px;\r\n    font-weight: 800;\r\n    font-size: 1.3rem;\r\n    text-decoration: none;\r\n    transition: all 0.4s ease;\r\n    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.2);\r\n    white-space: nowrap;\r\n    position: relative;\r\n    overflow: hidden;\r\n    border: 2px solid rgba(255, 255, 255, 0.3);\r\n    letter-spacing: 0.5px;\r\n}\r\n\r\n\/* Effet de brillance au survol *\/\r\n.sivih-cta-btn::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.sivih-cta-btn:hover::before {\r\n    left: 100%;\r\n}\r\n\r\n.sivih-cta-btn:hover {\r\n    transform: translateY(-5px) scale(1.05);\r\n    box-shadow: 0 20px 45px rgba(0, 0, 0, 0.3);\r\n    background: white;\r\n    color: #FF7E00;\r\n    border-color: rgba(255, 255, 255, 0.5);\r\n}\r\n\r\n.sivih-cta-btn:active {\r\n    transform: translateY(-2px) scale(1.02);\r\n}\r\n\r\n.btn-emoji {\r\n    font-size: 1.8rem;\r\n    transition: transform 0.3s ease;\r\n}\r\n\r\n.sivih-cta-btn:hover .btn-emoji {\r\n    transform: rotate(15deg) scale(1.2);\r\n}\r\n\r\n\/* Badge de notification (optionnel) *\/\r\n.member-badge {\r\n    position: absolute;\r\n    top: -15px;\r\n    right: -15px;\r\n    width: 50px;\r\n    height: 50px;\r\n    background: #FFD700;\r\n    border-radius: 50%;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    font-size: 0.9rem;\r\n    font-weight: 900;\r\n    color: #FF7E00;\r\n    border: 3px solid white;\r\n    box-shadow: 0 5px 20px rgba(255, 215, 0, 0.4);\r\n    animation: badgePulse 2s infinite;\r\n    z-index: 3;\r\n}\r\n\r\n@keyframes badgePulse {\r\n    0% {\r\n        transform: scale(1);\r\n        box-shadow: 0 0 0 0 rgba(255, 215, 0, 0.4);\r\n    }\r\n    70% {\r\n        transform: scale(1.1);\r\n        box-shadow: 0 0 0 15px rgba(255, 215, 0, 0);\r\n    }\r\n    100% {\r\n        transform: scale(1);\r\n        box-shadow: 0 0 0 0 rgba(255, 215, 0, 0);\r\n    }\r\n}\r\n\r\n\/* RESPONSIVE DESIGN - Comme votre header *\/\r\n@media (max-width: 1400px) {\r\n    .sivih-cta-section {\r\n        max-width: 1200px;\r\n        padding: 50px 35px;\r\n    }\r\n    \r\n    .sivih-cta-container {\r\n        gap: 40px;\r\n    }\r\n    \r\n    .cta-main-title h1 {\r\n        font-size: 2.7rem;\r\n    }\r\n    \r\n    .community-emoji {\r\n        font-size: 3rem;\r\n    }\r\n}\r\n\r\n@media (max-width: 992px) {\r\n    .sivih-cta-section {\r\n        max-width: 95%;\r\n        padding: 45px 30px;\r\n        margin: 60px auto;\r\n    }\r\n    \r\n    .sivih-cta-container {\r\n        flex-direction: column;\r\n        text-align: center;\r\n        gap: 35px;\r\n    }\r\n    \r\n    .cta-main-title {\r\n        justify-content: center;\r\n    }\r\n    \r\n    .cta-main-title h1 {\r\n        font-size: 2.4rem;\r\n    }\r\n    \r\n    .cta-description {\r\n        font-size: 1.2rem;\r\n        max-width: 90%;\r\n        margin: 0 auto;\r\n    }\r\n    \r\n    .community-emoji {\r\n        font-size: 2.8rem;\r\n    }\r\n    \r\n    .sivih-cta-btn {\r\n        padding: 20px 40px;\r\n        font-size: 1.2rem;\r\n    }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n    .sivih-cta-section {\r\n        padding: 40px 25px;\r\n        margin: 50px auto;\r\n        border-radius: 20px;\r\n    }\r\n    \r\n    .cta-main-title h1 {\r\n        font-size: 2.1rem;\r\n    }\r\n    \r\n    .community-emoji {\r\n        font-size: 2.5rem;\r\n    }\r\n    \r\n    .cta-description {\r\n        font-size: 1.1rem;\r\n        max-width: 95%;\r\n    }\r\n    \r\n    .sivih-cta-btn {\r\n        padding: 18px 35px;\r\n        font-size: 1.1rem;\r\n    }\r\n    \r\n    .member-badge {\r\n        width: 45px;\r\n        height: 45px;\r\n        font-size: 0.8rem;\r\n    }\r\n}\r\n\r\n@media (max-width: 576px) {\r\n    .sivih-cta-section {\r\n        padding: 35px 20px;\r\n        margin: 40px 15px;\r\n        border-radius: 18px;\r\n    }\r\n    \r\n    .cta-main-title {\r\n        flex-direction: column;\r\n        gap: 15px;\r\n    }\r\n    \r\n    .cta-main-title h1 {\r\n        font-size: 1.9rem;\r\n        text-align: center;\r\n    }\r\n    \r\n    .community-emoji {\r\n        font-size: 2.3rem;\r\n    }\r\n    \r\n    .cta-description {\r\n        font-size: 1rem;\r\n    }\r\n    \r\n    .sivih-cta-btn {\r\n        padding: 16px 30px;\r\n        font-size: 1rem;\r\n        width: 100%;\r\n        max-width: 300px;\r\n    }\r\n    \r\n    .member-badge {\r\n        width: 40px;\r\n        height: 40px;\r\n        font-size: 0.75rem;\r\n        top: -12px;\r\n        right: -12px;\r\n    }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n    .sivih-cta-section {\r\n        padding: 30px 18px;\r\n        margin: 35px 12px;\r\n    }\r\n    \r\n    .cta-main-title h1 {\r\n        font-size: 1.7rem;\r\n    }\r\n    \r\n    .community-emoji {\r\n        font-size: 2rem;\r\n    }\r\n    \r\n    .cta-description {\r\n        font-size: 0.95rem;\r\n    }\r\n    \r\n    .sivih-cta-btn {\r\n        padding: 15px 25px;\r\n        font-size: 0.95rem;\r\n        max-width: 280px;\r\n        flex-direction: column;\r\n        gap: 8px;\r\n    }\r\n    \r\n    .btn-emoji {\r\n        font-size: 1.5rem;\r\n    }\r\n}\r\n\r\n@media (max-width: 360px) {\r\n    .sivih-cta-section {\r\n        padding: 25px 15px;\r\n        margin: 30px 10px;\r\n    }\r\n    \r\n    .cta-main-title h1 {\r\n        font-size: 1.5rem;\r\n    }\r\n    \r\n    .community-emoji {\r\n        font-size: 1.8rem;\r\n    }\r\n    \r\n    .sivih-cta-btn {\r\n        padding: 14px 22px;\r\n        font-size: 0.9rem;\r\n        max-width: 260px;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<div class=\"sivih-cta-section\">\r\n    <div class=\"sivih-cta-container\">\r\n        <div class=\"cta-text-content\">\r\n            <div class=\"cta-main-title\">\r\n                <span class=\"community-emoji\">\ud83e\udd1d<\/span>\r\n                <h1>Souriez avec<span class=\"solidarity-highlight\"> Notre Communaut\u00e9<\/span><\/h1>\r\n            <\/div>\r\n            <p class=\"cta-description\">\r\n             Ici, nous transformons ensemble les difficult\u00e9s en espoir. Avec votre cagnotte solidaire, nous serons \u00e0 vos c\u00f4t\u00e9s pour <strong>vous aider \u00e0 surmonter vos \u00e9preuves et retrouver la joie que vous m\u00e9ritez<\/strong>.\r\n            <\/p>\r\n        <\/div>\r\n        \r\n        <div class=\"cta-button-container\">\r\n            <a href=\"https:\/\/sivih.org\/inscription-membres\/\" class=\"sivih-cta-btn\" target=\"_blank\">\r\n                <span class=\"btn-emoji\">\ud83c\udfaf<\/span>\r\n                Je commence maintenant\r\n                <span class=\"member-badge\">13K+<\/span>\r\n            <\/a>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<script>\r\n\/\/ Script pour la section CTA SIVIH\r\ndocument.addEventListener('DOMContentLoaded', function() {\r\n    const ctaButton = document.querySelector('.sivih-cta-btn');\r\n    const badge = document.querySelector('.member-badge');\r\n    const communityEmoji = document.querySelector('.community-emoji');\r\n    \r\n    \/\/ 1. Effet de clic sur le bouton CTA\r\n    ctaButton.addEventListener('click', function(e) {\r\n        \/\/ Animation de clic\r\n        this.style.transform = 'scale(0.95)';\r\n        setTimeout(() => {\r\n            this.style.transform = '';\r\n        }, 200);\r\n        \r\n        \/\/ Animation du badge\r\n        if (badge) {\r\n            badge.style.transform = 'scale(1.3) rotate(360deg)';\r\n            badge.style.background = '#FF7E00';\r\n            badge.style.color = 'white';\r\n            \r\n            setTimeout(() => {\r\n                badge.style.transform = '';\r\n                badge.style.background = '#FFD700';\r\n                badge.style.color = '#FF7E00';\r\n            }, 500);\r\n        }\r\n        \r\n        \/\/ Log pour tracking (vous pouvez remplacer par votre analytics)\r\n        console.log('\ud83c\udfaf CTA SIVIH cliqu\u00e9 - Redirection vers la page d\\'inscription');\r\n    });\r\n    \r\n    \/\/ 2. Animation de survol avanc\u00e9e\r\n    ctaButton.addEventListener('mouseenter', function() {\r\n        \/\/ Animation de l'emoji dans le bouton\r\n        const btnEmoji = this.querySelector('.btn-emoji');\r\n        if (btnEmoji) {\r\n            btnEmoji.style.transform = 'rotate(20deg) scale(1.3)';\r\n            btnEmoji.style.transition = 'transform 0.4s ease';\r\n        }\r\n        \r\n        \/\/ Animation du badge\r\n        if (badge) {\r\n            badge.style.transform = 'scale(1.2)';\r\n            badge.style.transition = 'transform 0.3s ease';\r\n        }\r\n    });\r\n    \r\n    ctaButton.addEventListener('mouseleave', function() {\r\n        \/\/ R\u00e9initialisation de l'emoji\r\n        const btnEmoji = this.querySelector('.btn-emoji');\r\n        if (btnEmoji) {\r\n            btnEmoji.style.transform = '';\r\n        }\r\n        \r\n        \/\/ R\u00e9initialisation du badge\r\n        if (badge) {\r\n            badge.style.transform = '';\r\n        }\r\n    });\r\n    \r\n    \/\/ 3. Animation interactive de l'emoji principal\r\n    communityEmoji.addEventListener('click', function() {\r\n        \/\/ Animation de rebondissement\r\n        this.style.transform = 'scale(1.5) rotate(360deg)';\r\n        this.style.transition = 'transform 0.8s ease';\r\n        \r\n        \/\/ Ajout d'un effet de particules (visuel simple)\r\n        const particles = ['\ud83e\udd1d', '\u2764\ufe0f', '\ud83c\udfaf', '\ud83d\ude80', '\u2728'];\r\n        for (let i = 0; i < 5; i++) {\r\n            const particle = document.createElement('span');\r\n            particle.textContent = particles[i];\r\n            particle.style.position = 'absolute';\r\n            particle.style.fontSize = '1.5rem';\r\n            particle.style.opacity = '0';\r\n            particle.style.transform = 'translate(0, 0)';\r\n            particle.style.transition = 'all 0.8s ease';\r\n            particle.style.zIndex = '1';\r\n            \r\n            \/\/ Position al\u00e9atoire autour de l'emoji\r\n            const angle = Math.random() * Math.PI * 2;\r\n            const distance = 80 + Math.random() * 40;\r\n            const x = Math.cos(angle) * distance;\r\n            const y = Math.sin(angle) * distance;\r\n            \r\n            particle.style.left = `calc(50% + ${x}px)`;\r\n            particle.style.top = `calc(50% + ${y}px)`;\r\n            \r\n            this.parentElement.appendChild(particle);\r\n            \r\n            \/\/ Animation de la particule\r\n            setTimeout(() => {\r\n                particle.style.opacity = '1';\r\n                particle.style.transform = `translate(${x * 1.5}px, ${y * 1.5}px) scale(1.5)`;\r\n                \r\n                \/\/ Disparition\r\n                setTimeout(() => {\r\n                    particle.style.opacity = '0';\r\n                    particle.style.transform = `translate(${x * 2}px, ${y * 2}px) scale(0.5)`;\r\n                    \r\n                    \/\/ Suppression apr\u00e8s animation\r\n                    setTimeout(() => {\r\n                        if (particle.parentNode) {\r\n                            particle.parentNode.removeChild(particle);\r\n                        }\r\n                    }, 800);\r\n                }, 400);\r\n            }, 10);\r\n        }\r\n        \r\n        \/\/ R\u00e9initialisation\r\n        setTimeout(() => {\r\n            this.style.transform = '';\r\n        }, 800);\r\n    });\r\n    \r\n    \/\/ 4. Animation au chargement de la section\r\n    const ctaSection = document.querySelector('.sivih-cta-section');\r\n    \r\n    \/\/ Initialiser avec opacit\u00e9 0\r\n    ctaSection.style.opacity = '0';\r\n    ctaSection.style.transform = 'translateY(30px)';\r\n    ctaSection.style.transition = 'opacity 0.8s ease, transform 0.8s ease';\r\n    \r\n    \/\/ Animation d'entr\u00e9e\r\n    setTimeout(() => {\r\n        ctaSection.style.opacity = '1';\r\n        ctaSection.style.transform = 'translateY(0)';\r\n    }, 300);\r\n    \r\n    \/\/ 5. Animation p\u00e9riodique de l'emoji principal\r\n    setInterval(() => {\r\n        \/\/ Animation subtile toutes les 15 secondes\r\n        communityEmoji.style.transform = 'scale(1.1)';\r\n        communityEmoji.style.transition = 'transform 0.3s ease';\r\n        \r\n        setTimeout(() => {\r\n            communityEmoji.style.transform = '';\r\n        }, 300);\r\n    }, 15000);\r\n    \r\n    \/\/ 6. Effet de parallaxe au scroll (optionnel)\r\n    let lastScrollTop = 0;\r\n    \r\n    window.addEventListener('scroll', function() {\r\n        const scrollTop = window.pageYOffset || document.documentElement.scrollTop;\r\n        const sectionRect = ctaSection.getBoundingClientRect();\r\n        \r\n        \/\/ V\u00e9rifier si la section est visible\r\n        if (sectionRect.top < window.innerHeight && sectionRect.bottom > 0) {\r\n            const speed = 0.3;\r\n            const offset = (scrollTop - lastScrollTop) * speed;\r\n            \r\n            \/\/ Effet de profondeur sur l'emoji\r\n            communityEmoji.style.transform = `translateY(${offset}px)`;\r\n            communityEmoji.style.transition = 'transform 0.1s ease';\r\n        }\r\n        \r\n        lastScrollTop = scrollTop;\r\n    });\r\n    \r\n    console.log('\ud83d\ude80 Section CTA SIVIH initialis\u00e9e avec succ\u00e8s');\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-dc0a697 e-flex e-con-boxed e-con e-parent\" data-id=\"dc0a697\" 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-7fb529c elementor-widget elementor-widget-html\" data-id=\"7fb529c\" 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\/* STYLES POUR LA STRUCTURE DE DEUX COLONNES - STYLE SIVIH *\/\r\n.combined-section {\r\n    max-width: 1400px;\r\n    margin: 80px auto;\r\n    padding: 0 40px;\r\n    font-family: 'Segoe UI', system-ui, -apple-system, sans-serif;\r\n}\r\n\r\n.two-column-container {\r\n    display: flex;\r\n    gap: 40px;\r\n    align-items: flex-start;\r\n}\r\n\r\n.column {\r\n    flex: 1;\r\n    min-width: 0;\r\n}\r\n\r\n.faq-column {\r\n    flex: 1.2;\r\n}\r\n\r\n.help-column {\r\n    flex: 0.8;\r\n}\r\n\r\n\/* STYLES FAQ - COULEURS SIVIH *\/\r\n.faq-accordion {\r\n    width: 100%;\r\n}\r\n\r\n.accordion-header {\r\n    text-align: center;\r\n    margin-bottom: 40px;\r\n}\r\n\r\n.accordion-header h2 {\r\n    font-size: 2.5em;\r\n    font-weight: 900;\r\n    color: #1a1a2e;\r\n    margin-bottom: 15px;\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    letter-spacing: -0.5px;\r\n}\r\n\r\n.accordion-header p {\r\n    font-size: 1.2em;\r\n    color: #4a5568;\r\n    line-height: 1.6;\r\n    max-width: 600px;\r\n    margin: 0 auto;\r\n}\r\n\r\n.accordion {\r\n    border-radius: 20px;\r\n    overflow: hidden;\r\n    box-shadow: 0 5px 30px rgba(255, 126, 0, 0.15);\r\n    border: 1px solid rgba(255, 126, 0, 0.1);\r\n}\r\n\r\n.accordion-item {\r\n    border-bottom: 1px solid rgba(255, 126, 0, 0.1);\r\n}\r\n\r\n.accordion-item:last-child {\r\n    border-bottom: none;\r\n}\r\n\r\n.accordion-button {\r\n    width: 100%;\r\n    background: white;\r\n    border: none;\r\n    padding: 25px 30px;\r\n    text-align: left;\r\n    cursor: pointer;\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    transition: all 0.3s ease;\r\n    font-size: 1.1em;\r\n    font-weight: 700;\r\n    color: #1a1a2e;\r\n}\r\n\r\n.accordion-button:hover {\r\n    background: rgba(255, 126, 0, 0.05);\r\n}\r\n\r\n.accordion-button.active {\r\n    background: linear-gradient(135deg, #FF7E00, #F33F5E);\r\n    color: white;\r\n}\r\n\r\n.accordion-icon {\r\n    font-size: 1.5em;\r\n    font-weight: 300;\r\n    transition: transform 0.3s ease;\r\n    color: #FF7E00;\r\n}\r\n\r\n.accordion-button.active .accordion-icon {\r\n    transform: rotate(45deg);\r\n    color: white;\r\n}\r\n\r\n.accordion-content {\r\n    max-height: 0;\r\n    overflow: hidden;\r\n    transition: max-height 0.3s ease;\r\n    background: rgba(255, 126, 0, 0.03);\r\n}\r\n\r\n.accordion-content.active {\r\n    max-height: 500px;\r\n}\r\n\r\n.accordion-content p {\r\n    padding: 25px 30px;\r\n    margin: 0;\r\n    color: #555;\r\n    line-height: 1.7;\r\n    font-size: 1em;\r\n    border-top: 1px solid rgba(255, 126, 0, 0.1);\r\n}\r\n\r\n\/* Styles pour les listes dans le contenu FAQ *\/\r\n.accordion-content ul {\r\n    list-style: none;\r\n    padding: 0;\r\n    margin: 15px 0;\r\n}\r\n\r\n.accordion-content li {\r\n    position: relative;\r\n    padding-left: 25px;\r\n    margin-bottom: 10px;\r\n    color: #555;\r\n}\r\n\r\n.accordion-content li::before {\r\n    content: '\u2022';\r\n    position: absolute;\r\n    left: 0;\r\n    color: #FF7E00;\r\n    font-weight: bold;\r\n    font-size: 1.5rem;\r\n    line-height: 1;\r\n}\r\n\r\n\/* STYLES AIDE - STYLE SIVIH *\/\r\n.help-card {\r\n    background: white;\r\n    border-radius: 20px;\r\n    padding: 35px 30px;\r\n    box-shadow: 0 5px 30px rgba(0, 0, 0, 0.1);\r\n    border: 1px solid rgba(255, 126, 0, 0.1);\r\n    height: 100%;\r\n    display: flex;\r\n    flex-direction: column;\r\n    backdrop-filter: blur(10px);\r\n}\r\n\r\n.help-header {\r\n    text-align: center;\r\n    margin-bottom: 30px;\r\n}\r\n\r\n.help-header h3 {\r\n    font-size: 1.8em;\r\n    font-weight: 900;\r\n    color: #1a1a2e;\r\n    margin-bottom: 12px;\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.help-header p {\r\n    font-size: 1em;\r\n    color: #4a5568;\r\n    line-height: 1.6;\r\n    margin: 0;\r\n}\r\n\r\n.help-options {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 18px;\r\n    margin-bottom: 30px;\r\n    flex: 1;\r\n}\r\n\r\n.help-option {\r\n    display: flex;\r\n    align-items: flex-start;\r\n    gap: 15px;\r\n    padding: 20px;\r\n    background: rgba(255, 126, 0, 0.05);\r\n    border-radius: 15px;\r\n    border-left: 4px solid #FF7E00;\r\n    transition: all 0.3s ease;\r\n}\r\n\r\n.help-option:hover {\r\n    background: rgba(255, 126, 0, 0.1);\r\n    transform: translateX(5px);\r\n}\r\n\r\n.option-icon {\r\n    font-size: 1.5em;\r\n    flex-shrink: 0;\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.option-content h4 {\r\n    font-size: 1.1em;\r\n    font-weight: 700;\r\n    color: #1a1a2e;\r\n    margin-bottom: 5px;\r\n}\r\n\r\n.option-content p {\r\n    color: #718096;\r\n    font-size: 0.95em;\r\n    margin: 0;\r\n    line-height: 1.5;\r\n}\r\n\r\n.help-actions {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 10px;\r\n    margin-top: auto;\r\n}\r\n\r\n\/* BOUTON SIVIH *\/\r\n.primary-button {\r\n    display: block;\r\n    background: linear-gradient(135deg, #FF7E00, #F33F5E);\r\n    color: white;\r\n    padding: 15px 25px;\r\n    border-radius: 15px;\r\n    text-decoration: none;\r\n    font-weight: 700;\r\n    text-align: center;\r\n    transition: all 0.3s ease;\r\n    border: none;\r\n    font-size: 1em;\r\n    cursor: pointer;\r\n    box-shadow: 0 5px 20px rgba(255, 126, 0, 0.3);\r\n    border: 2px solid white;\r\n}\r\n\r\n.primary-button:hover {\r\n    transform: translateY(-3px);\r\n    box-shadow: 0 8px 25px rgba(255, 126, 0, 0.4);\r\n    color: white;\r\n    text-decoration: none;\r\n}\r\n\r\n\/* RESPONSIVE - M\u00caMES BREAKPOINTS QUE VOTRE HEADER *\/\r\n@media (max-width: 1400px) {\r\n    .combined-section {\r\n        padding: 0 30px;\r\n    }\r\n}\r\n\r\n@media (max-width: 992px) {\r\n    .combined-section {\r\n        padding: 0 25px;\r\n        margin: 60px auto;\r\n    }\r\n    \r\n    .accordion-header h2 {\r\n        font-size: 2.2em;\r\n    }\r\n    \r\n    .accordion-header p {\r\n        font-size: 1.1em;\r\n    }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n    .two-column-container {\r\n        flex-direction: column;\r\n        gap: 30px;\r\n    }\r\n    \r\n    .column {\r\n        width: 100%;\r\n    }\r\n    \r\n    .combined-section {\r\n        margin: 50px auto;\r\n        padding: 0 20px;\r\n    }\r\n    \r\n    .accordion-header h2 {\r\n        font-size: 2em;\r\n    }\r\n    \r\n    .accordion-header p {\r\n        font-size: 1em;\r\n    }\r\n    \r\n    .accordion-button {\r\n        padding: 20px 25px;\r\n        font-size: 1em;\r\n    }\r\n    \r\n    .accordion-content p {\r\n        padding: 20px 25px;\r\n    }\r\n    \r\n    .help-card {\r\n        padding: 30px 25px;\r\n    }\r\n    \r\n    .help-option {\r\n        padding: 18px;\r\n    }\r\n}\r\n\r\n@media (max-width: 576px) {\r\n    .combined-section {\r\n        padding: 0 15px;\r\n        margin: 40px auto;\r\n    }\r\n    \r\n    .accordion-header h2 {\r\n        font-size: 1.8em;\r\n    }\r\n    \r\n    .accordion-button {\r\n        padding: 18px 20px;\r\n        font-size: 0.95em;\r\n    }\r\n    \r\n    .accordion-content p {\r\n        padding: 18px 20px;\r\n    }\r\n    \r\n    .help-card {\r\n        padding: 25px 20px;\r\n    }\r\n    \r\n    .primary-button {\r\n        padding: 14px 20px;\r\n        font-size: 0.95em;\r\n    }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n    .combined-section {\r\n        padding: 0 10px;\r\n    }\r\n    \r\n    .accordion-header h2 {\r\n        font-size: 1.6em;\r\n    }\r\n    \r\n    .accordion-button {\r\n        padding: 16px 18px;\r\n        font-size: 0.9em;\r\n    }\r\n    \r\n    .accordion-content p {\r\n        padding: 16px 18px;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<div class=\"combined-section\">\r\n    <div class=\"two-column-container\">\r\n        <!-- Colonne 1 - FAQ -->\r\n        <div class=\"column faq-column\">\r\n            <div class=\"faq-accordion\">\r\n                <div class=\"accordion-header\">\r\n                    <h2>Questions Fr\u00e9quentes<\/h2>\r\n                    <p>Retrouvez les r\u00e9ponses aux questions les plus pos\u00e9es sur la communaut\u00e9 SIVIH<\/p>\r\n                <\/div>\r\n\r\n                <div class=\"accordion\">\r\n                    <!-- Item 1 -->\r\n                    <div class=\"accordion-item\">\r\n                        <button class=\"accordion-button\">\r\n                            <span>\ud83d\udca1 Comment fonctionne une cagnotte ?<\/span>\r\n                            <span class=\"accordion-icon\">+<\/span>\r\n                        <\/button>\r\n                        <div class=\"accordion-content\">\r\n                            <p>Un membre pr\u00e9sente son <strong>besoin personnel ou son projet d\u2019entreprise<\/strong> via une cagnotte solidaire.\r\nLa communaut\u00e9 apporte son soutien librement, selon sa sensibilit\u00e9 et l\u2019impact de la situation partag\u00e9e.\r\n<\/p>\r\n                            <p><strong>Les cagnottes d\u2019une dur\u00e9e de trois jours sont privil\u00e9gi\u00e9es, car elles favorisent une mobilisation plus rapide et plus efficace.<\/strong>\r\nPour garantir l\u2019\u00e9quit\u00e9 et la rapidit\u00e9 du soutien, chaque cagnotte est <strong>limit\u00e9e \u00e0 500 participants maximum<\/strong>.\r\n.<\/p>\r\n                            \r\n                            <li>Collecte progressive bas\u00e9e sur l\u2019engagement de la communaut\u00e9<\/li>\r\n                                <li>Retrait des fonds apr\u00e8s v\u00e9rification compl\u00e8te du dossier<\/li>\r\n                            \r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <!-- Item 2 -->\r\n                    <div class=\"accordion-item\">\r\n                        <button class=\"accordion-button\">\r\n                            <span>\ud83d\udd10 Comment certifier mon compte ?<\/span>\r\n                            <span class=\"accordion-icon\">+<\/span>\r\n                        <\/button>\r\n                        <div class=\"accordion-content\">\r\n                            <p>Afin de s\u00e9curiser la plateforme, vous devez soumettre vos documents d\u2019identit\u00e9 \u00e0 la Commission de Gestion.<\/p>\r\n                            <p>Le service de certification v\u00e9rifie:<\/p>\r\n                            <ul>\r\n                                <li>Votre identit\u00e9 r\u00e9elle<\/li>\r\n                                <li>Votre engagement au sein de la communaut\u00e9<\/li>\r\n                                <li>La conformit\u00e9 de votre profil<\/li>\r\n                            <\/ul>\r\n                            <p>Cette proc\u00e9dure inclut <strong>une contribution symbolique, automatiquement r\u00e9affect\u00e9e \u00e0 une cagnotte d\u2019urgence.<\/strong>\r\nElle repr\u00e9sente votre participation active \u00e0 l\u2019esprit de solidarit\u00e9 de la communaut\u00e9.\r\n<\/p>\r\n                            <p><strong>\u23f1\ufe0f D\u00e9lai de validation : moins de 24 heures<\/strong><\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <!-- Item 3 -->\r\n                    <div class=\"accordion-item\">\r\n                        <button class=\"accordion-button\">\r\n                            <span>\ud83e\udeaa Comment devenir membre officiel ?<\/span>\r\n                            <span class=\"accordion-icon\">+<\/span>\r\n                        <\/button>\r\n                        <div class=\"accordion-content\">\r\n                            <p>Le <strong> Service d\u2019Authentification et de Contr\u00f4le (SAC) <\/strong> veille \u00e0 ce que chaque utilisateur soit une personne r\u00e9elle, engag\u00e9e et respectueuse des valeurs d\u2019entraide.<\/p>\r\n                            <p>Pour \u00eatre reconnu comme membre officiel, vous devez disposer de la <strong> carte CAD-V8<\/strong> , en version num\u00e9rique ou physique.<\/p>\r\n                            <p><strong>La carte CAD-V8 :<\/strong><\/p>\r\n                            <ul>\r\n                                <li> Atteste de votre identit\u00e9 et de votre statut de membre l\u00e9gitime<\/li>\r\n                                <li> Donne acc\u00e8s aux principales fonctionnalit\u00e9s de la plateforme<\/li>\r\n                                  <li> Renforce votre cr\u00e9dibilit\u00e9 aupr\u00e8s de la communaut\u00e9<\/li>\r\n                                <li> Est obligatoire pour effectuer tout retrait de fonds<\/li>\r\n                            <\/ul>\r\n                            <p>La <strong>carte CAD-V8 est la cl\u00e9 d'entr\u00e9e vers toutes les opportunit\u00e9s offertes par la communaut\u00e9 SIVIH.<\/strong><\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <!-- Item 4 (ajout\u00e9 pour compl\u00e9ter) -->\r\n                    <div class=\"accordion-item\">\r\n                        <button class=\"accordion-button\">\r\n                            <span>\ud83d\udcb0 Quel est le d\u00e9lai pour retire les fonds collect\u00e9s?<\/span>\r\n                            <span class=\"accordion-icon\">+<\/span>\r\n                        <\/button>\r\n                        <div class=\"accordion-content\">\r\n                            <p>Le syst\u00e8me de retrait permet de transf\u00e9rer les fonds collect\u00e9s vers le moyen de paiement de votre choix.\r\nVous pouvez recevoir <strong>votre argent soit par virement bancaire, soit par Mobile Money<\/strong>.<br> <strong>Il n\u2019y a pas un d\u00e9lai pour un retrait. <br>Lorsque les deux conditions suivantes sont remplies :<\/strong>\r\n<\/p>\r\n                            <ul>\r\n                                <li><strong> Poss\u00e9der une carte de membre valide<\/strong> <\/li>\r\n                                <li><strong> Avoir un compte certifi\u00e9<\/strong> <\/li>               <\/ul>\r\n                            <p>Vous pouvez effectuer votre retrait en toute <strong>autonomie, sans interm\u00e9diaire.<\/strong> <\/p>\r\n                            <p><strong> En cas de difficult\u00e9<\/strong>, des conseillers financiers sont disponibles pour vous assister et vous accompagner dans la proc\u00e9dure.<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <!-- Item 5 (ajout\u00e9 pour compl\u00e9ter) -->\r\n                    <div class=\"accordion-item\">\r\n                        <button class=\"accordion-button\">\r\n                            <span>\ud83d\udee1\ufe0f Comment SIVIH garantit-il la s\u00e9curit\u00e9 ?<\/span>\r\n                            <span class=\"accordion-icon\">+<\/span>\r\n                        <\/button>\r\n                        <div class=\"accordion-content\">\r\n                            <p>SIVIH a mis en place plusieurs niveaux de <strong>s\u00e9curit\u00e9 afin de prot\u00e9ger ses membres et leurs transactions :<\/strong><\/p>\r\n                            <ul>\r\n                                <li> Cryptage avanc\u00e9 de toutes les <strong>donn\u00e9es sensibles<\/strong><\/li>\r\n                                <li> V\u00e9rification d\u2019identit\u00e9 obligatoire lors de la <strong>certification et via le Service d\u2019Authentification et de Contr\u00f4le (SAC)<\/strong><\/li>\r\n                                <li> Surveillance continue des activit\u00e9s pour d\u00e9tecter toute <strong>op\u00e9ration suspecte<\/strong><\/li>\r\n                                <li> Limitation \u00e0 500 participations par cagnotte afin <strong>d\u2019assurer un \u00e9quilibre et pr\u00e9venir les abus<\/strong><\/li>\r\n                                <li> Audits r\u00e9guliers des transactions par la <strong>Commission de Gestion<\/strong><\/li>\r\n                                <li> Transparence totale sur <strong>l\u2019utilisation des fonds collect\u00e9s<\/strong><\/li>\r\n                            <\/ul>\r\n                            <p><strong>\ud83d\udd12 Notre priorit\u00e9 est de garantir un environnement fiable et s\u00e9curis\u00e9, permettant \u00e0 chaque membre de participer en toute confiance.<\/strong><\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- Colonne 2 - Aide -->\r\n        <div class=\"column help-column\">\r\n            <div class=\"help-card\">\r\n                <div class=\"help-header\">\r\n                    <h3>\ud83d\udcde Besoin d'aide ?<\/h3>\r\n                    <p>Notre communaut\u00e9 est l\u00e0 pour vous accompagner \u00e0 chaque \u00e9tape de votre parcours<\/p>\r\n                <\/div>\r\n                \r\n                <div class=\"help-options\">\r\n                    <div class=\"help-option\">\r\n                        <span class=\"option-icon\">\ud83d\udcac<\/span>\r\n                        <div class=\"option-content\">\r\n                            <h4>Support en direct<\/h4>\r\n                            <p>Obtenez des r\u00e9ponses imm\u00e9diates de notre \u00e9quipe d'assistance<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"help-option\">\r\n                        <span class=\"option-icon\">\ud83d\udc65<\/span>\r\n                        <div class=\"option-content\">\r\n                            <h4>Communaut\u00e9 active<\/h4>\r\n                            <p>\u00c9changez avec plus de 14 million de membres engag\u00e9s<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"help-option\">\r\n                        <span class=\"option-icon\">\ud83d\udcda<\/span>\r\n                        <div class=\"option-content\">\r\n                            <h4>Centre d'aide<\/h4>\r\n                            <p>Consultez nos guides et tutoriels d\u00e9taill\u00e9s<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <div class=\"help-actions\">\r\n                    <a href=\"https:\/\/sivih.org\/messagerie\/\" class=\"primary-button\" target=\"_blank\">\r\n                        Discuter avec un expert \ud83d\ude42\r\n                    <\/a>\r\n                    <a href=\"https:\/\/sivih.org\/autres-cagnottes\/\" class=\"primary-button\" target=\"_blank\" style=\"background: white; color: #FF7E00; border: 2px solid #FF7E00;\">\r\n                        Voir toutes les cagnottes\r\n                    <\/a>\r\n                <\/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    const accordionButtons = document.querySelectorAll('.accordion-button');\r\n    \r\n    \/\/ Fonction pour ouvrir\/fermer les accord\u00e9ons\r\n    accordionButtons.forEach(button => {\r\n        button.addEventListener('click', function() {\r\n            \/\/ Fermer tous les autres accord\u00e9ons\r\n            accordionButtons.forEach(otherButton => {\r\n                if (otherButton !== this) {\r\n                    otherButton.classList.remove('active');\r\n                    otherButton.nextElementSibling.classList.remove('active');\r\n                }\r\n            });\r\n            \r\n            \/\/ Basculer l'\u00e9tat actuel\r\n            this.classList.toggle('active');\r\n            const content = this.nextElementSibling;\r\n            content.classList.toggle('active');\r\n        });\r\n    });\r\n    \r\n    \/\/ Animation d'apparition des \u00e9l\u00e9ments FAQ\r\n    const accordionItems = document.querySelectorAll('.accordion-item');\r\n    accordionItems.forEach((item, index) => {\r\n        item.style.opacity = '0';\r\n        item.style.transform = 'translateY(20px)';\r\n        \r\n        setTimeout(() => {\r\n            item.style.transition = 'all 0.5s ease';\r\n            item.style.opacity = '1';\r\n            item.style.transform = 'translateY(0)';\r\n        }, index * 100);\r\n    });\r\n    \r\n    \/\/ Animation des options d'aide\r\n    const helpOptions = document.querySelectorAll('.help-option');\r\n    helpOptions.forEach((option, index) => {\r\n        option.style.opacity = '0';\r\n        option.style.transform = 'translateX(20px)';\r\n        \r\n        setTimeout(() => {\r\n            option.style.transition = 'all 0.5s ease';\r\n            option.style.opacity = '1';\r\n            option.style.transform = 'translateX(0)';\r\n        }, 500 + (index * 100));\r\n    });\r\n    \r\n    \/\/ Animation du bouton principal\r\n    const primaryButton = document.querySelector('.primary-button');\r\n    if (primaryButton) {\r\n        setTimeout(() => {\r\n            primaryButton.style.opacity = '0';\r\n            primaryButton.style.transform = 'translateY(10px)';\r\n            primaryButton.style.transition = 'all 0.5s ease 0.8s';\r\n            primaryButton.style.opacity = '1';\r\n            primaryButton.style.transform = 'translateY(0)';\r\n        }, 800);\r\n    }\r\n    \r\n    \/\/ Ouvrir le premier accord\u00e9on par d\u00e9faut\r\n    if (accordionButtons.length > 0) {\r\n        setTimeout(() => {\r\n            accordionButtons[0].classList.add('active');\r\n            accordionButtons[0].nextElementSibling.classList.add('active');\r\n        }, 1000);\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-2c58106 e-con-full e-flex e-con e-parent\" data-id=\"2c58106\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-14de6e8 elementor-widget elementor-widget-html\" data-id=\"14de6e8\" 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 DISCUSSION - SIMPLE ET \u00c9L\u00c9GANT\r\n   Utilise vos couleurs SIVIH\r\n   ============================================ *\/\r\n\r\n.discussion-simple {\r\n    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\r\n    max-width: 1000px;\r\n    margin: 60px auto;\r\n    padding: 0 20px;\r\n}\r\n\r\n.discussion-card {\r\n    background: white;\r\n    border-radius: 20px;\r\n    padding: 50px;\r\n    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.08);\r\n    border: 1px solid rgba(255, 126, 0, 0.1);\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    gap: 40px;\r\n}\r\n\r\n\/* Partie texte *\/\r\n.discussion-info {\r\n    flex: 1;\r\n}\r\n\r\n.discussion-label {\r\n    color: #FF7E00;\r\n    font-size: 14px;\r\n    font-weight: 600;\r\n    margin-bottom: 15px;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n}\r\n\r\n.discussion-label::before {\r\n    content: '';\r\n    width: 6px;\r\n    height: 6px;\r\n    background: #FF7E00;\r\n    border-radius: 50%;\r\n    display: inline-block;\r\n}\r\n\r\n.discussion-heading {\r\n    font-size: 32px;\r\n    font-weight: 700;\r\n    margin: 0 0 15px 0;\r\n    color: #2d3748;\r\n    line-height: 1.3;\r\n}\r\n\r\n.discussion-heading span {\r\n    color: #FF7E00;\r\n}\r\n\r\n.discussion-text {\r\n    font-size: 16px;\r\n    color: #718096;\r\n    line-height: 1.6;\r\n    margin: 0;\r\n    max-width: 500px;\r\n}\r\n\r\n\/* Bouton avec vos couleurs *\/\r\n.discussion-link {\r\n    flex-shrink: 0;\r\n}\r\n\r\n.discussion-button {\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!important;\r\n    padding: 16px 32px;\r\n    border-radius: 10px;\r\n    font-size: 16px;\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 5px 20px rgba(255, 126, 0, 0.2);\r\n    min-width: 180px;\r\n    justify-content: center;\r\n}\r\n\r\n.discussion-button:hover {\r\n    transform: translateY(-3px);\r\n    box-shadow: 0 8px 25px rgba(255, 126, 0, 0.3);\r\n}\r\n\r\n.discussion-button:active {\r\n    transform: translateY(-1px);\r\n}\r\n\r\n.button-icon {\r\n    font-size: 18px;\r\n}\r\n\r\n\/* Animation simple *\/\r\n@keyframes fadeIn {\r\n    from {\r\n        opacity: 0;\r\n        transform: translateY(20px);\r\n    }\r\n    to {\r\n        opacity: 1;\r\n        transform: translateY(0);\r\n    }\r\n}\r\n\r\n.discussion-card {\r\n    animation: fadeIn 0.8s ease-out forwards;\r\n}\r\n\r\n\/* Responsive *\/\r\n@media (max-width: 768px) {\r\n    .discussion-card {\r\n        flex-direction: column;\r\n        text-align: center;\r\n        padding: 40px 30px;\r\n        gap: 30px;\r\n    }\r\n    \r\n    .discussion-heading {\r\n        font-size: 28px;\r\n    }\r\n    \r\n    .discussion-text {\r\n        margin: 0 auto;\r\n    }\r\n    \r\n    .discussion-button {\r\n        min-width: 200px;\r\n    }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n    .discussion-card {\r\n        padding: 30px 25px;\r\n    }\r\n    \r\n    .discussion-heading {\r\n        font-size: 24px;\r\n    }\r\n    \r\n    .discussion-button {\r\n        padding: 14px 28px;\r\n        font-size: 15px;\r\n        min-width: 180px;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<div class=\"discussion-simple\">\r\n    <div class=\"discussion-card\">\r\n        <div class=\"discussion-info\">\r\n            <div class=\"discussion-label\">\r\n                \u00c9CHANGES COMMUNAUTAIRES\r\n            <\/div>\r\n            <h2 class=\"discussion-heading\">\r\n                Rejoignez les <span>discussions<\/span> entre membres\r\n            <\/h2>\r\n            <p class=\"discussion-text\">\r\n                Participez aux \u00e9changes, partagez vos exp\u00e9riences et obtenez des conseils \r\n                au sein de notre communaut\u00e9. Un espace convivial pour dialoguer et s'entraider.\r\n            <\/p>\r\n        <\/div>\r\n        \r\n        <div class=\"discussion-link\">\r\n            <a href=\"https:\/\/sivih.org\/discussion-membre-sivih\/\" \r\n               class=\"discussion-button\" \r\n               target=\"_blank\">\r\n                <span class=\"button-icon\">\ud83d\udcac<\/span>\r\n                <span>Voir les discussions<\/span>\r\n            <\/a>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<script>\r\ndocument.addEventListener('DOMContentLoaded', function() {\r\n    \/\/ Effet de survol simple\r\n    const button = document.querySelector('.discussion-button');\r\n    \r\n    if (button) {\r\n        button.addEventListener('mouseenter', function() {\r\n            this.style.transform = 'translateY(-3px)';\r\n        });\r\n        \r\n        button.addEventListener('mouseleave', function() {\r\n            this.style.transform = 'translateY(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<\/div>\n\t\t<div class=\"elementor-element elementor-element-8c5a36e e-flex e-con-boxed e-con e-parent\" data-id=\"8c5a36e\" 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-8d73757 elementor-widget elementor-widget-html\" data-id=\"8d73757\" 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\/* SECTION PROFIL SIVIH - STYLE PERSONNALIS\u00c9 *\/\r\n.sivih-profile-section {\r\n    max-width: 1400px;\r\n    margin: 80px auto;\r\n    padding: 0 40px;\r\n    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\r\n}\r\n\r\n.sivih-profile-container {\r\n    display: flex;\r\n    gap: 80px;\r\n    align-items: flex-start;\r\n}\r\n\r\n\/* Premi\u00e8re colonne - Carte de profil *\/\r\n.profile-sidebar {\r\n    flex: 0 0 420px;\r\n}\r\n\r\n.profile-identity-card {\r\n    background: white;\r\n    border-radius: 25px;\r\n    padding: 50px 40px;\r\n    box-shadow: 0 15px 40px rgba(255, 126, 0, 0.12);\r\n    border: 2px solid rgba(255, 126, 0, 0.15);\r\n    text-align: center;\r\n    position: sticky;\r\n    top: 120px;\r\n    backdrop-filter: blur(10px);\r\n    transition: all 0.4s ease;\r\n}\r\n\r\n.profile-identity-card:hover {\r\n    box-shadow: 0 20px 50px rgba(255, 126, 0, 0.18);\r\n    transform: translateY(-5px);\r\n    border-color: rgba(255, 126, 0, 0.3);\r\n}\r\n\r\n.profile-avatar {\r\n    width: 150px;\r\n    height: 150px;\r\n    margin: 0 auto 30px;\r\n    border-radius: 50%;\r\n    overflow: hidden;\r\n    border: 5px solid rgba(255, 126, 0, 0.2);\r\n    box-shadow: 0 12px 35px rgba(255, 126, 0, 0.2);\r\n    position: relative;\r\n    transition: all 0.4s ease;\r\n}\r\n\r\n.profile-avatar:hover {\r\n    transform: scale(1.05);\r\n    border-color: rgba(255, 126, 0, 0.4);\r\n    box-shadow: 0 15px 40px rgba(255, 126, 0, 0.3);\r\n}\r\n\r\n.profile-avatar::after {\r\n    content: '';\r\n    position: absolute;\r\n    top: -5px;\r\n    left: -5px;\r\n    right: -5px;\r\n    bottom: -5px;\r\n    border-radius: 50%;\r\n    border: 2px solid transparent;\r\n    background: linear-gradient(135deg, #FF7E00, #F33F5E) border-box;\r\n    -webkit-mask: \r\n        linear-gradient(#fff 0 0) padding-box, \r\n        linear-gradient(#fff 0 0);\r\n    -webkit-mask-composite: destination-out;\r\n    mask-composite: exclude;\r\n}\r\n\r\n.profile-avatar img {\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n    transition: transform 0.5s ease;\r\n}\r\n\r\n.profile-avatar:hover img {\r\n    transform: scale(1.1);\r\n}\r\n\r\n.leader-name {\r\n    font-size: 1.8rem;\r\n    font-weight: 900;\r\n    color: #1a1a2e;\r\n    margin: 0 0 8px 0;\r\n    letter-spacing: 0.5px;\r\n    text-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);\r\n}\r\n\r\n.leader-title {\r\n    color: #FF7E00;\r\n    font-weight: 800;\r\n    margin: 0 0 25px 0;\r\n    font-size: 1.1rem;\r\n    background: linear-gradient(135deg, rgba(255, 126, 0, 0.1), rgba(243, 63, 94, 0.1));\r\n    padding: 8px 20px;\r\n    border-radius: 50px;\r\n    display: inline-block;\r\n    border: 1px solid rgba(255, 126, 0, 0.2);\r\n}\r\n\r\n.profile-divider {\r\n    width: 60px;\r\n    height: 3px;\r\n    background: linear-gradient(135deg, #FF7E00, #F33F5E);\r\n    margin: 0 auto 25px;\r\n    border-radius: 3px;\r\n    opacity: 0.8;\r\n}\r\n\r\n.leader-quote {\r\n    color: #444;\r\n    line-height: 1.6;\r\n    margin-bottom: 35px;\r\n    font-size: 1rem;\r\n    font-style: italic;\r\n    background: linear-gradient(135deg, rgba(255, 126, 0, 0.05), rgba(243, 63, 94, 0.05));\r\n    padding: 20px;\r\n    border-radius: 15px;\r\n    border-left: 4px solid #FF7E00;\r\n    text-align: center;\r\n}\r\n\r\n.community-stats {\r\n    display: flex;\r\n    justify-content: center;\r\n    gap: 40px;\r\n    margin-bottom: 35px;\r\n    padding: 25px 0;\r\n    border-top: 2px solid rgba(255, 126, 0, 0.1);\r\n    border-bottom: 2px solid rgba(255, 126, 0, 0.1);\r\n}\r\n\r\n.stat-item {\r\n    text-align: center;\r\n}\r\n\r\n.stat-number {\r\n    display: block;\r\n    font-size: 2rem;\r\n    font-weight: 900;\r\n    color: #FF7E00;\r\n    margin-bottom: 5px;\r\n    text-shadow: 0 2px 5px rgba(255, 126, 0, 0.2);\r\n}\r\n\r\n.stat-label {\r\n    font-size: 0.9rem;\r\n    color: #555;\r\n    font-weight: 600;\r\n    max-width: 100px;\r\n    line-height: 1.3;\r\n}\r\n\r\n.community-social {\r\n    display: flex;\r\n    justify-content: center;\r\n    gap: 15px;\r\n}\r\n\r\n.social-link {\r\n    width: 45px;\r\n    height: 45px;\r\n    border-radius: 50%;\r\n    background: linear-gradient(135deg, rgba(255, 126, 0, 0.1), rgba(243, 63, 94, 0.1));\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    text-decoration: none;\r\n    color: #FF7E00;\r\n    font-weight: 600;\r\n    transition: all 0.3s ease;\r\n    border: 2px solid rgba(255, 126, 0, 0.2);\r\n    position: relative;\r\n    overflow: hidden;\r\n}\r\n\r\n.social-link::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, 126, 0, 0.2), transparent);\r\n    transition: left 0.5s ease;\r\n}\r\n\r\n.social-link:hover::before {\r\n    left: 100%;\r\n}\r\n\r\n.social-link:hover {\r\n    background: linear-gradient(135deg, #FF7E00, #F33F5E);\r\n    color: white;\r\n    transform: translateY(-5px) scale(1.1);\r\n    border-color: transparent;\r\n    box-shadow: 0 8px 25px rgba(255, 126, 0, 0.3);\r\n}\r\n\r\n.social-link svg {\r\n    width: 22px;\r\n    height: 22px;\r\n}\r\n\r\n\/* Deuxi\u00e8me colonne - Contenu principal *\/\r\n.profile-content-main {\r\n    flex: 1;\r\n}\r\n\r\n.community-content-wrapper {\r\n    max-width: 700px;\r\n}\r\n\r\n.community-badge {\r\n    display: inline-block;\r\n    background: linear-gradient(135deg, rgba(255, 126, 0, 0.1), rgba(243, 63, 94, 0.1));\r\n    color: #FF7E00;\r\n    padding: 8px 20px;\r\n    border-radius: 25px;\r\n    font-size: 0.9rem;\r\n    font-weight: 800;\r\n    margin-bottom: 25px;\r\n    text-transform: uppercase;\r\n    letter-spacing: 1px;\r\n    border: 1px solid rgba(255, 126, 0, 0.2);\r\n    box-shadow: 0 4px 15px rgba(255, 126, 0, 0.1);\r\n}\r\n\r\n.content-headline {\r\n    font-size: 3.2rem;\r\n    font-weight: 900;\r\n    color: #1a1a2e;\r\n    line-height: 1.1;\r\n    margin-bottom: 30px;\r\n    letter-spacing: -0.5px;\r\n}\r\n\r\n.community-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    display: inline-block;\r\n}\r\n\r\n.community-highlight::after {\r\n    content: '';\r\n    position: absolute;\r\n    bottom: -5px;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 4px;\r\n    background: linear-gradient(135deg, #FF7E00, #F33F5E);\r\n    border-radius: 2px;\r\n    opacity: 0.5;\r\n}\r\n\r\n.community-mission {\r\n    font-size: 1.2rem;\r\n    color: #444;\r\n    line-height: 1.7;\r\n    margin-bottom: 50px;\r\n    background: linear-gradient(135deg, rgba(255, 126, 0, 0.05), rgba(243, 63, 94, 0.05));\r\n    padding: 30px;\r\n    border-radius: 20px;\r\n    border-left: 5px solid #FF7E00;\r\n    border-right: 5px solid #F33F5E;\r\n    box-shadow: 0 10px 30px rgba(255, 126, 0, 0.08);\r\n}\r\n\r\n.community-values-grid {\r\n    display: grid;\r\n    grid-template-columns: 1fr 1fr;\r\n    gap: 30px;\r\n    margin-bottom: 50px;\r\n}\r\n\r\n.value-card {\r\n    background: white;\r\n    padding: 35px 30px;\r\n    border-radius: 20px;\r\n    border: 2px solid rgba(255, 126, 0, 0.15);\r\n    transition: all 0.4s ease;\r\n    position: relative;\r\n    overflow: hidden;\r\n}\r\n\r\n.value-card::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 5px;\r\n    height: 100%;\r\n    background: linear-gradient(to bottom, #FF7E00, #F33F5E);\r\n}\r\n\r\n.value-card:hover {\r\n    transform: translateY(-10px);\r\n    box-shadow: 0 15px 40px rgba(255, 126, 0, 0.15);\r\n    border-color: rgba(255, 126, 0, 0.3);\r\n}\r\n\r\n.value-icon {\r\n    font-size: 2.8rem;\r\n    margin-bottom: 20px;\r\n    display: inline-block;\r\n    animation: float 3s ease-in-out infinite;\r\n}\r\n\r\n@keyframes float {\r\n    0%, 100% { transform: translateY(0) rotate(0deg); }\r\n    50% { transform: translateY(-10px) rotate(5deg); }\r\n}\r\n\r\n.value-card h4 {\r\n    font-size: 1.4rem;\r\n    font-weight: 800;\r\n    color: #1a1a2e;\r\n    margin: 0 0 15px 0;\r\n    letter-spacing: 0.5px;\r\n}\r\n\r\n.value-card p {\r\n    color: #555;\r\n    font-size: 1rem;\r\n    line-height: 1.6;\r\n    margin: 0;\r\n}\r\n\r\n.community-cta {\r\n    display: flex;\r\n    gap: 20px;\r\n}\r\n\r\n.sivih-join-btn {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 12px;\r\n    background: linear-gradient(135deg, #FF7E00, #F33F5E);\r\n    color: white;\r\n    padding: 18px 40px;\r\n    border-radius: 15px;\r\n    font-weight: 800;\r\n    text-decoration: none;\r\n    border: none;\r\n    cursor: pointer;\r\n    transition: all 0.4s ease;\r\n    font-size: 1.1rem;\r\n    letter-spacing: 0.5px;\r\n    box-shadow: 0 10px 30px rgba(255, 126, 0, 0.3);\r\n    position: relative;\r\n    overflow: hidden;\r\n}\r\n\r\n.sivih-join-btn::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.sivih-join-btn:hover::before {\r\n    left: 100%;\r\n}\r\n\r\n.sivih-join-btn:hover {\r\n    transform: translateY(-5px) scale(1.05);\r\n    box-shadow: 0 15px 40px rgba(255, 126, 0, 0.4);\r\n    color: white;\r\n}\r\n\r\n.sivih-join-btn:active {\r\n    transform: translateY(-2px) scale(1.02);\r\n}\r\n\r\n\/* RESPONSIVE DESIGN - Comme votre header *\/\r\n@media (max-width: 1400px) {\r\n    .sivih-profile-section {\r\n        max-width: 1200px;\r\n        padding: 0 35px;\r\n    }\r\n    \r\n    .sivih-profile-container {\r\n        gap: 60px;\r\n    }\r\n    \r\n    .profile-sidebar {\r\n        flex: 0 0 380px;\r\n    }\r\n    \r\n    .content-headline {\r\n        font-size: 2.8rem;\r\n    }\r\n}\r\n\r\n@media (max-width: 992px) {\r\n    .sivih-profile-section {\r\n        max-width: 95%;\r\n        margin: 60px auto;\r\n        padding: 0 25px;\r\n    }\r\n    \r\n    .sivih-profile-container {\r\n        flex-direction: column;\r\n        gap: 50px;\r\n    }\r\n    \r\n    .profile-sidebar {\r\n        flex: none;\r\n        width: 100%;\r\n        max-width: 500px;\r\n        margin: 0 auto;\r\n    }\r\n    \r\n    .profile-identity-card {\r\n        position: relative;\r\n        top: auto;\r\n    }\r\n    \r\n    .content-headline {\r\n        font-size: 2.5rem;\r\n    }\r\n    \r\n    .community-values-grid {\r\n        grid-template-columns: 1fr;\r\n        gap: 25px;\r\n    }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n    .sivih-profile-section {\r\n        margin: 50px auto;\r\n        padding: 0 20px;\r\n    }\r\n    \r\n    .profile-identity-card {\r\n        padding: 40px 30px;\r\n    }\r\n    \r\n    .profile-avatar {\r\n        width: 130px;\r\n        height: 130px;\r\n    }\r\n    \r\n    .content-headline {\r\n        font-size: 2.2rem;\r\n    }\r\n    \r\n    .community-mission {\r\n        font-size: 1.1rem;\r\n        padding: 25px;\r\n    }\r\n    \r\n    .sivih-join-btn {\r\n        padding: 16px 35px;\r\n        font-size: 1rem;\r\n    }\r\n}\r\n\r\n@media (max-width: 576px) {\r\n    .sivih-profile-section {\r\n        margin: 40px 15px;\r\n        padding: 0 15px;\r\n    }\r\n    \r\n    .sivih-profile-container {\r\n        gap: 40px;\r\n    }\r\n    \r\n    .profile-identity-card {\r\n        padding: 35px 25px;\r\n        border-radius: 20px;\r\n    }\r\n    \r\n    .profile-avatar {\r\n        width: 120px;\r\n        height: 120px;\r\n    }\r\n    \r\n    .leader-name {\r\n        font-size: 1.6rem;\r\n    }\r\n    \r\n    .community-stats {\r\n        gap: 30px;\r\n    }\r\n    \r\n    .stat-number {\r\n        font-size: 1.8rem;\r\n    }\r\n    \r\n    .content-headline {\r\n        font-size: 1.9rem;\r\n    }\r\n    \r\n    .community-mission {\r\n        font-size: 1rem;\r\n        padding: 20px;\r\n    }\r\n    \r\n    .value-card {\r\n        padding: 30px 25px;\r\n    }\r\n    \r\n    .value-icon {\r\n        font-size: 2.4rem;\r\n    }\r\n    \r\n    .sivih-join-btn {\r\n        padding: 15px 30px;\r\n        font-size: 0.95rem;\r\n        width: 100%;\r\n        justify-content: center;\r\n    }\r\n    \r\n    .community-cta {\r\n        flex-direction: column;\r\n    }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n    .sivih-profile-section {\r\n        margin: 35px 12px;\r\n        padding: 0 12px;\r\n    }\r\n    \r\n    .profile-identity-card {\r\n        padding: 30px 20px;\r\n    }\r\n    \r\n    .profile-avatar {\r\n        width: 110px;\r\n        height: 110px;\r\n    }\r\n    \r\n    .leader-name {\r\n        font-size: 1.5rem;\r\n    }\r\n    \r\n    .content-headline {\r\n        font-size: 1.7rem;\r\n    }\r\n    \r\n    .community-mission {\r\n        padding: 18px;\r\n        font-size: 0.95rem;\r\n    }\r\n    \r\n    .value-card {\r\n        padding: 25px 20px;\r\n    }\r\n    \r\n    .value-card h4 {\r\n        font-size: 1.2rem;\r\n    }\r\n}\r\n\r\n@media (max-width: 360px) {\r\n    .sivih-profile-section {\r\n        margin: 30px 10px;\r\n        padding: 0 10px;\r\n    }\r\n    \r\n    .profile-avatar {\r\n        width: 100px;\r\n        height: 100px;\r\n    }\r\n    \r\n    .content-headline {\r\n        font-size: 1.5rem;\r\n    }\r\n    \r\n    .sivih-join-btn {\r\n        padding: 14px 25px;\r\n        font-size: 0.9rem;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<div class=\"sivih-profile-section\">\r\n    <div class=\"sivih-profile-container\">\r\n        <!-- Premi\u00e8re colonne : Carte de profil SIVIH -->\r\n        <div class=\"profile-sidebar\">\r\n            <div class=\"profile-identity-card\">\r\n                <div class=\"profile-avatar\">\r\n                    <img decoding=\"async\" src=\"https:\/\/\/sivih.org\/wp-content\/uploads\/2026\/06\/Fondate.png\" alt=\"Fondateur SIVIH\" onerror=\"this.src='data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUwIiBoZWlnaHQ9IjE1MCIgdmlld0JveD0iMCAwIDE1MCAxNTAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxjaXJjbGUgY3g9Ijc1IiBjeT0iNzUiIHI9Ijc1IiBmaWxsPSIjRkY3RjAwIi8+CjxjaXJjbGUgY3g9Ijc1IiBjeT0iNjAiIHI9IjE1IiBmaWxsPSIjRkZGRkZGIi8+CjxwYXRoIGQ9Ik01NSA5NWMwLTEwIDcuNS0yMCAyMC0yMEg3NWMxMi41IDAgMjAgMTAgMjAgMjBWNzVINTVWMjAiIGZpbGw9IiNGRkZGRkYiLz4KPC9zdmc+'\" \/>\r\n                <\/div>\r\n                \r\n                <div class=\"profile-content\">\r\n                    <h3 class=\"leader-name\">Dr Robert G\u00dcDEN<\/h3>\r\n                    <p class=\"leader-title\">Fondateur & Visionnaire<\/p>\r\n                    <div class=\"profile-divider\"><\/div>\r\n                    <p class=\"leader-quote\">\r\n                        \"L'entraide n'est pas une option, c'est une n\u00e9cessit\u00e9. Chaque membre qui se rel\u00e8ve redonne espoir \u00e0 toute la communaut\u00e9.\"\r\n                    <\/p>\r\n                    \r\n                    <div class=\"community-stats\">\r\n                        <div class=\"stat-item\">\r\n                            <span class=\"stat-number\">14M+<\/span>\r\n                            <span class=\"stat-label\">Membres actifs<\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"community-social\">\r\n                        <a href=\"https:\/\/www.facebook.com\/profile.php?id=61584417886008\" class=\"social-link\" target=\"_blank\">\r\n                            <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\r\n                                <path d=\"M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z\"\/>\r\n                            <\/svg>\r\n                        <\/a>\r\n                        <a href=\"https:\/\/sivih.org\/faq-sivih\/\" class=\"social-link\" target=\"_blank\">\r\n                            <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\r\n                                <path d=\"M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z\"\/>\r\n                            <\/svg>\r\n                        <\/a>\r\n                        <a href=\"https:\/\/wa.me\/2250712923034\" class=\"social-link\" target=\"_blank\">\r\n                            <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\r\n                                <path d=\"M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433c-1.144 0-2.063-.926-2.063-2.065 0-1.138.92-2.063 2.063-2.063 1.14 0 2.064.925 2.064 2.063 0 1.139-.925 2.065-2.064 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z\"\/>\r\n                            <\/svg>\r\n                        <\/a>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- Deuxi\u00e8me colonne : Mission et valeurs SIVIH -->\r\n        <div class=\"profile-content-main\">\r\n            <div class=\"community-content-wrapper\">\r\n                <span class=\"community-badge\">Notre Mission<\/span>\r\n                <h2 class=\"content-headline\">\r\n                    Une Communaut\u00e9 qui \r\n                    <span class=\"community-highlight\">Change des Vies<\/span>\r\n                <\/h2>\r\n                \r\n                <p class=\"community-mission\">\r\n                    Partir d'une simple id\u00e9e : cr\u00e9er un r\u00e9seau o\u00f9 la solidarit\u00e9 n'est pas un slogan, mais une r\u00e9alit\u00e9 quotidienne. Aujourd'hui, SIVIH r\u00e9unit plus de 14 million de membres \u00e0 travers l'Europe, l'Am\u00e9rique, l'Asie et l'Afrique, unis par une mission unique : transformer les difficult\u00e9s en opportunit\u00e9s gr\u00e2ce \u00e0 l'entraide concr\u00e8te.\r\n                    <br><br>\r\n                    Notre syst\u00e8me de cagnotte intelligente permet \u00e0 chaque membre de collecter des fonds pour faire face aux urgences, financer des projets ou r\u00e9aliser des r\u00eaves, avec transparence totale et rapidit\u00e9 d'ex\u00e9cution.\r\n                <\/p>\r\n                \r\n                <div class=\"community-values-grid\">\r\n                    <div class=\"value-card\">\r\n                        <div class=\"value-icon\">\ud83e\udd1d<\/div>\r\n                        <h4>Solidarit\u00e9 Active<\/h4>\r\n                        <p>Chaque membre contribut librement, en fonction de sa g\u00e9n\u00e9rosit\u00e9  pour transformer des vie. Nous croyons en l'entraide concr\u00e8te, mesurable et impactante.<\/p>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"value-card\">\r\n                        <div class=\"value-icon\">\u26a1<\/div>\r\n                        <h4>Rapidit\u00e9 d'Ex\u00e9cution<\/h4>\r\n                        <p>Les cagnottes d'une dur\u00e9e de trois jours sont privil\u00e9gi\u00e9es, car elles favorisent une mobilisation plus rapide et plus efficace.<\/p>\r\n                    <\/div>\r\n\r\n                    <div class=\"value-card\">\r\n                        <div class=\"value-icon\">\ud83d\udd12<\/div>\r\n                        <h4>S\u00e9curit\u00e9 Totale<\/h4>\r\n                        <p>Syst\u00e8me anti-fraude avanc\u00e9, v\u00e9rification d'identit\u00e9 rigoureuse, et protection des fonds garantie.<\/p>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"value-card\">\r\n                        <div class=\"value-icon\">\ud83c\udf0d<\/div>\r\n                        <h4>Port\u00e9e Internationale<\/h4>\r\n                        <p>Une communaut\u00e9 sans fronti\u00e8res qui unit les Europeens, les Am\u00e9ricains, les Africains et les Asiatiques autour d'une valeurs communes.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <div class=\"community-cta\">\r\n                    <a href=\"https:\/\/sivih.org\/inscription-membres\/\" class=\"sivih-join-btn\" target=\"_blank\">\r\n                        Rejoindre la communaut\u00e9 SIVIH \ud83d\ude80\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<script>\r\n\/\/ Script pour la section profil SIVIH\r\ndocument.addEventListener('DOMContentLoaded', function() {\r\n    const profileCard = document.querySelector('.profile-identity-card');\r\n    const profileAvatar = document.querySelector('.profile-avatar');\r\n    const socialLinks = document.querySelectorAll('.social-link');\r\n    const joinButton = document.querySelector('.sivih-join-btn');\r\n    const valueCards = document.querySelectorAll('.value-card');\r\n    \r\n    \/\/ 1. Animation d'entr\u00e9e de la section\r\n    setTimeout(() => {\r\n        profileCard.style.opacity = '1';\r\n        profileCard.style.transform = 'translateY(0)';\r\n        document.querySelector('.profile-content-main').style.opacity = '1';\r\n        document.querySelector('.profile-content-main').style.transform = 'translateY(0)';\r\n    }, 300);\r\n    \r\n    \/\/ Initialiser l'opacit\u00e9\r\n    profileCard.style.opacity = '0';\r\n    profileCard.style.transform = 'translateY(30px)';\r\n    profileCard.style.transition = 'opacity 0.6s ease, transform 0.6s ease';\r\n    \r\n    document.querySelector('.profile-content-main').style.opacity = '0';\r\n    document.querySelector('.profile-content-main').style.transform = 'translateY(30px)';\r\n    document.querySelector('.profile-content-main').style.transition = 'opacity 0.6s ease 0.2s, transform 0.6s ease 0.2s';\r\n    \r\n    \/\/ 2. Effet de survol sur les cartes de valeurs\r\n    valueCards.forEach((card, index) => {\r\n        \/\/ Animation d'entr\u00e9e s\u00e9quenc\u00e9e\r\n        card.style.opacity = '0';\r\n        card.style.transform = 'translateY(20px)';\r\n        \r\n        setTimeout(() => {\r\n            card.style.transition = 'all 0.5s ease ' + (index * 0.1) + 's';\r\n            card.style.opacity = '1';\r\n            card.style.transform = 'translateY(0)';\r\n        }, 500);\r\n        \r\n        \/\/ Effet d'onde au clic\r\n        card.addEventListener('click', function() {\r\n            const ripple = document.createElement('div');\r\n            ripple.style.position = 'absolute';\r\n            ripple.style.borderRadius = '50%';\r\n            ripple.style.background = 'rgba(255, 126, 0, 0.1)';\r\n            ripple.style.transform = 'scale(0)';\r\n            ripple.style.animation = 'ripple 0.6s linear';\r\n            ripple.style.pointerEvents = 'none';\r\n            \r\n            \/\/ Position au centre de la carte\r\n            const rect = this.getBoundingClientRect();\r\n            const size = Math.max(rect.width, rect.height);\r\n            const x = rect.width \/ 2;\r\n            const y = rect.height \/ 2;\r\n            \r\n            ripple.style.width = size + 'px';\r\n            ripple.style.height = size + 'px';\r\n            ripple.style.left = (x - size\/2) + 'px';\r\n            ripple.style.top = (y - size\/2) + 'px';\r\n            \r\n            this.appendChild(ripple);\r\n            \r\n            \/\/ Suppression apr\u00e8s animation\r\n            setTimeout(() => {\r\n                if (ripple.parentNode) {\r\n                    ripple.parentNode.removeChild(ripple);\r\n                }\r\n            }, 600);\r\n        });\r\n    });\r\n    \r\n    \/\/ Ajouter l'animation ripple au CSS\r\n    const style = document.createElement('style');\r\n    style.textContent = `\r\n        @keyframes ripple {\r\n            to {\r\n                transform: scale(4);\r\n                opacity: 0;\r\n            }\r\n        }\r\n    `;\r\n    document.head.appendChild(style);\r\n    \r\n    \/\/ 3. Effet sp\u00e9cial sur le bouton de rejoindre\r\n    joinButton.addEventListener('mouseenter', function() {\r\n        \/\/ Cr\u00e9er des particules volantes\r\n        for (let i = 0; i < 5; i++) {\r\n            const particle = document.createElement('span');\r\n            particle.innerHTML = '\ud83d\ude80';\r\n            particle.style.position = 'absolute';\r\n            particle.style.fontSize = '1.2rem';\r\n            particle.style.opacity = '0';\r\n            particle.style.zIndex = '1';\r\n            particle.style.pointerEvents = 'none';\r\n            particle.style.transition = 'all 0.8s ease';\r\n            \r\n            \/\/ Position al\u00e9atoire\r\n            const angle = Math.random() * Math.PI * 2;\r\n            const distance = 30 + Math.random() * 30;\r\n            const x = Math.cos(angle) * distance;\r\n            const y = Math.sin(angle) * distance;\r\n            \r\n            particle.style.left = '50%';\r\n            particle.style.top = '50%';\r\n            \r\n            this.appendChild(particle);\r\n            \r\n            \/\/ Animation de la particule\r\n            setTimeout(() => {\r\n                particle.style.opacity = '1';\r\n                particle.style.transform = `translate(${x}px, ${y}px) scale(1.5)`;\r\n                \r\n                \/\/ Disparition\r\n                setTimeout(() => {\r\n                    particle.style.opacity = '0';\r\n                    particle.style.transform = `translate(${x * 2}px, ${y * 2}px) scale(0.5)`;\r\n                    \r\n                    \/\/ Suppression\r\n                    setTimeout(() => {\r\n                        if (particle.parentNode) {\r\n                            particle.parentNode.removeChild(particle);\r\n                        }\r\n                    }, 800);\r\n                }, 400);\r\n            }, 10);\r\n        }\r\n    });\r\n    \r\n    \/\/ 4. Interaction avec l'avatar du profil\r\n    profileAvatar.addEventListener('click', function() {\r\n        \/\/ Animation de rotation\r\n        this.style.transform = 'scale(1.1) rotate(360deg)';\r\n        this.style.transition = 'transform 0.8s ease';\r\n        \r\n        \/\/ Ajouter un effet de lueur\r\n        this.style.boxShadow = '0 0 40px rgba(255, 126, 0, 0.6)';\r\n        \r\n        setTimeout(() => {\r\n            this.style.transform = '';\r\n            this.style.boxShadow = '';\r\n        }, 800);\r\n    });\r\n    \r\n    \/\/ 5. Animation p\u00e9riodique des ic\u00f4nes de valeurs\r\n    setInterval(() => {\r\n        const randomCard = valueCards[Math.floor(Math.random() * valueCards.length)];\r\n        const icon = randomCard.querySelector('.value-icon');\r\n        \r\n        if (icon) {\r\n            icon.style.transform = 'scale(1.3)';\r\n            icon.style.transition = 'transform 0.3s ease';\r\n            \r\n            setTimeout(() => {\r\n                icon.style.transform = '';\r\n            }, 300);\r\n        }\r\n    }, 8000);\r\n    \r\n    \/\/ 6. Effet de suivi des liens sociaux\r\n    socialLinks.forEach(link => {\r\n        link.addEventListener('mouseenter', function(e) {\r\n            const rect = this.getBoundingClientRect();\r\n            const x = e.clientX - rect.left;\r\n            const y = e.clientY - rect.top;\r\n            \r\n            this.style.background = `radial-gradient(circle at ${x}px ${y}px, rgba(255, 126, 0, 0.3), rgba(243, 63, 94, 0.3))`;\r\n        });\r\n        \r\n        link.addEventListener('mouseleave', function() {\r\n            this.style.background = '';\r\n        });\r\n    });\r\n    \r\n    console.log('\ud83d\udc64 Section profil SIVIH initialis\u00e9e avec succ\u00e8s');\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-bdead89 e-flex e-con-boxed e-con e-parent\" data-id=\"bdead89\" 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-6ee6f1a elementor-widget elementor-widget-html\" data-id=\"6ee6f1a\" 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 T\u00c9MOIGNAGES - DYNAMIQUE & \u00c9L\u00c9GANTE\r\n   Couleurs SIVIH : #FF7E00 \/ #F33F5E\r\n   ============================================ *\/\r\n\r\n* {\r\n    margin: 0;\r\n    padding: 0;\r\n    box-sizing: border-box;\r\n}\r\n\r\n.testimonial-section {\r\n    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\r\n    max-width: 1100px;\r\n    width: 100%;\r\n    margin: 60px auto;\r\n    padding: 0 20px;\r\n}\r\n\r\n\/* en-t\u00eate de la section *\/\r\n.testimonial-header {\r\n    text-align: center;\r\n    margin-bottom: 50px;\r\n}\r\n\r\n.testimonial-label {\r\n    color: #FF7E00;\r\n    font-size: 14px;\r\n    font-weight: 600;\r\n    letter-spacing: 2px;\r\n    text-transform: uppercase;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    margin-bottom: 10px;\r\n}\r\n\r\n.testimonial-label::before {\r\n    content: '';\r\n    width: 6px;\r\n    height: 6px;\r\n    background: #FF7E00;\r\n    border-radius: 50%;\r\n    display: inline-block;\r\n}\r\n\r\n.testimonial-heading {\r\n    font-size: 36px;\r\n    font-weight: 700;\r\n    color: #2d3748;\r\n    margin-bottom: 10px;\r\n}\r\n\r\n.testimonial-heading span {\r\n    color: #FF7E00;\r\n}\r\n\r\n.testimonial-sub {\r\n    color: #718096;\r\n    font-size: 16px;\r\n    max-width: 500px;\r\n    margin: 0 auto;\r\n}\r\n\r\n\/* --- CARROUSEL --- *\/\r\n.slider-wrapper {\r\n    position: relative;\r\n    background: white;\r\n    border-radius: 28px;\r\n    padding: 40px 30px 50px;\r\n    box-shadow: 0 15px 50px rgba(0, 0, 0, 0.06);\r\n    border: 1px solid rgba(255, 126, 0, 0.08);\r\n    transition: box-shadow 0.3s ease;\r\n}\r\n\r\n.slider-container {\r\n    overflow: hidden;\r\n    border-radius: 16px;\r\n}\r\n\r\n.slides-track {\r\n    display: flex;\r\n    transition: transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);\r\n    will-change: transform;\r\n}\r\n\r\n.slide {\r\n    flex: 0 0 100%;\r\n    padding: 10px 15px;\r\n}\r\n\r\n\/* carte t\u00e9moignage *\/\r\n.testimonial-card {\r\n    background: #ffffff;\r\n    border-radius: 24px;\r\n    padding: 30px 30px 35px;\r\n    box-shadow: 0 4px 18px rgba(0, 0, 0, 0.02);\r\n    border: 1px solid rgba(255, 126, 0, 0.06);\r\n    transition: all 0.2s;\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 14px;\r\n    position: relative;\r\n}\r\n\r\n.testimonial-card::after {\r\n    content: '';\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 6px;\r\n    height: 100%;\r\n    background: linear-gradient(180deg, #FF7E00, #F33F5E);\r\n    border-radius: 24px 0 0 24px;\r\n    opacity: 0.3;\r\n}\r\n\r\n.quote-icon {\r\n    color: #FF7E00;\r\n    font-size: 28px;\r\n    opacity: 0.25;\r\n    margin-bottom: 4px;\r\n}\r\n\r\n.testimonial-text {\r\n    font-size: 17px;\r\n    line-height: 1.6;\r\n    color: #2d3748;\r\n    font-weight: 400;\r\n    margin: 0;\r\n    flex: 1;\r\n}\r\n\r\n\/* ===== \u00c9TOILES ===== *\/\r\n.stars-container {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 6px;\r\n    margin: 4px 0 2px;\r\n}\r\n\r\n.star {\r\n    font-size: 22px;\r\n    color: #d1d5db;\r\n    cursor: pointer;\r\n    transition: color 0.2s ease, transform 0.15s ease;\r\n    user-select: none;\r\n}\r\n\r\n.star.active {\r\n    color: #FF7E00;\r\n}\r\n\r\n.star.hover {\r\n    color: #fbbf24;\r\n    transform: scale(1.1);\r\n}\r\n\r\n.star.filled {\r\n    color: #FF7E00;\r\n}\r\n\r\n.star-rating-text {\r\n    font-size: 14px;\r\n    color: #718096;\r\n    margin-left: 8px;\r\n    font-weight: 500;\r\n}\r\n\r\n\/* ===== BOUTON LIRE PLUS ===== *\/\r\n.read-more-wrapper {\r\n    margin-top: 6px;\r\n}\r\n\r\n.read-more-btn {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    background: transparent;\r\n    border: 1.5px solid rgba(255, 126, 0, 0.25);\r\n    color: #FF7E00;\r\n    padding: 8px 20px;\r\n    border-radius: 30px;\r\n    font-size: 14px;\r\n    font-weight: 600;\r\n    cursor: pointer;\r\n    transition: all 0.3s ease;\r\n    background: rgba(255, 126, 0, 0.04);\r\n    text-decoration: none;\r\n}\r\n\r\n.read-more-btn:hover {\r\n    background: linear-gradient(135deg, #FF7E00, #F33F5E);\r\n    color: white;\r\n    border-color: transparent;\r\n    transform: translateY(-2px);\r\n    box-shadow: 0 6px 20px rgba(255, 126, 0, 0.2);\r\n}\r\n\r\n.read-more-btn:active {\r\n    transform: translateY(0px);\r\n}\r\n\r\n.read-more-btn i {\r\n    font-size: 13px;\r\n    transition: transform 0.3s ease;\r\n}\r\n\r\n.read-more-btn:hover i {\r\n    transform: translateX(4px);\r\n}\r\n\r\n.testimonial-author {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 16px;\r\n    margin-top: 10px;\r\n    border-top: 1px solid rgba(255, 126, 0, 0.08);\r\n    padding-top: 18px;\r\n}\r\n\r\n.author-avatar {\r\n    width: 56px;\r\n    height: 56px;\r\n    border-radius: 50%;\r\n    object-fit: cover;\r\n    border: 2px solid #FF7E00;\r\n    padding: 2px;\r\n    background: white;\r\n    flex-shrink: 0;\r\n}\r\n\r\n.author-avatar img {\r\n    width: 100%;\r\n    height: 100%;\r\n    border-radius: 50%;\r\n    object-fit: cover;\r\n}\r\n\r\n.author-info {\r\n    display: flex;\r\n    flex-direction: column;\r\n}\r\n\r\n.author-name {\r\n    font-weight: 700;\r\n    font-size: 17px;\r\n    color: #1a202c;\r\n}\r\n\r\n.author-role {\r\n    font-size: 14px;\r\n    color: #FF7E00;\r\n    font-weight: 500;\r\n}\r\n\r\n.author-role i {\r\n    margin-right: 4px;\r\n    font-size: 12px;\r\n    color: #F33F5E;\r\n}\r\n\r\n\/* contr\u00f4les *\/\r\n.slider-controls {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 25px;\r\n    margin-top: 32px;\r\n}\r\n\r\n.slider-btn {\r\n    background: white;\r\n    border: 1px solid rgba(255, 126, 0, 0.15);\r\n    border-radius: 50%;\r\n    width: 48px;\r\n    height: 48px;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    font-size: 20px;\r\n    color: #FF7E00;\r\n    cursor: pointer;\r\n    transition: all 0.25s ease;\r\n    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.02);\r\n}\r\n\r\n.slider-btn:hover {\r\n    background: linear-gradient(135deg, #FF7E00, #F33F5E);\r\n    color: white;\r\n    border-color: transparent;\r\n    transform: scale(1.05);\r\n    box-shadow: 0 8px 20px rgba(255, 126, 0, 0.15);\r\n}\r\n\r\n.slider-btn:active {\r\n    transform: scale(0.94);\r\n}\r\n\r\n.slider-dots {\r\n    display: flex;\r\n    gap: 10px;\r\n    align-items: center;\r\n}\r\n\r\n.dot {\r\n    width: 10px;\r\n    height: 10px;\r\n    border-radius: 50%;\r\n    background: #e2e8f0;\r\n    border: none;\r\n    cursor: pointer;\r\n    transition: all 0.3s ease;\r\n    padding: 0;\r\n}\r\n\r\n.dot.active {\r\n    background: linear-gradient(135deg, #FF7E00, #F33F5E);\r\n    width: 28px;\r\n    border-radius: 20px;\r\n    box-shadow: 0 3px 10px rgba(255, 126, 0, 0.2);\r\n}\r\n\r\n.dot:hover {\r\n    background: #FF7E00;\r\n    opacity: 0.7;\r\n}\r\n\r\n\/* ============================================\r\n   SECTION \"VOIR PLUS DE T\u00c9MOIGNAGES\" (BAS)\r\n   ============================================ *\/\r\n.more-testimonials {\r\n    margin-top: 50px;\r\n    text-align: center;\r\n    padding: 35px 30px 30px;\r\n    background: white;\r\n    border-radius: 28px;\r\n    box-shadow: 0 15px 50px rgba(0, 0, 0, 0.04);\r\n    border: 1px solid rgba(255, 126, 0, 0.06);\r\n    transition: all 0.3s ease;\r\n}\r\n\r\n.more-testimonials:hover {\r\n    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.06);\r\n    border-color: rgba(255, 126, 0, 0.12);\r\n}\r\n\r\n.more-testimonials p {\r\n    color: #4a5568;\r\n    font-size: 16px;\r\n    margin-bottom: 20px;\r\n    font-weight: 400;\r\n}\r\n\r\n.more-testimonials p i {\r\n    color: #FF7E00;\r\n    margin: 0 4px;\r\n}\r\n\r\n.more-testimonials .highlight {\r\n    color: #FF7E00;\r\n    font-weight: 600;\r\n}\r\n\r\n.more-btn {\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: 16px 40px;\r\n    border-radius: 12px;\r\n    font-size: 17px;\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 6px 25px rgba(255, 126, 0, 0.25);\r\n    position: relative;\r\n    overflow: hidden;\r\n}\r\n\r\n.more-btn::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.15), transparent);\r\n    transition: left 0.6s ease;\r\n}\r\n\r\n.more-btn:hover::before {\r\n    left: 100%;\r\n}\r\n\r\n.more-btn:hover {\r\n    transform: translateY(-3px);\r\n    box-shadow: 0 10px 35px rgba(255, 126, 0, 0.35);\r\n}\r\n\r\n.more-btn:active {\r\n    transform: translateY(-1px);\r\n}\r\n\r\n.more-btn i {\r\n    font-size: 18px;\r\n    transition: transform 0.3s ease;\r\n}\r\n\r\n.more-btn:hover i {\r\n    transform: translateX(6px) scale(1.1);\r\n}\r\n\r\n\/* Animation simple *\/\r\n@keyframes fadeIn {\r\n    from {\r\n        opacity: 0;\r\n        transform: translateY(20px);\r\n    }\r\n    to {\r\n        opacity: 1;\r\n        transform: translateY(0);\r\n    }\r\n}\r\n\r\n.testimonial-section {\r\n    animation: fadeIn 0.8s ease-out forwards;\r\n}\r\n\r\n\/* Responsive *\/\r\n@media (max-width: 768px) {\r\n    .testimonial-heading {\r\n        font-size: 28px;\r\n    }\r\n\r\n    .slider-wrapper {\r\n        padding: 25px 15px 35px;\r\n    }\r\n\r\n    .slide {\r\n        padding: 5px 0;\r\n    }\r\n\r\n    .testimonial-card {\r\n        padding: 24px 20px 28px;\r\n    }\r\n\r\n    .testimonial-text {\r\n        font-size: 15px;\r\n    }\r\n\r\n    .slider-btn {\r\n        width: 42px;\r\n        height: 42px;\r\n        font-size: 16px;\r\n    }\r\n\r\n    .star {\r\n        font-size: 19px;\r\n    }\r\n\r\n    .more-testimonials {\r\n        padding: 28px 20px 25px;\r\n        margin-top: 35px;\r\n    }\r\n\r\n    .more-btn {\r\n        padding: 14px 30px;\r\n        font-size: 15px;\r\n    }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n    .testimonial-heading {\r\n        font-size: 24px;\r\n    }\r\n    .testimonial-card {\r\n        padding: 20px 16px 24px;\r\n    }\r\n    .author-avatar {\r\n        width: 46px;\r\n        height: 46px;\r\n    }\r\n    .star {\r\n        font-size: 17px;\r\n    }\r\n    .read-more-btn {\r\n        font-size: 13px;\r\n        padding: 6px 16px;\r\n    }\r\n    .more-testimonials {\r\n        padding: 22px 16px 20px;\r\n    }\r\n    .more-btn {\r\n        padding: 12px 24px;\r\n        font-size: 14px;\r\n        gap: 10px;\r\n    }\r\n    .more-btn i {\r\n        font-size: 15px;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<div class=\"testimonial-section\">\r\n    <!-- en-t\u00eate -->\r\n    <div class=\"testimonial-header\">\r\n        <div class=\"testimonial-label\">\r\n            <i class=\"fas fa-comment-dots\" style=\"font-size: 14px;\"><\/i> T\u00c9MOIGNAGES\r\n        <\/div>\r\n        <h2 class=\"testimonial-heading\">\r\n            Ils ont <span>r\u00e9ussi<\/span> gr\u00e2ce \u00e0 vous\r\n        <\/h2>\r\n        <p class=\"testimonial-sub\">\r\n            D\u00e9couvrez les histoires inspirantes de nos membres qui ont collect\u00e9 des dons et fait la diff\u00e9rence.\r\n        <\/p>\r\n    <\/div>\r\n\r\n    <!-- carrousel -->\r\n    <div class=\"slider-wrapper\">\r\n        <div class=\"slider-container\">\r\n            <div class=\"slides-track\" id=\"slidesTrack\">\r\n                \r\n                <!-- Slide 1 -->\r\n                <div class=\"slide\">\r\n                    <div class=\"testimonial-card\">\r\n                        <div class=\"quote-icon\"><i class=\"fas fa-quote-left\"><\/i><\/div>\r\n                        <p class=\"testimonial-text\">\r\n                            Je n'arrive toujours pas \u00e0 croire que ma cagnotte ait d\u00e9pass\u00e9 les 15 000 \u20ac. Gr\u00e2ce \u00e0 cette aide, j'ai pu acheter les premiers \u00e9quipements de mon salon de coiffure.\r\n                        <\/p>\r\n\r\n                        <div class=\"stars-container\" data-rating=\"5\">\r\n                            <i class=\"fas fa-star star\" data-value=\"1\"><\/i>\r\n                            <i class=\"fas fa-star star\" data-value=\"2\"><\/i>\r\n                            <i class=\"fas fa-star star\" data-value=\"3\"><\/i>\r\n                            <i class=\"fas fa-star star\" data-value=\"4\"><\/i>\r\n                            <i class=\"fas fa-star star\" data-value=\"5\"><\/i>\r\n                            <span class=\"star-rating-text\">5.0<\/span>\r\n                        <\/div>\r\n\r\n                        <div class=\"read-more-wrapper\">\r\n                            <button class=\"read-more-btn\" data-fulltext=\"Je n'arrive toujours pas \u00e0 croire que ma cagnotte ait d\u00e9pass\u00e9 les 15 000 \u20ac. Gr\u00e2ce \u00e0 cette aide, j'ai pu acheter les premiers \u00e9quipements de mon salon de coiffure. Aujourd'hui, j'accueille mes premiers clients. Merci \u00e0 chaque personne qui a contribu\u00e9 \u00e0 ce nouveau d\u00e9part.\">\r\n                                <span>Lire plus<\/span>\r\n                                <i class=\"fas fa-arrow-right\"><\/i>\r\n                            <\/button>\r\n                        <\/div>\r\n\r\n                        <div class=\"testimonial-author\">\r\n                            <div class=\"author-avatar\">\r\n                                <img decoding=\"async\" data-src=\"https:\/\/sivih.org\/wp-content\/uploads\/2026\/06\/s3.png\" alt=\"avatar\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" style=\"--smush-placeholder-width: 219px; --smush-placeholder-aspect-ratio: 219\/302;\" \/>\r\n                            <\/div>\r\n                            <div class=\"author-info\">\r\n                                <span class=\"author-name\">Anna M\u00fcller<\/span>\r\n                                <span class=\"author-role\"><i class=\"fas fa-heart\" style=\"color:#F33F5E;\"><\/i> Collecte solidaire<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Slide 2 -->\r\n                <div class=\"slide\">\r\n                    <div class=\"testimonial-card\">\r\n                        <div class=\"quote-icon\"><i class=\"fas fa-quote-left\"><\/i><\/div>\r\n                        <p class=\"testimonial-text\">\r\n                            Je traversais une p\u00e9riode extr\u00eamement difficile lorsque j'ai lanc\u00e9 ma cagnotte. Les dons re\u00e7us m'ont permis de faire face \u00e0 mes besoins les plus urgents.\r\n                        <\/p>\r\n\r\n                        <div class=\"stars-container\" data-rating=\"4\">\r\n                            <i class=\"fas fa-star star\" data-value=\"1\"><\/i>\r\n                            <i class=\"fas fa-star star\" data-value=\"2\"><\/i>\r\n                            <i class=\"fas fa-star star\" data-value=\"3\"><\/i>\r\n                            <i class=\"fas fa-star star\" data-value=\"4\"><\/i>\r\n                            <i class=\"fas fa-star star\" data-value=\"5\"><\/i>\r\n                            <span class=\"star-rating-text\">4.0<\/span>\r\n                        <\/div>\r\n\r\n                        <div class=\"read-more-wrapper\">\r\n                            <button class=\"read-more-btn\" data-fulltext=\"Je traversais une p\u00e9riode extr\u00eamement difficile lorsque j'ai lanc\u00e9 ma cagnotte. Les dons re\u00e7us m'ont permis de faire face \u00e0 mes besoins les plus urgents. Je suis profond\u00e9ment reconnaissante. Au-del\u00e0 de l'aide financi\u00e8re, les nombreux messages d'encouragement m'ont redonn\u00e9 la force de croire en des jours meilleurs. Gr\u00e2ce \u00e0 cette solidarit\u00e9, j'ai pu retrouver une certaine stabilit\u00e9 et envisager l'avenir avec plus de s\u00e9r\u00e9nit\u00e9.\">\r\n                                <span>Lire plus<\/span>\r\n                                <i class=\"fas fa-arrow-right\"><\/i>\r\n                            <\/button>\r\n                        <\/div>\r\n\r\n                        <div class=\"testimonial-author\">\r\n                            <div class=\"author-avatar\">\r\n                                <img decoding=\"async\" data-src=\"https:\/\/sivih.org\/wp-content\/uploads\/2026\/06\/s2.png\" alt=\"avatar\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" style=\"--smush-placeholder-width: 266px; --smush-placeholder-aspect-ratio: 266\/263;\" \/>\r\n                            <\/div>\r\n                            <div class=\"author-info\">\r\n                                <span class=\"author-name\">James Thompson<\/span>\r\n                                <span class=\"author-role\"><i class=\"fas fa-globe\"><\/i> Projet personel<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Slide 3 -->\r\n                <div class=\"slide\">\r\n                    <div class=\"testimonial-card\">\r\n                        <div class=\"quote-icon\"><i class=\"fas fa-quote-left\"><\/i><\/div>\r\n                        <p class=\"testimonial-text\">\r\n                            Je n'aurais jamais imagin\u00e9 recevoir autant de soutien. Les discussions entre membres m'ont \r\n                            donn\u00e9 des id\u00e9es pour booster ma cagnotte. Une vraie famille !\r\n                        <\/p>\r\n\r\n                        <div class=\"stars-container\" data-rating=\"5\">\r\n                            <i class=\"fas fa-star star\" data-value=\"1\"><\/i>\r\n                            <i class=\"fas fa-star star\" data-value=\"2\"><\/i>\r\n                            <i class=\"fas fa-star star\" data-value=\"3\"><\/i>\r\n                            <i class=\"fas fa-star star\" data-value=\"4\"><\/i>\r\n                            <i class=\"fas fa-star star\" data-value=\"5\"><\/i>\r\n                            <span class=\"star-rating-text\">5.0<\/span>\r\n                        <\/div>\r\n\r\n                        <div class=\"read-more-wrapper\">\r\n                            <button class=\"read-more-btn\" data-fulltext=\"Je n'aurais jamais imagin\u00e9 recevoir autant de soutien. Les discussions entre membres m'ont donn\u00e9 des id\u00e9es pour booster ma cagnotte. Une vraie famille ! Les conseils et les encouragements re\u00e7us m'ont aid\u00e9 \u00e0 atteindre mon objectif beaucoup plus rapidement que pr\u00e9vu. Aujourd'hui, je recommande cette communaut\u00e9 \u00e0 toutes les personnes qui ont besoin d'aide ou d'un accompagnement sinc\u00e8re.\">\r\n                                <span>Lire plus<\/span>\r\n                                <i class=\"fas fa-arrow-right\"><\/i>\r\n                            <\/button>\r\n                        <\/div>\r\n\r\n                        <div class=\"testimonial-author\">\r\n                            <div class=\"author-avatar\">\r\n                                <img decoding=\"async\" data-src=\"https:\/\/sivih.org\/wp-content\/uploads\/2026\/06\/F28.png\" alt=\"avatar\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" style=\"--smush-placeholder-width: 251px; --smush-placeholder-aspect-ratio: 251\/388;\" \/>\r\n                            <\/div>\r\n                            <div class=\"author-info\">\r\n                                <span class=\"author-name\">Sophie Tremblay<\/span>\r\n                                <span class=\"author-role\"><i class=\"fas fa-hand-holding-heart\"><\/i> Cr\u00e9atrice de cagnotte<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Slide 4 -->\r\n                <div class=\"slide\">\r\n                    <div class=\"testimonial-card\">\r\n                        <div class=\"quote-icon\"><i class=\"fas fa-quote-left\"><\/i><\/div>\r\n                        <p class=\"testimonial-text\">\r\n                            Mon fils est atteint d'un cancer et les traitements repr\u00e9sentaient une charge \u00e9norme pour notre famille. Les 180 000 \u00a3 collect\u00e9s nous ont permis de\r\n                        <\/p>\r\n\r\n                        <div class=\"stars-container\" data-rating=\"4\">\r\n                            <i class=\"fas fa-star star\" data-value=\"1\"><\/i>\r\n                            <i class=\"fas fa-star star\" data-value=\"2\"><\/i>\r\n                            <i class=\"fas fa-star star\" data-value=\"3\"><\/i>\r\n                            <i class=\"fas fa-star star\" data-value=\"4\"><\/i>\r\n                            <i class=\"fas fa-star star\" data-value=\"5\"><\/i>\r\n                            <span class=\"star-rating-text\">4.0<\/span>\r\n                        <\/div>\r\n\r\n                        <div class=\"read-more-wrapper\">\r\n                            <button class=\"read-more-btn\" data-fulltext=\"Mon fils est atteint d'un cancer et les traitements repr\u00e9sentaient une charge \u00e9norme pour notre famille. Les 180 000 \u00a3 collect\u00e9s nous ont permis de couvrir une partie importante des frais m\u00e9dicaux. Vous nous avez donn\u00e9 beaucoup plus que de l'argent : vous nous avez donn\u00e9 de l'espoir. Je suis fi\u00e8re de vous.\">\r\n                                <span>Lire plus<\/span>\r\n                                <i class=\"fas fa-arrow-right\"><\/i>\r\n                            <\/button>\r\n                        <\/div>\r\n\r\n                        <div class=\"testimonial-author\">\r\n                            <div class=\"author-avatar\">\r\n                                <img decoding=\"async\" data-src=\"https:\/\/sivih.org\/wp-content\/uploads\/2026\/06\/s4.png\" alt=\"avatar\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" style=\"--smush-placeholder-width: 239px; --smush-placeholder-aspect-ratio: 239\/350;\" \/>\r\n                            <\/div>\r\n                            <div class=\"author-info\">\r\n                                <span class=\"author-name\">Charlotte Brown<\/span>\r\n                                <span class=\"author-role\"><i class=\"fas fa-graduation-cap\"><\/i> Urgence m\u00e9dicale<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Slide 5 -->\r\n                <div class=\"slide\">\r\n                    <div class=\"testimonial-card\">\r\n                        <div class=\"quote-icon\"><i class=\"fas fa-quote-left\"><\/i><\/div>\r\n                        <p class=\"testimonial-text\">\r\n                            Gr\u00e2ce aux dons re\u00e7us, notre association a pu financer la scolarit\u00e9 de plusieurs enfants orphelins et am\u00e9liorer leurs conditions\r\n                        <\/p>\r\n\r\n                        <div class=\"stars-container\" data-rating=\"5\">\r\n                            <i class=\"fas fa-star star\" data-value=\"1\"><\/i>\r\n                            <i class=\"fas fa-star star\" data-value=\"2\"><\/i>\r\n                            <i class=\"fas fa-star star\" data-value=\"3\"><\/i>\r\n                            <i class=\"fas fa-star star\" data-value=\"4\"><\/i>\r\n                            <i class=\"fas fa-star star\" data-value=\"5\"><\/i>\r\n                            <span class=\"star-rating-text\">5.0<\/span>\r\n                        <\/div>\r\n\r\n                        <div class=\"read-more-wrapper\">\r\n                            <button class=\"read-more-btn\" data-fulltext=\"Gr\u00e2ce aux dons re\u00e7us, notre association a pu financer la scolarit\u00e9 de plusieurs enfants orphelins et am\u00e9liorer leurs conditions de vie. Chaque contribution a eu un impact concret sur leur avenir. Merci infiniment. Nous avons \u00e9galement pu leur fournir des fournitures scolaires, des repas r\u00e9guliers et un environnement plus s\u00e9curis\u00e9 pour leur \u00e9panouissement. Au nom de tous ces enfants, nous remercions chaleureusement chaque donateur pour sa g\u00e9n\u00e9rosit\u00e9 et sa confiance.\">\r\n                                <span>Lire plus<\/span>\r\n                                <i class=\"fas fa-arrow-right\"><\/i>\r\n                            <\/button>\r\n                        <\/div>\r\n\r\n                        <div class=\"testimonial-author\">\r\n                            <div class=\"author-avatar\">\r\n                                <img decoding=\"async\" data-src=\"https:\/\/sivih.org\/wp-content\/uploads\/2026\/06\/s1.png\" alt=\"avatar\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" style=\"--smush-placeholder-width: 526px; --smush-placeholder-aspect-ratio: 526\/342;\" \/>\r\n                            <\/div>\r\n                            <div class=\"author-info\">\r\n                                <span class=\"author-name\">Hope for Every Child Foundation<\/span>\r\n                                <span class=\"author-role\"><i class=\"fas fa-tree\"><\/i> Projet associatif<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- contr\u00f4les -->\r\n        <div class=\"slider-controls\">\r\n            <button class=\"slider-btn\" id=\"prevBtn\" aria-label=\"T\u00e9moignage pr\u00e9c\u00e9dent\">\r\n                <i class=\"fas fa-chevron-left\"><\/i>\r\n            <\/button>\r\n\r\n            <div class=\"slider-dots\" id=\"dotsContainer\">\r\n                <!-- g\u00e9n\u00e9r\u00e9 en JS -->\r\n            <\/div>\r\n\r\n            <button class=\"slider-btn\" id=\"nextBtn\" aria-label=\"T\u00e9moignage suivant\">\r\n                <i class=\"fas fa-chevron-right\"><\/i>\r\n            <\/button>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- ============================================\r\n         SECTION \"VOIR PLUS DE T\u00c9MOIGNAGES\"\r\n         ============================================ -->\r\n    <div class=\"more-testimonials\">\r\n        <p>\r\n            <i class=\"fas fa-quote-left\"><\/i>\r\n            D\u00e9couvrez <span class=\"highlight\">+ de 50 t\u00e9moignages<\/span> de membres qui ont transform\u00e9 leurs projets gr\u00e2ce \u00e0 la communaut\u00e9\r\n            <i class=\"fas fa-quote-right\"><\/i>\r\n        <\/p>\r\n        <a href=\"https:\/\/sivih.org\/temoignages-sivih\/\" class=\"more-btn\" id=\"voirPlusBtn\">\r\n            <span>Voir tous les t\u00e9moignages<\/span>\r\n            <i class=\"fas fa-arrow-right\"><\/i>\r\n        <\/a>\r\n    <\/div>\r\n<\/div>\r\n\r\n<script>\r\ndocument.addEventListener('DOMContentLoaded', function() {\r\n    'use strict';\r\n\r\n    \/\/ =============================================\r\n    \/\/ 1. CARROUSEL\r\n    \/\/ =============================================\r\n    const track = document.getElementById('slidesTrack');\r\n    const slides = track.querySelectorAll('.slide');\r\n    const totalSlides = slides.length;\r\n    let currentIndex = 0;\r\n    let isTransitioning = false;\r\n\r\n    const dotsContainer = document.getElementById('dotsContainer');\r\n    for (let i = 0; i < totalSlides; i++) {\r\n        const dot = document.createElement('button');\r\n        dot.classList.add('dot');\r\n        if (i === 0) dot.classList.add('active');\r\n        dot.setAttribute('data-index', i);\r\n        dot.addEventListener('click', function() {\r\n            goToSlide(parseInt(this.getAttribute('data-index')));\r\n        });\r\n        dotsContainer.appendChild(dot);\r\n    }\r\n\r\n    const dots = dotsContainer.querySelectorAll('.dot');\r\n\r\n    function goToSlide(index) {\r\n        if (isTransitioning || index === currentIndex) return;\r\n        if (index < 0) index = totalSlides - 1;\r\n        if (index >= totalSlides) index = 0;\r\n\r\n        isTransitioning = true;\r\n        track.style.transform = 'translateX(-' + (index * 100) + '%)';\r\n\r\n        dots.forEach(function(dot, i) {\r\n            if (i === index) {\r\n                dot.classList.add('active');\r\n            } else {\r\n                dot.classList.remove('active');\r\n            }\r\n        });\r\n\r\n        currentIndex = index;\r\n\r\n        setTimeout(function() {\r\n            isTransitioning = false;\r\n        }, 600);\r\n    }\r\n\r\n    document.getElementById('nextBtn').addEventListener('click', function() {\r\n        goToSlide(currentIndex + 1);\r\n    });\r\n\r\n    document.getElementById('prevBtn').addEventListener('click', function() {\r\n        goToSlide(currentIndex - 1);\r\n    });\r\n\r\n    let autoplayInterval = setInterval(function() {\r\n        goToSlide(currentIndex + 1);\r\n    }, 6000);\r\n\r\n    const sliderWrapper = document.querySelector('.slider-wrapper');\r\n    sliderWrapper.addEventListener('mouseenter', function() {\r\n        clearInterval(autoplayInterval);\r\n    });\r\n    sliderWrapper.addEventListener('mouseleave', function() {\r\n        autoplayInterval = setInterval(function() {\r\n            goToSlide(currentIndex + 1);\r\n        }, 6000);\r\n    });\r\n\r\n    window.addEventListener('resize', function() {\r\n        track.style.transition = 'none';\r\n        track.style.transform = 'translateX(-' + (currentIndex * 100) + '%)';\r\n        void track.offsetHeight;\r\n        track.style.transition = 'transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94)';\r\n    });\r\n\r\n    setTimeout(function() {\r\n        track.style.transform = 'translateX(-' + (currentIndex * 100) + '%)';\r\n    }, 20);\r\n\r\n    \/\/ =============================================\r\n    \/\/ 2. SYST\u00c8ME D'\u00c9TOILES (cliquables)\r\n    \/\/ =============================================\r\n    document.querySelectorAll('.stars-container').forEach(function(container) {\r\n        const stars = container.querySelectorAll('.star');\r\n        const ratingText = container.querySelector('.star-rating-text');\r\n        let currentRating = parseInt(container.getAttribute('data-rating')) || 0;\r\n\r\n        function updateStars(rating) {\r\n            stars.forEach(function(star) {\r\n                const value = parseInt(star.getAttribute('data-value'));\r\n                if (value <= rating) {\r\n                    star.classList.add('active');\r\n                    star.classList.remove('hover');\r\n                } else {\r\n                    star.classList.remove('active', 'hover');\r\n                }\r\n            });\r\n            if (ratingText) {\r\n                ratingText.textContent = rating.toFixed(1);\r\n            }\r\n            container.setAttribute('data-rating', rating);\r\n        }\r\n\r\n        stars.forEach(function(star) {\r\n            const value = parseInt(star.getAttribute('data-value'));\r\n\r\n            star.addEventListener('mouseenter', function() {\r\n                stars.forEach(function(s) {\r\n                    const v = parseInt(s.getAttribute('data-value'));\r\n                    if (v <= value) {\r\n                        s.classList.add('hover');\r\n                    } else {\r\n                        s.classList.remove('hover');\r\n                    }\r\n                });\r\n            });\r\n\r\n            star.addEventListener('mouseleave', function() {\r\n                stars.forEach(function(s) {\r\n                    s.classList.remove('hover');\r\n                });\r\n            });\r\n\r\n            star.addEventListener('click', function(e) {\r\n                e.stopPropagation();\r\n                currentRating = value;\r\n                updateStars(currentRating);\r\n\r\n                const card = container.closest('.testimonial-card');\r\n                const authorName = card?.querySelector('.author-name')?.textContent || 'Membre';\r\n                console.log('\u2b50 ' + authorName + ' a re\u00e7u une note de ' + currentRating + '\/5');\r\n            });\r\n        });\r\n\r\n        updateStars(currentRating);\r\n    });\r\n\r\n    \/\/ =============================================\r\n    \/\/ 3. BOUTON \"LIRE PLUS\" (toggle)\r\n    \/\/ =============================================\r\n    document.querySelectorAll('.read-more-btn').forEach(function(btn) {\r\n        const textElement = btn.closest('.testimonial-card').querySelector('.testimonial-text');\r\n        const fullText = btn.getAttribute('data-fulltext') || textElement.textContent;\r\n        let isExpanded = false;\r\n\r\n        btn.addEventListener('click', function(e) {\r\n            e.preventDefault();\r\n            isExpanded = !isExpanded;\r\n\r\n            if (isExpanded) {\r\n                textElement.textContent = fullText;\r\n                btn.querySelector('span').textContent = 'Lire moins';\r\n                btn.querySelector('i').className = 'fas fa-arrow-up';\r\n            } else {\r\n                let short = fullText.substring(0, 120);\r\n                if (fullText.length > 120) short += '...';\r\n                textElement.textContent = short;\r\n                btn.querySelector('span').textContent = 'Lire plus';\r\n                btn.querySelector('i').className = 'fas fa-arrow-right';\r\n            }\r\n        });\r\n    });\r\n\r\n    \/\/ =============================================\r\n    \/\/ 4. BOUTON \"VOIR PLUS\" - Gestion du lien\r\n    \/\/ =============================================\r\n    const voirPlusBtn = document.getElementById('voirPlusBtn');\r\n    \/\/ Modifiez le lien ici si besoin\r\n    \/\/ voirPlusBtn.href = \"https:\/\/votre-site.com\/temoignages\";\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-96613ba e-con-full e-flex e-con e-parent\" data-id=\"96613ba\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1ccd796 elementor-widget elementor-widget-html\" data-id=\"1ccd796\" 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<!-- FOOTER DYNAMIQUE SIVIH - VERSION CORRIG\u00c9E -->\r\n<footer class=\"sivih-footer\">\r\n    <!-- Section sup\u00e9rieure du footer -->\r\n    <div class=\"sivih-footer-top\">\r\n        <div class=\"sivih-footer-container\">\r\n            <!-- Colonne 1 : Logo et description -->\r\n            <div class=\"sivih-footer-col sivih-footer-about\">\r\n                <div class=\"sivih-footer-logo\">\r\n                    <!-- LOGO R\u00c9EL \u00c0 METTRE ICI -->\r\n                    <img decoding=\"async\" data-src=\"https:\/\/sivih.org\/wp-content\/uploads\/2026\/01\/Logo-Propre.png\" \r\n                         alt=\"Logo SIVIH\" \r\n                         class=\"sivih-logo-real lazyload\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1024px; --smush-placeholder-aspect-ratio: 1024\/1024;\">\r\n                    <div class=\"sivih-logo-text\">\r\n                        <h3 class=\"sivih-logo-title\">SIVIH<\/h3>\r\n                        <p class=\"sivih-logo-subtitle\">Soutien Communautaire<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n                <p class=\"sivih-footer-description\">\r\n                    Une communaut\u00e9 internationale de plus de 14 millions de membres, unis pour s\u2019entraider, se relever ensemble et transformer des vies gr\u00e2ce \u00e0 une solidarit\u00e9 concr\u00e8te.\r\n                <\/p>\r\n                \r\n                <!-- Statistiques anim\u00e9es -->\r\n                <div class=\"sivih-footer-stats\">\r\n                    <div class=\"sivih-stat\">\r\n                        <div class=\"sivih-stat-number\" data-count=\"14421952\">0<\/div>\r\n                        <div class=\"sivih-stat-label\">Membres<\/div>\r\n                    <\/div>\r\n                    <div class=\"sivih-stat\">\r\n                        <div class=\"sivih-stat-number\" data-count=\"200\">0<\/div>\r\n                        <div class=\"sivih-stat-label\">Cagnottes\/mois<\/div>\r\n                    <\/div>\r\n                    <div class=\"sivih-stat\">\r\n                        <div class=\"sivih-stat-number\" data-count=\"100\">100%<\/div>\r\n                        <div class=\"sivih-stat-label\"> % Fonds vers\u00e9s<\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <!-- R\u00e9seaux sociaux - 3 IC\u00d4NES SEULEMENT -->\r\n                <div class=\"sivih-footer-social\">\r\n                    <a href=\"https:\/\/www.facebook.com\/profile.php?id=61584417886008\" class=\"sivih-social-link\" target=\"_blank\" aria-label=\"Facebook\">\r\n                        <i class=\"fab fa-facebook-f\"><\/i>\r\n                    <\/a>\r\n                    <a href=\"https:\/\/tiktok.com\/@sivih_org\" class=\"sivih-social-link\" target=\"_blank\" aria-label=\"TikTok\">\r\n                        <i class=\"fab fa-tiktok\"><\/i>\r\n                    <\/a>\r\n                    <a href=\"https:\/\/wa.me\/447411207194\" class=\"sivih-social-link\" target=\"_blank\" aria-label=\"WhatsApp\">\r\n                        <i class=\"fab fa-whatsapp\"><\/i>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Colonne 2 : Liens rapides - 4 LIENS -->\r\n            <div class=\"sivih-footer-col\">\r\n                <h4 class=\"sivih-footer-title\">Navigation<\/h4>\r\n                <ul class=\"sivih-footer-links\">\r\n                    <li><a href=\"https:\/\/sivih.org\/mon-compte\/\" class=\"sivih-footer-link\">Mon compte<\/a><\/li>\r\n                    <li><a href=\"https:\/\/sivih.org\/demande-de-la-carte\/\" class=\"sivih-footer-link\">Carte CAD-V8<\/a><\/li>\r\n                    <li><a href=\"https:\/\/sivih.org\/certifier-mon-compte\/\" class=\"sivih-footer-link\">Certification<\/a><\/li>\r\n                    <li><a href=\"https:\/\/sivih.org\/retrait-fonds\/\" class=\"sivih-footer-link\">Retrait de cagnotte<\/a><\/li>\r\n                <\/ul>\r\n            <\/div>\r\n\r\n            <!-- Colonne 3 : Ressources - 4 LIENS -->\r\n            <div class=\"sivih-footer-col\">\r\n                <h4 class=\"sivih-footer-title\">Ressources<\/h4>\r\n                <ul class=\"sivih-footer-links\">\r\n                    <li><a href=\"https:\/\/sivih.org\/faq-sivih\/\" class=\"sivih-footer-link\">FAQ<\/a><\/li>\r\n                    <li><a href=\"https:\/\/sivih.org\/informations-generales\/\" class=\"sivih-footer-link\">Guide du membre<\/a><\/li>\r\n                    <li><a href=\"https:\/\/sivih.org\/conditions\/\" class=\"sivih-footer-link\">Conditions<\/a><\/li>\r\n                    <li><a href=\"https:\/\/sivih.org\/confidentialite\/\" class=\"sivih-footer-link\">Confidentialit\u00e9<\/a><\/li>\r\n                <\/ul>\r\n            <\/div>\r\n\r\n            <!-- Colonne 4 : Contact et newsletter -->\r\n            <div class=\"sivih-footer-col sivih-footer-contact\">\r\n                <h4 class=\"sivih-footer-title\">Restez inform\u00e9<\/h4>\r\n                <p class=\"sivih-footer-text\">\r\n                    Inscrivez-vous pour recevoir les derni\u00e8res actualit\u00e9s et les cagnottes urgentes.\r\n                <\/p>\r\n                \r\n                <!-- Formulaire newsletter -->\r\n                <form class=\"sivih-newsletter-form\" id=\"sivih-newsletter-form\">\r\n                    <div class=\"sivih-input-group\">\r\n                        <input type=\"email\" \r\n                               class=\"sivih-newsletter-input\" \r\n                               placeholder=\"Votre adresse email\" \r\n                               required\r\n                               aria-label=\"Adresse email pour newsletter\">\r\n                        <button type=\"submit\" class=\"sivih-newsletter-btn\">\r\n                            <span class=\"sivih-btn-text\">S'inscrire<\/span>\r\n                            <i class=\"fas fa-envelope\"><\/i>\r\n                        <\/button>\r\n                    <\/div>\r\n                    <div class=\"sivih-newsletter-success\" id=\"sivih-newsletter-success\">\r\n                        <i class=\"fas fa-check-circle\"><\/i> Merci pour l'inscription! Veuillez vous cr\u00e9er un compte\r\n                    <\/div>\r\n                <\/form>\r\n                \r\n                <!-- Contact direct -->\r\n                <div class=\"sivih-contact-info\">\r\n                    <a href=\"https:\/\/sivih.org\/contact-support\/\" class=\"sivih-contact-link\">\r\n                        <i class=\"fas fa-envelope\"><\/i>\r\n                        contact@ sivih.org\r\n                    <\/a>\r\n                    <a href=\"https:\/\/sivih.org\/faq-sivih\/\" class=\"sivih-contact-link\">\r\n                        <i class=\"fas fa-comments\"><\/i>\r\n                        Support en ligne\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- Section inf\u00e9rieure du footer -->\r\n    <div class=\"sivih-footer-bottom\">\r\n        <div class=\"sivih-footer-container\">\r\n            <div class=\"sivih-footer-bottom-content\">\r\n                <div class=\"sivih-copyright\">\r\n                    \u00a9 <span id=\"sivih-current-year\">2023<\/span> SIVIH - Service d'Entraide Communautaire. Tous droits r\u00e9serv\u00e9s.\r\n                <\/div>\r\n                \r\n                <!-- Paiements s\u00e9curis\u00e9s - STRIPE, PAYPAL, VISA -->\r\n                <div class=\"sivih-payments\">\r\n                    <div class=\"sivih-payment-title\">Paiements s\u00e9curis\u00e9s :<\/div>\r\n                    <div class=\"sivih-payment-methods\">\r\n                        <span class=\"sivih-payment-method\" title=\"Stripe\">\r\n                            <i class=\"fab fa-stripe\"><\/i>\r\n                        <\/span>\r\n                        <span class=\"sivih-payment-method\" title=\"PayPal\">\r\n                            <i class=\"fab fa-paypal\"><\/i>\r\n                        <\/span>\r\n                        <span class=\"sivih-payment-method\" title=\"VISA\">\r\n                            <i class=\"fab fa-cc-visa\"><\/i>\r\n                        <\/span>\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <div class=\"sivih-made-with\">\r\n                    Fait avec <i class=\"fas fa-heart sivih-heart\"><\/i> pour la communaut\u00e9\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/footer>\r\n\r\n<style>\r\n\/* ===== FOOTER DYNAMIQUE SIVIH - VERSION CORRIG\u00c9E ===== *\/\r\n.sivih-footer {\r\n    background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%);\r\n    color: #f8f9fa;\r\n    position: relative;\r\n    overflow: hidden;\r\n    width: 100vw; \/* CORRECTION 1: Chang\u00e9 de 100% \u00e0 100vw *\/\r\n    margin: 0;\r\n    padding: 0;\r\n    margin-left: calc(-50vw + 50%); \/* Centre parfaitement *\/\r\n    left: 0;\r\n    right: 0;\r\n}\r\n\r\n\/* Effet de particules *\/\r\n.sivih-footer::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    right: 0;\r\n    height: 100%;\r\n    background-image: \r\n        radial-gradient(circle at 10% 20%, rgba(255, 126, 0, 0.03) 0%, transparent 20%),\r\n        radial-gradient(circle at 90% 80%, rgba(243, 63, 94, 0.03) 0%, transparent 20%);\r\n    pointer-events: none;\r\n}\r\n\r\n\/* Section sup\u00e9rieure *\/\r\n.sivih-footer-top {\r\n    padding: 80px 0 60px;\r\n    position: relative;\r\n    z-index: 2;\r\n}\r\n\r\n.sivih-footer-container {\r\n    max-width: 1200px;\r\n    margin: 0 auto;\r\n    padding: 0 20px;\r\n    display: grid;\r\n    grid-template-columns: repeat(4, 1fr);\r\n    gap: 40px;\r\n}\r\n\r\n\/* Logo et description *\/\r\n.sivih-footer-about {\r\n    grid-column: span 1;\r\n}\r\n\r\n.sivih-footer-logo {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 15px;\r\n    margin-bottom: 25px;\r\n}\r\n\r\n\/* Logo r\u00e9el *\/\r\n.sivih-logo-real {\r\n    width: 60px;\r\n    height: 60px;\r\n    object-fit: contain;\r\n    border-radius: 15px;\r\n    box-shadow: 0 8px 25px rgba(255, 126, 0, 0.3);\r\n}\r\n\r\n.sivih-logo-title {\r\n    font-size: 2rem;\r\n    font-weight: 900;\r\n    margin: 0;\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}\r\n\r\n.sivih-logo-subtitle {\r\n    font-size: 0.9rem;\r\n    color: #adb5bd;\r\n    margin: 5px 0 0;\r\n    font-weight: 600;\r\n}\r\n\r\n.sivih-footer-description {\r\n    font-size: 1rem;\r\n    line-height: 1.6;\r\n    color: #adb5bd;\r\n    margin-bottom: 30px;\r\n}\r\n\r\n\/* Statistiques *\/\r\n.sivih-footer-stats {\r\n    display: flex;\r\n    gap: 20px;\r\n    margin: 30px 0;\r\n    padding: 20px 0;\r\n    border-top: 1px solid rgba(255, 255, 255, 0.1);\r\n    border-bottom: 1px solid rgba(255, 255, 255, 0.1);\r\n}\r\n\r\n.sivih-stat {\r\n    text-align: center;\r\n    flex: 1;\r\n}\r\n\r\n.sivih-stat-number {\r\n    font-size: 1.8rem;\r\n    font-weight: 900;\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: 5px;\r\n}\r\n\r\n.sivih-stat-label {\r\n    font-size: 0.8rem;\r\n    color: #adb5bd;\r\n    font-weight: 600;\r\n}\r\n\r\n\/* R\u00e9seaux sociaux - 3 IC\u00d4NES - CORRECTION 2: Ic\u00f4nes web *\/\r\n.sivih-footer-social {\r\n    display: flex;\r\n    gap: 15px;\r\n    margin-top: 25px;\r\n}\r\n\r\n.sivih-social-link {\r\n    width: 45px;\r\n    height: 45px;\r\n    background: rgba(255, 255, 255, 0.05);\r\n    border-radius: 50%;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    color: #adb5bd;\r\n    text-decoration: none;\r\n    transition: all 0.3s ease;\r\n    border: 1px solid rgba(255, 255, 255, 0.1);\r\n}\r\n\r\n.sivih-social-link:hover {\r\n    background: linear-gradient(135deg, #FF7E00, #F33F5E);\r\n    color: white;\r\n    transform: translateY(-5px) rotate(10deg);\r\n    box-shadow: 0 10px 25px rgba(255, 126, 0, 0.3);\r\n}\r\n\r\n.sivih-social-link i {\r\n    font-size: 1.2rem;\r\n}\r\n\r\n\/* Colonnes *\/\r\n.sivih-footer-col {\r\n    padding: 0 10px;\r\n}\r\n\r\n.sivih-footer-title {\r\n    font-size: 1.3rem;\r\n    font-weight: 700;\r\n    margin-bottom: 25px;\r\n    color: white;\r\n    position: relative;\r\n    padding-bottom: 15px;\r\n}\r\n\r\n.sivih-footer-title::after {\r\n    content: '';\r\n    position: absolute;\r\n    bottom: 0;\r\n    left: 0;\r\n    width: 40px;\r\n    height: 3px;\r\n    background: linear-gradient(90deg, #FF7E00, #F33F5E);\r\n    border-radius: 2px;\r\n}\r\n\r\n.sivih-footer-links {\r\n    list-style: none;\r\n    padding: 0;\r\n    margin: 0;\r\n}\r\n\r\n.sivih-footer-links li {\r\n    margin-bottom: 15px;\r\n}\r\n\r\n.sivih-footer-link {\r\n    color: #adb5bd;\r\n    text-decoration: none;\r\n    font-size: 1rem;\r\n    transition: all 0.3s ease;\r\n    display: inline-block;\r\n    position: relative;\r\n    padding-left: 0;\r\n}\r\n\r\n.sivih-footer-link::before {\r\n    content: '\u2192';\r\n    position: absolute;\r\n    left: -20px;\r\n    opacity: 0;\r\n    color: #FF7E00;\r\n    transition: all 0.3s ease;\r\n}\r\n\r\n.sivih-footer-link:hover {\r\n    color: white;\r\n    padding-left: 20px;\r\n    transform: translateX(10px);\r\n}\r\n\r\n.sivih-footer-link:hover::before {\r\n    opacity: 1;\r\n    left: 0;\r\n}\r\n\r\n\/* Formulaire newsletter *\/\r\n.sivih-footer-text {\r\n    font-size: 0.95rem;\r\n    color: #adb5bd;\r\n    line-height: 1.6;\r\n    margin-bottom: 25px;\r\n}\r\n\r\n.sivih-newsletter-form {\r\n    margin-bottom: 30px;\r\n}\r\n\r\n.sivih-input-group {\r\n    display: flex;\r\n    gap: 10px;\r\n    margin-bottom: 10px;\r\n}\r\n\r\n.sivih-newsletter-input {\r\n    flex: 1;\r\n    padding: 14px 20px;\r\n    background: rgba(255, 255, 255, 0.05);\r\n    border: 1px solid rgba(255, 255, 255, 0.1);\r\n    border-radius: 25px;\r\n    color: white;\r\n    font-size: 1rem;\r\n    transition: all 0.3s ease;\r\n}\r\n\r\n.sivih-newsletter-input::placeholder {\r\n    color: #6c757d;\r\n}\r\n\r\n.sivih-newsletter-input:focus {\r\n    outline: none;\r\n    border-color: #FF7E00;\r\n    box-shadow: 0 0 0 3px rgba(255, 126, 0, 0.1);\r\n    background: rgba(255, 255, 255, 0.08);\r\n}\r\n\r\n.sivih-newsletter-btn {\r\n    padding: 14px 25px;\r\n    background: linear-gradient(135deg, #FF7E00, #F33F5E);\r\n    color: white;\r\n    border: none;\r\n    border-radius: 25px;\r\n    font-weight: 600;\r\n    font-size: 1rem;\r\n    cursor: pointer;\r\n    transition: all 0.3s ease;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    white-space: nowrap;\r\n}\r\n\r\n.sivih-newsletter-btn:hover {\r\n    transform: translateY(-2px);\r\n    box-shadow: 0 10px 25px rgba(255, 126, 0, 0.3);\r\n}\r\n\r\n.sivih-newsletter-btn i {\r\n    font-size: 1.1rem;\r\n}\r\n\r\n.sivih-newsletter-success {\r\n    color: #20c997;\r\n    font-size: 0.9rem;\r\n    padding: 10px 15px;\r\n    background: rgba(32, 201, 151, 0.1);\r\n    border-radius: 10px;\r\n    border: 1px solid rgba(32, 201, 151, 0.2);\r\n    display: none;\r\n}\r\n\r\n.sivih-newsletter-success i {\r\n    margin-right: 5px;\r\n}\r\n\r\n\/* Contact *\/\r\n.sivih-contact-info {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 15px;\r\n    margin-top: 20px;\r\n}\r\n\r\n.sivih-contact-link {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n    color: #adb5bd;\r\n    text-decoration: none;\r\n    font-size: 0.95rem;\r\n    transition: all 0.3s ease;\r\n}\r\n\r\n.sivih-contact-link:hover {\r\n    color: white;\r\n    transform: translateX(5px);\r\n}\r\n\r\n.sivih-contact-link i {\r\n    color: #FF7E00;\r\n    font-size: 1.1rem;\r\n}\r\n\r\n\/* Section inf\u00e9rieure *\/\r\n.sivih-footer-bottom {\r\n    background: rgba(0, 0, 0, 0.3);\r\n    padding: 30px 0;\r\n    border-top: 1px solid rgba(255, 255, 255, 0.05);\r\n    position: relative;\r\n    z-index: 2;\r\n}\r\n\r\n.sivih-footer-bottom-content {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    flex-wrap: wrap;\r\n    gap: 20px;\r\n}\r\n\r\n.sivih-copyright {\r\n    font-size: 0.9rem;\r\n    color: #6c757d;\r\n}\r\n\r\n.sivih-payments {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 15px;\r\n}\r\n\r\n.sivih-payment-title {\r\n    font-size: 0.9rem;\r\n    color: #adb5bd;\r\n}\r\n\r\n.sivih-payment-methods {\r\n    display: flex;\r\n    gap: 10px;\r\n}\r\n\r\n.sivih-payment-method {\r\n    width: 35px;\r\n    height: 35px;\r\n    background: rgba(255, 255, 255, 0.05);\r\n    border-radius: 8px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    font-size: 1.2rem;\r\n    cursor: pointer;\r\n    transition: all 0.3s ease;\r\n    border: 1px solid rgba(255, 255, 255, 0.1);\r\n}\r\n\r\n.sivih-payment-method:hover {\r\n    background: rgba(255, 126, 0, 0.2);\r\n    transform: translateY(-3px);\r\n}\r\n\r\n.sivih-payment-method i {\r\n    font-size: 1.2rem;\r\n}\r\n\r\n.sivih-made-with {\r\n    font-size: 0.9rem;\r\n    color: #6c757d;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 5px;\r\n}\r\n\r\n\/* Animation pour le c\u0153ur *\/\r\n@keyframes heartbeat {\r\n    0%, 100% { \r\n        transform: scale(1); \r\n        color: #F33F5E;\r\n    }\r\n    50% { \r\n        transform: scale(1.2); \r\n        color: #FF7E00;\r\n    }\r\n}\r\n\r\n.sivih-heart {\r\n    animation: heartbeat 1.5s ease-in-out infinite;\r\n    display: inline-block;\r\n}\r\n\r\n\/* ===== RESPONSIVE - TOUTE LA LARGEUR ===== *\/\r\n@media (max-width: 992px) {\r\n    .sivih-footer-container {\r\n        grid-template-columns: repeat(2, 1fr);\r\n        gap: 40px 30px;\r\n    }\r\n    \r\n    .sivih-footer-about {\r\n        grid-column: span 2;\r\n    }\r\n    \r\n    .sivih-footer-bottom-content {\r\n        flex-direction: column;\r\n        text-align: center;\r\n        gap: 15px;\r\n    }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n    .sivih-footer-top {\r\n        padding: 60px 0 40px;\r\n    }\r\n    \r\n    .sivih-footer-container {\r\n        grid-template-columns: 1fr;\r\n        gap: 40px;\r\n        width: 100%;\r\n        padding: 0 15px;\r\n    }\r\n    \r\n    .sivih-footer-about {\r\n        grid-column: span 1;\r\n    }\r\n    \r\n    .sivih-input-group {\r\n        flex-direction: column;\r\n    }\r\n    \r\n    .sivih-newsletter-btn {\r\n        width: 100%;\r\n        justify-content: center;\r\n    }\r\n}\r\n\r\n@media (max-width: 576px) {\r\n    .sivih-footer {\r\n        text-align: center;\r\n    }\r\n    \r\n    .sivih-footer-logo {\r\n        justify-content: center;\r\n        flex-direction: column;\r\n        text-align: center;\r\n    }\r\n    \r\n    .sivih-logo-real {\r\n        margin-bottom: 10px;\r\n    }\r\n    \r\n    .sivih-footer-title::after {\r\n        left: 50%;\r\n        transform: translateX(-50%);\r\n    }\r\n    \r\n    .sivih-footer-link:hover {\r\n        padding-left: 0;\r\n        transform: translateX(0);\r\n    }\r\n    \r\n    .sivih-footer-link::before {\r\n        display: none;\r\n    }\r\n    \r\n    .sivih-footer-social {\r\n        justify-content: center;\r\n    }\r\n    \r\n    .sivih-contact-link {\r\n        justify-content: center;\r\n    }\r\n    \r\n    .sivih-footer-container {\r\n        padding: 0 10px;\r\n    }\r\n}\r\n\r\n\/* Large \u00e9crans *\/\r\n@media (min-width: 1200px) {\r\n    .sivih-footer {\r\n        width: 100vw;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<script>\r\ndocument.addEventListener('DOMContentLoaded', function() {\r\n    console.log('\ud83e\uddb6 Initialisation footer SIVIH...');\r\n    \r\n    \/\/ Ann\u00e9e actuelle dans le copyright\r\n    const currentYear = document.getElementById('sivih-current-year');\r\n    if (currentYear) {\r\n        currentYear.textContent = new Date().getFullYear();\r\n    }\r\n    \r\n    \/\/ Animation des statistiques\r\n    function animateStats() {\r\n        const statNumbers = document.querySelectorAll('.sivih-stat-number');\r\n        \r\n        statNumbers.forEach(stat => {\r\n            const finalValue = parseInt(stat.getAttribute('data-count'));\r\n            const duration = 2000;\r\n            const step = Math.ceil(finalValue \/ (duration \/ 16));\r\n            let current = 0;\r\n            \r\n            \/\/ Observer pour d\u00e9clencher l'animation\r\n            const observer = new IntersectionObserver((entries) => {\r\n                entries.forEach(entry => {\r\n                    if (entry.isIntersecting) {\r\n                        const timer = setInterval(() => {\r\n                            current += step;\r\n                            if (current >= finalValue) {\r\n                                current = finalValue;\r\n                                clearInterval(timer);\r\n                            }\r\n                            stat.textContent = current.toLocaleString();\r\n                        }, 16);\r\n                        observer.unobserve(entry.target);\r\n                    }\r\n                });\r\n            }, { threshold: 0.5 });\r\n            \r\n            observer.observe(stat);\r\n        });\r\n    }\r\n    \r\n    \/\/ Appeler l'animation des stats\r\n    setTimeout(animateStats, 500);\r\n    \r\n    \/\/ Formulaire newsletter\r\n    const newsletterForm = document.getElementById('sivih-newsletter-form');\r\n    const newsletterSuccess = document.getElementById('sivih-newsletter-success');\r\n    \r\n    if (newsletterForm) {\r\n        newsletterForm.addEventListener('submit', function(e) {\r\n            e.preventDefault();\r\n            \r\n            const emailInput = this.querySelector('.sivih-newsletter-input');\r\n            const submitBtn = this.querySelector('.sivih-newsletter-btn');\r\n            \r\n            if (!emailInput.value.trim()) {\r\n                return;\r\n            }\r\n            \r\n            \/\/ Simulation d'envoi\r\n            submitBtn.disabled = true;\r\n            submitBtn.innerHTML = '<span class=\"sivih-btn-text\">Envoi...<\/span><i class=\"fas fa-spinner fa-spin\"><\/i>';\r\n            \r\n            setTimeout(() => {\r\n                \/\/ Afficher le message de succ\u00e8s\r\n                if (newsletterSuccess) {\r\n                    newsletterSuccess.style.display = 'block';\r\n                }\r\n                \r\n                \/\/ R\u00e9initialiser le formulaire\r\n                emailInput.value = '';\r\n                submitBtn.disabled = false;\r\n                submitBtn.innerHTML = '<span class=\"sivih-btn-text\">S\\'inscrire<\/span><i class=\"fas fa-envelope\"><\/i>';\r\n                \r\n                \/\/ Cacher le message apr\u00e8s 5 secondes\r\n                setTimeout(() => {\r\n                    if (newsletterSuccess) {\r\n                        newsletterSuccess.style.display = 'none';\r\n                    }\r\n                }, 5000);\r\n                \r\n            }, 1500);\r\n        });\r\n    }\r\n    \r\n    \/\/ Animation des liens au survol\r\n    const footerLinks = document.querySelectorAll('.sivih-footer-link');\r\n    footerLinks.forEach(link => {\r\n        link.addEventListener('mouseenter', function() {\r\n            this.style.transform = 'translateX(10px)';\r\n        });\r\n        \r\n        link.addEventListener('mouseleave', function() {\r\n            this.style.transform = 'translateX(0)';\r\n        });\r\n    });\r\n    \r\n    \/\/ Animation des ic\u00f4nes de paiement\r\n    const paymentMethods = document.querySelectorAll('.sivih-payment-method');\r\n    paymentMethods.forEach(method => {\r\n        method.addEventListener('mouseenter', function() {\r\n            this.style.transform = 'translateY(-5px) rotate(5deg)';\r\n        });\r\n        \r\n        method.addEventListener('mouseleave', function() {\r\n            this.style.transform = 'translateY(0) rotate(0)';\r\n        });\r\n    });\r\n    \r\n    \/\/ Animation des r\u00e9seaux sociaux\r\n    const socialLinks = document.querySelectorAll('.sivih-social-link');\r\n    socialLinks.forEach(link => {\r\n        link.addEventListener('mouseenter', function() {\r\n            this.style.transform = 'translateY(-5px) rotate(10deg)';\r\n        });\r\n        \r\n        link.addEventListener('mouseleave', function() {\r\n            this.style.transform = 'translateY(0) rotate(0)';\r\n        });\r\n    });\r\n    \r\n    console.log('\u2705 Footer SIVIH corrig\u00e9 initialis\u00e9 avec succ\u00e8s');\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\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>S SIVIH Soutien Communautaire \ud83d\udcac 1 Support \ud83d\udd14 3 Notifications \ud83d\udc64 Mon Profil SIVIH Community \u2b50 \ud83d\udd12 Communaut\u00e9 S\u00e9curis\u00e9e \ud83d\udc65 14M+ Membres \u26a1 Actif \u00b7 International Plus qu\u2019une plateforme, une communaut\u00e9 mondiale de collecte solidaire. SIVIH est une plateforme internationale de collecte de fonds qui rassemble plus de 14 millions de membres \u00e0 travers le [&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-8500","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>Ma communaut\u00e9 - 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\/\" \/>\n<meta property=\"og:locale\" content=\"en_GB\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Ma communaut\u00e9 - Sivih\" \/>\n<meta property=\"og:description\" content=\"S SIVIH Soutien Communautaire \ud83d\udcac 1 Support \ud83d\udd14 3 Notifications \ud83d\udc64 Mon Profil SIVIH Community \u2b50 \ud83d\udd12 Communaut\u00e9 S\u00e9curis\u00e9e \ud83d\udc65 14M+ Membres \u26a1 Actif \u00b7 International Plus qu\u2019une plateforme, une communaut\u00e9 mondiale de collecte solidaire. SIVIH est une plateforme internationale de collecte de fonds qui rassemble plus de 14 millions de membres \u00e0 travers le [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/sivih.org\/en\/\" \/>\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-06-18T13:30:32+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/sivih.org\/wp-content\/uploads\/2026\/01\/Logo-Propre.png\" \/>\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=\"25 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/sivih.org\/\",\"url\":\"https:\/\/sivih.org\/\",\"name\":\"Ma communaut\u00e9 - Sivih\",\"isPartOf\":{\"@id\":\"https:\/\/sivih.org\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/sivih.org\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/sivih.org\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/sivih.org\/wp-content\/uploads\/2026\/01\/Logo-Propre.png\",\"datePublished\":\"2025-11-24T11:13:38+00:00\",\"dateModified\":\"2026-06-18T13:30:32+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/sivih.org\/#breadcrumb\"},\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/sivih.org\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\/\/sivih.org\/#primaryimage\",\"url\":\"https:\/\/sivih.org\/wp-content\/uploads\/2026\/01\/Logo-Propre.png\",\"contentUrl\":\"https:\/\/sivih.org\/wp-content\/uploads\/2026\/01\/Logo-Propre.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/sivih.org\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Accueil\",\"item\":\"https:\/\/sivih.org\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Ma communaut\u00e9\"}]},{\"@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":"Ma communaut\u00e9 - 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\/","og_locale":"en_GB","og_type":"article","og_title":"Ma communaut\u00e9 - Sivih","og_description":"S SIVIH Soutien Communautaire \ud83d\udcac 1 Support \ud83d\udd14 3 Notifications \ud83d\udc64 Mon Profil SIVIH Community \u2b50 \ud83d\udd12 Communaut\u00e9 S\u00e9curis\u00e9e \ud83d\udc65 14M+ Membres \u26a1 Actif \u00b7 International Plus qu\u2019une plateforme, une communaut\u00e9 mondiale de collecte solidaire. SIVIH est une plateforme internationale de collecte de fonds qui rassemble plus de 14 millions de membres \u00e0 travers le [&hellip;]","og_url":"https:\/\/sivih.org\/en\/","og_site_name":"Sivih","article_publisher":"https:\/\/web.facebook.com\/profile.php?viewas=100000686899395&id=100087996591441","article_modified_time":"2026-06-18T13:30:32+00:00","og_image":[{"url":"https:\/\/sivih.org\/wp-content\/uploads\/2026\/01\/Logo-Propre.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"25 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/sivih.org\/","url":"https:\/\/sivih.org\/","name":"Ma communaut\u00e9 - Sivih","isPartOf":{"@id":"https:\/\/sivih.org\/#website"},"primaryImageOfPage":{"@id":"https:\/\/sivih.org\/#primaryimage"},"image":{"@id":"https:\/\/sivih.org\/#primaryimage"},"thumbnailUrl":"https:\/\/sivih.org\/wp-content\/uploads\/2026\/01\/Logo-Propre.png","datePublished":"2025-11-24T11:13:38+00:00","dateModified":"2026-06-18T13:30:32+00:00","breadcrumb":{"@id":"https:\/\/sivih.org\/#breadcrumb"},"inLanguage":"en-GB","potentialAction":[{"@type":"ReadAction","target":["https:\/\/sivih.org\/"]}]},{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/sivih.org\/#primaryimage","url":"https:\/\/sivih.org\/wp-content\/uploads\/2026\/01\/Logo-Propre.png","contentUrl":"https:\/\/sivih.org\/wp-content\/uploads\/2026\/01\/Logo-Propre.png"},{"@type":"BreadcrumbList","@id":"https:\/\/sivih.org\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Accueil","item":"https:\/\/sivih.org\/"},{"@type":"ListItem","position":2,"name":"Ma communaut\u00e9"}]},{"@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\/8500","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=8500"}],"version-history":[{"count":697,"href":"https:\/\/sivih.org\/en\/wp-json\/wp\/v2\/pages\/8500\/revisions"}],"predecessor-version":[{"id":11658,"href":"https:\/\/sivih.org\/en\/wp-json\/wp\/v2\/pages\/8500\/revisions\/11658"}],"wp:attachment":[{"href":"https:\/\/sivih.org\/en\/wp-json\/wp\/v2\/media?parent=8500"}],"curies":[{"name":"There are no reviews for this movie on this website.","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}