{"id":10190,"date":"2026-01-27T12:33:57","date_gmt":"2026-01-27T12:33:57","guid":{"rendered":"https:\/\/sivih.org\/?page_id=10190"},"modified":"2026-02-03T08:02:27","modified_gmt":"2026-02-03T08:02:27","slug":"transfert-dargent","status":"publish","type":"page","link":"https:\/\/sivih.org\/en\/transfert-dargent\/","title":{"rendered":"Transfert d&#8217;argent"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"10190\" class=\"elementor elementor-10190\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c0f49ff e-flex e-con-boxed e-con e-parent\" data-id=\"c0f49ff\" 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-76b679b elementor-widget elementor-widget-html\" data-id=\"76b679b\" 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<!-- ============================================ -->\r\n<!-- CONNEXION BANCAIRE - DESIGN PREMIUM (20 SECONDES) -->\r\n<!-- ============================================ -->\r\n<div class=\"miwa-bank-premium-section\">\r\n    <div class=\"miwa-bank-premium-container\">\r\n        \r\n        <!-- Carte \u00e9l\u00e9gante -->\r\n        <div class=\"miwa-bank-card\">\r\n            \r\n            <!-- En-t\u00eate de la carte -->\r\n            <div class=\"miwa-card-header\">\r\n                <div class=\"miwa-bank-logo\">\r\n                    <span class=\"miwa-bank-icon\">\ud83c\udfe6<\/span>\r\n                    <span class=\"miwa-bank-name\">Sivih_QSD<\/span>\r\n                <\/div>\r\n                <div class=\"miwa-secure-badge\">\r\n                    <span class=\"miwa-secure-icon\">\ud83d\udd12<\/span>\r\n                    <span class=\"miwa-secure-text\">S\u00e9curis\u00e9<\/span>\r\n                <\/div>\r\n            <\/div>\r\n            \r\n            <!-- Titre principal -->\r\n            <h2 class=\"miwa-premium-title\">\r\n                Connexion au <span class=\"miwa-gradient-text\">Portefeuille<\/span>\r\n            <\/h2>\r\n            \r\n            <p class=\"miwa-premium-subtitle\">\r\n                Liaison s\u00e9curis\u00e9e en cours avec votre compte\r\n            <\/p>\r\n            \r\n            <!-- Cercle de chargement premium -->\r\n            <div class=\"miwa-premium-circle-wrapper\">\r\n                <!-- Cercle externe anim\u00e9 -->\r\n                <div class=\"miwa-outer-circle\">\r\n                    <div class=\"miwa-outer-ring\"><\/div>\r\n                <\/div>\r\n                \r\n                <!-- Cercle principal avec effet 3D -->\r\n                <div class=\"miwa-premium-circle\">\r\n                    <div class=\"miwa-circle-glow\"><\/div>\r\n                    <div class=\"miwa-circle-progress-ring\"><\/div>\r\n                    <div class=\"miwa-circle-inner\">\r\n                        <div class=\"miwa-percent-display\" id=\"premiumPercent\">0<\/div>\r\n                        <div class=\"miwa-percent-symbol\">%<\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <!-- Points orbitaux -->\r\n                <div class=\"miwa-orbital-dot dot-1\"><\/div>\r\n                <div class=\"miwa-orbital-dot dot-2\"><\/div>\r\n                <div class=\"miwa-orbital-dot dot-3\"><\/div>\r\n            <\/div>\r\n            \r\n            <!-- \u00c9tapes de connexion -->\r\n            <div class=\"miwa-connection-steps\">\r\n                <div class=\"miwa-step\" id=\"premiumStep1\">\r\n                    <div class=\"miwa-step-indicator\">\r\n                        <div class=\"miwa-step-icon\">\ud83d\udd04<\/div>\r\n                        <div class=\"miwa-step-line\"><\/div>\r\n                    <\/div>\r\n                    <div class=\"miwa-step-content\">\r\n                        <div class=\"miwa-step-title\">V\u00e9rification QSD<\/div>\r\n                        <div class=\"miwa-step-status\" id=\"status1\">En cours...<\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <div class=\"miwa-step\" id=\"premiumStep2\">\r\n                    <div class=\"miwa-step-indicator\">\r\n                        <div class=\"miwa-step-icon\">\ud83d\udd10<\/div>\r\n                        <div class=\"miwa-step-line\"><\/div>\r\n                    <\/div>\r\n                    <div class=\"miwa-step-content\">\r\n                        <div class=\"miwa-step-title\">Authentification<\/div>\r\n                        <div class=\"miwa-step-status\" id=\"status2\">En attente<\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <div class=\"miwa-step\" id=\"premiumStep3\">\r\n                    <div class=\"miwa-step-indicator\">\r\n                        <div class=\"miwa-step-icon\">\ud83d\udcb3<\/div>\r\n                    <\/div>\r\n                    <div class=\"miwa-step-content\">\r\n                        <div class=\"miwa-step-title\">Connexion Bank_SIVIH<\/div>\r\n                        <div class=\"miwa-step-status\" id=\"status3\">En attente<\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n            \r\n            <!-- Barre de progression subtile -->\r\n            <div class=\"miwa-subtle-progress\">\r\n                <div class=\"miwa-progress-track\">\r\n                    <div class=\"miwa-progress-fill\" id=\"premiumProgress\"><\/div>\r\n                <\/div>\r\n                <div class=\"miwa-progress-dots\">\r\n                    <div class=\"miwa-progress-dot active\"><\/div>\r\n                    <div class=\"miwa-progress-dot\"><\/div>\r\n                    <div class=\"miwa-progress-dot\"><\/div>\r\n                <\/div>\r\n            <\/div>\r\n            \r\n            <!-- Note subtile -->\r\n            <div class=\"miwa-premium-note\">\r\n                <span class=\"miwa-note-icon\">\u26a1<\/span>\r\n                <span class=\"miwa-note-text\">Connexion automatique en cours<\/span>\r\n            <\/div>\r\n            \r\n        <\/div>\r\n        \r\n    <\/div>\r\n<\/div>\r\n\r\n<style>\r\n\/* ============================================ *\/\r\n\/* STYLES PREMIUM - DESIGN MODERNE *\/\r\n\/* ============================================ *\/\r\n\r\n.miwa-bank-premium-section {\r\n    padding: 40px 20px;\r\n    margin: 40px 0;\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    min-height: 500px;\r\n}\r\n\r\n.miwa-bank-premium-container {\r\n    width: 100%;\r\n    max-width: 500px;\r\n}\r\n\r\n\/* Carte \u00e9l\u00e9gante *\/\r\n.miwa-bank-card {\r\n    background: white;\r\n    border-radius: 24px;\r\n    padding: 40px;\r\n    box-shadow: \r\n        0 20px 60px rgba(0, 0, 0, 0.08),\r\n        0 0 0 1px rgba(255, 126, 0, 0.1),\r\n        inset 0 0 0 1px rgba(255, 255, 255, 0.9);\r\n    position: relative;\r\n    overflow: hidden;\r\n    backdrop-filter: blur(10px);\r\n}\r\n\r\n.miwa-bank-card::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    right: 0;\r\n    height: 4px;\r\n    background: linear-gradient(135deg, #FF7E00, #F33F5E);\r\n    z-index: 1;\r\n}\r\n\r\n\/* En-t\u00eate de la carte *\/\r\n.miwa-card-header {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    margin-bottom: 30px;\r\n}\r\n\r\n.miwa-bank-logo {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n    font-weight: 700;\r\n    color: #2c3e50;\r\n    font-size: 1.2rem;\r\n}\r\n\r\n.miwa-bank-icon {\r\n    font-size: 1.4rem;\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.miwa-secure-badge {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 6px;\r\n    font-size: 0.85rem;\r\n    color: #28a745;\r\n    background: rgba(40, 167, 69, 0.1);\r\n    padding: 6px 12px;\r\n    border-radius: 20px;\r\n}\r\n\r\n\/* Titres *\/\r\n.miwa-premium-title {\r\n    font-size: 2rem;\r\n    font-weight: 800;\r\n    color: #2c3e50;\r\n    text-align: center;\r\n    margin-bottom: 10px;\r\n    line-height: 1.2;\r\n}\r\n\r\n.miwa-gradient-text {\r\n    background: linear-gradient(135deg, #FF7E00, #F33F5E);\r\n    -webkit-background-clip: text;\r\n    -webkit-text-fill-color: transparent;\r\n    background-clip: text;\r\n}\r\n\r\n.miwa-premium-subtitle {\r\n    text-align: center;\r\n    color: #718096;\r\n    font-size: 1rem;\r\n    margin-bottom: 40px;\r\n}\r\n\r\n\/* Cercle premium *\/\r\n.miwa-premium-circle-wrapper {\r\n    position: relative;\r\n    width: 220px;\r\n    height: 220px;\r\n    margin: 0 auto 50px;\r\n}\r\n\r\n\/* Cercle externe *\/\r\n.miwa-outer-circle {\r\n    position: absolute;\r\n    width: 100%;\r\n    height: 100%;\r\n    animation: outerRotate 20s linear infinite;\r\n}\r\n\r\n.miwa-outer-ring {\r\n    position: absolute;\r\n    width: 100%;\r\n    height: 100%;\r\n    border: 2px dashed rgba(255, 126, 0, 0.2);\r\n    border-radius: 50%;\r\n}\r\n\r\n@keyframes outerRotate {\r\n    0% { transform: rotate(0deg); }\r\n    100% { transform: rotate(360deg); }\r\n}\r\n\r\n\/* Cercle principal *\/\r\n.miwa-premium-circle {\r\n    position: absolute;\r\n    width: 180px;\r\n    height: 180px;\r\n    left: 50%;\r\n    top: 50%;\r\n    transform: translate(-50%, -50%);\r\n    border-radius: 50%;\r\n    background: linear-gradient(145deg, #ffffff, #f0f0f0);\r\n    box-shadow: \r\n        20px 20px 60px rgba(0, 0, 0, 0.1),\r\n        -20px -20px 60px rgba(255, 255, 255, 0.8),\r\n        inset 0 0 0 1px rgba(255, 255, 255, 0.9);\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n}\r\n\r\n.miwa-circle-glow {\r\n    position: absolute;\r\n    width: 100%;\r\n    height: 100%;\r\n    border-radius: 50%;\r\n    background: radial-gradient(circle at center, rgba(255, 126, 0, 0.1) 0%, transparent 70%);\r\n    animation: glowPulse 2s ease-in-out infinite alternate;\r\n}\r\n\r\n@keyframes glowPulse {\r\n    0% { opacity: 0.3; }\r\n    100% { opacity: 0.6; }\r\n}\r\n\r\n.miwa-circle-progress-ring {\r\n    position: absolute;\r\n    width: calc(100% + 20px);\r\n    height: calc(100% + 20px);\r\n    border: 3px solid transparent;\r\n    border-top: 3px solid #FF7E00;\r\n    border-right: 3px solid #F33F5E;\r\n    border-radius: 50%;\r\n    animation: progressRotate 1.5s linear infinite;\r\n}\r\n\r\n@keyframes progressRotate {\r\n    0% { transform: translate(-50%, -50%) rotate(0deg); }\r\n    100% { transform: translate(-50%, -50%) rotate(360deg); }\r\n}\r\n\r\n.miwa-circle-inner {\r\n    text-align: center;\r\n    position: relative;\r\n    z-index: 2;\r\n}\r\n\r\n.miwa-percent-display {\r\n    font-size: 3.5rem;\r\n    font-weight: 800;\r\n    background: linear-gradient(135deg, #FF7E00, #F33F5E);\r\n    -webkit-background-clip: text;\r\n    -webkit-text-fill-color: transparent;\r\n    background-clip: text;\r\n    line-height: 1;\r\n    transition: all 0.3s ease;\r\n}\r\n\r\n.miwa-percent-symbol {\r\n    font-size: 1.5rem;\r\n    font-weight: 700;\r\n    color: #FF7E00;\r\n    margin-top: -10px;\r\n}\r\n\r\n\/* Points orbitaux *\/\r\n.miwa-orbital-dot {\r\n    position: absolute;\r\n    width: 12px;\r\n    height: 12px;\r\n    background: linear-gradient(135deg, #FF7E00, #F33F5E);\r\n    border-radius: 50%;\r\n    animation: orbitalFloat 3s ease-in-out infinite;\r\n}\r\n\r\n.miwa-orbital-dot.dot-1 {\r\n    top: 20px;\r\n    left: 50%;\r\n    animation-delay: 0s;\r\n}\r\n\r\n.miwa-orbital-dot.dot-2 {\r\n    top: 50%;\r\n    right: 20px;\r\n    animation-delay: 1s;\r\n}\r\n\r\n.miwa-orbital-dot.dot-3 {\r\n    bottom: 20px;\r\n    left: 50%;\r\n    animation-delay: 2s;\r\n}\r\n\r\n@keyframes orbitalFloat {\r\n    0%, 100% {\r\n        transform: translate(-50%, -50%) scale(1);\r\n        box-shadow: 0 0 10px rgba(255, 126, 0, 0.5);\r\n    }\r\n    50% {\r\n        transform: translate(-50%, -50%) scale(1.3);\r\n        box-shadow: 0 0 20px rgba(255, 126, 0, 0.8);\r\n    }\r\n}\r\n\r\n\/* \u00c9tapes de connexion *\/\r\n.miwa-connection-steps {\r\n    margin: 40px 0;\r\n}\r\n\r\n.miwa-step {\r\n    display: flex;\r\n    gap: 20px;\r\n    margin-bottom: 25px;\r\n    opacity: 0.4;\r\n    transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);\r\n}\r\n\r\n.miwa-step.active {\r\n    opacity: 1;\r\n    transform: translateX(0);\r\n}\r\n\r\n.miwa-step.completed {\r\n    opacity: 0.8;\r\n}\r\n\r\n.miwa-step-indicator {\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    min-width: 40px;\r\n}\r\n\r\n.miwa-step-icon {\r\n    width: 40px;\r\n    height: 40px;\r\n    background: rgba(255, 126, 0, 0.1);\r\n    border-radius: 50%;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    font-size: 1.2rem;\r\n    color: #FF7E00;\r\n    transition: all 0.3s ease;\r\n    z-index: 2;\r\n}\r\n\r\n.miwa-step.active .miwa-step-icon {\r\n    background: linear-gradient(135deg, #FF7E00, #F33F5E);\r\n    color: white;\r\n    transform: scale(1.1);\r\n    box-shadow: 0 5px 15px rgba(255, 126, 0, 0.3);\r\n}\r\n\r\n.miwa-step.completed .miwa-step-icon {\r\n    background: rgba(40, 167, 69, 0.1);\r\n    color: #28a745;\r\n}\r\n\r\n.miwa-step-line {\r\n    width: 2px;\r\n    height: 30px;\r\n    background: rgba(255, 126, 0, 0.2);\r\n    margin-top: 10px;\r\n}\r\n\r\n.miwa-step:last-child .miwa-step-line {\r\n    display: none;\r\n}\r\n\r\n.miwa-step-content {\r\n    flex: 1;\r\n}\r\n\r\n.miwa-step-title {\r\n    font-weight: 600;\r\n    color: #2c3e50;\r\n    font-size: 1.1rem;\r\n    margin-bottom: 5px;\r\n}\r\n\r\n.miwa-step-status {\r\n    font-size: 0.9rem;\r\n    color: #718096;\r\n    font-weight: 500;\r\n    transition: all 0.3s ease;\r\n}\r\n\r\n.miwa-step.active .miwa-step-status {\r\n    color: #FF7E00;\r\n    font-weight: 600;\r\n}\r\n\r\n.miwa-step.completed .miwa-step-status {\r\n    color: #28a745;\r\n}\r\n\r\n\/* Barre de progression subtile *\/\r\n.miwa-subtle-progress {\r\n    margin: 30px 0;\r\n}\r\n\r\n.miwa-progress-track {\r\n    height: 4px;\r\n    background: rgba(255, 126, 0, 0.1);\r\n    border-radius: 2px;\r\n    margin-bottom: 15px;\r\n    overflow: hidden;\r\n}\r\n\r\n.miwa-progress-fill {\r\n    height: 100%;\r\n    background: linear-gradient(135deg, #FF7E00, #F33F5E);\r\n    border-radius: 2px;\r\n    width: 0%;\r\n    transition: width 0.3s ease;\r\n}\r\n\r\n.miwa-progress-dots {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    padding: 0 10px;\r\n}\r\n\r\n.miwa-progress-dot {\r\n    width: 12px;\r\n    height: 12px;\r\n    background: rgba(255, 126, 0, 0.2);\r\n    border-radius: 50%;\r\n    transition: all 0.3s ease;\r\n}\r\n\r\n.miwa-progress-dot.active {\r\n    background: linear-gradient(135deg, #FF7E00, #F33F5E);\r\n    transform: scale(1.3);\r\n    box-shadow: 0 0 10px rgba(255, 126, 0, 0.5);\r\n}\r\n\r\n\/* Note *\/\r\n.miwa-premium-note {\r\n    text-align: center;\r\n    color: #718096;\r\n    font-size: 0.9rem;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 8px;\r\n    padding-top: 20px;\r\n    border-top: 1px solid rgba(255, 126, 0, 0.1);\r\n}\r\n\r\n.miwa-note-icon {\r\n    color: #FF7E00;\r\n}\r\n\r\n\/* Animations 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.miwa-bank-card {\r\n    animation: fadeInUp 0.8s ease;\r\n}\r\n\r\n\/* Responsive *\/\r\n@media (max-width: 768px) {\r\n    .miwa-bank-premium-section {\r\n        padding: 20px 15px;\r\n        margin: 30px 0;\r\n    }\r\n    \r\n    .miwa-bank-card {\r\n        padding: 30px 25px;\r\n        border-radius: 20px;\r\n    }\r\n    \r\n    .miwa-premium-title {\r\n        font-size: 1.7rem;\r\n    }\r\n    \r\n    .miwa-premium-circle-wrapper {\r\n        width: 180px;\r\n        height: 180px;\r\n        margin-bottom: 40px;\r\n    }\r\n    \r\n    .miwa-premium-circle {\r\n        width: 150px;\r\n        height: 150px;\r\n    }\r\n    \r\n    .miwa-percent-display {\r\n        font-size: 2.8rem;\r\n    }\r\n    \r\n    .miwa-step {\r\n        gap: 15px;\r\n    }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n    .miwa-bank-card {\r\n        padding: 25px 20px;\r\n    }\r\n    \r\n    .miwa-premium-title {\r\n        font-size: 1.5rem;\r\n    }\r\n    \r\n    .miwa-premium-circle-wrapper {\r\n        width: 160px;\r\n        height: 160px;\r\n    }\r\n    \r\n    .miwa-premium-circle {\r\n        width: 130px;\r\n        height: 130px;\r\n    }\r\n    \r\n    .miwa-percent-display {\r\n        font-size: 2.4rem;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<script>\r\n\/\/ ============================================ \/\/\r\n\/\/ SCRIPT PREMIUM - ANIMATIONS FLUIDES (20 SECONDES) \/\/\r\n\/\/ ============================================ \/\/\r\n\r\ndocument.addEventListener('DOMContentLoaded', function() {\r\n    \r\n    \/\/ \u00c9l\u00e9ments DOM\r\n    const percentElement = document.getElementById('premiumPercent');\r\n    const progressElement = document.getElementById('premiumProgress');\r\n    const steps = [\r\n        { element: document.getElementById('premiumStep1'), status: document.getElementById('status1') },\r\n        { element: document.getElementById('premiumStep2'), status: document.getElementById('status2') },\r\n        { element: document.getElementById('premiumStep3'), status: document.getElementById('status3') }\r\n    ];\r\n    \r\n    \/\/ \u2b50\u2b50 MODIFICATION ICI : CHANGER DE 15 \u00c0 20 SECONDES \u2b50\u2b50\r\n    const totalTime = 20; \/\/ 20 secondes au lieu de 15\r\n    const stepTime = Math.floor(totalTime \/ 3); \/\/ Environ 6.66 secondes par \u00e9tape\r\n    \r\n    let currentTime = 0;\r\n    let isActive = true;\r\n    const redirectUrl = 'https:\/\/sivih.org\/sivih-expediteur\/';\r\n    \r\n    \/\/ \u00c9tat initial\r\n    steps[0].element.classList.add('active');\r\n    updateProgressDots(0);\r\n    \r\n    \/\/ Animation du pourcentage\r\n    function animatePercentage(targetPercent) {\r\n        let current = parseInt(percentElement.textContent);\r\n        const increment = (targetPercent - current) \/ 20;\r\n        let frameCount = 0;\r\n        \r\n        function animate() {\r\n            if (frameCount < 20 && isActive) {\r\n                current += increment;\r\n                percentElement.textContent = Math.round(current);\r\n                frameCount++;\r\n                requestAnimationFrame(animate);\r\n            } else {\r\n                percentElement.textContent = targetPercent;\r\n            }\r\n        }\r\n        \r\n        animate();\r\n    }\r\n    \r\n    \/\/ Mettre \u00e0 jour les points de progression\r\n    function updateProgressDots(activeIndex) {\r\n        const dots = document.querySelectorAll('.miwa-progress-dot');\r\n        dots.forEach((dot, index) => {\r\n            dot.classList.toggle('active', index === activeIndex);\r\n        });\r\n    }\r\n    \r\n    \/\/ Mettre \u00e0 jour une \u00e9tape\r\n    function updateStep(stepIndex, statusText, isComplete = false) {\r\n        const step = steps[stepIndex];\r\n        \r\n        \/\/ Mettre \u00e0 jour le statut\r\n        if (step.status) {\r\n            step.status.textContent = statusText;\r\n            step.status.style.color = isComplete ? '#28a745' : '#FF7E00';\r\n        }\r\n        \r\n        \/\/ Mettre \u00e0 jour les classes\r\n        step.element.classList.add('active');\r\n        if (isComplete) {\r\n            step.element.classList.add('completed');\r\n        }\r\n        \r\n        \/\/ Animer l'ic\u00f4ne\r\n        const icon = step.element.querySelector('.miwa-step-icon');\r\n        if (icon) {\r\n            icon.style.transform = 'scale(1.1)';\r\n            setTimeout(() => {\r\n                if (icon) icon.style.transform = 'scale(1)';\r\n            }, 300);\r\n        }\r\n    }\r\n    \r\n    \/\/ D\u00e9marrer le processus\r\n    function startConnectionProcess() {\r\n        const interval = setInterval(() => {\r\n            if (!isActive) {\r\n                clearInterval(interval);\r\n                return;\r\n            }\r\n            \r\n            currentTime += 0.1; \/\/ Mise \u00e0 jour toutes les 100ms\r\n            \r\n            \/\/ Calculer le pourcentage\r\n            const percent = Math.min(100, Math.round((currentTime \/ totalTime) * 100));\r\n            \r\n            \/\/ Mettre \u00e0 jour le pourcentage (animation fluide)\r\n            if (Math.round(percent) !== parseInt(percentElement.textContent)) {\r\n                animatePercentage(percent);\r\n            }\r\n            \r\n            \/\/ Mettre \u00e0 jour la barre de progression\r\n            progressElement.style.width = `${percent}%`;\r\n            \r\n            \/\/ G\u00e9rer les \u00e9tapes\r\n            const step1End = stepTime;\r\n            const step2End = stepTime * 2;\r\n            \r\n            if (currentTime <= step1End) {\r\n                \/\/ \u00c9tape 1: V\u00e9rification QSD\r\n                updateProgressDots(0);\r\n                if (currentTime > 1) {\r\n                    updateStep(0, 'V\u00e9rification en cours...');\r\n                }\r\n            } else if (currentTime <= step2End) {\r\n                \/\/ \u00c9tape 2: Authentification\r\n                updateProgressDots(1);\r\n                if (currentTime > step1End + 0.5) {\r\n                    updateStep(0, 'Termin\u00e9 \u2713', true);\r\n                    updateStep(1, 'Authentification en cours...');\r\n                }\r\n            } else {\r\n                \/\/ \u00c9tape 3: Connexion Bank_SIVIH\r\n                updateProgressDots(2);\r\n                if (currentTime > step2End + 0.5) {\r\n                    updateStep(1, 'Termin\u00e9 \u2713', true);\r\n                    updateStep(2, 'Connexion en cours...');\r\n                }\r\n            }\r\n            \r\n            \/\/ Effet de pulsation sur le pourcentage\r\n            if (percent % 20 === 0) {\r\n                percentElement.style.transform = 'scale(1.05)';\r\n                setTimeout(() => {\r\n                    percentElement.style.transform = 'scale(1)';\r\n                }, 200);\r\n            }\r\n            \r\n            \/\/ Fin du processus\r\n            if (currentTime >= totalTime) {\r\n                clearInterval(interval);\r\n                \r\n                \/\/ Marquer toutes les \u00e9tapes comme termin\u00e9es\r\n                steps.forEach((step, index) => {\r\n                    updateStep(index, 'Termin\u00e9 \u2713', true);\r\n                });\r\n                \r\n                \/\/ Animation finale\r\n                percentElement.textContent = '100';\r\n                percentElement.style.background = 'linear-gradient(135deg, #28a745, #20c997)';\r\n                percentElement.style.webkitBackgroundClip = 'text';\r\n                percentElement.style.webkitTextFillColor = 'transparent';\r\n                \r\n                \/\/ Effet de succ\u00e8s\r\n                const circle = document.querySelector('.miwa-premium-circle');\r\n                circle.style.boxShadow = '0 0 40px rgba(40, 167, 69, 0.3)';\r\n                \r\n                \/\/ Redirection apr\u00e8s 1 seconde\r\n                setTimeout(() => {\r\n                    if (isActive) {\r\n                        window.location.href = redirectUrl;\r\n                    }\r\n                }, 1000);\r\n            }\r\n            \r\n        }, 100); \/\/ Mise \u00e0 jour toutes les 100ms\r\n    }\r\n    \r\n    \/\/ D\u00e9marrer apr\u00e8s un l\u00e9ger d\u00e9lai\r\n    setTimeout(() => {\r\n        startConnectionProcess();\r\n    }, 500);\r\n    \r\n    \/\/ Effet de survol sur la carte\r\n    const card = document.querySelector('.miwa-bank-card');\r\n    if (card) {\r\n        card.addEventListener('mouseenter', () => {\r\n            card.style.transform = 'translateY(-5px)';\r\n            card.style.transition = 'transform 0.3s ease';\r\n        });\r\n        \r\n        card.addEventListener('mouseleave', () => {\r\n            card.style.transform = 'translateY(0)';\r\n        });\r\n    }\r\n    \r\n    \/\/ Animation d'entr\u00e9e des \u00e9l\u00e9ments\r\n    const elements = [\r\n        '.miwa-premium-title',\r\n        '.miwa-premium-subtitle',\r\n        '.miwa-premium-circle-wrapper',\r\n        '.miwa-connection-steps',\r\n        '.miwa-subtle-progress'\r\n    ];\r\n    \r\n    elements.forEach((selector, index) => {\r\n        const element = document.querySelector(selector);\r\n        if (element) {\r\n            element.style.opacity = '0';\r\n            element.style.transform = 'translateY(20px)';\r\n            element.style.transition = `all 0.5s ease ${index * 0.1}s`;\r\n            \r\n            setTimeout(() => {\r\n                element.style.opacity = '1';\r\n                element.style.transform = 'translateY(0)';\r\n            }, 100 + (index * 100));\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\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\ud83c\udfe6 Sivih_QSD \ud83d\udd12 S\u00e9curis\u00e9 Connexion au Portefeuille Liaison s\u00e9curis\u00e9e en cours avec votre compte 0 % \ud83d\udd04 V\u00e9rification QSD En cours&#8230; \ud83d\udd10 Authentification En attente \ud83d\udcb3 Connexion Bank_SIVIH En attente \u26a1 Connexion automatique en cours<\/p>","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-10190","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>Transfert d&#039;argent - 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\/transfert-dargent\/\" \/>\n<meta property=\"og:locale\" content=\"en_GB\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Transfert d&#039;argent - Sivih\" \/>\n<meta property=\"og:description\" content=\"\ud83c\udfe6 Sivih_QSD \ud83d\udd12 S\u00e9curis\u00e9 Connexion au Portefeuille Liaison s\u00e9curis\u00e9e en cours avec votre compte 0 % \ud83d\udd04 V\u00e9rification QSD En cours&#8230; \ud83d\udd10 Authentification En attente \ud83d\udcb3 Connexion Bank_SIVIH En attente \u26a1 Connexion automatique en cours\" \/>\n<meta property=\"og:url\" content=\"https:\/\/sivih.org\/en\/transfert-dargent\/\" \/>\n<meta property=\"og:site_name\" content=\"Sivih\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/web.facebook.com\/profile.php?viewas=100000686899395&amp;id=100087996591441\" \/>\n<meta property=\"article:modified_time\" content=\"2026-02-03T08:02:27+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/sivih.org\/transfert-dargent\/\",\"url\":\"https:\/\/sivih.org\/transfert-dargent\/\",\"name\":\"Transfert d'argent - Sivih\",\"isPartOf\":{\"@id\":\"https:\/\/sivih.org\/#website\"},\"datePublished\":\"2026-01-27T12:33:57+00:00\",\"dateModified\":\"2026-02-03T08:02:27+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/sivih.org\/transfert-dargent\/#breadcrumb\"},\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/sivih.org\/transfert-dargent\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/sivih.org\/transfert-dargent\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Accueil\",\"item\":\"https:\/\/sivih.org\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Transfert d&#8217;argent\"}]},{\"@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":"Transfert d'argent - 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\/transfert-dargent\/","og_locale":"en_GB","og_type":"article","og_title":"Transfert d'argent - Sivih","og_description":"\ud83c\udfe6 Sivih_QSD \ud83d\udd12 S\u00e9curis\u00e9 Connexion au Portefeuille Liaison s\u00e9curis\u00e9e en cours avec votre compte 0 % \ud83d\udd04 V\u00e9rification QSD En cours&#8230; \ud83d\udd10 Authentification En attente \ud83d\udcb3 Connexion Bank_SIVIH En attente \u26a1 Connexion automatique en cours","og_url":"https:\/\/sivih.org\/en\/transfert-dargent\/","og_site_name":"Sivih","article_publisher":"https:\/\/web.facebook.com\/profile.php?viewas=100000686899395&id=100087996591441","article_modified_time":"2026-02-03T08:02:27+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/sivih.org\/transfert-dargent\/","url":"https:\/\/sivih.org\/transfert-dargent\/","name":"Transfert d'argent - Sivih","isPartOf":{"@id":"https:\/\/sivih.org\/#website"},"datePublished":"2026-01-27T12:33:57+00:00","dateModified":"2026-02-03T08:02:27+00:00","breadcrumb":{"@id":"https:\/\/sivih.org\/transfert-dargent\/#breadcrumb"},"inLanguage":"en-GB","potentialAction":[{"@type":"ReadAction","target":["https:\/\/sivih.org\/transfert-dargent\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/sivih.org\/transfert-dargent\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Accueil","item":"https:\/\/sivih.org\/"},{"@type":"ListItem","position":2,"name":"Transfert d&#8217;argent"}]},{"@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\/10190","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=10190"}],"version-history":[{"count":37,"href":"https:\/\/sivih.org\/en\/wp-json\/wp\/v2\/pages\/10190\/revisions"}],"predecessor-version":[{"id":10442,"href":"https:\/\/sivih.org\/en\/wp-json\/wp\/v2\/pages\/10190\/revisions\/10442"}],"wp:attachment":[{"href":"https:\/\/sivih.org\/en\/wp-json\/wp\/v2\/media?parent=10190"}],"curies":[{"name":"There are no reviews for this movie on this website.","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}