{"id":10260,"date":"2026-01-28T16:03:49","date_gmt":"2026-01-28T16:03:49","guid":{"rendered":"https:\/\/sivih.org\/?page_id=10260"},"modified":"2026-01-31T18:59:31","modified_gmt":"2026-01-31T18:59:31","slug":"contact-support","status":"publish","type":"page","link":"https:\/\/sivih.org\/en\/contact-support\/","title":{"rendered":"Contact Support"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"10260\" class=\"elementor elementor-10260\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4672c35 e-flex e-con-boxed e-con e-parent\" data-id=\"4672c35\" 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-c590734 elementor-widget elementor-widget-html\" data-id=\"c590734\" 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 ANNONCE DU FORMULAIRE - DESIGN \u00c9L\u00c9GANT ========== -->\r\n<div class=\"form-announcement-section\">\r\n    <div class=\"announcement-container\">\r\n        <!-- En-t\u00eate principal avec ic\u00f4ne anim\u00e9e -->\r\n        <div class=\"announcement-header\">\r\n            <div class=\"announcement-icon-wrapper\">\r\n                <div class=\"animated-icon\" id=\"formIcon\">\ud83d\udcdd<\/div>\r\n                <div class=\"icon-ring\"><\/div>\r\n                <div class=\"icon-particles\">\r\n                    <span class=\"particle\"><\/span>\r\n                    <span class=\"particle\"><\/span>\r\n                    <span class=\"particle\"><\/span>\r\n                    <span class=\"particle\"><\/span>\r\n                <\/div>\r\n            <\/div>\r\n            \r\n            <div class=\"announcement-badge\" id=\"animatedBadge\">\r\n                <span class=\"badge-text\">Formulaire<\/span>\r\n                <span class=\"badge-dot\"><\/span>\r\n            <\/div>\r\n            \r\n            <h1 class=\"announcement-title\" id=\"mainTitle\">\r\n                <span class=\"title-line\">Partagez votre<\/span>\r\n                <span class=\"title-line highlight\">Demande<\/span>\r\n            <\/h1>\r\n            \r\n            <p class=\"announcement-subtitle\" id=\"subtitleText\">\r\n                Nous sommes l\u00e0 pour \u00e9couter et vous accompagner dans chaque \u00e9tape\r\n            <\/p>\r\n        <\/div>\r\n\r\n        <!-- Statistiques et infos -->\r\n        <div class=\"announcement-stats\">\r\n            <div class=\"stats-grid\">\r\n                <div class=\"stat-item\" data-count=\"24\">\r\n                    <div class=\"stat-icon\">\u23f1\ufe0f<\/div>\r\n                    <div class=\"stat-content\">\r\n                        <h3 class=\"stat-value\"><span class=\"counter\">0<\/span>h<\/h3>\r\n                        <p class=\"stat-label\">Temps de r\u00e9ponse moyen<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <div class=\"stat-item\" data-count=\"98\">\r\n                    <div class=\"stat-icon\">\u2705<\/div>\r\n                    <div class=\"stat-content\">\r\n                        <h3 class=\"stat-value\"><span class=\"counter\">0<\/span>%<\/h3>\r\n                        <p class=\"stat-label\">Demandes trait\u00e9es<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <div class=\"stat-item\" data-count=\"1500\">\r\n                    <div class=\"stat-icon\">\ud83d\udc65<\/div>\r\n                    <div class=\"stat-content\">\r\n                        <h3 class=\"stat-value\"><span class=\"counter\">0<\/span>+<\/h3>\r\n                        <p class=\"stat-label\">Personnes aid\u00e9espar jour<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- \u00c9tapes du processus -->\r\n        <div class=\"process-steps\">\r\n            <h2 class=\"process-title\">Comment \u00e7a marche ?<\/h2>\r\n            <div class=\"steps-timeline\">\r\n                <div class=\"step-item\">\r\n                    <div class=\"step-number\">1<\/div>\r\n                    <div class=\"step-content\">\r\n                        <h3>Remplissez le formulaire<\/h3>\r\n                        <p>D\u00e9crivez votre demande en quelques minutes<\/p>\r\n                    <\/div>\r\n                    <div class=\"step-connector\"><\/div>\r\n                <\/div>\r\n                \r\n                <div class=\"step-item\">\r\n                    <div class=\"step-number\">2<\/div>\r\n                    <div class=\"step-content\">\r\n                        <h3>Analyse de votre demande<\/h3>\r\n                        <p>Notre \u00e9quipe \u00e9tudie votre situation<\/p>\r\n                    <\/div>\r\n                    <div class=\"step-connector\"><\/div>\r\n                <\/div>\r\n                \r\n                <div class=\"step-item\">\r\n                    <div class=\"step-number\">3<\/div>\r\n                    <div class=\"step-content\">\r\n                        <h3>R\u00e9ponse personnalis\u00e9e<\/h3>\r\n                        <p>Vous recevez une solution adapt\u00e9e<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- Call-to-action anim\u00e9 -->\r\n<div class=\"announcement-cta\">\r\n    <div class=\"cta-content\">\r\n        <p class=\"cta-text\">Pr\u00eat \u00e0 soumettre votre demande ?<\/p>\r\n        <div class=\"cta-button-wrapper\">\r\n            <!-- Remplacez le bouton par un lien -->\r\n            <a href=\"https:\/\/sivih.org\/contact-support-demande\/\" class=\"cta-button\" target=\"_blank\">\r\n                <span class=\"button-text\">Commencer maintenant<\/span>\r\n                <span class=\"button-icon\">\u2192<\/span>\r\n            <\/a>\r\n            <div class=\"button-glow\"><\/div>\r\n        <\/div>\r\n        <p class=\"cta-note\">Formulaire s\u00e9curis\u00e9 \u2022 R\u00e9ponse garant\u00e9e \u2022 Confidentialit\u00e9 assur\u00e9e<\/p>\r\n    <\/div>\r\n            <!-- Indicateur de d\u00e9filement -->\r\n            <div class=\"scroll-indicator\">\r\n                <div class=\"scroll-mouse\">\r\n                    <div class=\"scroll-wheel\"><\/div>\r\n                <\/div>\r\n                <span class=\"scroll-text\">D\u00e9filer vers le formulaire<\/span>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- Temps estim\u00e9 -->\r\n        <div class=\"time-estimation\">\r\n            <div class=\"time-card\">\r\n                <div class=\"time-icon\">\u23f0<\/div>\r\n                <div class=\"time-content\">\r\n                    <h4>Temps estim\u00e9<\/h4>\r\n                    <div class=\"time-progress\">\r\n                        <div class=\"progress-bar\">\r\n                            <div class=\"progress-fill\"><\/div>\r\n                        <\/div>\r\n                        <span class=\"time-text\">3-5 minutes<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<!-- CSS pour la section d'annonce -->\r\n<style>\r\n\/* ========== SECTION ANNONCE DU FORMULAIRE ========== *\/\r\n.form-announcement-section {\r\n    background: linear-gradient(135deg, #f8fafc 0%, #f0f7ff 100%);\r\n    padding: 80px 20px 60px;\r\n    font-family: 'Segoe UI', system-ui, -apple-system, sans-serif;\r\n    position: relative;\r\n    overflow: hidden;\r\n}\r\n\r\n\/* Effets de fond *\/\r\n.form-announcement-section::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    right: 0;\r\n    height: 300px;\r\n    background: linear-gradient(135deg, rgba(255, 126, 0, 0.05) 0%, rgba(243, 63, 94, 0.05) 100%);\r\n    clip-path: polygon(0 0, 100% 0, 100% 70%, 0 100%);\r\n    z-index: 1;\r\n}\r\n\r\n.announcement-container {\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\/* En-t\u00eate *\/\r\n.announcement-header {\r\n    text-align: center;\r\n    margin-bottom: 60px;\r\n    position: relative;\r\n}\r\n\r\n.announcement-icon-wrapper {\r\n    position: relative;\r\n    width: 120px;\r\n    height: 120px;\r\n    margin: 0 auto 40px;\r\n}\r\n\r\n.animated-icon {\r\n    font-size: 4rem;\r\n    width: 100%;\r\n    height: 100%;\r\n    background: white;\r\n    border-radius: 50%;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.1);\r\n    position: relative;\r\n    z-index: 2;\r\n    animation: iconFloat 3s ease-in-out infinite;\r\n}\r\n\r\n@keyframes iconFloat {\r\n    0%, 100% { transform: translateY(0) rotate(0deg); }\r\n    50% { transform: translateY(-10px) rotate(5deg); }\r\n}\r\n\r\n.icon-ring {\r\n    position: absolute;\r\n    top: -10px;\r\n    left: -10px;\r\n    right: -10px;\r\n    bottom: -10px;\r\n    border: 2px dashed rgba(255, 126, 0, 0.3);\r\n    border-radius: 50%;\r\n    animation: ringRotate 20s linear infinite;\r\n}\r\n\r\n@keyframes ringRotate {\r\n    0% { transform: rotate(0deg); }\r\n    100% { transform: rotate(360deg); }\r\n}\r\n\r\n.icon-particles {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    right: 0;\r\n    bottom: 0;\r\n}\r\n\r\n.particle {\r\n    position: absolute;\r\n    width: 8px;\r\n    height: 8px;\r\n    background: linear-gradient(135deg, #FF7E00, #F33F5E);\r\n    border-radius: 50%;\r\n    animation: particleFloat 2s ease-in-out infinite;\r\n}\r\n\r\n.particle:nth-child(1) { top: 10%; left: 20%; animation-delay: 0s; }\r\n.particle:nth-child(2) { top: 20%; right: 30%; animation-delay: 0.5s; }\r\n.particle:nth-child(3) { bottom: 30%; left: 40%; animation-delay: 1s; }\r\n.particle:nth-child(4) { bottom: 20%; right: 20%; animation-delay: 1.5s; }\r\n\r\n@keyframes particleFloat {\r\n    0%, 100% { transform: translateY(0) scale(1); opacity: 0.5; }\r\n    50% { transform: translateY(-20px) scale(1.2); opacity: 1; }\r\n}\r\n\r\n.announcement-badge {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    background: linear-gradient(135deg, #FF7E00, #F33F5E);\r\n    color: white;\r\n    padding: 8px 20px;\r\n    border-radius: 20px;\r\n    font-size: 0.9rem;\r\n    font-weight: 600;\r\n    margin-bottom: 20px;\r\n    box-shadow: 0 4px 15px rgba(255, 126, 0, 0.3);\r\n    animation: badgePulse 2s ease-in-out infinite;\r\n}\r\n\r\n@keyframes badgePulse {\r\n    0%, 100% { transform: scale(1); }\r\n    50% { transform: scale(1.05); }\r\n}\r\n\r\n.badge-text {\r\n    letter-spacing: 1px;\r\n}\r\n\r\n.badge-dot {\r\n    width: 8px;\r\n    height: 8px;\r\n    background: white;\r\n    border-radius: 50%;\r\n    animation: dotBlink 1.5s ease-in-out infinite;\r\n}\r\n\r\n@keyframes dotBlink {\r\n    0%, 100% { opacity: 1; }\r\n    50% { opacity: 0.5; }\r\n}\r\n\r\n.announcement-title {\r\n    font-size: 3.2rem;\r\n    font-weight: 800;\r\n    color: #1a202c;\r\n    margin-bottom: 20px;\r\n    line-height: 1.2;\r\n}\r\n\r\n.title-line {\r\n    display: block;\r\n}\r\n\r\n.title-line.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.title-line.highlight::after {\r\n    content: '';\r\n    position: absolute;\r\n    bottom: -5px;\r\n    left: 50%;\r\n    transform: translateX(-50%);\r\n    width: 100%;\r\n    height: 4px;\r\n    background: linear-gradient(90deg, #FF7E00, #F33F5E);\r\n    border-radius: 2px;\r\n    animation: highlightUnderline 3s ease-in-out infinite;\r\n}\r\n\r\n@keyframes highlightUnderline {\r\n    0%, 100% { width: 100%; }\r\n    50% { width: 110%; }\r\n}\r\n\r\n.announcement-subtitle {\r\n    font-size: 1.3rem;\r\n    color: #718096;\r\n    max-width: 600px;\r\n    margin: 0 auto;\r\n    line-height: 1.6;\r\n    font-weight: 400;\r\n}\r\n\r\n\/* Statistiques *\/\r\n.announcement-stats {\r\n    margin-bottom: 60px;\r\n}\r\n\r\n.stats-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\r\n    gap: 30px;\r\n    max-width: 900px;\r\n    margin: 0 auto;\r\n}\r\n\r\n.stat-item {\r\n    background: white;\r\n    border-radius: 20px;\r\n    padding: 30px;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 20px;\r\n    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);\r\n    border: 2px solid transparent;\r\n    transition: all 0.3s ease;\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: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    background: linear-gradient(135deg, #FF7E00, #F33F5E);\r\n    opacity: 0;\r\n    transition: opacity 0.3s ease;\r\n    z-index: 1;\r\n}\r\n\r\n.stat-item:hover::before {\r\n    opacity: 0.05;\r\n}\r\n\r\n.stat-item:hover {\r\n    transform: translateY(-5px);\r\n    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.12);\r\n    border-color: #FF7E00;\r\n}\r\n\r\n.stat-icon {\r\n    font-size: 2.5rem;\r\n    width: 70px;\r\n    height: 70px;\r\n    background: linear-gradient(135deg, #f0f7ff, #e6f7ff);\r\n    border-radius: 16px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    flex-shrink: 0;\r\n    position: relative;\r\n    z-index: 2;\r\n}\r\n\r\n.stat-content {\r\n    flex: 1;\r\n    position: relative;\r\n    z-index: 2;\r\n}\r\n\r\n.stat-value {\r\n    font-size: 2.5rem;\r\n    font-weight: 800;\r\n    color: #2d3748;\r\n    margin-bottom: 5px;\r\n    line-height: 1;\r\n}\r\n\r\n.stat-label {\r\n    color: #718096;\r\n    font-size: 0.95rem;\r\n    font-weight: 500;\r\n    margin: 0;\r\n}\r\n\r\n\/* Processus *\/\r\n.process-steps {\r\n    background: white;\r\n    border-radius: 24px;\r\n    padding: 50px;\r\n    margin-bottom: 60px;\r\n    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.08);\r\n    border: 2px solid #e2e8f0;\r\n}\r\n\r\n.process-title {\r\n    font-size: 1.8rem;\r\n    color: #2d3748;\r\n    text-align: center;\r\n    margin-bottom: 50px;\r\n    font-weight: 700;\r\n    position: relative;\r\n}\r\n\r\n.process-title::after {\r\n    content: '';\r\n    position: absolute;\r\n    bottom: -15px;\r\n    left: 50%;\r\n    transform: translateX(-50%);\r\n    width: 60px;\r\n    height: 4px;\r\n    background: linear-gradient(90deg, #FF7E00, #F33F5E);\r\n    border-radius: 2px;\r\n}\r\n\r\n.steps-timeline {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    position: relative;\r\n    max-width: 800px;\r\n    margin: 0 auto;\r\n}\r\n\r\n.steps-timeline::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: 40px;\r\n    left: 80px;\r\n    right: 80px;\r\n    height: 4px;\r\n    background: linear-gradient(90deg, #FF7E00, #F33F5E, #FF7E00);\r\n    border-radius: 2px;\r\n    z-index: 1;\r\n    animation: timelineFlow 3s ease-in-out infinite;\r\n}\r\n\r\n@keyframes timelineFlow {\r\n    0% { background-position: 0% 50%; }\r\n    100% { background-position: 100% 50%; }\r\n}\r\n\r\n.step-item {\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    position: relative;\r\n    z-index: 2;\r\n    flex: 1;\r\n    text-align: center;\r\n}\r\n\r\n.step-number {\r\n    width: 80px;\r\n    height: 80px;\r\n    background: linear-gradient(135deg, #FF7E00, #F33F5E);\r\n    color: white;\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: 700;\r\n    margin-bottom: 25px;\r\n    box-shadow: 0 10px 25px rgba(255, 126, 0, 0.3);\r\n    position: relative;\r\n    border: 4px solid white;\r\n    animation: stepPulse 2s ease-in-out infinite;\r\n}\r\n\r\n@keyframes stepPulse {\r\n    0%, 100% { transform: scale(1); }\r\n    50% { transform: scale(1.05); }\r\n}\r\n\r\n.step-content {\r\n    padding: 0 15px;\r\n}\r\n\r\n.step-content h3 {\r\n    font-size: 1.2rem;\r\n    color: #2d3748;\r\n    margin-bottom: 10px;\r\n    font-weight: 600;\r\n}\r\n\r\n.step-content p {\r\n    color: #718096;\r\n    font-size: 0.95rem;\r\n    line-height: 1.5;\r\n    margin: 0;\r\n}\r\n\r\n\/* Call-to-action *\/\r\n.announcement-cta {\r\n    text-align: center;\r\n    margin-bottom: 60px;\r\n    position: relative;\r\n}\r\n\r\n.cta-content {\r\n    background: linear-gradient(135deg, rgba(255, 126, 0, 0.1) 0%, rgba(243, 63, 94, 0.1) 100%);\r\n    border-radius: 24px;\r\n    padding: 50px;\r\n    margin-bottom: 40px;\r\n    position: relative;\r\n    overflow: hidden;\r\n    border: 2px solid rgba(255, 126, 0, 0.2);\r\n}\r\n\r\n.cta-content::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: url('data:image\/svg+xml,<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 100 100\" preserveAspectRatio=\"none\" opacity=\"0.05\"><path d=\"M0,0 L100,0 L100,100 Z\" fill=\"%23FF7E00\"\/><\/svg>');\r\n    background-size: cover;\r\n}\r\n\r\n.cta-text {\r\n    font-size: 1.8rem;\r\n    color: #2d3748;\r\n    margin-bottom: 30px;\r\n    font-weight: 600;\r\n    position: relative;\r\n    z-index: 1;\r\n}\r\n\r\n.cta-button-wrapper {\r\n    display: inline-block;\r\n    position: relative;\r\n    margin-bottom: 20px;\r\n}\r\n\r\n.cta-button {\r\n    background: linear-gradient(135deg, #FF7E00, #F33F5E);\r\n    color: white;\r\n    border: none;\r\n    padding: 20px 50px;\r\n    font-size: 1.2rem;\r\n    font-weight: 700;\r\n    border-radius: 16px;\r\n    cursor: pointer;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 15px;\r\n    position: relative;\r\n    z-index: 2;\r\n    transition: all 0.3s ease;\r\n    box-shadow: 0 10px 30px rgba(255, 126, 0, 0.3);\r\n    animation: ctaBounce 2s ease-in-out infinite;\r\n}\r\n\r\n@keyframes ctaBounce {\r\n    0%, 100% { transform: translateY(0); }\r\n    50% { transform: translateY(-5px); }\r\n}\r\n\r\n.cta-button:hover {\r\n    transform: translateY(-3px) scale(1.05);\r\n    box-shadow: 0 15px 40px rgba(255, 126, 0, 0.4);\r\n    color: white; \/* Cette ligne assure que le texte reste blanc *\/\r\n\r\n}\r\n\r\n.button-text {\r\n    letter-spacing: 1px;\r\n}\r\n\r\n.button-icon {\r\n    font-size: 1.5rem;\r\n    animation: arrowBounce 1s ease-in-out infinite;\r\n}\r\n\r\n@keyframes arrowBounce {\r\n    0%, 100% { transform: translateY(0); }\r\n    50% { transform: translateY(3px); }\r\n}\r\n\r\n.button-glow {\r\n    position: absolute;\r\n    top: 50%;\r\n    left: 50%;\r\n    transform: translate(-50%, -50%);\r\n    width: 120%;\r\n    height: 150%;\r\n    background: linear-gradient(135deg, #FF7E00, #F33F5E);\r\n    border-radius: 20px;\r\n    filter: blur(20px);\r\n    opacity: 0.5;\r\n    z-index: 1;\r\n    animation: glowPulse 2s ease-in-out infinite;\r\n}\r\n\r\n@keyframes glowPulse {\r\n    0%, 100% { opacity: 0.3; }\r\n    50% { opacity: 0.6; }\r\n}\r\n\r\n.cta-note {\r\n    color: #718096;\r\n    font-size: 0.9rem;\r\n    position: relative;\r\n    z-index: 1;\r\n}\r\n\r\n.scroll-indicator {\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    gap: 10px;\r\n    opacity: 0.7;\r\n    animation: fadeInOut 2s ease-in-out infinite;\r\n}\r\n\r\n@keyframes fadeInOut {\r\n    0%, 100% { opacity: 0.5; }\r\n    50% { opacity: 1; }\r\n}\r\n\r\n.scroll-mouse {\r\n    width: 30px;\r\n    height: 50px;\r\n    border: 2px solid #718096;\r\n    border-radius: 15px;\r\n    position: relative;\r\n}\r\n\r\n.scroll-wheel {\r\n    width: 4px;\r\n    height: 8px;\r\n    background: #718096;\r\n    border-radius: 2px;\r\n    position: absolute;\r\n    top: 10px;\r\n    left: 50%;\r\n    transform: translateX(-50%);\r\n    animation: wheelScroll 1.5s ease-in-out infinite;\r\n}\r\n\r\n@keyframes wheelScroll {\r\n    0% { top: 10px; opacity: 1; }\r\n    100% { top: 30px; opacity: 0; }\r\n}\r\n\r\n.scroll-text {\r\n    color: #718096;\r\n    font-size: 0.9rem;\r\n    font-weight: 500;\r\n    letter-spacing: 1px;\r\n}\r\n\r\n\/* Temps estim\u00e9 *\/\r\n.time-estimation {\r\n    max-width: 400px;\r\n    margin: 0 auto;\r\n}\r\n\r\n.time-card {\r\n    background: white;\r\n    border-radius: 16px;\r\n    padding: 25px;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 20px;\r\n    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);\r\n    border: 2px solid #e2e8f0;\r\n}\r\n\r\n.time-icon {\r\n    font-size: 2rem;\r\n    width: 60px;\r\n    height: 60px;\r\n    background: linear-gradient(135deg, #f0f7ff, #e6f7ff);\r\n    border-radius: 12px;\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.time-content {\r\n    flex: 1;\r\n}\r\n\r\n.time-content h4 {\r\n    font-size: 1.1rem;\r\n    color: #2d3748;\r\n    margin-bottom: 12px;\r\n    font-weight: 600;\r\n}\r\n\r\n.time-progress {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 15px;\r\n}\r\n\r\n.progress-bar {\r\n    flex: 1;\r\n    height: 8px;\r\n    background: #e2e8f0;\r\n    border-radius: 4px;\r\n    overflow: hidden;\r\n}\r\n\r\n.progress-fill {\r\n    width: 75%;\r\n    height: 100%;\r\n    background: linear-gradient(90deg, #FF7E00, #F33F5E);\r\n    border-radius: 4px;\r\n    animation: progressFill 2s ease-in-out infinite;\r\n}\r\n\r\n@keyframes progressFill {\r\n    0%, 100% { width: 75%; }\r\n    50% { width: 80%; }\r\n}\r\n\r\n.time-text {\r\n    color: #2d3748;\r\n    font-size: 0.95rem;\r\n    font-weight: 600;\r\n    white-space: nowrap;\r\n}\r\n\r\n\/* Responsive *\/\r\n@media (max-width: 992px) {\r\n    .steps-timeline {\r\n        flex-direction: column;\r\n        gap: 50px;\r\n    }\r\n    \r\n    .steps-timeline::before {\r\n        top: 0;\r\n        left: 40px;\r\n        right: auto;\r\n        bottom: 0;\r\n        width: 4px;\r\n        height: calc(100% - 80px);\r\n    }\r\n    \r\n    .step-item {\r\n        flex-direction: row;\r\n        text-align: left;\r\n        gap: 25px;\r\n    }\r\n    \r\n    .step-content {\r\n        flex: 1;\r\n        text-align: left;\r\n    }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n    .form-announcement-section {\r\n        padding: 60px 20px 40px;\r\n    }\r\n    \r\n    .announcement-title {\r\n        font-size: 2.5rem;\r\n    }\r\n    \r\n    .announcement-subtitle {\r\n        font-size: 1.1rem;\r\n    }\r\n    \r\n    .stats-grid {\r\n        grid-template-columns: 1fr;\r\n    }\r\n    \r\n    .process-steps {\r\n        padding: 30px 20px;\r\n    }\r\n    \r\n    .cta-content {\r\n        padding: 30px 20px;\r\n    }\r\n    \r\n    .cta-text {\r\n        font-size: 1.5rem;\r\n    }\r\n    \r\n    .cta-button {\r\n        padding: 18px 30px;\r\n        font-size: 1.1rem;\r\n    }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n    .announcement-title {\r\n        font-size: 2rem;\r\n    }\r\n    \r\n    .announcement-icon-wrapper {\r\n        width: 100px;\r\n        height: 100px;\r\n    }\r\n    \r\n    .animated-icon {\r\n        font-size: 3rem;\r\n    }\r\n    \r\n    .stat-item {\r\n        flex-direction: column;\r\n        text-align: center;\r\n        padding: 25px 20px;\r\n    }\r\n    \r\n    .step-item {\r\n        flex-direction: column;\r\n        text-align: center;\r\n        gap: 15px;\r\n    }\r\n    \r\n    .step-content {\r\n        text-align: center;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<!-- JavaScript pour les animations et interactions -->\r\n<script>\r\ndocument.addEventListener('DOMContentLoaded', function() {\r\n    \/\/ Animation des compteurs\r\n    function animateCounters() {\r\n        const counters = document.querySelectorAll('.counter');\r\n        const speed = 200; \/\/ plus bas = plus rapide\r\n        \r\n        counters.forEach(counter => {\r\n            const target = +counter.parentElement.parentElement.parentElement.getAttribute('data-count');\r\n            const increment = target \/ speed;\r\n            let current = 0;\r\n            \r\n            const updateCounter = () => {\r\n                current += increment;\r\n                if (current < target) {\r\n                    counter.textContent = Math.ceil(current);\r\n                    setTimeout(updateCounter, 1);\r\n                } else {\r\n                    counter.textContent = target;\r\n                }\r\n            };\r\n            \r\n            updateCounter();\r\n        });\r\n    }\r\n    \r\n    \/\/ Intersection Observer pour d\u00e9clencher les animations\r\n    const observer = new IntersectionObserver((entries) => {\r\n        entries.forEach(entry => {\r\n            if (entry.isIntersecting) {\r\n                animateCounters();\r\n                observer.unobserve(entry.target);\r\n            }\r\n        });\r\n    }, { threshold: 0.5 });\r\n    \r\n    observer.observe(document.querySelector('.announcement-stats'));\r\n    \r\n    \/\/ Effet de d\u00e9filement vers le formulaire\r\n    const scrollButton = document.getElementById('scrollToForm');\r\n    if (scrollButton) {\r\n        scrollButton.addEventListener('click', function() {\r\n            \/\/ Trouver le formulaire suivant (vous devrez ajuster ce s\u00e9lecteur)\r\n            const formElement = document.querySelector('#wpforms-10266') || \r\n                               document.querySelector('form') || \r\n                               document.querySelector('.form-container');\r\n            \r\n            if (formElement) {\r\n                const offsetTop = formElement.offsetTop - 80; \/\/ Ajustez l'offset si n\u00e9cessaire\r\n                window.scrollTo({\r\n                    top: offsetTop,\r\n                    behavior: 'smooth'\r\n                });\r\n                \r\n                \/\/ Animation du bouton\r\n                this.style.transform = 'scale(0.95)';\r\n                setTimeout(() => {\r\n                    this.style.transform = '';\r\n                }, 150);\r\n            }\r\n        });\r\n    }\r\n    \r\n    \/\/ Animation al\u00e9atoire de l'ic\u00f4ne\r\n    const formIcon = document.getElementById('formIcon');\r\n    const icons = ['\ud83d\udcdd', '\u270d\ufe0f', '\ud83d\udccb', '\ud83d\udcc4', '\ud83d\udcac', '\u2709\ufe0f'];\r\n    \r\n    if (formIcon) {\r\n        setInterval(() => {\r\n            if (Math.random() > 0.7) { \/\/ 30% de chance de changer\r\n                const randomIcon = icons[Math.floor(Math.random() * icons.length)];\r\n                formIcon.textContent = randomIcon;\r\n                \r\n                \/\/ Animation de changement\r\n                formIcon.style.transform = 'scale(1.2)';\r\n                setTimeout(() => {\r\n                    formIcon.style.transform = '';\r\n                }, 300);\r\n            }\r\n        }, 3000);\r\n    }\r\n    \r\n    \/\/ Animation du badge\r\n    const animatedBadge = document.getElementById('animatedBadge');\r\n    if (animatedBadge) {\r\n        setInterval(() => {\r\n            animatedBadge.style.transform = 'translateY(-2px)';\r\n            setTimeout(() => {\r\n                animatedBadge.style.transform = '';\r\n            }, 200);\r\n        }, 4000);\r\n    }\r\n    \r\n    \/\/ Effet de survol sur les cartes de statistiques\r\n    const statItems = document.querySelectorAll('.stat-item');\r\n    statItems.forEach(item => {\r\n        item.addEventListener('mouseenter', function() {\r\n            this.style.transform = 'translateY(-8px) scale(1.02)';\r\n        });\r\n        \r\n        item.addEventListener('mouseleave', function() {\r\n            this.style.transform = '';\r\n        });\r\n    });\r\n    \r\n    \/\/ Effet de saisie de texte pour le titre\r\n    const mainTitle = document.getElementById('mainTitle');\r\n    const subtitleText = document.getElementById('subtitleText');\r\n    \r\n    if (mainTitle && subtitleText) {\r\n        setTimeout(() => {\r\n            mainTitle.style.opacity = '1';\r\n            mainTitle.style.transform = 'translateY(0)';\r\n        }, 100);\r\n        \r\n        setTimeout(() => {\r\n            subtitleText.style.opacity = '1';\r\n            subtitleText.style.transform = 'translateY(0)';\r\n        }, 500);\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>\ud83d\udcdd Formulaire Partagez votre Demande Nous sommes l\u00e0 pour \u00e9couter et vous accompagner dans chaque \u00e9tape \u23f1\ufe0f 0h Temps de r\u00e9ponse moyen \u2705 0% Demandes trait\u00e9es \ud83d\udc65 0+ Personnes aid\u00e9espar jour Comment \u00e7a marche ? 1 Remplissez le formulaire D\u00e9crivez votre demande en quelques minutes 2 Analyse de votre demande Notre \u00e9quipe \u00e9tudie votre situation [&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-10260","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>Contact Support - 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\/contact-support\/\" \/>\n<meta property=\"og:locale\" content=\"en_GB\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Contact Support - Sivih\" \/>\n<meta property=\"og:description\" content=\"\ud83d\udcdd Formulaire Partagez votre Demande Nous sommes l\u00e0 pour \u00e9couter et vous accompagner dans chaque \u00e9tape \u23f1\ufe0f 0h Temps de r\u00e9ponse moyen \u2705 0% Demandes trait\u00e9es \ud83d\udc65 0+ Personnes aid\u00e9espar jour Comment \u00e7a marche ? 1 Remplissez le formulaire D\u00e9crivez votre demande en quelques minutes 2 Analyse de votre demande Notre \u00e9quipe \u00e9tudie votre situation [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/sivih.org\/en\/contact-support\/\" \/>\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-01-31T18:59:31+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\/contact-support\/\",\"url\":\"https:\/\/sivih.org\/contact-support\/\",\"name\":\"Contact Support - Sivih\",\"isPartOf\":{\"@id\":\"https:\/\/sivih.org\/#website\"},\"datePublished\":\"2026-01-28T16:03:49+00:00\",\"dateModified\":\"2026-01-31T18:59:31+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/sivih.org\/contact-support\/#breadcrumb\"},\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/sivih.org\/contact-support\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/sivih.org\/contact-support\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Accueil\",\"item\":\"https:\/\/sivih.org\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Contact Support\"}]},{\"@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":"Contact Support - 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\/contact-support\/","og_locale":"en_GB","og_type":"article","og_title":"Contact Support - Sivih","og_description":"\ud83d\udcdd Formulaire Partagez votre Demande Nous sommes l\u00e0 pour \u00e9couter et vous accompagner dans chaque \u00e9tape \u23f1\ufe0f 0h Temps de r\u00e9ponse moyen \u2705 0% Demandes trait\u00e9es \ud83d\udc65 0+ Personnes aid\u00e9espar jour Comment \u00e7a marche ? 1 Remplissez le formulaire D\u00e9crivez votre demande en quelques minutes 2 Analyse de votre demande Notre \u00e9quipe \u00e9tudie votre situation [&hellip;]","og_url":"https:\/\/sivih.org\/en\/contact-support\/","og_site_name":"Sivih","article_publisher":"https:\/\/web.facebook.com\/profile.php?viewas=100000686899395&id=100087996591441","article_modified_time":"2026-01-31T18:59:31+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\/contact-support\/","url":"https:\/\/sivih.org\/contact-support\/","name":"Contact Support - Sivih","isPartOf":{"@id":"https:\/\/sivih.org\/#website"},"datePublished":"2026-01-28T16:03:49+00:00","dateModified":"2026-01-31T18:59:31+00:00","breadcrumb":{"@id":"https:\/\/sivih.org\/contact-support\/#breadcrumb"},"inLanguage":"en-GB","potentialAction":[{"@type":"ReadAction","target":["https:\/\/sivih.org\/contact-support\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/sivih.org\/contact-support\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Accueil","item":"https:\/\/sivih.org\/"},{"@type":"ListItem","position":2,"name":"Contact Support"}]},{"@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\/10260","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=10260"}],"version-history":[{"count":22,"href":"https:\/\/sivih.org\/en\/wp-json\/wp\/v2\/pages\/10260\/revisions"}],"predecessor-version":[{"id":10293,"href":"https:\/\/sivih.org\/en\/wp-json\/wp\/v2\/pages\/10260\/revisions\/10293"}],"wp:attachment":[{"href":"https:\/\/sivih.org\/en\/wp-json\/wp\/v2\/media?parent=10260"}],"curies":[{"name":"There are no reviews for this movie on this website.","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}