{"id":183,"date":"2025-11-15T21:13:05","date_gmt":"2025-11-15T20:13:05","guid":{"rendered":"https:\/\/cpibburkina.bf\/?page_id=183"},"modified":"2025-11-15T21:14:27","modified_gmt":"2025-11-15T20:14:27","slug":"energie-mines","status":"publish","type":"page","link":"https:\/\/cpibburkina.bf\/ar\/energie-mines\/","title":{"rendered":"\u0627\u0644\u0637\u0627\u0642\u0629 \u0648\u0627\u0644\u062a\u0639\u062f\u064a\u0646"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"183\" class=\"elementor elementor-183\">\n\t\t\t\t<div class=\"elementor-element elementor-element-315c3a7 e-con-full e-flex e-con e-parent\" data-id=\"315c3a7\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-93de7cb elementor-widget elementor-widget-html\" data-id=\"93de7cb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\n    \n    <style>\n\n        \/* Glassmorphisme \u00e9l\u00e9gant *\/\n        .glass-effect {\n            background: rgba(255, 255, 255, 0.05);\n            backdrop-filter: blur(20px);\n            border: 1px solid rgba(212, 175, 55, 0.2);\n            box-shadow: \n                0 8px 32px 0 rgba(212, 175, 55, 0.1),\n                inset 0 1px 0 rgba(255, 255, 255, 0.1);\n        }\n\n        .glass-white {\n            background: rgba(255, 255, 255, 0.95);\n            backdrop-filter: blur(20px);\n            border: 1px solid rgba(212, 175, 55, 0.15);\n            box-shadow: \n                0 8px 32px 0 rgba(0, 0, 0, 0.08),\n                inset 0 1px 0 rgba(255, 255, 255, 0.5);\n        }\n\n        .glass-dark {\n            background: rgba(0, 0, 0, 0.4);\n            backdrop-filter: blur(20px);\n            border: 1px solid rgba(212, 175, 55, 0.3);\n        }\n\n        \/* Particules de minerai qui tombent *\/\n        .mineral-particles {\n            position: absolute;\n            width: 100%;\n            height: 100%;\n            overflow: hidden;\n            pointer-events: none;\n        }\n\n        .mineral-particle {\n            position: absolute;\n            width: 4px;\n            height: 4px;\n            background: linear-gradient(135deg, #D4AF37, #FCD116);\n            border-radius: 50%;\n            opacity: 0;\n            animation: mineralFall 15s infinite linear;\n            box-shadow: 0 0 10px rgba(212, 175, 55, 0.8);\n        }\n\n        @keyframes mineralFall {\n            0% {\n                transform: translateY(-100px) rotate(0deg);\n                opacity: 0;\n            }\n            10% {\n                opacity: 1;\n            }\n            90% {\n                opacity: 1;\n            }\n            100% {\n                transform: translateY(100vh) rotate(360deg);\n                opacity: 0;\n            }\n        }\n\n        \/* Rayons d'\u00e9nergie lumineux *\/\n        .energy-rays {\n            position: absolute;\n            width: 100%;\n            height: 100%;\n            overflow: hidden;\n            pointer-events: none;\n        }\n\n        .energy-ray {\n            position: absolute;\n            width: 2px;\n            height: 200px;\n            background: linear-gradient(to bottom, \n                transparent,\n                rgba(252, 209, 22, 0.6),\n                transparent\n            );\n            animation: rayPulse 4s infinite ease-in-out;\n            filter: blur(1px);\n        }\n\n        @keyframes rayPulse {\n            0%, 100% {\n                opacity: 0.3;\n                transform: scaleY(1);\n            }\n            50% {\n                opacity: 0.8;\n                transform: scaleY(1.5);\n            }\n        }\n\n        \/* Effet de brillance m\u00e9tallique *\/\n        .metallic-shine {\n            position: relative;\n            overflow: hidden;\n        }\n\n        .metallic-shine::before {\n            content: '';\n            position: absolute;\n            top: -50%;\n            left: -50%;\n            width: 200%;\n            height: 200%;\n            background: linear-gradient(\n                45deg,\n                transparent 30%,\n                rgba(255, 255, 255, 0.3) 50%,\n                transparent 70%\n            );\n            animation: shine 6s infinite;\n        }\n\n        @keyframes shine {\n            0% {\n                transform: translateX(-100%) translateY(-100%) rotate(45deg);\n            }\n            100% {\n                transform: translateX(100%) translateY(100%) rotate(45deg);\n            }\n        }\n\n        \/* Gradient anim\u00e9 or\/\u00e9nergie *\/\n        .gradient-energy {\n            background: linear-gradient(135deg, \n                #D4AF37 0%, \n                #FCD116 25%, \n                #FF9800 50%, \n                #FCD116 75%, \n                #D4AF37 100%\n            );\n            background-size: 200% 200%;\n            animation: energyFlow 8s ease infinite;\n        }\n\n        @keyframes energyFlow {\n            0%, 100% { background-position: 0% 50%; }\n            50% { background-position: 100% 50%; }\n        }\n\n        \/* Effet de pulsation pour l'\u00e9nergie *\/\n        .pulse-energy {\n            animation: pulseGlow 2s infinite;\n        }\n\n        @keyframes pulseGlow {\n            0%, 100% {\n                box-shadow: 0 0 20px rgba(252, 209, 22, 0.5);\n            }\n            50% {\n                box-shadow: 0 0 40px rgba(252, 209, 22, 0.8);\n            }\n        }\n\n        \/* Cartes de secteur avec effet 3D *\/\n        .sector-card-3d {\n            transform-style: preserve-3d;\n            transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);\n        }\n\n        .sector-card-3d:hover {\n            transform: translateY(-15px) rotateX(5deg);\n        }\n\n        \/* Texte avec effet or brillant *\/\n        .gold-shine-text {\n            background: linear-gradient(135deg, \n                #9E7C0A 0%, \n                #D4AF37 25%, \n                #FCD116 50%, \n                #D4AF37 75%, \n                #9E7C0A 100%\n            );\n            background-size: 200% auto;\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            background-clip: text;\n            animation: goldShimmer 3s linear infinite;\n        }\n\n        @keyframes goldShimmer {\n            to {\n                background-position: 200% center;\n            }\n        }\n\n        \/* Ic\u00f4nes avec halo \u00e9nerg\u00e9tique *\/\n        .energy-icon {\n            position: relative;\n        }\n\n        .energy-icon::after {\n            content: '';\n            position: absolute;\n            inset: -10px;\n            border-radius: inherit;\n            background: radial-gradient(circle, rgba(252, 209, 22, 0.3) 0%, transparent 70%);\n            animation: iconGlow 2s infinite;\n            z-index: -1;\n        }\n\n        @keyframes iconGlow {\n            0%, 100% { opacity: 0.5; transform: scale(1); }\n            50% { opacity: 1; transform: scale(1.2); }\n        }\n\n        \/* Pattern de circuit \u00e9lectronique *\/\n        .circuit-pattern {\n            background-image: \n                linear-gradient(90deg, rgba(212, 175, 55, 0.1) 1px, transparent 1px),\n                linear-gradient(180deg, rgba(212, 175, 55, 0.1) 1px, transparent 1px);\n            background-size: 40px 40px;\n        }\n\n        \/* Effet de cristallisation pour les mines *\/\n        .crystal-effect {\n            position: relative;\n            overflow: hidden;\n        }\n\n        .crystal-effect::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: -100%;\n            width: 100%;\n            height: 100%;\n            background: linear-gradient(\n                90deg,\n                transparent,\n                rgba(212, 175, 55, 0.3),\n                transparent\n            );\n            animation: crystallize 3s infinite;\n        }\n\n        @keyframes crystallize {\n            0% { left: -100%; }\n            100% { left: 100%; }\n        }\n\n        \/* Compteur anim\u00e9 *\/\n        .stat-counter {\n            font-variant-numeric: tabular-nums;\n        }\n\n        \/* Hexagone d\u00e9coratif *\/\n        .hexagon {\n            clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);\n        }\n    <\/style>\n\n\n    <!-- Hero Section Ultra Dynamique -->\n    <section class=\"relative min-h-screen flex items-center justify-center overflow-hidden\">\n        \n        <!-- Background complexe multi-couches -->\n        <div class=\"absolute inset-0 z-0\">\n            <!-- Image de fond -->\n            <div class=\"absolute inset-0 bg-cover bg-center opacity-20\" \n                 style=\"background-image: url('https:\/\/images.unsplash.com\/photo-1559827260-dc66d52bef19?ixlib=rb-4.0.3&auto=format&fit=crop&w=2000&q=80');\">\n            <\/div>\n            <!-- Overlay gradient -->\n            <div class=\"absolute inset-0 bg-gradient-to-br from-black via-slate-900 to-primary\"><\/div>\n            <!-- Circuit pattern -->\n            <div class=\"absolute inset-0 circuit-pattern opacity-30\"><\/div>\n        <\/div>\n\n        <!-- Particules de minerai -->\n        <div class=\"mineral-particles\" id=\"mineralParticles\"><\/div>\n\n        <!-- Rayons d'\u00e9nergie -->\n        <div class=\"energy-rays\" id=\"energyRays\"><\/div>\n\n        <!-- Contenu Hero -->\n        <div class=\"container mx-auto px-6 md:px-12 lg:px-16 relative z-10 py-32\">\n            \n            <!-- Breadcrumb -->\n            <div class=\"flex items-center justify-center mb-8 space-x-3 text-sm\" data-aos=\"fade-down\">\n                <a href=\"index.html\" class=\"text-gray-400 hover:text-gold transition-colors duration-300\">Accueil<\/a>\n                <svg class=\"w-4 h-4 text-gray-600\" fill=\"currentColor\" viewBox=\"0 0 20 20\">\n                    <path fill-rule=\"evenodd\" d=\"M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z\" clip-rule=\"evenodd\"\/>\n                <\/svg>\n                <span class=\"text-burkinaGold\">\u00c9nergie & Mines<\/span>\n            <\/div>\n\n            <div class=\"max-w-6xl mx-auto text-center\">\n                \n                <!-- Badge avec effet lumineux -->\n                <div class=\"mb-8 inline-flex items-center\" data-aos=\"zoom-in\">\n                    <span class=\"glass-effect px-8 py-3 rounded-full text-burkinaGold font-semibold text-sm tracking-wider pulse-energy\">\n                        \u26a1 SECTEUR \u00c9NERG\u00c9TIQUE & MINIER\n                    <\/span>\n                <\/div>\n\n                <!-- Titre Principal avec effet or brillant -->\n                <h1 class=\"text-5xl md:text-7xl lg:text-8xl font-bold mb-8 leading-tight\" data-aos=\"fade-up\" data-aos-delay=\"100\">\n                    <span class=\"text-white\">\u00c9nergie & Mines<\/span><br\/>\n                    <span class=\"gold-shine-text\">du Burkina Faso<\/span>\n                <\/h1>\n\n                <!-- Sous-titre -->\n                <p class=\"text-xl md:text-2xl text-gray-300 mb-12 max-w-4xl mx-auto leading-relaxed font-light\" data-aos=\"fade-up\" data-aos-delay=\"200\">\n                    Des richesses naturelles exceptionnelles et un potentiel \u00e9nerg\u00e9tique \n                    <span class=\"text-burkinaGold font-medium\">extraordinaire<\/span> pour propulser \n                    l'\u00e9conomie vers l'avenir\n                <\/p>\n\n                <!-- Statistiques Impressionnantes -->\n                <div class=\"grid grid-cols-1 md:grid-cols-4 gap-6 mb-12\" data-aos=\"fade-up\" data-aos-delay=\"300\">\n                    \n                    <div class=\"glass-effect p-6 rounded-2xl metallic-shine hover:scale-105 transition-transform duration-300\">\n                        <div class=\"text-4xl md:text-5xl font-bold gradient-energy bg-clip-text text-transparent mb-2 stat-counter\">62T<\/div>\n                        <p class=\"text-gray-300 text-sm\">Tonnes d'or (production)<\/p>\n                    <\/div>\n\n                    <div class=\"glass-effect p-6 rounded-2xl metallic-shine hover:scale-105 transition-transform duration-300\">\n                        <div class=\"text-4xl md:text-5xl font-bold text-burkinaGold mb-2 stat-counter\">5.6 kWh\/m\u00b2<\/div>\n                        <p class=\"text-gray-300 text-sm\">Irradiation solaire moyenne<\/p>\n                    <\/div>\n\n                    <div class=\"glass-effect p-6 rounded-2xl metallic-shine hover:scale-105 transition-transform duration-300\">\n                        <div class=\"text-4xl md:text-5xl font-bold text-orange-400 mb-2 stat-counter\">2000+<\/div>\n                        <p class=\"text-gray-300 text-sm\">Heures d'ensoleillement\/an<\/p>\n                    <\/div>\n\n                    <div class=\"glass-effect p-6 rounded-2xl metallic-shine hover:scale-105 transition-transform duration-300\">\n                        <div class=\"text-4xl md:text-5xl font-bold text-emerald-400 mb-2 stat-counter\">17<\/div>\n                        <p class=\"text-gray-300 text-sm\">Mines en exploitation<\/p>\n                    <\/div>\n\n                <\/div>\n\n                <!-- CTA Buttons -->\n                <div class=\"flex flex-col sm:flex-row gap-6 justify-center items-center\" data-aos=\"fade-up\" data-aos-delay=\"400\">\n                    <a href=\"#opportunites\" class=\"group gradient-energy hover:opacity-90 text-primary font-bold px-12 py-5 rounded-xl transition-all duration-300 inline-flex items-center shadow-2xl hover:shadow-gold\/50 transform hover:scale-105\">\n                        Explorer les opportunit\u00e9s\n                        <svg class=\"w-6 h-6 ml-3 group-hover:translate-x-2 transition-transform\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n                            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M13 7l5 5m0 0l-5 5m5-5H6\"\/>\n                        <\/svg>\n                    <\/a>\n                    <a href=\"#contact\" class=\"glass-effect border border-gold\/50 hover:border-gold text-white px-12 py-5 rounded-xl hover:bg-white\/10 transition-all duration-300 font-semibold\">\n                        Nous contacter\n                    <\/a>\n                <\/div>\n\n            <\/div>\n\n            <!-- Scroll Indicator anim\u00e9 -->\n            <div class=\"flex justify-center mt-20\" data-aos=\"fade-up\" data-aos-delay=\"600\">\n                <div class=\"animate-bounce\">\n                    <svg class=\"w-8 h-8 text-burkinaGold\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n                        <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 14l-7 7m0 0l-7-7m7 7V3\"\/>\n                    <\/svg>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Section \u00c9nergie -->\n    <section id=\"energie\" class=\"py-24 bg-gradient-to-br from-slate-900 via-slate-800 to-primary relative overflow-hidden\">\n        \n        <!-- Pattern d\u00e9coratif -->\n        <div class=\"absolute inset-0 opacity-10\">\n            <div class=\"absolute inset-0\" style=\"background-image: radial-gradient(circle, rgba(252, 209, 22, 0.2) 1px, transparent 1px); background-size: 30px 30px;\"><\/div>\n        <\/div>\n\n        <div class=\"container mx-auto px-6 md:px-12 lg:px-16 relative z-10\">\n            \n            <!-- En-t\u00eate -->\n            <div class=\"text-center mb-20\" data-aos=\"fade-up\">\n                <div class=\"inline-block mb-6\">\n                    <span class=\"glass-effect px-6 py-2 rounded-full text-orange-400 text-sm font-semibold\">\n                        \u26a1 SECTEUR \u00c9NERG\u00c9TIQUE\n                    <\/span>\n                <\/div>\n                <h2 class=\"text-4xl md:text-6xl font-bold mb-6 text-white\">\n                    Potentiel <span class=\"gold-shine-text\">\u00c9nerg\u00e9tique<\/span>\n                <\/h2>\n                <p class=\"text-gray-300 text-lg max-w-3xl mx-auto\">\n                    Le Burkina Faso dispose d'un potentiel \u00e9nerg\u00e9tique consid\u00e9rable, \n                    particuli\u00e8rement dans les \u00e9nergies renouvelables\n                <\/p>\n            <\/div>\n\n            <!-- Grille des sources d'\u00e9nergie -->\n            <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8\">\n                \n                <!-- \u00c9nergie Solaire -->\n                <div class=\"sector-card-3d glass-effect rounded-3xl p-8 hover:bg-white\/5\" data-aos=\"flip-left\" data-aos-delay=\"100\">\n                    <div class=\"relative mb-6\">\n                        <div class=\"energy-icon w-20 h-20 bg-gradient-to-br from-yellow-500 to-orange-600 rounded-3xl flex items-center justify-center mx-auto\">\n                            <svg class=\"w-10 h-10 text-white\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n                                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 3v1m0 16v1m9-9h-1M4 12H3m15.364 6.364l-.707-.707M6.343 6.343l-.707-.707m12.728 0l-.707.707M6.343 17.657l-.707.707M16 12a4 4 0 11-8 0 4 4 0 018 0z\"\/>\n                            <\/svg>\n                        <\/div>\n                    <\/div>\n                    <h3 class=\"text-2xl font-bold mb-4 text-white text-center\">\u00c9nergie Solaire<\/h3>\n                    <p class=\"text-gray-300 mb-6 text-center leading-relaxed\">\n                        <span class=\"text-burkinaGold font-semibold\">Potentiel exceptionnel<\/span> avec plus de 2000 heures d'ensoleillement par an\n                    <\/p>\n                    <ul class=\"space-y-3\">\n                        <li class=\"flex items-start\">\n                            <svg class=\"w-5 h-5 text-burkinaGold mr-3 mt-0.5 flex-shrink-0\" fill=\"currentColor\" viewBox=\"0 0 20 20\">\n                                <path fill-rule=\"evenodd\" d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\" clip-rule=\"evenodd\"\/>\n                            <\/svg>\n                            <span class=\"text-sm text-gray-400\">Irradiation: 5.6 kWh\/m\u00b2\/jour<\/span>\n                        <\/li>\n                        <li class=\"flex items-start\">\n                            <svg class=\"w-5 h-5 text-burkinaGold mr-3 mt-0.5 flex-shrink-0\" fill=\"currentColor\" viewBox=\"0 0 20 20\">\n                                <path fill-rule=\"evenodd\" d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\" clip-rule=\"evenodd\"\/>\n                            <\/svg>\n                            <span class=\"text-sm text-gray-400\">Centrales photovolta\u00efques en croissance<\/span>\n                        <\/li>\n                        <li class=\"flex items-start\">\n                            <svg class=\"w-5 h-5 text-burkinaGold mr-3 mt-0.5 flex-shrink-0\" fill=\"currentColor\" viewBox=\"0 0 20 20\">\n                                <path fill-rule=\"evenodd\" d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\" clip-rule=\"evenodd\"\/>\n                            <\/svg>\n                            <span class=\"text-sm text-gray-400\">Solutions off-grid et hybrides<\/span>\n                        <\/li>\n                    <\/ul>\n                <\/div>\n\n                <!-- Biomasse -->\n                <div class=\"sector-card-3d glass-effect rounded-3xl p-8 hover:bg-white\/5\" data-aos=\"flip-left\" data-aos-delay=\"200\">\n                    <div class=\"relative mb-6\">\n                        <div class=\"energy-icon w-20 h-20 bg-gradient-to-br from-green-600 to-emerald-700 rounded-3xl flex items-center justify-center mx-auto\">\n                            <svg class=\"w-10 h-10 text-white\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n                                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M3 6l3 1m0 0l-3 9a5.002 5.002 0 006.001 0M6 7l3 9M6 7l6-2m6 2l3-1m-3 1l-3 9a5.002 5.002 0 006.001 0M18 7l3 9m-3-9l-6-2m0-2v2m0 16V5m0 16H9m3 0h3\"\/>\n                            <\/svg>\n                        <\/div>\n                    <\/div>\n                    <h3 class=\"text-2xl font-bold mb-4 text-white text-center\">Biomasse<\/h3>\n                    <p class=\"text-gray-300 mb-6 text-center leading-relaxed\">\n                        <span class=\"text-burkinaGreen font-semibold\">Ressources abondantes<\/span> en r\u00e9sidus agricoles et forestiers\n                    <\/p>\n                    <ul class=\"space-y-3\">\n                        <li class=\"flex items-start\">\n                            <svg class=\"w-5 h-5 text-burkinaGold mr-3 mt-0.5 flex-shrink-0\" fill=\"currentColor\" viewBox=\"0 0 20 20\">\n                                <path fill-rule=\"evenodd\" d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\" clip-rule=\"evenodd\"\/>\n                            <\/svg>\n                            <span class=\"text-sm text-gray-400\">Valorisation des d\u00e9chets agricoles<\/span>\n                        <\/li>\n                        <li class=\"flex items-start\">\n                            <svg class=\"w-5 h-5 text-burkinaGold mr-3 mt-0.5 flex-shrink-0\" fill=\"currentColor\" viewBox=\"0 0 20 20\">\n                                <path fill-rule=\"evenodd\" d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\" clip-rule=\"evenodd\"\/>\n                            <\/svg>\n                            <span class=\"text-sm text-gray-400\">Biogaz et biocarburants<\/span>\n                        <\/li>\n                        <li class=\"flex items-start\">\n                            <svg class=\"w-5 h-5 text-burkinaGold mr-3 mt-0.5 flex-shrink-0\" fill=\"currentColor\" viewBox=\"0 0 20 20\">\n                                <path fill-rule=\"evenodd\" d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\" clip-rule=\"evenodd\"\/>\n                            <\/svg>\n                            <span class=\"text-sm text-gray-400\">Centrales de cog\u00e9n\u00e9ration<\/span>\n                        <\/li>\n                    <\/ul>\n                <\/div>\n\n                <!-- \u00c9nergie \u00c9olienne -->\n                <div class=\"sector-card-3d glass-effect rounded-3xl p-8 hover:bg-white\/5\" data-aos=\"flip-left\" data-aos-delay=\"300\">\n                    <div class=\"relative mb-6\">\n                        <div class=\"energy-icon w-20 h-20 bg-gradient-to-br from-cyan-500 to-blue-600 rounded-3xl flex items-center justify-center mx-auto\">\n                            <svg class=\"w-10 h-10 text-white\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n                                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M3.055 11H5a2 2 0 012 2v1a2 2 0 002 2 2 2 0 012 2v2.945M8 3.935V5.5A2.5 2.5 0 0010.5 8h.5a2 2 0 012 2 2 2 0 104 0 2 2 0 012-2h1.064M15 20.488V18a2 2 0 012-2h3.064M21 12a9 9 0 11-18 0 9 9 0 0118 0z\"\/>\n                            <\/svg>\n                        <\/div>\n                    <\/div>\n                    <h3 class=\"text-2xl font-bold mb-4 text-white text-center\">\u00c9nergie \u00c9olienne<\/h3>\n                    <p class=\"text-gray-300 mb-6 text-center leading-relaxed\">\n                        <span class=\"text-cyan-400 font-semibold\">Potentiel prometteur<\/span> dans les r\u00e9gions sah\u00e9liennes du nord\n                    <\/p>\n                    <ul class=\"space-y-3\">\n                        <li class=\"flex items-start\">\n                            <svg class=\"w-5 h-5 text-burkinaGold mr-3 mt-0.5 flex-shrink-0\" fill=\"currentColor\" viewBox=\"0 0 20 20\">\n                                <path fill-rule=\"evenodd\" d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\" clip-rule=\"evenodd\"\/>\n                            <\/svg>\n                            <span class=\"text-sm text-gray-400\">Vitesse moyenne: 4-6 m\/s<\/span>\n                        <\/li>\n                        <li class=\"flex items-start\">\n                            <svg class=\"w-5 h-5 text-burkinaGold mr-3 mt-0.5 flex-shrink-0\" fill=\"currentColor\" viewBox=\"0 0 20 20\">\n                                <path fill-rule=\"evenodd\" d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\" clip-rule=\"evenodd\"\/>\n                            <\/svg>\n                            <span class=\"text-sm text-gray-400\">Parcs \u00e9oliens en projet<\/span>\n                        <\/li>\n                        <li class=\"flex items-start\">\n                            <svg class=\"w-5 h-5 text-burkinaGold mr-3 mt-0.5 flex-shrink-0\" fill=\"currentColor\" viewBox=\"0 0 20 20\">\n                                <path fill-rule=\"evenodd\" d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\" clip-rule=\"evenodd\"\/>\n                            <\/svg>\n                            <span class=\"text-sm text-gray-400\">\u00c9oliennes de pompage<\/span>\n                        <\/li>\n                    <\/ul>\n                <\/div>\n\n                <!-- Hydro\u00e9lectricit\u00e9 -->\n                <div class=\"sector-card-3d glass-effect rounded-3xl p-8 hover:bg-white\/5\" data-aos=\"flip-left\" data-aos-delay=\"100\">\n                    <div class=\"relative mb-6\">\n                        <div class=\"energy-icon w-20 h-20 bg-gradient-to-br from-blue-600 to-indigo-700 rounded-3xl flex items-center justify-center mx-auto\">\n                            <svg class=\"w-10 h-10 text-white\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n                                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 8h14M5 8a2 2 0 110-4h14a2 2 0 110 4M5 8v10a2 2 0 002 2h10a2 2 0 002-2V8m-9 4h4\"\/>\n                            <\/svg>\n                        <\/div>\n                    <\/div>\n                    <h3 class=\"text-2xl font-bold mb-4 text-white text-center\">Hydro\u00e9lectricit\u00e9<\/h3>\n                    <p class=\"text-gray-300 mb-6 text-center leading-relaxed\">\n                        <span class=\"text-blue-400 font-semibold\">Barrages existants<\/span> et potentiel de d\u00e9veloppement\n                    <\/p>\n                    <ul class=\"space-y-3\">\n                        <li class=\"flex items-start\">\n                            <svg class=\"w-5 h-5 text-burkinaGold mr-3 mt-0.5 flex-shrink-0\" fill=\"currentColor\" viewBox=\"0 0 20 20\">\n                                <path fill-rule=\"evenodd\" d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\" clip-rule=\"evenodd\"\/>\n                            <\/svg>\n                            <span class=\"text-sm text-gray-400\">Barrages de Bagr\u00e9, Kompienga, Ziga<\/span>\n                        <\/li>\n                        <li class=\"flex items-start\">\n                            <svg class=\"w-5 h-5 text-burkinaGold mr-3 mt-0.5 flex-shrink-0\" fill=\"currentColor\" viewBox=\"0 0 20 20\">\n                                <path fill-rule=\"evenodd\" d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\" clip-rule=\"evenodd\"\/>\n                            <\/svg>\n                            <span class=\"text-sm text-gray-400\">Micro-centrales hydro\u00e9lectriques<\/span>\n                        <\/li>\n                        <li class=\"flex items-start\">\n                            <svg class=\"w-5 h-5 text-burkinaGold mr-3 mt-0.5 flex-shrink-0\" fill=\"currentColor\" viewBox=\"0 0 20 20\">\n                                <path fill-rule=\"evenodd\" d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\" clip-rule=\"evenodd\"\/>\n                            <\/svg>\n                            <span class=\"text-sm text-gray-400\">Nouveaux projets en d\u00e9veloppement<\/span>\n                        <\/li>\n                    <\/ul>\n                <\/div>\n\n                <!-- Hydrocarbures -->\n                <div class=\"sector-card-3d glass-effect rounded-3xl p-8 hover:bg-white\/5\" data-aos=\"flip-left\" data-aos-delay=\"200\">\n                    <div class=\"relative mb-6\">\n                        <div class=\"energy-icon w-20 h-20 bg-gradient-to-br from-red-600 to-orange-700 rounded-3xl flex items-center justify-center mx-auto\">\n                            <svg class=\"w-10 h-10 text-white\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n                                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19.428 15.428a2 2 0 00-1.022-.547l-2.387-.477a6 6 0 00-3.86.517l-.318.158a6 6 0 01-3.86.517L6.05 15.21a2 2 0 00-1.806.547M8 4h8l-1 1v5.172a2 2 0 00.586 1.414l5 5c1.26 1.26.367 3.414-1.415 3.414H4.828c-1.782 0-2.674-2.154-1.414-3.414l5-5A2 2 0 009 10.172V5L8 4z\"\/>\n                            <\/svg>\n                        <\/div>\n                    <\/div>\n                    <h3 class=\"text-2xl font-bold mb-4 text-white text-center\">Hydrocarbures<\/h3>\n                    <p class=\"text-gray-300 mb-6 text-center leading-relaxed\">\n                        <span class=\"text-orange-400 font-semibold\">Exploration p\u00e9troli\u00e8re<\/span> et gazi\u00e8re en cours\n                    <\/p>\n                    <ul class=\"space-y-3\">\n                        <li class=\"flex items-start\">\n                            <svg class=\"w-5 h-5 text-burkinaGold mr-3 mt-0.5 flex-shrink-0\" fill=\"currentColor\" viewBox=\"0 0 20 20\">\n                                <path fill-rule=\"evenodd\" d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\" clip-rule=\"evenodd\"\/>\n                            <\/svg>\n                            <span class=\"text-sm text-gray-400\">Permis d'exploration actifs<\/span>\n                        <\/li>\n                        <li class=\"flex items-start\">\n                            <svg class=\"w-5 h-5 text-burkinaGold mr-3 mt-0.5 flex-shrink-0\" fill=\"currentColor\" viewBox=\"0 0 20 20\">\n                                <path fill-rule=\"evenodd\" d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\" clip-rule=\"evenodd\"\/>\n                            <\/svg>\n                            <span class=\"text-sm text-gray-400\">Bassin s\u00e9dimentaire prometteur<\/span>\n                        <\/li>\n                        <li class=\"flex items-start\">\n                            <svg class=\"w-5 h-5 text-burkinaGold mr-3 mt-0.5 flex-shrink-0\" fill=\"currentColor\" viewBox=\"0 0 20 20\">\n                                <path fill-rule=\"evenodd\" d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\" clip-rule=\"evenodd\"\/>\n                            <\/svg>\n                            <span class=\"text-sm text-gray-400\">Partenariats internationaux<\/span>\n                        <\/li>\n                    <\/ul>\n                <\/div>\n\n                <!-- Efficacit\u00e9 \u00c9nerg\u00e9tique -->\n                <div class=\"sector-card-3d glass-effect rounded-3xl p-8 hover:bg-white\/5\" data-aos=\"flip-left\" data-aos-delay=\"300\">\n                    <div class=\"relative mb-6\">\n                        <div class=\"energy-icon w-20 h-20 bg-gradient-to-br from-purple-600 to-pink-600 rounded-3xl flex items-center justify-center mx-auto\">\n                            <svg class=\"w-10 h-10 text-white\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n                                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9.663 17h4.673M12 3v1m6.364 1.636l-.707.707M21 12h-1M4 12H3m3.343-5.657l-.707-.707m2.828 9.9a5 5 0 117.072 0l-.548.547A3.374 3.374 0 0014 18.469V19a2 2 0 11-4 0v-.531c0-.895-.356-1.754-.988-2.386l-.548-.547z\"\/>\n                            <\/svg>\n                        <\/div>\n                    <\/div>\n                    <h3 class=\"text-2xl font-bold mb-4 text-white text-center\">Efficacit\u00e9 \u00c9nerg\u00e9tique<\/h3>\n                    <p class=\"text-gray-300 mb-6 text-center leading-relaxed\">\n                        <span class=\"text-purple-400 font-semibold\">Optimisation<\/span> et gestion intelligente de l'\u00e9nergie\n                    <\/p>\n                    <ul class=\"space-y-3\">\n                        <li class=\"flex items-start\">\n                            <svg class=\"w-5 h-5 text-burkinaGold mr-3 mt-0.5 flex-shrink-0\" fill=\"currentColor\" viewBox=\"0 0 20 20\">\n                                <path fill-rule=\"evenodd\" d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\" clip-rule=\"evenodd\"\/>\n                            <\/svg>\n                            <span class=\"text-sm text-gray-400\">Smart grids et r\u00e9seaux intelligents<\/span>\n                        <\/li>\n                        <li class=\"flex items-start\">\n                            <svg class=\"w-5 h-5 text-burkinaGold mr-3 mt-0.5 flex-shrink-0\" fill=\"currentColor\" viewBox=\"0 0 20 20\">\n                                <path fill-rule=\"evenodd\" d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\" clip-rule=\"evenodd\"\/>\n                            <\/svg>\n                            <span class=\"text-sm text-gray-400\">LED et \u00e9quipements performants<\/span>\n                        <\/li>\n                        <li class=\"flex items-start\">\n                            <svg class=\"w-5 h-5 text-burkinaGold mr-3 mt-0.5 flex-shrink-0\" fill=\"currentColor\" viewBox=\"0 0 20 20\">\n                                <path fill-rule=\"evenodd\" d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\" clip-rule=\"evenodd\"\/>\n                            <\/svg>\n                            <span class=\"text-sm text-gray-400\">Audits et certifications \u00e9nerg\u00e9tiques<\/span>\n                        <\/li>\n                    <\/ul>\n                <\/div>\n\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Section Mines -->\n    <section id=\"mines\" class=\"py-24 bg-gradient-to-br from-black via-primary to-slate-900 relative overflow-hidden\">\n        \n        <!-- Effet de cristallisation -->\n        <div class=\"absolute inset-0 crystal-effect\"><\/div>\n\n        <div class=\"container mx-auto px-6 md:px-12 lg:px-16 relative z-10\">\n            \n            <!-- En-t\u00eate -->\n            <div class=\"text-center mb-20\" data-aos=\"fade-up\">\n                <div class=\"inline-block mb-6\">\n                    <span class=\"glass-effect px-6 py-2 rounded-full text-gold text-sm font-semibold\">\n                        \ud83d\udc8e SECTEUR MINIER\n                    <\/span>\n                <\/div>\n                <h2 class=\"text-4xl md:text-6xl font-bold mb-6 text-white\">\n                    Richesses <span class=\"gold-shine-text\">Mini\u00e8res<\/span>\n                <\/h2>\n                <p class=\"text-gray-300 text-lg max-w-3xl mx-auto\">\n                    Le Burkina Faso est l'un des principaux producteurs d'or d'Afrique \n                    et poss\u00e8de d'importantes r\u00e9serves de min\u00e9raux strat\u00e9giques\n                <\/p>\n            <\/div>\n\n            <!-- Grille des ressources mini\u00e8res -->\n            <div class=\"grid grid-cols-1 md:grid-cols-2 gap-8 mb-16\">\n                \n                <!-- Or -->\n                <div class=\"glass-dark rounded-3xl p-10 crystal-effect hover:border-gold transition-all duration-300\" data-aos=\"fade-right\">\n                    <div class=\"flex items-start space-x-6\">\n                        <div class=\"flex-shrink-0\">\n                            <div class=\"hexagon w-24 h-24 bg-gradient-to-br from-gold to-burkinaGold flex items-center justify-center pulse-energy\">\n                                <svg class=\"w-12 h-12 text-primary\" fill=\"currentColor\" viewBox=\"0 0 20 20\">\n                                    <path fill-rule=\"evenodd\" d=\"M10 2a1 1 0 011 1v1.323l3.954 1.582 1.599-.8a1 1 0 01.894 1.79l-1.233.616 1.738 5.42a1 1 0 01-.285 1.05A3.989 3.989 0 0115 15a3.989 3.989 0 01-2.667-1.019 1 1 0 01-.285-1.05l1.715-5.349L11 6.477V16h2a1 1 0 110 2H7a1 1 0 110-2h2V6.477L6.237 7.582l1.715 5.349a1 1 0 01-.285 1.05A3.989 3.989 0 015 15a3.989 3.989 0 01-2.667-1.019 1 1 0 01-.285-1.05l1.738-5.42-1.233-.617a1 1 0 01.894-1.788l1.599.799L9 4.323V3a1 1 0 011-1zm-5 8.274l-.818 2.552c.25.112.526.174.818.174.292 0 .569-.062.818-.174L5 10.274zm10 0l-.818 2.552c.25.112.526.174.818.174.292 0 .569-.062.818-.174L15 10.274z\" clip-rule=\"evenodd\"\/>\n                                <\/svg>\n                            <\/div>\n                        <\/div>\n                        <div class=\"flex-1\">\n                            <h3 class=\"text-3xl font-bold mb-4 gold-shine-text\">Or<\/h3>\n                            <p class=\"text-gray-300 mb-6 leading-relaxed\">\n                                <span class=\"text-burkinaGold font-semibold\">5\u00e8me producteur africain<\/span> avec 62 tonnes\/an\n                            <\/p>\n                            <div class=\"grid grid-cols-2 gap-4 mb-6\">\n                                <div class=\"glass-effect p-4 rounded-xl text-center\">\n                                    <div class=\"text-3xl font-bold text-gold mb-1\">17<\/div>\n                                    <p class=\"text-xs text-gray-400\">Mines en exploitation<\/p>\n                                <\/div>\n                                <div class=\"glass-effect p-4 rounded-xl text-center\">\n                                    <div class=\"text-3xl font-bold text-burkinaGold mb-1\">62T<\/div>\n                                    <p class=\"text-xs text-gray-400\">Production annuelle<\/p>\n                                <\/div>\n                            <\/div>\n                            <ul class=\"space-y-2\">\n                                <li class=\"flex items-center text-sm text-gray-400\">\n                                    <svg class=\"w-4 h-4 text-gold mr-2\" fill=\"currentColor\" viewBox=\"0 0 20 20\">\n                                        <path fill-rule=\"evenodd\" d=\"M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z\" clip-rule=\"evenodd\"\/>\n                                    <\/svg>\n                                    Mines: Essakane, Karma, Bissa, Taparko\n                                <\/li>\n                                <li class=\"flex items-center text-sm text-gray-400\">\n                                    <svg class=\"w-4 h-4 text-gold mr-2\" fill=\"currentColor\" viewBox=\"0 0 20 20\">\n                                        <path fill-rule=\"evenodd\" d=\"M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z\" clip-rule=\"evenodd\"\/>\n                                    <\/svg>\n                                    Potentiel d'exploration consid\u00e9rable\n                                <\/li>\n                            <\/ul>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- Zinc & Autres M\u00e9taux -->\n                <div class=\"glass-dark rounded-3xl p-10 crystal-effect hover:border-gold transition-all duration-300\" data-aos=\"fade-left\">\n                    <div class=\"flex items-start space-x-6\">\n                        <div class=\"flex-shrink-0\">\n                            <div class=\"hexagon w-24 h-24 bg-gradient-to-br from-slate-500 to-gray-700 flex items-center justify-center\">\n                                <svg class=\"w-12 h-12 text-white\" fill=\"currentColor\" viewBox=\"0 0 20 20\">\n                                    <path d=\"M3 12v3c0 1.657 3.134 3 7 3s7-1.343 7-3v-3c0 1.657-3.134 3-7 3s-7-1.343-7-3z\"\/>\n                                    <path d=\"M3 7v3c0 1.657 3.134 3 7 3s7-1.343 7-3V7c0 1.657-3.134 3-7 3S3 8.657 3 7z\"\/>\n                                    <path d=\"M17 5c0 1.657-3.134 3-7 3S3 6.657 3 5s3.134-3 7-3 7 1.343 7 3z\"\/>\n                                <\/svg>\n                            <\/div>\n                        <\/div>\n                        <div class=\"flex-1\">\n                            <h3 class=\"text-3xl font-bold mb-4 text-white\">Zinc, Mangan\u00e8se & Autres<\/h3>\n                            <p class=\"text-gray-300 mb-6 leading-relaxed\">\n                                R\u00e9serves importantes de <span class=\"text-gray-400 font-semibold\">m\u00e9taux de base<\/span> et strat\u00e9giques\n                            <\/p>\n                            <ul class=\"space-y-3\">\n                                <li class=\"flex items-start\">\n                                    <svg class=\"w-5 h-5 text-gold mr-3 mt-0.5 flex-shrink-0\" fill=\"currentColor\" viewBox=\"0 0 20 20\">\n                                        <path fill-rule=\"evenodd\" d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\" clip-rule=\"evenodd\"\/>\n                                    <\/svg>\n                                    <span class=\"text-sm text-gray-400\"><strong>Zinc:<\/strong> Mine de Perkoa (exploitation)<\/span>\n                                <\/li>\n                                <li class=\"flex items-start\">\n                                    <svg class=\"w-5 h-5 text-gold mr-3 mt-0.5 flex-shrink-0\" fill=\"currentColor\" viewBox=\"0 0 20 20\">\n                                        <path fill-rule=\"evenodd\" d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\" clip-rule=\"evenodd\"\/>\n                                    <\/svg>\n                                    <span class=\"text-sm text-gray-400\"><strong>Mangan\u00e8se:<\/strong> Gisements \u00e0 fort potentiel<\/span>\n                                <\/li>\n                                <li class=\"flex items-start\">\n                                    <svg class=\"w-5 h-5 text-gold mr-3 mt-0.5 flex-shrink-0\" fill=\"currentColor\" viewBox=\"0 0 20 20\">\n                                        <path fill-rule=\"evenodd\" d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\" clip-rule=\"evenodd\"\/>\n                                    <\/svg>\n                                    <span class=\"text-sm text-gray-400\"><strong>Cuivre, nickel:<\/strong> Exploration en cours<\/span>\n                                <\/li>\n                                <li class=\"flex items-start\">\n                                    <svg class=\"w-5 h-5 text-gold mr-3 mt-0.5 flex-shrink-0\" fill=\"currentColor\" viewBox=\"0 0 20 20\">\n                                        <path fill-rule=\"evenodd\" d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\" clip-rule=\"evenodd\"\/>\n                                    <\/svg>\n                                    <span class=\"text-sm text-gray-400\"><strong>Phosphates:<\/strong> Ressources pour engrais<\/span>\n                                <\/li>\n                            <\/ul>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- Mat\u00e9riaux de Construction -->\n                <div class=\"glass-dark rounded-3xl p-10 crystal-effect hover:border-gold transition-all duration-300\" data-aos=\"fade-right\" data-aos-delay=\"100\">\n                    <div class=\"flex items-start space-x-6\">\n                        <div class=\"flex-shrink-0\">\n                            <div class=\"hexagon w-24 h-24 bg-gradient-to-br from-amber-700 to-orange-800 flex items-center justify-center\">\n                                <svg class=\"w-12 h-12 text-white\" fill=\"currentColor\" viewBox=\"0 0 20 20\">\n                                    <path fill-rule=\"evenodd\" d=\"M4 4a2 2 0 012-2h8a2 2 0 012 2v12a1 1 0 110 2h-3a1 1 0 01-1-1v-2a1 1 0 00-1-1H9a1 1 0 00-1 1v2a1 1 0 01-1 1H4a1 1 0 110-2V4zm3 1h2v2H7V5zm2 4H7v2h2V9zm2-4h2v2h-2V5zm2 4h-2v2h2V9z\" clip-rule=\"evenodd\"\/>\n                                <\/svg>\n                            <\/div>\n                        <\/div>\n                        <div class=\"flex-1\">\n                            <h3 class=\"text-3xl font-bold mb-4 text-white\">Mat\u00e9riaux de Construction<\/h3>\n                            <p class=\"text-gray-300 mb-6 leading-relaxed\">\n                                Ressources abondantes pour le <span class=\"text-amber-400 font-semibold\">secteur du BTP<\/span>\n                            <\/p>\n                            <ul class=\"space-y-3\">\n                                <li class=\"flex items-start\">\n                                    <svg class=\"w-5 h-5 text-gold mr-3 mt-0.5 flex-shrink-0\" fill=\"currentColor\" viewBox=\"0 0 20 20\">\n                                        <path fill-rule=\"evenodd\" d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\" clip-rule=\"evenodd\"\/>\n                                    <\/svg>\n                                    <span class=\"text-sm text-gray-400\">Calcaire, granit, marbre<\/span>\n                                <\/li>\n                                <li class=\"flex items-start\">\n                                    <svg class=\"w-5 h-5 text-gold mr-3 mt-0.5 flex-shrink-0\" fill=\"currentColor\" viewBox=\"0 0 20 20\">\n                                        <path fill-rule=\"evenodd\" d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\" clip-rule=\"evenodd\"\/>\n                                    <\/svg>\n                                    <span class=\"text-sm text-gray-400\">Argile pour cimenteries<\/span>\n                                <\/li>\n                                <li class=\"flex items-start\">\n                                    <svg class=\"w-5 h-5 text-gold mr-3 mt-0.5 flex-shrink-0\" fill=\"currentColor\" viewBox=\"0 0 20 20\">\n                                        <path fill-rule=\"evenodd\" d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\" clip-rule=\"evenodd\"\/>\n                                    <\/svg>\n                                    <span class=\"text-sm text-gray-400\">Sable et gravier<\/span>\n                                <\/li>\n                            <\/ul>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- Pierres Pr\u00e9cieuses -->\n                <div class=\"glass-dark rounded-3xl p-10 crystal-effect hover:border-gold transition-all duration-300\" data-aos=\"fade-left\" data-aos-delay=\"100\">\n                    <div class=\"flex items-start space-x-6\">\n                        <div class=\"flex-shrink-0\">\n                            <div class=\"hexagon w-24 h-24 bg-gradient-to-br from-pink-600 to-purple-700 flex items-center justify-center\">\n                                <svg class=\"w-12 h-12 text-white\" fill=\"currentColor\" viewBox=\"0 0 20 20\">\n                                    <path d=\"M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z\"\/>\n                                <\/svg>\n                            <\/div>\n                        <\/div>\n                        <div class=\"flex-1\">\n                            <h3 class=\"text-3xl font-bold mb-4 text-white\">Pierres Pr\u00e9cieuses<\/h3>\n                            <p class=\"text-gray-300 mb-6 leading-relaxed\">\n                                Potentiel de <span class=\"text-pink-400 font-semibold\">gemmes et min\u00e9raux rares<\/span>\n                            <\/p>\n                            <ul class=\"space-y-3\">\n                                <li class=\"flex items-start\">\n                                    <svg class=\"w-5 h-5 text-gold mr-3 mt-0.5 flex-shrink-0\" fill=\"currentColor\" viewBox=\"0 0 20 20\">\n                                        <path fill-rule=\"evenodd\" d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\" clip-rule=\"evenodd\"\/>\n                                    <\/svg>\n                                    <span class=\"text-sm text-gray-400\">Diamants (exploration)<\/span>\n                                <\/li>\n                                <li class=\"flex items-start\">\n                                    <svg class=\"w-5 h-5 text-gold mr-3 mt-0.5 flex-shrink-0\" fill=\"currentColor\" viewBox=\"0 0 20 20\">\n                                        <path fill-rule=\"evenodd\" d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\" clip-rule=\"evenodd\"\/>\n                                    <\/svg>\n                                    <span class=\"text-sm text-gray-400\">Pierres semi-pr\u00e9cieuses<\/span>\n                                <\/li>\n                                <li class=\"flex items-start\">\n                                    <svg class=\"w-5 h-5 text-gold mr-3 mt-0.5 flex-shrink-0\" fill=\"currentColor\" viewBox=\"0 0 20 20\">\n                                        <path fill-rule=\"evenodd\" d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\" clip-rule=\"evenodd\"\/>\n                                    <\/svg>\n                                    <span class=\"text-sm text-gray-400\">Artisanat et joaillerie<\/span>\n                                <\/li>\n                            <\/ul>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Opportunit\u00e9s d'Investissement -->\n    <section id=\"opportunites\" class=\"py-24 bg-gradient-to-br from-slate-900 via-primary to-black text-white relative overflow-hidden\">\n        \n        <div class=\"container mx-auto px-6 md:px-12 lg:px-16 relative z-10\">\n            \n            <div class=\"text-center mb-16\" data-aos=\"fade-up\">\n                <h2 class=\"text-4xl md:text-5xl font-bold mb-6\">\n                    <span class=\"gold-shine-text\">Opportunit\u00e9s d'Investissement<\/span>\n                <\/h2>\n                <p class=\"text-gray-300 text-lg max-w-3xl mx-auto\">\n                    Des domaines strat\u00e9giques pour maximiser votre retour sur investissement\n                <\/p>\n            <\/div>\n\n            <div class=\"grid grid-cols-1 lg:grid-cols-2 gap-8\">\n                \n                <!-- Opportunit\u00e9 1 -->\n                <div class=\"glass-effect rounded-3xl p-10 hover:bg-white\/10 transition-all duration-300 group\" data-aos=\"zoom-in\" data-aos-delay=\"100\">\n                    <div class=\"flex items-start space-x-6\">\n                        <div class=\"flex-shrink-0\">\n                            <div class=\"w-16 h-16 gradient-energy rounded-2xl flex items-center justify-center group-hover:scale-110 transition-transform\">\n                                <svg class=\"w-8 h-8 text-primary\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n                                    <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M13 10V3L4 14h7v7l9-11h-7z\"\/>\n                                <\/svg>\n                            <\/div>\n                        <\/div>\n                        <div class=\"flex-1\">\n                            <h3 class=\"text-2xl font-bold mb-3 text-white\">Centrales Solaires<\/h3>\n                            <p class=\"text-gray-300 mb-4 leading-relaxed\">\n                                D\u00e9veloppement de parcs photovolta\u00efques et mini-r\u00e9seaux \n                                pour l'\u00e9lectrification rurale et industrielle\n                            <\/p>\n                            <ul class=\"space-y-2 text-sm\">\n                                <li class=\"flex items-center text-gray-400\">\n                                    <svg class=\"w-4 h-4 text-burkinaGold mr-2\" fill=\"currentColor\" viewBox=\"0 0 20 20\">\n                                        <path fill-rule=\"evenodd\" d=\"M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z\" clip-rule=\"evenodd\"\/>\n                                    <\/svg>\n                                    Tarifs d'achat garantis\n                                <\/li>\n                                <li class=\"flex items-center text-gray-400\">\n                                    <svg class=\"w-4 h-4 text-burkinaGold mr-2\" fill=\"currentColor\" viewBox=\"0 0 20 20\">\n                                        <path fill-rule=\"evenodd\" d=\"M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z\" clip-rule=\"evenodd\"\/>\n                                    <\/svg>\n                                    Exon\u00e9rations fiscales\n                                <\/li>\n                            <\/ul>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- Opportunit\u00e9 2 -->\n                <div class=\"glass-effect rounded-3xl p-10 hover:bg-white\/10 transition-all duration-300 group\" data-aos=\"zoom-in\" data-aos-delay=\"200\">\n                    <div class=\"flex items-start space-x-6\">\n                        <div class=\"flex-shrink-0\">\n                            <div class=\"w-16 h-16 bg-gradient-to-br from-gold to-goldDark rounded-2xl flex items-center justify-center group-hover:scale-110 transition-transform\">\n                                <svg class=\"w-8 h-8 text-white\" fill=\"currentColor\" viewBox=\"0 0 20 20\">\n                                    <path fill-rule=\"evenodd\" d=\"M10 2a1 1 0 011 1v1.323l3.954 1.582 1.599-.8a1 1 0 01.894 1.79l-1.233.616 1.738 5.42a1 1 0 01-.285 1.05A3.989 3.989 0 0115 15a3.989 3.989 0 01-2.667-1.019 1 1 0 01-.285-1.05l1.715-5.349L11 6.477V16h2a1 1 0 110 2H7a1 1 0 110-2h2V6.477L6.237 7.582l1.715 5.349a1 1 0 01-.285 1.05A3.989 3.989 0 015 15a3.989 3.989 0 01-2.667-1.019 1 1 0 01-.285-1.05l1.738-5.42-1.233-.617a1 1 0 01.894-1.788l1.599.799L9 4.323V3a1 1 0 011-1zm-5 8.274l-.818 2.552c.25.112.526.174.818.174.292 0 .569-.062.818-.174L5 10.274zm10 0l-.818 2.552c.25.112.526.174.818.174.292 0 .569-.062.818-.174L15 10.274z\" clip-rule=\"evenodd\"\/>\n                                <\/svg>\n                            <\/div>\n                        <\/div>\n                        <div class=\"flex-1\">\n                            <h3 class=\"text-2xl font-bold mb-3 text-white\">Exploration & Extraction<\/h3>\n                            <p class=\"text-gray-300 mb-4 leading-relaxed\">\n                                Permis d'exploration aurif\u00e8re et autres m\u00e9taux, \n                                avec cadre juridique attractif et s\u00e9curis\u00e9\n                            <\/p>\n                            <ul class=\"space-y-2 text-sm\">\n                                <li class=\"flex items-center text-gray-400\">\n                                    <svg class=\"w-4 h-4 text-burkinaGold mr-2\" fill=\"currentColor\" viewBox=\"0 0 20 20\">\n                                        <path fill-rule=\"evenodd\" d=\"M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z\" clip-rule=\"evenodd\"\/>\n                                    <\/svg>\n                                    Code minier moderne\n                                <\/li>\n                                <li class=\"flex items-center text-gray-400\">\n                                    <svg class=\"w-4 h-4 text-burkinaGold mr-2\" fill=\"currentColor\" viewBox=\"0 0 20 20\">\n                                        <path fill-rule=\"evenodd\" d=\"M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z\" clip-rule=\"evenodd\"\/>\n                                    <\/svg>\n                                    Zones sous-explor\u00e9es\n                                <\/li>\n                            <\/ul>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- Opportunit\u00e9 3 -->\n                <div class=\"glass-effect rounded-3xl p-10 hover:bg-white\/10 transition-all duration-300 group\" data-aos=\"zoom-in\" data-aos-delay=\"300\">\n                    <div class=\"flex items-start space-x-6\">\n                        <div class=\"flex-shrink-0\">\n                            <div class=\"w-16 h-16 bg-gradient-to-br from-blue-600 to-cyan-600 rounded-2xl flex items-center justify-center group-hover:scale-110 transition-transform\">\n                                <svg class=\"w-8 h-8 text-white\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n                                    <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 3v2m6-2v2M9 19v2m6-2v2M5 9H3m2 6H3m18-6h-2m2 6h-2M7 19h10a2 2 0 002-2V7a2 2 0 00-2-2H7a2 2 0 00-2 2v10a2 2 0 002 2zM9 9h6v6H9V9z\"\/>\n                                <\/svg>\n                            <\/div>\n                        <\/div>\n                        <div class=\"flex-1\">\n                            <h3 class=\"text-2xl font-bold mb-3 text-white\">\u00c9quipements & Services<\/h3>\n                            <p class=\"text-gray-300 mb-4 leading-relaxed\">\n                                Distribution d'\u00e9quipements solaires, miniers et \u00e9nerg\u00e9tiques, \n                                maintenance et services techniques\n                            <\/p>\n                            <ul class=\"space-y-2 text-sm\">\n                                <li class=\"flex items-center text-gray-400\">\n                                    <svg class=\"w-4 h-4 text-burkinaGold mr-2\" fill=\"currentColor\" viewBox=\"0 0 20 20\">\n                                        <path fill-rule=\"evenodd\" d=\"M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z\" clip-rule=\"evenodd\"\/>\n                                    <\/svg>\n                                    March\u00e9 en forte croissance\n                                <\/li>\n                                <li class=\"flex items-center text-gray-400\">\n                                    <svg class=\"w-4 h-4 text-burkinaGold mr-2\" fill=\"currentColor\" viewBox=\"0 0 20 20\">\n                                        <path fill-rule=\"evenodd\" d=\"M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z\" clip-rule=\"evenodd\"\/>\n                                    <\/svg>\n                                    Formation technique disponible\n                                <\/li>\n                            <\/ul>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- Opportunit\u00e9 4 -->\n                <div class=\"glass-effect rounded-3xl p-10 hover:bg-white\/10 transition-all duration-300 group\" data-aos=\"zoom-in\" data-aos-delay=\"400\">\n                    <div class=\"flex items-start space-x-6\">\n                        <div class=\"flex-shrink-0\">\n                            <div class=\"w-16 h-16 bg-gradient-to-br from-purple-600 to-pink-600 rounded-2xl flex items-center justify-center group-hover:scale-110 transition-transform\">\n                                <svg class=\"w-8 h-8 text-white\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n                                    <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19.428 15.428a2 2 0 00-1.022-.547l-2.387-.477a6 6 0 00-3.86.517l-.318.158a6 6 0 01-3.86.517L6.05 15.21a2 2 0 00-1.806.547M8 4h8l-1 1v5.172a2 2 0 00.586 1.414l5 5c1.26 1.26.367 3.414-1.415 3.414H4.828c-1.782 0-2.674-2.154-1.414-3.414l5-5A2 2 0 009 10.172V5L8 4z\"\/>\n                                <\/svg>\n                            <\/div>\n                        <\/div>\n                        <div class=\"flex-1\">\n                            <h3 class=\"text-2xl font-bold mb-3 text-white\">Raffinage & Transformation<\/h3>\n                            <p class=\"text-gray-300 mb-4 leading-relaxed\">\n                                Usines de raffinage d'or, transformation de m\u00e9taux, \n                                et valorisation de minerais locaux\n                            <\/p>\n                            <ul class=\"space-y-2 text-sm\">\n                                <li class=\"flex items-center text-gray-400\">\n                                    <svg class=\"w-4 h-4 text-burkinaGold mr-2\" fill=\"currentColor\" viewBox=\"0 0 20 20\">\n                                        <path fill-rule=\"evenodd\" d=\"M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z\" clip-rule=\"evenodd\"\/>\n                                    <\/svg>\n                                    Valeur ajout\u00e9e locale\n                                <\/li>\n                                <li class=\"flex items-center text-gray-400\">\n                                    <svg class=\"w-4 h-4 text-burkinaGold mr-2\" fill=\"currentColor\" viewBox=\"0 0 20 20\">\n                                        <path fill-rule=\"evenodd\" d=\"M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z\" clip-rule=\"evenodd\"\/>\n                                    <\/svg>\n                                    Cr\u00e9ation d'emplois qualifi\u00e9s\n                                <\/li>\n                            <\/ul>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n            <\/div>\n\n            <!-- CTA Section -->\n            <div class=\"mt-20 glass-effect rounded-3xl p-12 text-center\" data-aos=\"fade-up\">\n                <h3 class=\"text-3xl md:text-4xl font-bold mb-6\">\n                    <span class=\"gold-shine-text\">Pr\u00eat \u00e0 investir dans l'avenir \u00e9nerg\u00e9tique du Burkina Faso ?<\/span>\n                <\/h3>\n                <p class=\"text-gray-300 text-lg mb-8 max-w-2xl mx-auto\">\n                    Notre \u00e9quipe d'experts vous accompagne dans toutes les \u00e9tapes de votre projet\n                <\/p>\n                <div class=\"flex flex-col sm:flex-row gap-6 justify-center items-center\">\n                    <a href=\"#contact\" class=\"group gradient-energy hover:opacity-90 text-primary font-bold px-12 py-5 rounded-xl transition-all duration-300 inline-flex items-center shadow-2xl hover:shadow-gold\/50 transform hover:scale-105\">\n                        D\u00e9marrer mon projet\n                        <svg class=\"w-6 h-6 ml-3 group-hover:translate-x-2 transition-transform\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n                            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M17 8l4 4m0 0l-4 4m4-4H3\"\/>\n                        <\/svg>\n                    <\/a>\n                    <a href=\"tel:+22625306200\" class=\"glass-effect border border-gold\/50 hover:border-gold text-white px-12 py-5 rounded-xl hover:bg-white\/10 transition-all duration-300 font-semibold inline-flex items-center\">\n                        <svg class=\"w-6 h-6 mr-3\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n                            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z\"\/>\n                        <\/svg>\n                        +226 25 30 62 00\n                    <\/a>\n                <\/div>\n            <\/div>\n\n        <\/div>\n    <\/section>\n\n\n    <script>\n        \/\/ Initialisation AOS\n        AOS.init({\n            duration: 1000,\n            easing: 'ease-out-cubic',\n            once: true,\n            offset: 120\n        });\n\n        \/\/ G\u00e9n\u00e9ration des particules min\u00e9rales\n        function createMineralParticles() {\n            const container = document.getElementById('mineralParticles');\n            if (!container) return;\n            \n            const particleCount = 30;\n            for (let i = 0; i < particleCount; i++) {\n                const particle = document.createElement('div');\n                particle.className = 'mineral-particle';\n                particle.style.left = `${Math.random() * 100}%`;\n                particle.style.animationDuration = `${Math.random() * 8 + 12}s`;\n                particle.style.animationDelay = `${Math.random() * 15}s`;\n                particle.style.width = `${Math.random() * 3 + 2}px`;\n                particle.style.height = particle.style.width;\n                container.appendChild(particle);\n            }\n        }\n\n        \/\/ G\u00e9n\u00e9ration des rayons d'\u00e9nergie\n        function createEnergyRays() {\n            const container = document.getElementById('energyRays');\n            if (!container) return;\n            \n            const rayCount = 8;\n            for (let i = 0; i < rayCount; i++) {\n                const ray = document.createElement('div');\n                ray.className = 'energy-ray';\n                ray.style.left = `${(i * 100 \/ rayCount) + Math.random() * 10}%`;\n                ray.style.animationDelay = `${Math.random() * 4}s`;\n                container.appendChild(ray);\n            }\n        }\n\n        \/\/ Animation des compteurs\n        function animateCounters() {\n            const counters = document.querySelectorAll('.stat-counter');\n            \n            counters.forEach(counter => {\n                const text = counter.textContent;\n                let target = 0;\n                let suffix = '';\n                \n                if (text.includes('T')) {\n                    target = parseInt(text);\n                    suffix = 'T';\n                } else if (text.includes('kWh')) {\n                    target = parseFloat(text);\n                    suffix = ' kWh\/m\u00b2';\n                } else if (text.includes('+')) {\n                    target = parseInt(text);\n                    suffix = '+';\n                } else {\n                    target = parseInt(text);\n                }\n                \n                let current = 0;\n                const increment = target \/ 50;\n                const isFloat = text.includes('.');\n                \n                const timer = setInterval(() => {\n                    current += increment;\n                    if (current >= target) {\n                        current = target;\n                        clearInterval(timer);\n                    }\n                    \n                    let displayValue = isFloat ? current.toFixed(1) : Math.floor(current);\n                    counter.textContent = displayValue + suffix;\n                }, 30);\n            });\n        }\n\n        \/\/ Smooth scroll\n        document.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\n            anchor.addEventListener('click', function (e) {\n                e.preventDefault();\n                const target = document.querySelector(this.getAttribute('href'));\n                if (target) {\n                    target.scrollIntoView({\n                        behavior: 'smooth',\n                        block: 'start'\n                    });\n                }\n            });\n        });\n\n        \/\/ Parallax effect\n        window.addEventListener('scroll', () => {\n            const scrolled = window.pageYOffset;\n            \n            \/\/ Parallax sur les particules\n            const mineralParticles = document.getElementById('mineralParticles');\n            if (mineralParticles) {\n                mineralParticles.style.transform = `translateY(${scrolled * 0.2}px)`;\n            }\n            \n            const energyRays = document.getElementById('energyRays');\n            if (energyRays) {\n                energyRays.style.transform = `translateY(${scrolled * 0.15}px)`;\n            }\n        });\n\n        \/\/ Initialisation au chargement\n        document.addEventListener('DOMContentLoaded', () => {\n            createMineralParticles();\n            createEnergyRays();\n            \n            \/\/ Observer pour l'animation des compteurs\n            const observer = new IntersectionObserver((entries) => {\n                entries.forEach(entry => {\n                    if (entry.isIntersecting) {\n                        animateCounters();\n                        observer.disconnect();\n                    }\n                });\n            });\n            \n            const firstCounter = document.querySelector('.stat-counter');\n            if (firstCounter) {\n                observer.observe(firstCounter.closest('section'));\n            }\n        });\n    <\/script>\n\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>Accueil \u00c9nergie &#038; Mines \u26a1 SECTEUR \u00c9NERG\u00c9TIQUE &#038; MINIER \u00c9nergie &#038; Mines du Burkina Faso Des richesses naturelles exceptionnelles et un potentiel \u00e9nerg\u00e9tique extraordinaire pour propulser l&rsquo;\u00e9conomie vers l&rsquo;avenir 62T Tonnes d&rsquo;or (production) 5.6 kWh\/m\u00b2 Irradiation solaire moyenne 2000+ Heures d&rsquo;ensoleillement\/an 17 Mines en exploitation Explorer les opportunit\u00e9s Nous contacter \u26a1 SECTEUR \u00c9NERG\u00c9TIQUE Potentiel \u00c9nerg\u00e9tique [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-183","page","type-page","status-publish","hentry"],"blocksy_meta":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.6 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>\u00c9nergie &amp; Mines - CPIB<\/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:\/\/cpibburkina.bf\/ar\/energie-mines\/\" \/>\n<meta property=\"og:locale\" content=\"ar_AR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"\u00c9nergie &amp; Mines - CPIB\" \/>\n<meta property=\"og:description\" content=\"Accueil \u00c9nergie &#038; Mines \u26a1 SECTEUR \u00c9NERG\u00c9TIQUE &#038; MINIER \u00c9nergie &#038; Mines du Burkina Faso Des richesses naturelles exceptionnelles et un potentiel \u00e9nerg\u00e9tique extraordinaire pour propulser l&rsquo;\u00e9conomie vers l&rsquo;avenir 62T Tonnes d&rsquo;or (production) 5.6 kWh\/m\u00b2 Irradiation solaire moyenne 2000+ Heures d&rsquo;ensoleillement\/an 17 Mines en exploitation Explorer les opportunit\u00e9s Nous contacter \u26a1 SECTEUR \u00c9NERG\u00c9TIQUE Potentiel \u00c9nerg\u00e9tique [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/cpibburkina.bf\/ar\/energie-mines\/\" \/>\n<meta property=\"og:site_name\" content=\"CPIB\" \/>\n<meta property=\"article:modified_time\" content=\"2025-11-15T20:14:27+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"\u0648\u0642\u062a \u0627\u0644\u0642\u0631\u0627\u0621\u0629 \u0627\u0644\u0645\u064f\u0642\u062f\u0651\u0631\" \/>\n\t<meta name=\"twitter:data1\" content=\"\u062f\u0642\u064a\u0642\u062a\u0627\u0646\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/cpibburkina.bf\\\/ar\\\/energie-mines\\\/\",\"url\":\"https:\\\/\\\/cpibburkina.bf\\\/ar\\\/energie-mines\\\/\",\"name\":\"\u00c9nergie &amp; Mines - CPIB\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/cpibburkina.bf\\\/#website\"},\"datePublished\":\"2025-11-15T20:13:05+00:00\",\"dateModified\":\"2025-11-15T20:14:27+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/cpibburkina.bf\\\/ar\\\/energie-mines\\\/#breadcrumb\"},\"inLanguage\":\"ar\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/cpibburkina.bf\\\/ar\\\/energie-mines\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/cpibburkina.bf\\\/ar\\\/energie-mines\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Accueil\",\"item\":\"https:\\\/\\\/cpibburkina.bf\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"\u00c9nergie &amp; Mines\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/cpibburkina.bf\\\/#website\",\"url\":\"https:\\\/\\\/cpibburkina.bf\\\/\",\"name\":\"CPIB\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\\\/\\\/cpibburkina.bf\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/cpibburkina.bf\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"ar\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/cpibburkina.bf\\\/#organization\",\"name\":\"CPIB\",\"url\":\"https:\\\/\\\/cpibburkina.bf\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"ar\",\"@id\":\"https:\\\/\\\/cpibburkina.bf\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/cpibburkina.bf\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/logo.jpg\",\"contentUrl\":\"https:\\\/\\\/cpibburkina.bf\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/logo.jpg\",\"width\":325,\"height\":325,\"caption\":\"CPIB\"},\"image\":{\"@id\":\"https:\\\/\\\/cpibburkina.bf\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"\u00c9nergie &amp; Mines - CPIB","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:\/\/cpibburkina.bf\/ar\/energie-mines\/","og_locale":"ar_AR","og_type":"article","og_title":"\u00c9nergie &amp; Mines - CPIB","og_description":"Accueil \u00c9nergie &#038; Mines \u26a1 SECTEUR \u00c9NERG\u00c9TIQUE &#038; MINIER \u00c9nergie &#038; Mines du Burkina Faso Des richesses naturelles exceptionnelles et un potentiel \u00e9nerg\u00e9tique extraordinaire pour propulser l&rsquo;\u00e9conomie vers l&rsquo;avenir 62T Tonnes d&rsquo;or (production) 5.6 kWh\/m\u00b2 Irradiation solaire moyenne 2000+ Heures d&rsquo;ensoleillement\/an 17 Mines en exploitation Explorer les opportunit\u00e9s Nous contacter \u26a1 SECTEUR \u00c9NERG\u00c9TIQUE Potentiel \u00c9nerg\u00e9tique [&hellip;]","og_url":"https:\/\/cpibburkina.bf\/ar\/energie-mines\/","og_site_name":"CPIB","article_modified_time":"2025-11-15T20:14:27+00:00","twitter_card":"summary_large_image","twitter_misc":{"\u0648\u0642\u062a \u0627\u0644\u0642\u0631\u0627\u0621\u0629 \u0627\u0644\u0645\u064f\u0642\u062f\u0651\u0631":"\u062f\u0642\u064a\u0642\u062a\u0627\u0646"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/cpibburkina.bf\/ar\/energie-mines\/","url":"https:\/\/cpibburkina.bf\/ar\/energie-mines\/","name":"\u00c9nergie &amp; Mines - CPIB","isPartOf":{"@id":"https:\/\/cpibburkina.bf\/#website"},"datePublished":"2025-11-15T20:13:05+00:00","dateModified":"2025-11-15T20:14:27+00:00","breadcrumb":{"@id":"https:\/\/cpibburkina.bf\/ar\/energie-mines\/#breadcrumb"},"inLanguage":"ar","potentialAction":[{"@type":"ReadAction","target":["https:\/\/cpibburkina.bf\/ar\/energie-mines\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/cpibburkina.bf\/ar\/energie-mines\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Accueil","item":"https:\/\/cpibburkina.bf\/"},{"@type":"ListItem","position":2,"name":"\u00c9nergie &amp; Mines"}]},{"@type":"WebSite","@id":"https:\/\/cpibburkina.bf\/#website","url":"https:\/\/cpibburkina.bf\/","name":"CPIB","description":"","publisher":{"@id":"https:\/\/cpibburkina.bf\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/cpibburkina.bf\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"ar"},{"@type":"Organization","@id":"https:\/\/cpibburkina.bf\/#organization","name":"CPIB","url":"https:\/\/cpibburkina.bf\/","logo":{"@type":"ImageObject","inLanguage":"ar","@id":"https:\/\/cpibburkina.bf\/#\/schema\/logo\/image\/","url":"https:\/\/cpibburkina.bf\/wp-content\/uploads\/2025\/11\/logo.jpg","contentUrl":"https:\/\/cpibburkina.bf\/wp-content\/uploads\/2025\/11\/logo.jpg","width":325,"height":325,"caption":"CPIB"},"image":{"@id":"https:\/\/cpibburkina.bf\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/cpibburkina.bf\/ar\/wp-json\/wp\/v2\/pages\/183","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cpibburkina.bf\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/cpibburkina.bf\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/cpibburkina.bf\/ar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/cpibburkina.bf\/ar\/wp-json\/wp\/v2\/comments?post=183"}],"version-history":[{"count":7,"href":"https:\/\/cpibburkina.bf\/ar\/wp-json\/wp\/v2\/pages\/183\/revisions"}],"predecessor-version":[{"id":190,"href":"https:\/\/cpibburkina.bf\/ar\/wp-json\/wp\/v2\/pages\/183\/revisions\/190"}],"wp:attachment":[{"href":"https:\/\/cpibburkina.bf\/ar\/wp-json\/wp\/v2\/media?parent=183"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}