FAQ Anim\u00e9e<\/title>\r\n <style>\r\n body {\r\n margin: 0;\r\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\r\n background: #f9fafb;\r\n color: #333;\r\n }\r\n\r\n .faq-section {\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n gap: 50px;\r\n padding: 80px 8%;\r\n background: #fff;\r\n }\r\n\r\n \/* TITRE *\/\r\n .faq-title {\r\n text-align: center;\r\n font-size: 40px;\r\n font-weight: bold;\r\n margin-bottom: 40px;\r\n background: linear-gradient(90deg, #006633, #ffcc00);\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n animation: gradientMove 4s infinite alternate;\r\n }\r\n\r\n @keyframes gradientMove {\r\n from { background-position: 0%; }\r\n to { background-position: 100%; }\r\n }\r\n\r\n \/* PARTIE GAUCHE FAQ *\/\r\n .faq-container {\r\n flex: 1;\r\n }\r\n\r\n .faq-item {\r\n background: #f4f4f4;\r\n margin-bottom: 15px;\r\n border-radius: 10px;\r\n overflow: hidden;\r\n box-shadow: 0 5px 15px rgba(0,0,0,0.08);\r\n transition: all 0.3s ease;\r\n }\r\n\r\n .faq-question {\r\n padding: 15px 20px;\r\n font-size: 18px;\r\n font-weight: bold;\r\n color: #006633;\r\n cursor: pointer;\r\n position: relative;\r\n }\r\n\r\n .faq-question::after {\r\n content: \"+\";\r\n position: absolute;\r\n right: 20px;\r\n font-size: 20px;\r\n transition: transform 0.3s;\r\n }\r\n\r\n .faq-item.active .faq-question::after {\r\n content: \"-\";\r\n transform: rotate(180deg);\r\n }\r\n\r\n .faq-answer {\r\n max-height: 0;\r\n padding: 0 20px;\r\n overflow: hidden;\r\n background: #fff;\r\n color: #444;\r\n font-size: 15px;\r\n line-height: 1.6;\r\n transition: max-height 0.5s ease, padding 0.3s ease;\r\n }\r\n\r\n .faq-item.active .faq-answer {\r\n max-height: 200px;\r\n padding: 15px 20px;\r\n }\r\n\r\n \/* PARTIE DROITE IMAGE *\/\r\n .faq-image {\r\n flex: 1;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n }\r\n\r\n .faq-image img {\r\n width: 90%;\r\n max-width: 420px;\r\n border-radius: 16px;\r\n border: 4px solid #ffcc00;\r\n box-shadow: 0 10px 25px rgba(0,0,0,0.15);\r\n animation: float 6s ease-in-out infinite, zoomIn 1.5s ease forwards;\r\n }\r\n\r\n @keyframes float {\r\n 0% { transform: translateY(0); }\r\n 50% { transform: translateY(-15px); }\r\n 100% { transform: translateY(0); }\r\n }\r\n\r\n @keyframes zoomIn {\r\n from { transform: scale(0.8); opacity: 0; }\r\n to { transform: scale(1); opacity: 1; }\r\n }\r\n\r\n \/* RESPONSIVE *\/\r\n @media (max-width: 992px) {\r\n .faq-section {\r\n flex-direction: column;\r\n text-align: center;\r\n }\r\n .faq-image {\r\n margin-top: 30px;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <h2 class=\"faq-title\">Questions fr\u00e9quentes<\/h2>\r\n\r\n <section class=\"faq-section\">\r\n \r\n <div class=\"faq-container\">\r\n <div class=\"faq-item\">\r\n <div class=\"faq-question\">Comment devenir vendeur sur Galima ?<\/div>\r\n <div class=\"faq-answer\">Inscrivez-vous gratuitement, cr\u00e9ez votre boutique et commencez \u00e0 vendre vos produits aux acheteurs partout en Afrique.<\/div>\r\n <\/div>\r\n <div class=\"faq-item\">\r\n <div class=\"faq-question\">Quels avantages j\u2019obtiens ?<\/div>\r\n <div class=\"faq-answer\">Une visibilit\u00e9 accrue, un r\u00e9seau d\u2019acheteurs B2B, des outils marketing et une gestion simplifi\u00e9e de vos ventes.<\/div>\r\n <\/div>\r\n <div class=\"faq-item\">\r\n <div class=\"faq-question\">Y a-t-il des frais cach\u00e9s ?<\/div>\r\n <div class=\"faq-answer\">Non. L\u2019inscription est gratuite et une petite commission est appliqu\u00e9e uniquement sur les ventes r\u00e9ussies.<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"faq-image\">\r\n <img decoding=\"async\" src=\"https:\/\/images.pexels.com\/photos\/167684\/pexels-photo-167684.jpeg\" alt=\"Verdure nature\" title=\"Faq\">\r\n <\/div>\r\n <\/section>\r\n\r\n <script>\r\n \/\/ Accord\u00e9on FAQ\r\n const faqItems = document.querySelectorAll(\".faq-item\");\r\n faqItems.forEach(item => {\r\n item.querySelector(\".faq-question\").addEventListener(\"click\", () => {\r\n item.classList.toggle(\"active\");\r\n });\r\n });\r\n <\/script>\r\n\r\n<\/body>\r\n<\/html>\r\n\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-f138124 e-con-full e-flex e-con e-parent\" data-id=\"f138124\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4e66062 elementor-widget elementor-widget-html\" data-id=\"4e66062\" 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<!DOCTYPE html>\r\n<html lang=\"fr\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>CTA Anim\u00e9<\/title>\r\n <style>\r\n body {\r\n margin: 0;\r\n font-family: \"Segoe UI\", Tahoma, Geneva, Verdana, sans-serif;\r\n }\r\n\r\n .cta-section {\r\n position: relative;\r\n background: url(\"https:\/\/galima.fr\/wp-content\/uploads\/2025\/09\/Hero-section-Galima1-1.jpg\") center\/cover no-repeat;\r\n height: 60vh;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n text-align: center;\r\n color: #fff;\r\n overflow: hidden;\r\n border-bottom-left-radius: 50px;\r\n border-bottom-right-radius: 50px;\r\n }\r\n\r\n .cta-section::before {\r\n content: \"\";\r\n position: absolute;\r\n inset: 0;\r\n background: linear-gradient(135deg, rgba(0, 102, 51, 0.85), rgba(0, 0, 0, 0.7));\r\n animation: fadeIn 2s ease-in-out forwards;\r\n border-bottom-left-radius: 50px;\r\n border-bottom-right-radius: 50px;\r\n }\r\n\r\n @keyframes fadeIn {\r\n from { opacity: 0; }\r\n to { opacity: 1; }\r\n }\r\n\r\n .cta-content {\r\n position: relative;\r\n z-index: 2;\r\n max-width: 700px;\r\n padding: 20px;\r\n animation: slideUp 1.5s ease forwards;\r\n opacity: 0;\r\n }\r\n\r\n @keyframes slideUp {\r\n from { transform: translateY(50px); opacity: 0; }\r\n to { transform: translateY(0); opacity: 1; }\r\n }\r\n\r\n .cta-content h1 {\r\n font-size: 38px;\r\n font-weight: bold;\r\n margin-bottom: 15px;\r\n color: #fff; \/* \u2705 Couleur modifi\u00e9e pour \u00e9viter conflit *\/\r\n \r\n \/* \u2705 Option stylis\u00e9e : d\u00e9grad\u00e9 (d\u00e9commentez pour tester) *\/\r\n \/*\r\n background: linear-gradient(90deg, #ffcc00, #ffffff);\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n *\/\r\n }\r\n\r\n .cta-content p {\r\n font-size: 18px;\r\n margin-bottom: 25px;\r\n color: #ffffff; \/* Texte toujours en blanc pour la lisibilit\u00e9 *\/\r\n }\r\n\r\n .cta-button {\r\n padding: 12px 35px;\r\n border: none;\r\n border-radius: 30px;\r\n font-size: 16px;\r\n font-weight: bold;\r\n background: #ffcc00;\r\n color: #006633;\r\n cursor: pointer;\r\n transition: transform 0.3s ease, background 0.3s ease;\r\n animation: pulse 2s infinite;\r\n }\r\n\r\n .cta-button:hover {\r\n transform: scale(1.1);\r\n background: #ffdb4d;\r\n }\r\n\r\n @keyframes pulse {\r\n 0% { box-shadow: 0 0 0 0 rgba(255,204,0, 0.6); }\r\n 70% { box-shadow: 0 0 0 20px rgba(255,204,0, 0); }\r\n 100% { box-shadow: 0 0 0 0 rgba(255,204,0, 0); }\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .cta-section { height: 50vh; }\r\n .cta-content h1 { font-size: 26px; }\r\n .cta-content p { font-size: 14px; }\r\n .cta-button { font-size: 14px; padding: 10px 25px; }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <section class=\"cta-section\">\r\n <div class=\"cta-content\">\r\n <h1>\u00cates-vous pr\u00eat \u00e0 booster votre entreprise ?<\/h1>\r\n <p>Rejoignez des milliers de partenaires qui nous font confiance et b\u00e9n\u00e9ficiez d\u2019une visibilit\u00e9 panafricaine.<\/p>\r\n <button class=\"cta-button\">Nous contacter<\/button>\r\n <\/div>\r\n <\/section>\r\n\r\n<\/body>\r\n<\/html>\r\n\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-48247b4b e-flex e-con-boxed e-con e-parent\" data-id=\"48247b4b\" 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-d2aed5e elementor-widget elementor-widget-html\" data-id=\"d2aed5e\" 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<!DOCTYPE html>\r\n<html lang=\"fr\">\r\n<head>\r\n <meta charset=\"UTF-8\" \/>\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\/>\r\n <title>Nos partenaires<\/title>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;600;700&display=swap\" rel=\"stylesheet\">\r\n <style>\r\n * {\r\n box-sizing: border-box;\r\n margin: 0;\r\n padding: 0;\r\n }\r\n\r\n body {\r\n font-family: 'Poppins', sans-serif;\r\n background-color: #f4f4f4;\r\n color: #111;\r\n }\r\n\r\n .partners-section {\r\n background: linear-gradient(to right, #f8fbfc, #eaf6f1);\r\n padding: 60px 20px;\r\n text-align: center;\r\n border: 2px solid #d9e3dc;\r\n border-radius: 20px;\r\n margin: 40px 20px;\r\n box-shadow: 0 8px 20px rgba(0, 0, 0, 0.05);\r\n overflow: hidden;\r\n }\r\n\r\n .partners-header h2 {\r\n font-size: 2.6rem;\r\n font-weight: 700;\r\n margin-bottom: 10px;\r\n }\r\n\r\n .partners-header .green {\r\n color: #006633 !important;\r\n }\r\n\r\n .partners-header .yellow {\r\n color: #ffcc00 !important;\r\n }\r\n\r\n .partners-header p {\r\n font-size: 1.15rem;\r\n color: #333;\r\n margin-bottom: 50px;\r\n }\r\n\r\n .partners-logos {\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n flex-wrap: wrap;\r\n gap: 40px;\r\n }\r\n\r\n .partners-logos img {\r\n width: 240px;\r\n height: 140px;\r\n object-fit: contain;\r\n background-color: white;\r\n padding: 20px;\r\n border: 2px solid #e0e0e0;\r\n border-radius: 20px;\r\n box-shadow: 0 14px 30px rgba(0, 0, 0, 0.08);\r\n opacity: 0;\r\n transform: translateY(60px) scale(0.85) rotate(-5deg);\r\n transition: all 0.5s ease;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n \/* \u2705 Animation d\u2019apparition (rebond + flottement) *\/\r\n .partners-logos img.animate {\r\n animation: fadeFloatElastic 1.3s cubic-bezier(0.25, 1, 0.5, 1) forwards,\r\n floatY 5s ease-in-out infinite;\r\n }\r\n\r\n @keyframes fadeFloatElastic {\r\n 0% {\r\n opacity: 0;\r\n transform: translateY(60px) scale(0.85) rotate(-5deg);\r\n }\r\n 50% {\r\n opacity: 1;\r\n transform: translateY(-10px) scale(1.05) rotate(3deg);\r\n }\r\n 80% {\r\n transform: translateY(5px) scale(0.98) rotate(-1deg);\r\n }\r\n 100% {\r\n opacity: 1;\r\n transform: translateY(0) scale(1) rotate(0);\r\n }\r\n }\r\n\r\n \/* \u2705 Flottement doux permanent *\/\r\n @keyframes floatY {\r\n 0%, 100% {\r\n transform: translateY(0) scale(1);\r\n }\r\n 50% {\r\n transform: translateY(-8px) scale(1.02);\r\n }\r\n }\r\n\r\n \/* \u2705 Effet lumi\u00e8re \u201cshine\u201d *\/\r\n .partners-logos img::before {\r\n content: \"\";\r\n position: absolute;\r\n top: 0;\r\n left: -80%;\r\n width: 60%;\r\n height: 100%;\r\n background: linear-gradient(\r\n 120deg,\r\n rgba(255, 255, 255, 0) 0%,\r\n rgba(255, 255, 255, 0.6) 50%,\r\n rgba(255, 255, 255, 0) 100%\r\n );\r\n transform: skewX(-25deg);\r\n }\r\n\r\n .partners-logos img:hover::before {\r\n animation: shine 1s ease;\r\n }\r\n\r\n @keyframes shine {\r\n 100% {\r\n left: 140%;\r\n }\r\n }\r\n\r\n \/* \u2705 Zoom + rebond au hover *\/\r\n .partners-logos img:hover {\r\n transform: scale(1.12) rotate(1deg);\r\n border-color: #006633;\r\n box-shadow: 0 14px 36px rgba(0, 102, 51, 0.25);\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .partners-header h2 {\r\n font-size: 2rem;\r\n }\r\n\r\n .partners-header p {\r\n font-size: 1rem;\r\n margin-bottom: 30px;\r\n }\r\n\r\n .partners-logos img {\r\n width: 180px;\r\n height: 110px;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n \r\n <section class=\"partners-section\">\r\n <div class=\"partners-header\">\r\n <h2><span class=\"green\">Nos<\/span> <span class=\"yellow\">partenaires<\/span><\/h2>\r\n <p>Les partenaires qui nous font confiance !<\/p>\r\n <\/div>\r\n\r\n <div class=\"partners-logos\">\r\n <img decoding=\"async\" src=\"https:\/\/galima.fr\/wp-content\/uploads\/2025\/09\/logo_AFD-1.png\" alt=\"Partenaire 1\" title=\"Faq\">\r\n <img decoding=\"async\" src=\"https:\/\/galima.fr\/wp-content\/uploads\/2025\/09\/logo-1-1.png\" alt=\"Partenaire 2\" title=\"Faq\">\r\n <img decoding=\"async\" src=\"https:\/\/galima.fr\/wp-content\/uploads\/2025\/09\/ZLECAF-Logo-2-1-1.png\" alt=\"Partenaire 3\" title=\"Faq\">\r\n <img decoding=\"async\" src=\"https:\/\/galima.fr\/wp-content\/uploads\/2025\/09\/logo_AFD-1.png\" alt=\"Partenaire 4\" title=\"Faq\">\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <script>\r\n document.addEventListener(\"DOMContentLoaded\", function () {\r\n const logos = document.querySelectorAll('.partners-logos img');\r\n\r\n const observer = new IntersectionObserver((entries) => {\r\n entries.forEach((entry, index) => {\r\n if (entry.isIntersecting) {\r\n setTimeout(() => {\r\n entry.target.classList.add('animate');\r\n }, index * 250); \r\n observer.unobserve(entry.target);\r\n }\r\n });\r\n }, {\r\n threshold: 0.2\r\n });\r\n\r\n logos.forEach(img => observer.observe(img));\r\n });\r\n <\/script>\r\n\r\n<\/body>\r\n<\/html>\r\n\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>","protected":false},"excerpt":{"rendered":"<p>Les questions fr\u00e9quentes FAQ Anim\u00e9e Questions fr\u00e9quentes Comment devenir vendeur sur Galima ? Inscrivez-vous gratuitement, cr\u00e9ez votre boutique et commencez \u00e0 vendre vos produits aux acheteurs partout en Afrique. Quels avantages j\u2019obtiens ? Une visibilit\u00e9 accrue, un r\u00e9seau d\u2019acheteurs B2B, des outils marketing et une gestion simplifi\u00e9e de vos ventes. Y a-t-il des frais cach\u00e9s […]<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"page-builder","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-5152","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/galima.fr\/en\/wp-json\/wp\/v2\/pages\/5152","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/galima.fr\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/galima.fr\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/galima.fr\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/galima.fr\/en\/wp-json\/wp\/v2\/comments?post=5152"}],"version-history":[{"count":19,"href":"https:\/\/galima.fr\/en\/wp-json\/wp\/v2\/pages\/5152\/revisions"}],"predecessor-version":[{"id":5497,"href":"https:\/\/galima.fr\/en\/wp-json\/wp\/v2\/pages\/5152\/revisions\/5497"}],"wp:attachment":[{"href":"https:\/\/galima.fr\/en\/wp-json\/wp\/v2\/media?parent=5152"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}