{"id":155,"date":"2025-07-27T11:19:39","date_gmt":"2025-07-27T11:19:39","guid":{"rendered":"https:\/\/norechem.net\/?page_id=155"},"modified":"2026-03-18T03:32:13","modified_gmt":"2026-03-18T03:32:13","slug":"contact","status":"publish","type":"page","link":"https:\/\/norechem.net\/en\/contact\/","title":{"rendered":"Contact"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"155\" class=\"elementor elementor-155\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b4ac507 e-con-full e-flex e-con e-parent\" data-id=\"b4ac507\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-cfa9995 elementor-widget elementor-widget-html\" data-id=\"cfa9995\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0-beta3\/css\/all.min.css\">\n    \n    <link rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Manrope:wght@300;400;500;600;700;800&display=swap\">\n    \n    <script>\n        tailwind.config = {\n            theme: {\n                extend: {\n                    fontFamily: {\n                        sans: ['Manrope', 'sans-serif'],\n                    },\n                    colors: {\n                        primary: {\n                            50: '#fff7ed',\n                            100: '#ffedd5',\n                            200: '#fed7aa',\n                            300: '#fdba74',\n                            400: '#fb923c',\n                            500: '#f97316',\n                            600: '#ea580c',\n                            700: '#c2410c',\n                            800: '#9a3412',\n                            900: '#7c2d12',\n                            950: '#431407',\n                        },\n                        secondary: {\n                            50: '#f9fafb',\n                            100: '#f3f4f6',\n                            200: '#e5e7eb',\n                            300: '#d1d5db',\n                            400: '#9ca3af',\n                            500: '#6b7280',\n                            600: '#4b5563',\n                            700: '#374151',\n                            800: '#1f2937',\n                            900: '#111827',\n                            950: '#030712',\n                        },\n                    }\n                }\n            }\n        }\n    <\/script>\n\n<style>\n\/* Correction du positionnement du compteur du panier *\/\n.astra-icon.ast-icon-shopping-bag {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n}\n\n\/* Ajustement du positionnement vertical du texte dans l'ic\u00f4ne *\/\n.ast-icon-shopping-bag[data-cart-total] {\n  line-height: normal;\n  vertical-align: middle;\n}\n\n\/* S'assurer que le compteur est bien centr\u00e9 dans l'ic\u00f4ne *\/\n.ast-addon-cart-wrap {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n\/* R\u00e8gle plus sp\u00e9cifique pour ajuster le compteur si n\u00e9cessaire *\/\n.ast-site-header-cart .ast-addon-cart-wrap .ast-icon-shopping-bag {\n  vertical-align: middle;\n  padding: 0;\n  line-height: 1.5;\n}\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-618fa49 e-con-full e-flex e-con e-parent\" data-id=\"618fa49\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5da043b elementor-widget elementor-widget-html\" data-id=\"5da043b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\n\n\n<!-- Section Contact avec Carte et Formulaire -->\n<section id=\"contact\" class=\"py-20 bg-gray-50 relative overflow-hidden\">\n    <!-- \u00c9l\u00e9ments D\u00e9coratifs d'Arri\u00e8re-plan -->\n    <div class=\"absolute inset-0 -z-10\">\n        <div class=\"absolute w-96 h-96 rounded-full bg-primary-50 blur-3xl opacity-50 -top-20 -right-20\"><\/div>\n        <div class=\"absolute w-64 h-64 rounded-full bg-secondary-50 blur-3xl opacity-50 bottom-10 left-10\"><\/div>\n        \n        <!-- Symboles Chimiques Flottants -->\n        <div class=\"absolute top-20 left-10 text-5xl text-primary-300 opacity-10 animate-float\">H\u2082O<\/div>\n        <div class=\"absolute bottom-20 right-10 text-5xl text-primary-300 opacity-10 animate-float\" style=\"animation-delay: 2s;\">O\u2082<\/div>\n    <\/div>\n    \n    <div class=\"container mx-auto px-6\">\n        <div class=\"max-w-7xl mx-auto\">\n            <!-- Titre de Section avec Soulignement en D\u00e9grad\u00e9 -->\n            <div class=\"text-center mb-16\">\n                <span class=\"inline-block text-sm font-semibold text-primary-700 uppercase tracking-wider mb-2 reveal-up\" style=\"animation-delay: 0.2s;\">Discutons de Vos Besoins<\/span>\n                <div class=\"text-4xl md:text-5xl font-bold text-secondary-900 mb-4 reveal-up\" style=\"animation-delay: 0.4s;\">Contactez-Nous<\/div>\n                <div class=\"h-1 w-20 bg-gradient-to-r from-primary-500 to-primary-700 mx-auto rounded-full reveal-up\" style=\"animation-delay: 0.6s;\"><\/div>\n                <p class=\"max-w-2xl mx-auto mt-6 text-lg text-gray-600 reveal-up\" style=\"animation-delay: 0.8s;\">\n                    Nous sommes pr\u00eats \u00e0 vous aider \u00e0 trouver les solutions chimiques parfaites pour vos besoins sp\u00e9cifiques.\n                    Contactez notre \u00e9quipe d'experts d\u00e8s aujourd'hui.\n                <\/p>\n            <\/div>\n            \n            <!-- Contenu Principal: Formulaire + Infos -->\n            <div class=\"grid grid-cols-1 lg:grid-cols-5 gap-10\">\n                <!-- Carte + Informations de Contact -->\n                <div class=\"lg:col-span-2 space-y-8\">\n                    <!-- Carte Stylis\u00e9e -->\n                    <div class=\"relative h-80 rounded-2xl overflow-hidden shadow-lg group\">\n                        <div class=\"absolute inset-0 bg-gradient-to-t from-secondary-900 to-transparent opacity-70 z-10\"><\/div>\n                        <div class=\"w-full h-full bg-secondary-100\">\n                            <!-- Image de carte ou iframe Google Maps peut \u00eatre ajout\u00e9e ici -->\n                            <img decoding=\"async\" src=\"https:\/\/maps.googleapis.com\/maps\/api\/staticmap?center=Ouaga+2000,Ouagadougou,BurkinaFaso&zoom=14&size=600x400&markers=color:orange%7C12.3186,-1.5209&key=YOUR_API_KEY\" \n                                 alt=\"Localisation de Nore Chem\" \n                                 class=\"w-full h-full object-cover transition-transform duration-700 group-hover:scale-110\">\n                            \n                            <!-- Fallback si Google Maps ne charge pas -->\n                            <div class=\"absolute inset-0 bg-secondary-800 flex items-center justify-center\">\n                                <div class=\"text-center p-6\">\n                                    <i class=\"fas fa-map-marker-alt text-5xl text-primary-500 mb-4\"><\/i>\n                                    <h3 class=\"text-xl font-bold text-white\">Nore Chem<\/h3>\n                                    <p class=\"text-white\/70 mt-2\">Ouaga 2000, Ouagadougou<\/p>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                        \n                        <div class=\"absolute bottom-0 left-0 right-0 p-6 z-20\">\n                            <div class=\"flex items-center mb-2\">\n                                <div class=\"w-10 h-10 rounded-lg bg-white\/20 backdrop-blur-sm flex items-center justify-center mr-4\">\n                                    <i class=\"fas fa-map-marker-alt text-white\"><\/i>\n                                <\/div>\n                                <h3 class=\"text-xl font-bold text-white\">Notre Localisation<\/h3>\n                            <\/div>\n                            <p class=\"text-white\/90\">170 City Azimo - Ouaga 2000, Ouagadougou - Burkina Faso<\/p>\n                        <\/div>\n                    <\/div>\n                    \n                    <!-- Cartes d'Informations de Contact -->\n                    <div class=\"grid grid-cols-1 md:grid-cols-2 gap-6\">\n                        <!-- Carte Email -->\n                        <div class=\"bg-white p-6 rounded-xl shadow-lg hover:shadow-xl transition-all hover:-translate-y-1\">\n                            <div class=\"w-12 h-12 rounded-lg bg-primary-50 flex items-center justify-center mb-4\">\n                                <i class=\"fas fa-envelope text-xl text-primary-600\"><\/i>\n                            <\/div>\n                            <h4 class=\"text-lg font-bold text-secondary-900 mb-2\">Email<\/h4>\n                            <a href=\"mailto:info@norechem.com\" class=\"text-primary-700 hover:text-primary-500 transition-colors\">\n                                info@norechem.com\n                            <\/a>\n                        <\/div>\n                        \n                        <!-- Carte T\u00e9l\u00e9phone -->\n                        <div class=\"bg-white p-6 rounded-xl shadow-lg hover:shadow-xl transition-all hover:-translate-y-1\">\n                            <div class=\"w-12 h-12 rounded-lg bg-primary-50 flex items-center justify-center mb-4\">\n                                <i class=\"fas fa-phone-alt text-xl text-primary-600\"><\/i>\n                            <\/div>\n                            <h4 class=\"text-lg font-bold text-secondary-900 mb-2\">T\u00e9l\u00e9phone<\/h4>\n                            <a href=\"tel:+22650000006\" class=\"text-primary-700 hover:text-primary-500 transition-colors\">\n                                +226 62 99 99 99\n                            <\/a>\n                        <\/div>\n                    <\/div>\n                    \n                    <!-- Horaires d'Ouverture -->\n                    <div class=\"bg-white p-8 rounded-xl shadow-lg\">\n                        <div class=\"flex items-center mb-6\">\n                            <div class=\"w-12 h-12 rounded-lg bg-primary-50 flex items-center justify-center mr-4\">\n                                <i class=\"fas fa-clock text-xl text-primary-600\"><\/i>\n                            <\/div>\n                            <h4 class=\"text-lg font-bold text-secondary-900\">Horaires d'Ouverture<\/h4>\n                        <\/div>\n                        \n                        <div class=\"space-y-3\">\n                            <div class=\"flex justify-between items-center\">\n                                <span class=\"text-gray-700\">Lundi - Vendredi<\/span>\n                                <span class=\"font-semibold text-secondary-800\">8:00 - 17:00<\/span>\n                            <\/div>\n                            <div class=\"flex justify-between items-center\">\n                                <span class=\"text-gray-700\">Samedi<\/span>\n                                <span class=\"font-semibold text-secondary-800\">9:00 - 13:00<\/span>\n                            <\/div>\n                            <div class=\"flex justify-between items-center\">\n                                <span class=\"text-gray-700\">Dimanche<\/span>\n                                <span class=\"font-semibold text-secondary-800\">Ferm\u00e9<\/span>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                    \n                    <!-- R\u00e9seaux Sociaux -->\n                    <div class=\"flex justify-center space-x-4\">\n                        <a href=\"#\" class=\"w-12 h-12 rounded-full bg-white shadow-md flex items-center justify-center text-primary-600 hover:bg-primary-600 hover:text-white transition-all\">\n                            <i class=\"fab fa-linkedin-in\"><\/i>\n                        <\/a>\n                        <a href=\"#\" class=\"w-12 h-12 rounded-full bg-white shadow-md flex items-center justify-center text-primary-600 hover:bg-primary-600 hover:text-white transition-all\">\n                            <i class=\"fab fa-twitter\"><\/i>\n                        <\/a>\n                        <a href=\"#\" class=\"w-12 h-12 rounded-full bg-white shadow-md flex items-center justify-center text-primary-600 hover:bg-primary-600 hover:text-white transition-all\">\n                            <i class=\"fab fa-facebook-f\"><\/i>\n                        <\/a>\n                        <a href=\"#\" class=\"w-12 h-12 rounded-full bg-white shadow-md flex items-center justify-center text-primary-600 hover:bg-primary-600 hover:text-white transition-all\">\n                            <i class=\"fab fa-instagram\"><\/i>\n                        <\/a>\n                    <\/div>\n                <\/div>\n                \n                <!-- Formulaire de Contact -->\n                <div class=\"lg:col-span-3\">\n                    <div class=\"bg-white rounded-2xl shadow-xl overflow-hidden\">\n                        <div class=\"h-3 w-full bg-gradient-to-r from-primary-500 to-primary-700\"><\/div>\n                        <div class=\"p-8 md:p-10\">\n                            <h3 class=\"text-2xl font-bold text-secondary-900 mb-6\">Envoyez-nous un Message<\/h3>\n                            \n                            <form id=\"contact-form\" class=\"space-y-6\">\n                                <!-- Nom et Email -->\n                                <div class=\"grid grid-cols-1 md:grid-cols-2 gap-6\">\n                                    <div>\n                                        <label for=\"name\" class=\"block text-sm font-medium text-gray-700 mb-2\">Nom Complet <span class=\"text-primary-600\">*<\/span><\/label>\n                                        <input type=\"text\" id=\"name\" name=\"name\" required \n                                               class=\"w-full px-4 py-3 rounded-lg border border-gray-300 focus:ring-2 focus:ring-primary-500 focus:border-primary-500 transition-all\" \n                                               placeholder=\"Votre nom\">\n                                    <\/div>\n                                    <div>\n                                        <label for=\"email\" class=\"block text-sm font-medium text-gray-700 mb-2\">Email <span class=\"text-primary-600\">*<\/span><\/label>\n                                        <input type=\"email\" id=\"email\" name=\"email\" required \n                                               class=\"w-full px-4 py-3 rounded-lg border border-gray-300 focus:ring-2 focus:ring-primary-500 focus:border-primary-500 transition-all\" \n                                               placeholder=\"votre@email.com\">\n                                    <\/div>\n                                <\/div>\n                                \n                                <!-- T\u00e9l\u00e9phone et Entreprise -->\n                                <div class=\"grid grid-cols-1 md:grid-cols-2 gap-6\">\n                                    <div>\n                                        <label for=\"phone\" class=\"block text-sm font-medium text-gray-700 mb-2\">T\u00e9l\u00e9phone<\/label>\n                                        <input type=\"tel\" id=\"phone\" name=\"phone\" \n                                               class=\"w-full px-4 py-3 rounded-lg border border-gray-300 focus:ring-2 focus:ring-primary-500 focus:border-primary-500 transition-all\" \n                                               placeholder=\"Votre num\u00e9ro de t\u00e9l\u00e9phone\">\n                                    <\/div>\n                                    <div>\n                                        <label for=\"company\" class=\"block text-sm font-medium text-gray-700 mb-2\">Entreprise<\/label>\n                                        <input type=\"text\" id=\"company\" name=\"company\" \n                                               class=\"w-full px-4 py-3 rounded-lg border border-gray-300 focus:ring-2 focus:ring-primary-500 focus:border-primary-500 transition-all\" \n                                               placeholder=\"Nom de votre entreprise\">\n                                    <\/div>\n                                <\/div>\n                                \n                                <!-- Secteur d'Activit\u00e9 -->\n                                <div>\n                                    <label for=\"sector\" class=\"block text-sm font-medium text-gray-700 mb-2\">Secteur d'Activit\u00e9<\/label>\n                                    <select id=\"sector\" name=\"sector\" \n                                            class=\"w-full px-4 py-3 rounded-lg border border-gray-300 focus:ring-2 focus:ring-primary-500 focus:border-primary-500 transition-all\">\n                                        <option value=\"\" selected disabled>S\u00e9lectionnez votre secteur<\/option>\n                                        <option value=\"mining\">Exploitation Mini\u00e8re<\/option>\n                                        <option value=\"agriculture\">Agriculture<\/option>\n                                        <option value=\"industrial\">Industrie<\/option>\n                                        <option value=\"water\">Traitement de l'Eau<\/option>\n                                        <option value=\"energy\">\u00c9nergie<\/option>\n                                        <option value=\"infrastructure\">Infrastructure<\/option>\n                                        <option value=\"other\">Autre<\/option>\n                                    <\/select>\n                                <\/div>\n                                \n                                <!-- Message -->\n                                <div>\n                                    <label for=\"message\" class=\"block text-sm font-medium text-gray-700 mb-2\">Message <span class=\"text-primary-600\">*<\/span><\/label>\n                                    <textarea id=\"message\" name=\"message\" rows=\"5\" required\n                                              class=\"w-full px-4 py-3 rounded-lg border border-gray-300 focus:ring-2 focus:ring-primary-500 focus:border-primary-500 transition-all\" \n                                              placeholder=\"Comment pouvons-nous vous aider?\"><\/textarea>\n                                <\/div>\n                                \n                                <!-- Consentement RGPD -->\n                                <div class=\"flex items-start\">\n                                    <input type=\"checkbox\" id=\"consent\" name=\"consent\" required\n                                           class=\"mt-1 h-4 w-4 text-primary-600 border-gray-300 rounded focus:ring-primary-500\">\n                                    <label for=\"consent\" class=\"ml-2 block text-sm text-gray-600\">\n                                        J'accepte que mes donn\u00e9es soient trait\u00e9es conform\u00e9ment \u00e0 la politique de confidentialit\u00e9 de Nore Chem. <span class=\"text-primary-600\">*<\/span>\n                                    <\/label>\n                                <\/div>\n                                \n                                <!-- Bouton d'Envoi -->\n                                <div>\n                                    <button type=\"submit\" \n                                            class=\"w-full px-6 py-4 bg-gradient-to-r from-primary-600 to-primary-700 text-white rounded-lg font-bold transition-all hover:shadow-lg hover:-translate-y-1 flex items-center justify-center\">\n                                        <span>Envoyer le Message<\/span>\n                                        <i class=\"fas fa-paper-plane ml-2\"><\/i>\n                                    <\/button>\n                                <\/div>\n                            <\/form>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n            \n            <!-- Partenaires et Distributeurs -->\n            <div class=\"mt-20\">\n                <div class=\"text-center mb-10\">\n                    <h3 class=\"text-2xl font-bold text-secondary-900 mb-4\">R\u00e9seau International<\/h3>\n                    <p class=\"text-gray-600\">Contactez-nous pour \u00eatre mis en relation avec nos distributeurs \u00e0 travers l'Afrique de l'Ouest<\/p>\n                <\/div>\n                \n                <div class=\"grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-6\">\n                    <div class=\"bg-white p-4 rounded-lg shadow-md flex flex-col items-center justify-center text-center hover:shadow-lg transition-all\">\n                        <img decoding=\"async\" src=\"https:\/\/cdn-icons-png.flaticon.com\/512\/330\/330541.png\" alt=\"Drapeau du Mali\" class=\"w-12 h-12 mb-2\">\n                        <span class=\"font-semibold text-secondary-900\">Mali<\/span>\n                    <\/div>\n                    <div class=\"bg-white p-4 rounded-lg shadow-md flex flex-col items-center justify-center text-center hover:shadow-lg transition-all\">\n                        <img decoding=\"async\" src=\"https:\/\/cdn-icons-png.flaticon.com\/512\/330\/330670.png\" alt=\"Drapeau du S\u00e9n\u00e9gal\" class=\"w-12 h-12 mb-2\">\n                        <span class=\"font-semibold text-secondary-900\">S\u00e9n\u00e9gal<\/span>\n                    <\/div>\n                    <div class=\"bg-white p-4 rounded-lg shadow-md flex flex-col items-center justify-center text-center hover:shadow-lg transition-all\">\n                        <img decoding=\"async\" src=\"https:\/\/cdn-icons-png.flaticon.com\/512\/330\/330479.png\" alt=\"Drapeau de la C\u00f4te d'Ivoire\" class=\"w-12 h-12 mb-2\">\n                        <span class=\"font-semibold text-secondary-900\">C\u00f4te d'Ivoire<\/span>\n                    <\/div>\n                    <div class=\"bg-white p-4 rounded-lg shadow-md flex flex-col items-center justify-center text-center hover:shadow-lg transition-all\">\n                        <img decoding=\"async\" src=\"https:\/\/cdn-icons-png.flaticon.com\/512\/330\/330494.png\" alt=\"Drapeau du Ghana\" class=\"w-12 h-12 mb-2\">\n                        <span class=\"font-semibold text-secondary-900\">Ghana<\/span>\n                    <\/div>\n                    <div class=\"bg-white p-4 rounded-lg shadow-md flex flex-col items-center justify-center text-center hover:shadow-lg transition-all\">\n                        <img decoding=\"async\" src=\"https:\/\/cdn-icons-png.flaticon.com\/512\/330\/330591.png\" alt=\"Drapeau du Niger\" class=\"w-12 h-12 mb-2\">\n                        <span class=\"font-semibold text-secondary-900\">Niger<\/span>\n                    <\/div>\n                    <div class=\"bg-white p-4 rounded-lg shadow-md flex flex-col items-center justify-center text-center hover:shadow-lg transition-all\">\n                        <img decoding=\"async\" src=\"https:\/\/cdn-icons-png.flaticon.com\/512\/330\/330621.png\" alt=\"Drapeau du Togo\" class=\"w-12 h-12 mb-2\">\n                        <span class=\"font-semibold text-secondary-900\">Togo<\/span>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n    \n    <!-- \u00c9l\u00e9ment D\u00e9coratif - Courbe en Bas -->\n    <div class=\"absolute bottom-0 left-0 w-full overflow-hidden\">\n        <svg class=\"relative block w-full\" style=\"margin-bottom:-1px\" viewBox=\"0 0 1200 60\" preserveAspectRatio=\"none\">\n            <path d=\"M0,0 C600,80 1000,0 1200,30 L1200,60 L0,60 Z\" class=\"fill-white\"><\/path>\n        <\/svg>\n    <\/div>\n<\/section>\n\n<script>\n    \/\/ Fonction pour g\u00e9rer la soumission du formulaire\n    document.addEventListener('DOMContentLoaded', function() {\n        const form = document.getElementById('contact-form');\n        if (form) {\n            form.addEventListener('submit', function(e) {\n                e.preventDefault();\n                \n                \/\/ Ici, vous pouvez ajouter votre logique d'envoi de formulaire\n                \/\/ Par exemple, avec fetch ou XMLHttpRequest\n                \n                \/\/ Simulation de soumission\n                const submitButton = form.querySelector('button[type=\"submit\"]');\n                const originalText = submitButton.innerHTML;\n                \n                submitButton.disabled = true;\n                submitButton.innerHTML = '<i class=\"fas fa-spinner fa-spin mr-2\"><\/i> Envoi en cours...';\n                \n                \/\/ Simulation d'un d\u00e9lai de traitement\n                setTimeout(function() {\n                    \/\/ R\u00e9initialiser le formulaire\n                    form.reset();\n                    \n                    \/\/ Afficher un message de succ\u00e8s\n                    alert('Merci pour votre message ! Notre \u00e9quipe vous contactera dans les plus brefs d\u00e9lais.');\n                    \n                    \/\/ Restaurer le bouton\n                    submitButton.disabled = false;\n                    submitButton.innerHTML = originalText;\n                }, 2000);\n            });\n        }\n        \n        \/\/ Animer les \u00e9l\u00e9ments avec r\u00e9v\u00e9lation\n        const revealElements = document.querySelectorAll('.reveal-up, .reveal-left, .reveal-right');\n        revealElements.forEach(el => {\n            el.style.animationPlayState = 'running';\n        });\n    });\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-44fadf3 e-con-full e-flex e-con e-parent\" data-id=\"44fadf3\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-86e51fe elementor-widget elementor-widget-html\" data-id=\"86e51fe\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- D\u00e9couvrez Nos Autres Entreprises Section -->\r\n<div class=\"mb-20\">\r\n    <!-- Section Header -->\r\n    <div class=\"text-center mb-12\">\r\n        <div class=\"inline-flex items-center gap-2 px-4 py-2 bg-[#0A1628] backdrop-blur-sm border border-[#4a6fa5]\/30 rounded-full mb-6\">\r\n            <div class=\"w-2 h-2 bg-[#4a6fa5] rounded-full animate-pulse\"><\/div>\r\n            <span class=\"text-sm font-semibold text-white tracking-wider\">R\u00c9SEAU NILE GROUP<\/span>\r\n        <\/div>\r\n        <h2 class=\"text-4xl md:text-5xl font-black mb-4 leading-tight text-white\">\r\n            D\u00e9couvrez Nos Autres Entreprises\r\n        <\/h2>\r\n        <p class=\"text-gray-400 text-lg max-w-2xl mx-auto\">\r\n            Un groupe diversifi\u00e9 d'entreprises op\u00e9rant dans de multiples secteurs et continents.\r\n        <\/p>\r\n    <\/div>\r\n\r\n    <!-- Companies Grid Row 1 - 4 columns -->\r\n    <div class=\"grid grid-cols-2 md:grid-cols-4 gap-4 mb-4\">\r\n\r\n        <!-- NILE GROUPE -->\r\n        <a href=\"https:\/\/www.nilegroupe.com\" target=\"_blank\"\r\n           class=\"group relative overflow-hidden rounded-2xl bg-[#0A1628] border border-[#2d4a6e] p-6 flex flex-col items-center justify-center text-center transition-all duration-500 hover:border-[#4a6fa5] hover:scale-[1.03] hover:shadow-2xl hover:shadow-[#4a6fa5]\/20 min-h-[160px]\">\r\n            <div class=\"absolute inset-0 bg-gradient-to-br from-blue-900\/20 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-500\"><\/div>\r\n            <div class=\"absolute top-0 left-0 right-0 h-px bg-gradient-to-r from-transparent via-blue-500\/50 to-transparent opacity-0 group-hover:opacity-100 transition-opacity\"><\/div>\r\n            <div class=\"relative z-10\">\r\n                <div class=\"w-10 h-10 rounded-full bg-blue-900\/40 border border-blue-500\/30 flex items-center justify-center mx-auto mb-3 group-hover:scale-110 transition-transform\">\r\n                    <svg class=\"w-5 h-5 text-blue-400\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M21 12a9 9 0 01-9 9m9-9a9 9 0 00-9-9m9 9H3m9 9a9 9 0 01-9-9m9 9c1.657 0 3-4.03 3-9s-1.343-9-3-9m0 18c-1.657 0-3-4.03-3-9s1.343-9 3-9m-9 9a9 9 0 019-9\"\/><\/svg>\r\n                <\/div>\r\n                <div class=\"text-white font-bold text-base mb-1 group-hover:text-blue-300 transition-colors\">NILE GROUPE<\/div>\r\n                <div class=\"text-gray-500 text-xs group-hover:text-gray-400 transition-colors\">nilegroupe.com<\/div>\r\n            <\/div>\r\n            <div class=\"absolute bottom-3 right-3 opacity-0 group-hover:opacity-100 transition-opacity\">\r\n                <svg class=\"w-4 h-4 text-[#4a6fa5]\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14\"\/><\/svg>\r\n            <\/div>\r\n        <\/a>\r\n\r\n        <!-- NORE CARBON -->\r\n        <a href=\"https:\/\/nilecarbon.com\" target=\"_blank\"\r\n           class=\"group relative overflow-hidden rounded-2xl bg-[#0A1628] border border-[#2d4a6e] p-6 flex flex-col items-center justify-center text-center transition-all duration-500 hover:border-slate-400\/50 hover:scale-[1.03] hover:shadow-2xl hover:shadow-slate-400\/20 min-h-[160px]\">\r\n            <div class=\"absolute inset-0 bg-gradient-to-br from-slate-700\/20 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-500\"><\/div>\r\n            <div class=\"absolute top-0 left-0 right-0 h-px bg-gradient-to-r from-transparent via-slate-400\/50 to-transparent opacity-0 group-hover:opacity-100 transition-opacity\"><\/div>\r\n            <div class=\"relative z-10\">\r\n                <div class=\"w-10 h-10 rounded-full bg-slate-700\/40 border border-slate-500\/30 flex items-center justify-center mx-auto mb-3 group-hover:scale-110 transition-transform\">\r\n                    <svg class=\"w-5 h-5 text-slate-300\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><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.707\"\/><\/svg>\r\n                <\/div>\r\n                <div class=\"text-white font-bold text-base mb-1 group-hover:text-slate-300 transition-colors\">NORE CARBON<\/div>\r\n                <div class=\"text-gray-500 text-xs group-hover:text-gray-400 transition-colors\">nilecarbon.com<\/div>\r\n            <\/div>\r\n            <div class=\"absolute bottom-3 right-3 opacity-0 group-hover:opacity-100 transition-opacity\">\r\n                <svg class=\"w-4 h-4 text-slate-400\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14\"\/><\/svg>\r\n            <\/div>\r\n        <\/a>\r\n\r\n        <!-- NILE MINING -->\r\n        <a href=\"https:\/\/noregold.com\" target=\"_blank\"\r\n           class=\"group relative overflow-hidden rounded-2xl bg-[#0A1628] border border-[#2d4a6e] p-6 flex flex-col items-center justify-center text-center transition-all duration-500 hover:border-yellow-500\/50 hover:scale-[1.03] hover:shadow-2xl hover:shadow-yellow-500\/20 min-h-[160px]\">\r\n            <div class=\"absolute inset-0 bg-gradient-to-br from-yellow-900\/20 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-500\"><\/div>\r\n            <div class=\"absolute top-0 left-0 right-0 h-px bg-gradient-to-r from-transparent via-yellow-500\/50 to-transparent opacity-0 group-hover:opacity-100 transition-opacity\"><\/div>\r\n            <div class=\"relative z-10\">\r\n                <div class=\"w-10 h-10 rounded-full bg-yellow-900\/40 border border-yellow-500\/30 flex items-center justify-center mx-auto mb-3 group-hover:scale-110 transition-transform\">\r\n                    <svg class=\"w-5 h-5 text-yellow-400\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M20 7l-8-4-8 4m16 0l-8 4m8-4v10l-8 4m0-10L4 7m8 4v10M4 7v10l8 4\"\/><\/svg>\r\n                <\/div>\r\n                <div class=\"text-white font-bold text-base mb-1 group-hover:text-yellow-300 transition-colors\">NILE MINING<\/div>\r\n                <div class=\"text-gray-500 text-xs group-hover:text-gray-400 transition-colors\">noregold.com<\/div>\r\n            <\/div>\r\n            <div class=\"absolute bottom-3 right-3 opacity-0 group-hover:opacity-100 transition-opacity\">\r\n                <svg class=\"w-4 h-4 text-yellow-400\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14\"\/><\/svg>\r\n            <\/div>\r\n        <\/a>\r\n\r\n        <!-- NILE TELECOMS -->\r\n        <a href=\"https:\/\/www.nilects.com\" target=\"_blank\"\r\n           class=\"group relative overflow-hidden rounded-2xl bg-[#0A1628] border border-[#2d4a6e] p-6 flex flex-col items-center justify-center text-center transition-all duration-500 hover:border-indigo-500\/50 hover:scale-[1.03] hover:shadow-2xl hover:shadow-indigo-500\/20 min-h-[160px]\">\r\n            <div class=\"absolute inset-0 bg-gradient-to-br from-indigo-900\/20 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-500\"><\/div>\r\n            <div class=\"absolute top-0 left-0 right-0 h-px bg-gradient-to-r from-transparent via-indigo-500\/50 to-transparent opacity-0 group-hover:opacity-100 transition-opacity\"><\/div>\r\n            <div class=\"relative z-10\">\r\n                <div class=\"w-10 h-10 rounded-full bg-indigo-900\/40 border border-indigo-500\/30 flex items-center justify-center mx-auto mb-3 group-hover:scale-110 transition-transform\">\r\n                    <svg class=\"w-5 h-5 text-indigo-400\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M8.111 16.404a5.5 5.5 0 017.778 0M12 20h.01m-7.08-7.071c3.904-3.905 10.236-3.905 14.141 0M1.394 9.393c5.857-5.857 15.355-5.857 21.213 0\"\/><\/svg>\r\n                <\/div>\r\n                <div class=\"text-white font-bold text-base mb-1 group-hover:text-indigo-300 transition-colors\">NILE TELECOMS<\/div>\r\n                <div class=\"text-gray-500 text-xs group-hover:text-gray-400 transition-colors\">nilects.com<\/div>\r\n            <\/div>\r\n            <div class=\"absolute bottom-3 right-3 opacity-0 group-hover:opacity-100 transition-opacity\">\r\n                <svg class=\"w-4 h-4 text-indigo-400\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14\"\/><\/svg>\r\n            <\/div>\r\n        <\/a>\r\n\r\n    <\/div>\r\n\r\n    <!-- Companies Grid Row 2 - 3 columns -->\r\n    <div class=\"grid grid-cols-1 md:grid-cols-3 gap-4\">\r\n\r\n        <!-- HST MOROCCO -->\r\n        <a href=\"https:\/\/hstmaroc.com\" target=\"_blank\"\r\n           class=\"group relative overflow-hidden rounded-2xl bg-[#0A1628] border border-[#2d4a6e] p-6 flex flex-col items-center justify-center text-center transition-all duration-500 hover:border-red-500\/50 hover:scale-[1.03] hover:shadow-2xl hover:shadow-red-500\/20 min-h-[160px]\">\r\n            <div class=\"absolute inset-0 bg-gradient-to-br from-red-900\/20 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-500\"><\/div>\r\n            <div class=\"absolute top-0 left-0 right-0 h-px bg-gradient-to-r from-transparent via-red-500\/50 to-transparent opacity-0 group-hover:opacity-100 transition-opacity\"><\/div>\r\n            <div class=\"relative z-10\">\r\n                <div class=\"w-10 h-10 rounded-full bg-red-900\/40 border border-red-500\/30 flex items-center justify-center mx-auto mb-3 group-hover:scale-110 transition-transform\">\r\n                    <svg class=\"w-5 h-5 text-red-400\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M3 21v-4m0 0V5a2 2 0 012-2h6.5l1 1H21l-3 6 3 6h-8.5l-1-1H5a2 2 0 00-2 2zm9-13.5V9\"\/><\/svg>\r\n                <\/div>\r\n                <div class=\"text-white font-bold text-base mb-1 group-hover:text-red-300 transition-colors\">HST MOROCCO<\/div>\r\n                <div class=\"text-gray-500 text-xs group-hover:text-gray-400 transition-colors\">hstmaroc.com<\/div>\r\n            <\/div>\r\n            <div class=\"absolute bottom-3 right-3 opacity-0 group-hover:opacity-100 transition-opacity\">\r\n                <svg class=\"w-4 h-4 text-red-400\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14\"\/><\/svg>\r\n            <\/div>\r\n        <\/a>\r\n\r\n        <!-- SAHARA GHANA CHEMICALS -->\r\n        <a href=\"https:\/\/saharaghana.com\" target=\"_blank\"\r\n           class=\"group relative overflow-hidden rounded-2xl bg-[#0A1628] border border-[#2d4a6e] p-6 flex flex-col items-center justify-center text-center transition-all duration-500 hover:border-orange-500\/50 hover:scale-[1.03] hover:shadow-2xl hover:shadow-orange-500\/20 min-h-[160px]\">\r\n            <div class=\"absolute inset-0 bg-gradient-to-br from-orange-900\/20 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-500\"><\/div>\r\n            <div class=\"absolute top-0 left-0 right-0 h-px bg-gradient-to-r from-transparent via-orange-500\/50 to-transparent opacity-0 group-hover:opacity-100 transition-opacity\"><\/div>\r\n            <div class=\"relative z-10\">\r\n                <div class=\"w-10 h-10 rounded-full bg-orange-900\/40 border border-orange-500\/30 flex items-center justify-center mx-auto mb-3 group-hover:scale-110 transition-transform\">\r\n                    <svg class=\"w-5 h-5 text-orange-400\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><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\"\/><\/svg>\r\n                <\/div>\r\n                <div class=\"text-white font-bold text-base mb-1 group-hover:text-orange-300 transition-colors\">SAHARA GHANA CHEMICALS<\/div>\r\n                <div class=\"text-gray-500 text-xs group-hover:text-gray-400 transition-colors\">saharaghana.com<\/div>\r\n            <\/div>\r\n            <div class=\"absolute bottom-3 right-3 opacity-0 group-hover:opacity-100 transition-opacity\">\r\n                <svg class=\"w-4 h-4 text-orange-400\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14\"\/><\/svg>\r\n            <\/div>\r\n        <\/a>\r\n\r\n        <!-- NILE LOGISTICS -->\r\n        <a href=\"https:\/\/expressgroupe.com\" target=\"_blank\"\r\n           class=\"group relative overflow-hidden rounded-2xl bg-[#0A1628] border border-[#2d4a6e] p-6 flex flex-col items-center justify-center text-center transition-all duration-500 hover:border-purple-500\/50 hover:scale-[1.03] hover:shadow-2xl hover:shadow-purple-500\/20 min-h-[160px]\">\r\n            <div class=\"absolute inset-0 bg-gradient-to-br from-purple-900\/20 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-500\"><\/div>\r\n            <div class=\"absolute top-0 left-0 right-0 h-px bg-gradient-to-r from-transparent via-purple-500\/50 to-transparent opacity-0 group-hover:opacity-100 transition-opacity\"><\/div>\r\n            <div class=\"relative z-10\">\r\n                <div class=\"w-10 h-10 rounded-full bg-purple-900\/40 border border-purple-500\/30 flex items-center justify-center mx-auto mb-3 group-hover:scale-110 transition-transform\">\r\n                    <svg class=\"w-5 h-5 text-purple-400\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M13 16V6a1 1 0 00-1-1H4a1 1 0 00-1 1v10a1 1 0 001 1h1m8-1a1 1 0 01-1 1H9m4-1V8a1 1 0 011-1h2.586a1 1 0 01.707.293l3.414 3.414a1 1 0 01.293.707V16a1 1 0 01-1 1h-1m-6-1a1 1 0 001 1h1M5 17a2 2 0 104 0m-4 0a2 2 0 114 0m6 0a2 2 0 104 0m-4 0a2 2 0 114 0\"\/><\/svg>\r\n                <\/div>\r\n                <div class=\"text-white font-bold text-base mb-1 group-hover:text-purple-300 transition-colors\">NILE LOGISTICS<\/div>\r\n                <div class=\"text-gray-500 text-xs group-hover:text-gray-400 transition-colors\">expressgroupe.com<\/div>\r\n            <\/div>\r\n            <div class=\"absolute bottom-3 right-3 opacity-0 group-hover:opacity-100 transition-opacity\">\r\n                <svg class=\"w-4 h-4 text-purple-400\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14\"\/><\/svg>\r\n            <\/div>\r\n        <\/a>\r\n\r\n    <\/div>\r\n<\/div>\r\n<!-- End D\u00e9couvrez Nos Autres Entreprises Section -->\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>H\u2082O O\u2082 Discutons de Vos Besoins Contactez-Nous Nous sommes pr\u00eats \u00e0 vous aider \u00e0 trouver les solutions chimiques parfaites pour [&hellip;]<\/p>\n","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":"","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":"","ast-disable-related-posts":"","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":"default","ast-page-background-enabled":"default","ast-page-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":"","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-4)","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-4)","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-4)","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-155","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/norechem.net\/en\/wp-json\/wp\/v2\/pages\/155","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/norechem.net\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/norechem.net\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/norechem.net\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/norechem.net\/en\/wp-json\/wp\/v2\/comments?post=155"}],"version-history":[{"count":16,"href":"https:\/\/norechem.net\/en\/wp-json\/wp\/v2\/pages\/155\/revisions"}],"predecessor-version":[{"id":975,"href":"https:\/\/norechem.net\/en\/wp-json\/wp\/v2\/pages\/155\/revisions\/975"}],"wp:attachment":[{"href":"https:\/\/norechem.net\/en\/wp-json\/wp\/v2\/media?parent=155"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}