{"id":154,"date":"2025-07-27T11:19:39","date_gmt":"2025-07-27T11:19:39","guid":{"rendered":"https:\/\/norechem.net\/?page_id=154"},"modified":"2026-03-25T04:51:10","modified_gmt":"2026-03-25T04:51:10","slug":"services","status":"publish","type":"page","link":"https:\/\/norechem.net\/en\/services\/","title":{"rendered":"Services"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"154\" class=\"elementor elementor-154\">\n\t\t\t\t<div class=\"elementor-element elementor-element-31c2e78 e-con-full e-flex e-con e-parent\" data-id=\"31c2e78\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-abdaf46 elementor-widget elementor-widget-html\" data-id=\"abdaf46\" 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\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: '#F09819',\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        \/* Animations personnalis\u00e9es *\/\n        @keyframes float {\n            0%, 100% { transform: translateY(0); }\n            50% { transform: translateY(-20px); }\n        }\n        \n        @keyframes pulse-slow {\n            0%, 100% { opacity: 0.7; }\n            50% { opacity: 0.3; }\n        }\n        \n        @keyframes spin-slow {\n            from { transform: rotate(0deg); }\n            to { transform: rotate(360deg); }\n        }\n        \n        @keyframes reveal-right {\n            from { transform: translateX(-50px); opacity: 0; }\n            to { transform: translateX(0); opacity: 1; }\n        }\n        \n        @keyframes reveal-left {\n            from { transform: translateX(50px); opacity: 0; }\n            to { transform: translateX(0); opacity: 1; }\n        }\n        \n        @keyframes reveal-up {\n            from { transform: translateY(50px); opacity: 0; }\n            to { transform: translateY(0); opacity: 1; }\n        }\n        \n        .animate-float {\n            animation: float 6s ease-in-out infinite;\n        }\n        \n        .animate-pulse-slow {\n            animation: pulse-slow 4s ease-in-out infinite;\n        }\n        \n        .animate-spin-slow {\n            animation: spin-slow 15s linear infinite;\n        }\n        \n        .reveal-right {\n            opacity: 0;\n            animation: reveal-right 0.8s ease-out forwards;\n        }\n        \n        .reveal-left {\n            opacity: 0;\n            animation: reveal-left 0.8s ease-out forwards;\n        }\n        \n        .reveal-up {\n            opacity: 0;\n            animation: reveal-up 0.8s ease-out forwards;\n        }\n        \n        \/* Barre de d\u00e9filement personnalis\u00e9e *\/\n        ::-webkit-scrollbar {\n            width: 10px;\n        }\n        \n        ::-webkit-scrollbar-track {\n            background: #f1f1f1;\n        }\n        \n        ::-webkit-scrollbar-thumb {\n            background: #f97316;\n            border-radius: 5px;\n        }\n        \n        ::-webkit-scrollbar-thumb:hover {\n            background: #ea580c;\n        }\n        \n        \/* Forme de blob *\/\n        .blob {\n            border-radius: 30% 70% 70% 30% \/ 30% 30% 70% 70%;\n        }\n        \n        \/* Forme d'hexagone *\/\n        .hexagon {\n            clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);\n        }\n        \n        \/* Styles personnalis\u00e9s *\/\n        .section-divider {\n            height: 100px;\n            background: linear-gradient(to right bottom, white 49%, #f8fafc 50%);\n        }\n        \n        .gradient-border {\n            position: relative;\n        }\n        \n        .gradient-border::before {\n            content: \"\";\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            height: 3px;\n            background: linear-gradient(to right, #f97316, #1f2937);\n            border-radius: 3px 3px 0 0;\n        }\n        \n        .clip-diagonal {\n            clip-path: polygon(0 0, 100% 0, 100% 85%, 0 100%);\n        }\n        \n        .clip-diagonal-reverse {\n            clip-path: polygon(0 15%, 100% 0, 100% 100%, 0 100%);\n        }\n        \n        .glass-effect {\n            background: rgba(255, 255, 255, 0.2);\n            backdrop-filter: blur(10px);\n            -webkit-backdrop-filter: blur(10px);\n        }\n    <\/style>\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-444addf e-con-full e-flex e-con e-parent\" data-id=\"444addf\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8d05f2d elementor-widget elementor-widget-html\" data-id=\"8d05f2d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Nunito:wght@300;400;600;700;800;900&family=Nunito+Sans:wght@300;400;600;700;800&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n  :root {\r\n    --nc-dark:    #0a1628;\r\n    --nc-navy:    #0d2240;\r\n    --nc-blue:    #1a4a7a;\r\n    --nc-accent:  #e8a020;\r\n    --nc-accent2: #00b4d8;\r\n    --nc-light:   #f4f7fb;\r\n    --nc-white:   #ffffff;\r\n    --nc-gray:    #6b7a8d;\r\n    --nc-border:  rgba(255,255,255,0.08);\r\n    --font-head:  'Century Gothic','Nunito','Futura','Trebuchet MS',sans-serif;\r\n    --font-body:  'Century Gothic','Nunito Sans','Trebuchet MS',sans-serif;\r\n  }\r\n\r\n  *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\r\n  html { scroll-behavior: smooth; }\r\n\r\n  body {\r\n    font-family: var(--font-body);\r\n    background: var(--nc-dark);\r\n    color: var(--nc-white);\r\n    overflow-x: hidden;\r\n  }\r\n\r\n  \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n     HERO\r\n  \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n  .hero {\r\n    min-height: 100vh;\r\n    background:\r\n      radial-gradient(ellipse at 70% 50%, rgba(0,180,216,0.12) 0%, transparent 60%),\r\n      radial-gradient(ellipse at 20% 80%, rgba(232,160,32,0.08) 0%, transparent 50%),\r\n      linear-gradient(160deg, #0a1628 0%, #0d2240 50%, #0a1f3a 100%);\r\n    display: grid;\r\n    grid-template-columns: 1fr 1fr;\r\n    align-items: center;\r\n    gap: 60px;\r\n    padding: 80px 80px 80px;\r\n    position: relative;\r\n    overflow: hidden;\r\n  }\r\n\r\n  .hero::before {\r\n    content: '';\r\n    position: absolute;\r\n    inset: 0;\r\n    background-image:\r\n      linear-gradient(rgba(0,180,216,0.04) 1px, transparent 1px),\r\n      linear-gradient(90deg, rgba(0,180,216,0.04) 1px, transparent 1px);\r\n    background-size: 60px 60px;\r\n    pointer-events: none;\r\n  }\r\n\r\n  .hero-left { position: relative; z-index: 5; }\r\n\r\n  .hero-tag {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    background: rgba(0,180,216,0.12);\r\n    border: 1px solid rgba(0,180,216,0.3);\r\n    color: var(--nc-accent2);\r\n    font-size: 11px;\r\n    font-weight: 600;\r\n    letter-spacing: 0.15em;\r\n    text-transform: uppercase;\r\n    padding: 6px 14px;\r\n    border-radius: 99px;\r\n    margin-bottom: 28px;\r\n    width: fit-content;\r\n  }\r\n  .hero-tag::before {\r\n    content: '';\r\n    width: 6px; height: 6px;\r\n    border-radius: 50%;\r\n    background: var(--nc-accent2);\r\n    animation: blink 2s infinite;\r\n  }\r\n  @keyframes blink { 0%,100%{opacity:1;} 50%{opacity:0.35;} }\r\n\r\n  .hero h1 {\r\n    font-family: var(--font-head);\r\n    font-size: clamp(42px, 5.5vw, 76px);\r\n    line-height: 0.93;\r\n    letter-spacing: 0.02em;\r\n    color: var(--nc-white);\r\n    margin-bottom: 28px;\r\n  }\r\n  .hero h1 span { color: var(--nc-accent); display: block; }\r\n\r\n  .hero-sub {\r\n    font-size: 16.5px;\r\n    line-height: 1.75;\r\n    color: rgba(255,255,255,0.6);\r\n    max-width: 500px;\r\n    margin-bottom: 44px;\r\n    font-weight: 300;\r\n  }\r\n\r\n  .hero-btns { display: flex; gap: 14px; flex-wrap: wrap; }\r\n\r\n  .btn-primary {\r\n    background: var(--nc-accent);\r\n    color: var(--nc-dark);\r\n    padding: 13px 30px;\r\n    border-radius: 4px;\r\n    font-weight: 600;\r\n    font-size: 14px;\r\n    text-decoration: none;\r\n    letter-spacing: 0.04em;\r\n    transition: background 0.2s, transform 0.15s;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n  }\r\n  .btn-primary:hover { background: #f5b030; transform: translateY(-2px); }\r\n\r\n  .btn-outline {\r\n    border: 1px solid rgba(255,255,255,0.25);\r\n    color: var(--nc-white);\r\n    padding: 13px 28px;\r\n    border-radius: 4px;\r\n    font-size: 14px;\r\n    text-decoration: none;\r\n    letter-spacing: 0.04em;\r\n    transition: border-color 0.2s, background 0.2s;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n  }\r\n  .btn-outline:hover { border-color: rgba(255,255,255,0.55); background: rgba(255,255,255,0.05); }\r\n\r\n  \/* Hero right \u2014 stat card *\/\r\n  .hero-right { position: relative; z-index: 5; }\r\n\r\n  .hero-card {\r\n    background: rgba(13,34,64,0.7);\r\n    border: 1px solid var(--nc-border);\r\n    border-radius: 12px;\r\n    overflow: hidden;\r\n    backdrop-filter: blur(10px);\r\n  }\r\n\r\n  .hc-head {\r\n    background: rgba(232,160,32,0.08);\r\n    border-bottom: 1px solid var(--nc-border);\r\n    padding: 18px 24px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n  }\r\n  .hc-title { font-size: 13.5px; font-weight: 600; color: var(--nc-white); }\r\n  .hc-sub { font-size: 11px; color: rgba(255,255,255,0.4); margin-top: 2px; }\r\n  .hc-live {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 5px;\r\n    background: rgba(0,180,216,0.12);\r\n    border: 1px solid rgba(0,180,216,0.25);\r\n    border-radius: 99px;\r\n    padding: 4px 11px;\r\n    font-size: 10px;\r\n    font-weight: 600;\r\n    letter-spacing: 0.1em;\r\n    text-transform: uppercase;\r\n    color: var(--nc-accent2);\r\n  }\r\n  .hc-live::before {\r\n    content: '';\r\n    width: 6px; height: 6px;\r\n    border-radius: 50%;\r\n    background: var(--nc-accent2);\r\n    animation: blink 1.6s infinite;\r\n  }\r\n\r\n  .hc-stats {\r\n    display: grid;\r\n    grid-template-columns: 1fr 1fr;\r\n    gap: 1px;\r\n    background: var(--nc-border);\r\n  }\r\n  .hc-stat { background: #0d2240; padding: 22px 22px; }\r\n  .hc-num {\r\n    font-family: var(--font-head);\r\n    font-size: 30px;\r\n    font-weight: 900;\r\n    color: var(--nc-accent);\r\n    line-height: 1;\r\n    margin-bottom: 4px;\r\n  }\r\n  .hc-lbl { font-size: 11.5px; font-weight: 500; color: rgba(255,255,255,0.4); letter-spacing: 0.04em; }\r\n\r\n  .hc-foot {\r\n    padding: 14px 24px;\r\n    border-top: 1px solid var(--nc-border);\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    gap: 8px;\r\n    flex-wrap: wrap;\r\n  }\r\n  .hc-chips { display: flex; gap: 6px; }\r\n  .hc-chip {\r\n    background: rgba(0,180,216,0.1);\r\n    border: 1px solid rgba(0,180,216,0.22);\r\n    border-radius: 99px;\r\n    padding: 3px 10px;\r\n    font-size: 10px;\r\n    font-weight: 600;\r\n    letter-spacing: 0.07em;\r\n    color: var(--nc-accent2);\r\n  }\r\n  .hc-midaf {\r\n    background: rgba(232,160,32,0.1);\r\n    border: 1px solid rgba(232,160,32,0.25);\r\n    border-radius: 99px;\r\n    padding: 3px 10px;\r\n    font-size: 10px;\r\n    font-weight: 600;\r\n    letter-spacing: 0.07em;\r\n    color: var(--nc-accent);\r\n  }\r\n\r\n  \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n     SHARED\r\n  \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n  .section-label {\r\n    font-size: 11px;\r\n    font-weight: 600;\r\n    letter-spacing: 0.22em;\r\n    text-transform: uppercase;\r\n    color: var(--nc-accent2);\r\n    margin-bottom: 16px;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n  }\r\n  .section-label::before {\r\n    content: '';\r\n    width: 20px; height: 1px;\r\n    background: var(--nc-accent2);\r\n    flex-shrink: 0;\r\n  }\r\n\r\n  \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n     APPROACH\r\n  \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n  .approach {\r\n    background: var(--nc-navy);\r\n    padding: 96px 80px;\r\n    border-top: 1px solid var(--nc-border);\r\n  }\r\n  .approach-inner { max-width: 1200px; margin: 0 auto; }\r\n\r\n  .approach-header {\r\n    display: grid;\r\n    grid-template-columns: 1fr 1fr;\r\n    gap: 48px;\r\n    align-items: end;\r\n    margin-bottom: 52px;\r\n  }\r\n  .approach-header h2 {\r\n    font-family: var(--font-head);\r\n    font-size: clamp(30px, 3.5vw, 50px);\r\n    letter-spacing: 0.03em;\r\n    color: var(--nc-white);\r\n    line-height: 0.95;\r\n  }\r\n  .approach-header p {\r\n    font-size: 15px;\r\n    color: rgba(255,255,255,0.55);\r\n    line-height: 1.75;\r\n    font-weight: 300;\r\n  }\r\n\r\n  .approach-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(3, 1fr);\r\n    gap: 2px;\r\n    background: var(--nc-border);\r\n    border: 1px solid var(--nc-border);\r\n    border-radius: 10px;\r\n    overflow: hidden;\r\n  }\r\n\r\n  .approach-item {\r\n    background: var(--nc-navy);\r\n    padding: 40px 34px;\r\n    position: relative;\r\n    transition: background 0.25s;\r\n  }\r\n  .approach-item:hover { background: rgba(0,180,216,0.05); }\r\n\r\n  .approach-num {\r\n    font-family: var(--font-head);\r\n    font-size: 50px;\r\n    font-weight: 900;\r\n    color: rgba(255,255,255,0.04);\r\n    line-height: 1;\r\n    position: absolute;\r\n    top: 20px; right: 24px;\r\n    letter-spacing: 0.02em;\r\n  }\r\n\r\n  .approach-icon {\r\n    width: 42px; height: 42px;\r\n    border-radius: 8px;\r\n    background: rgba(0,180,216,0.12);\r\n    border: 1px solid rgba(0,180,216,0.22);\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    font-size: 18px;\r\n    margin-bottom: 20px;\r\n  }\r\n\r\n  .approach-item h3 {\r\n    font-size: 16px;\r\n    font-weight: 600;\r\n    color: var(--nc-white);\r\n    margin-bottom: 12px;\r\n    letter-spacing: -0.01em;\r\n  }\r\n  .approach-item p {\r\n    font-size: 13.5px;\r\n    color: rgba(255,255,255,0.5);\r\n    line-height: 1.75;\r\n    font-weight: 300;\r\n  }\r\n\r\n  \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n     SERVICES\r\n  \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n  .services { padding: 96px 80px; background: var(--nc-dark); }\r\n  .services-inner { max-width: 1200px; margin: 0 auto; }\r\n\r\n  .services-header {\r\n    display: flex;\r\n    align-items: flex-end;\r\n    justify-content: space-between;\r\n    margin-bottom: 56px;\r\n    gap: 32px;\r\n    flex-wrap: wrap;\r\n  }\r\n  .services-header h2 {\r\n    font-family: var(--font-head);\r\n    font-size: clamp(30px, 3.5vw, 50px);\r\n    letter-spacing: 0.03em;\r\n    color: var(--nc-white);\r\n    line-height: 0.95;\r\n  }\r\n  .services-header p {\r\n    font-size: 15px;\r\n    color: rgba(255,255,255,0.5);\r\n    max-width: 400px;\r\n    line-height: 1.75;\r\n    font-weight: 300;\r\n  }\r\n\r\n  .services-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(3, 1fr);\r\n    gap: 1px;\r\n    background: rgba(255,255,255,0.06);\r\n    border: 1px solid rgba(255,255,255,0.06);\r\n    border-radius: 12px;\r\n    overflow: hidden;\r\n  }\r\n\r\n  .service-card {\r\n    background: var(--nc-dark);\r\n    display: flex;\r\n    flex-direction: column;\r\n    position: relative;\r\n    overflow: hidden;\r\n    transition: background 0.3s;\r\n  }\r\n  .service-card:hover { background: #0c1d30; }\r\n\r\n  .service-card::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: 0; left: 0; right: 0;\r\n    height: 2px;\r\n    background: linear-gradient(90deg, var(--nc-accent2), var(--nc-accent));\r\n    transform: scaleX(0);\r\n    transform-origin: left;\r\n    transition: transform 0.4s ease;\r\n    z-index: 2;\r\n  }\r\n  .service-card:hover::before { transform: scaleX(1); }\r\n\r\n  .card-img-wrap {\r\n    width: 100%;\r\n    height: 190px;\r\n    overflow: hidden;\r\n    position: relative;\r\n  }\r\n  .card-img-wrap img {\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n    filter: brightness(0.6) saturate(0.65);\r\n    transition: filter 0.4s, transform 0.5s;\r\n    display: block;\r\n  }\r\n  .service-card:hover .card-img-wrap img {\r\n    filter: brightness(0.72) saturate(0.9);\r\n    transform: scale(1.05);\r\n  }\r\n\r\n  .card-badge {\r\n    position: absolute;\r\n    bottom: 10px; right: 12px;\r\n    font-family: var(--font-head);\r\n    font-size: 11px;\r\n    font-weight: 700;\r\n    letter-spacing: 0.06em;\r\n    color: rgba(255,255,255,0.45);\r\n    z-index: 3;\r\n  }\r\n\r\n  .card-content {\r\n    padding: 24px 26px 28px;\r\n    flex: 1;\r\n    display: flex;\r\n    flex-direction: column;\r\n    border-top: 1px solid rgba(255,255,255,0.05);\r\n  }\r\n\r\n  .card-cat {\r\n    font-size: 9.5px;\r\n    font-weight: 600;\r\n    letter-spacing: 0.16em;\r\n    text-transform: uppercase;\r\n    color: var(--nc-accent2);\r\n    margin-bottom: 9px;\r\n    opacity: 0.8;\r\n  }\r\n\r\n  .card-content h3 {\r\n    font-size: 16px;\r\n    font-weight: 600;\r\n    color: var(--nc-white);\r\n    margin-bottom: 10px;\r\n    line-height: 1.3;\r\n    letter-spacing: -0.01em;\r\n  }\r\n  .card-content p {\r\n    font-size: 13.5px;\r\n    color: rgba(255,255,255,0.5);\r\n    line-height: 1.7;\r\n    flex: 1;\r\n    margin-bottom: 18px;\r\n    font-weight: 300;\r\n  }\r\n\r\n  .card-link {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 7px;\r\n    font-size: 11.5px;\r\n    font-weight: 600;\r\n    letter-spacing: 0.1em;\r\n    text-transform: uppercase;\r\n    color: var(--nc-accent2);\r\n    text-decoration: none;\r\n    transition: gap 0.2s, color 0.2s;\r\n  }\r\n  .card-link:hover { gap: 13px; color: var(--nc-accent); }\r\n  .card-link svg { width: 13px; height: 13px; transition: transform 0.2s; }\r\n  .card-link:hover svg { transform: translateX(2px); }\r\n\r\n  \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n     FOOTER CTA\r\n  \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n  .footer-cta {\r\n    background: linear-gradient(135deg, var(--nc-navy) 0%, #0a1f3a 100%);\r\n    padding: 96px 80px;\r\n    border-top: 1px solid var(--nc-border);\r\n    position: relative;\r\n    overflow: hidden;\r\n  }\r\n  .footer-cta::before {\r\n    content: 'NORE CHEM';\r\n    position: absolute;\r\n    font-family: var(--font-head);\r\n    font-size: 160px;\r\n    font-weight: 900;\r\n    color: rgba(255,255,255,0.02);\r\n    top: 50%; left: 50%;\r\n    transform: translate(-50%, -50%);\r\n    white-space: nowrap;\r\n    pointer-events: none;\r\n    letter-spacing: 0.05em;\r\n  }\r\n\r\n  .footer-inner {\r\n    max-width: 1200px;\r\n    margin: 0 auto;\r\n    display: grid;\r\n    grid-template-columns: 1fr auto;\r\n    align-items: center;\r\n    gap: 48px;\r\n    position: relative;\r\n    z-index: 2;\r\n  }\r\n\r\n  .footer-left h2 {\r\n    font-family: var(--font-head);\r\n    font-size: clamp(32px, 4vw, 58px);\r\n    letter-spacing: 0.03em;\r\n    color: var(--nc-white);\r\n    line-height: 0.95;\r\n    margin-bottom: 16px;\r\n  }\r\n  .footer-left h2 span { color: var(--nc-accent); }\r\n  .footer-left p {\r\n    font-size: 15.5px;\r\n    color: rgba(255,255,255,0.5);\r\n    max-width: 520px;\r\n    line-height: 1.75;\r\n    font-weight: 300;\r\n  }\r\n\r\n  .footer-right {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 12px;\r\n    align-items: flex-end;\r\n    flex-shrink: 0;\r\n  }\r\n\r\n  \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n     ANIMATIONS\r\n  \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n  .fade-up {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n    transition: opacity 0.65s ease, transform 0.65s ease;\r\n  }\r\n\r\n  \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n     RESPONSIVE\r\n  \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n  @media (max-width: 1024px) {\r\n    .hero { grid-template-columns: 1fr; padding: 60px 40px 72px; gap: 40px; }\r\n    .approach, .services, .footer-cta { padding-left: 40px; padding-right: 40px; }\r\n    .approach-header { grid-template-columns: 1fr; gap: 20px; }\r\n    .services-grid { grid-template-columns: repeat(2, 1fr); }\r\n    .footer-inner { grid-template-columns: 1fr; }\r\n    .footer-right { align-items: flex-start; flex-direction: row; flex-wrap: wrap; }\r\n  }\r\n  @media (max-width: 720px) {\r\n    .hero { padding: 40px 24px 56px; }\r\n    .approach, .services, .footer-cta { padding: 64px 24px; }\r\n    .approach-grid, .services-grid { grid-template-columns: 1fr; }\r\n    .hero-btns { flex-direction: column; align-items: stretch; }\r\n    .btn-primary, .btn-outline { justify-content: center; }\r\n    .hc-stats { grid-template-columns: 1fr 1fr; }\r\n  }\r\n<\/style>\r\n\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 HERO \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<section class=\"hero\">\r\n  <div class=\"hero-left fade-up\">\r\n    <div class=\"hero-tag\">Nos Services<\/div>\r\n    <h1>\r\n      Solutions\r\n      <span>Chimiques<\/span>\r\n    <\/h1>\r\n    <p class=\"hero-sub\">\r\n      Chez <strong style=\"color:#fff;font-weight:600;\">NORE CHEM<\/strong>, filiale du Groupe MIDAF, nos services sont con\u00e7us pour vous aider \u00e0 atteindre vos objectifs gr\u00e2ce \u00e0 des technologies chimiques innovantes, une logistique ma\u00eetris\u00e9e et des pratiques durables adapt\u00e9es aux r\u00e9alit\u00e9s africaines.\r\n    <\/p>\r\n    <div class=\"hero-btns\">\r\n      <a href=\"#services\" class=\"btn-primary\">\r\n        <svg width=\"14\" height=\"14\" fill=\"currentColor\" viewBox=\"0 0 16 16\"><path d=\"M1 8a7 7 0 1 0 14 0A7 7 0 0 0 1 8zm15 0A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM4.5 7.5a.5.5 0 0 0 0 1h5.793l-2.147 2.146a.5.5 0 0 0 .708.708l3-3a.5.5 0 0 0 0-.708l-3-3a.5.5 0 1 0-.708.708L10.293 7.5H4.5z\"\/><\/svg>\r\n        D\u00e9couvrir nos services\r\n      <\/a>\r\n      <a href=\"#contact\" class=\"btn-outline\">\r\n        <svg width=\"14\" height=\"14\" fill=\"currentColor\" viewBox=\"0 0 16 16\"><path d=\"M.05 3.555A2 2 0 0 1 2 2h12a2 2 0 0 1 1.95 1.555L8 8.414.05 3.555zm-.05 1.108 7.545 4.73a.5.5 0 0 0 .91 0L16 4.663V11a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V4.663z\"\/><\/svg>\r\n        Contacter notre \u00e9quipe\r\n      <\/a>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <div class=\"hero-right fade-up\" style=\"transition-delay:.14s\">\r\n    <div class=\"hero-card\">\r\n      <div class=\"hc-head\">\r\n        <div>\r\n          <div class=\"hc-title\">NORE CHEM \u2014 Groupe MIDAF<\/div>\r\n          <div class=\"hc-sub\">Indicateurs cl\u00e9s \u00b7 Afrique de l'Ouest<\/div>\r\n        <\/div>\r\n        <div class=\"hc-live\">Actif<\/div>\r\n      <\/div>\r\n      <div class=\"hc-stats\">\r\n        <div class=\"hc-stat\"><div class=\"hc-num\">500+<\/div><div class=\"hc-lbl\">Produits r\u00e9f\u00e9renc\u00e9s<\/div><\/div>\r\n        <div class=\"hc-stat\"><div class=\"hc-num\">15+<\/div><div class=\"hc-lbl\">Pays desservis<\/div><\/div>\r\n        <div class=\"hc-stat\"><div class=\"hc-num\">200+<\/div><div class=\"hc-lbl\">Clients actifs<\/div><\/div>\r\n        <div class=\"hc-stat\"><div class=\"hc-num\">48H<\/div><div class=\"hc-lbl\">Livraison express<\/div><\/div>\r\n      <\/div>\r\n      <div class=\"hc-foot\">\r\n        <div class=\"hc-chips\">\r\n          <span class=\"hc-chip\">ISO 9001<\/span>\r\n          <span class=\"hc-chip\">ADR \u00b7 IMDG<\/span>\r\n        <\/div>\r\n        <span class=\"hc-midaf\">Groupe MIDAF<\/span>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 APPROACH \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<section class=\"approach\">\r\n  <div class=\"approach-inner\">\r\n    <div class=\"approach-header fade-up\">\r\n      <div>\r\n        <div class=\"section-label\">Notre Approche<\/div>\r\n        <h2>Des services complets<br>adapt\u00e9s \u00e0 votre r\u00e9ussite<\/h2>\r\n      <\/div>\r\n      <p>Nous combinons expertise chimique, logistique r\u00e9gionale et support technique de terrain pour offrir une valeur r\u00e9elle \u00e0 chaque client, quelle que soit la complexit\u00e9 de son projet.<\/p>\r\n    <\/div>\r\n    <div class=\"approach-grid\">\r\n      <div class=\"approach-item fade-up\">\r\n        <div class=\"approach-num\">01<\/div>\r\n        <div class=\"approach-icon\">\u26a1<\/div>\r\n        <h3>Technologies Efficaces<\/h3>\r\n        <p>Nous privil\u00e9gions des technologies et \u00e9quipements performants ainsi que des ressources renouvelables pour minimiser l'impact environnemental tout en maximisant la productivit\u00e9.<\/p>\r\n      <\/div>\r\n      <div class=\"approach-item fade-up\" style=\"transition-delay:.1s\">\r\n        <div class=\"approach-num\">02<\/div>\r\n        <div class=\"approach-icon\">\u2699\ufe0f<\/div>\r\n        <h3>Excellence Op\u00e9rationnelle<\/h3>\r\n        <p>Optimisation des processus et cr\u00e9ation d'efficacit\u00e9s dans les pratiques op\u00e9rationnelles pour une performance durable, de la commande \u00e0 la livraison sur site client.<\/p>\r\n      <\/div>\r\n      <div class=\"approach-item fade-up\" style=\"transition-delay:.2s\">\r\n        <div class=\"approach-num\">03<\/div>\r\n        <div class=\"approach-icon\">\ud83d\udc65<\/div>\r\n        <h3>Valorisation des \u00c9quipes<\/h3>\r\n        <p>Renforcement de la culture HSE, sensibilisation au d\u00e9veloppement durable et accompagnement par des ing\u00e9nieurs chimistes sp\u00e9cialis\u00e9s en m\u00e9tallurgie extractive.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 SERVICES \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<section class=\"services\" id=\"services\">\r\n  <div class=\"services-inner\">\r\n    <div class=\"services-header fade-up\">\r\n      <div>\r\n        <div class=\"section-label\">Nos Services<\/div>\r\n        <h2>Solutions taill\u00e9es<br>pour votre industrie<\/h2>\r\n      <\/div>\r\n      <p>Notre gamme compl\u00e8te de services est con\u00e7ue pour optimiser vos op\u00e9rations, r\u00e9duire l'impact environnemental et soutenir une croissance durable.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"services-grid\">\r\n\r\n      <div class=\"service-card fade-up\">\r\n        <div class=\"card-img-wrap\"><img decoding=\"async\" src=\"https:\/\/fasochem.com\/sites\/default\/files\/inline-images\/2_0.jpg\" alt=\"Support Technique\" loading=\"lazy\"><span class=\"card-badge\">01<\/span><\/div>\r\n        <div class=\"card-content\"><span class=\"card-cat\">Expertise<\/span><h3>Support Technique<\/h3><p>Une partie int\u00e9grante de notre approche client : conseils experts et solutions aux d\u00e9fis chimiques complexes, sur site ou \u00e0 distance.<\/p><a href=\"#\" class=\"card-link\">En savoir plus <svg fill=\"currentColor\" viewBox=\"0 0 16 16\"><path fill-rule=\"evenodd\" d=\"M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8z\"\/><\/svg><\/a><\/div>\r\n      <\/div>\r\n\r\n      <div class=\"service-card fade-up\" style=\"transition-delay:.05s\">\r\n        <div class=\"card-img-wrap\"><img decoding=\"async\" src=\"https:\/\/fasochem.com\/sites\/default\/files\/inline-images\/3_2.jpg\" alt=\"Comptes Entreprises\" loading=\"lazy\"><span class=\"card-badge\">02<\/span><\/div>\r\n        <div class=\"card-content\"><span class=\"card-cat\">Grand Compte<\/span><h3>Comptes Entreprises<\/h3><p>Services d\u00e9di\u00e9s aux grands comptes industriels \u2014 conditions contractuelles personnalis\u00e9es, account manager d\u00e9di\u00e9, suivi proactif.<\/p><a href=\"#\" class=\"card-link\">En savoir plus <svg fill=\"currentColor\" viewBox=\"0 0 16 16\"><path fill-rule=\"evenodd\" d=\"M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8z\"\/><\/svg><\/a><\/div>\r\n      <\/div>\r\n\r\n      <div class=\"service-card fade-up\" style=\"transition-delay:.1s\">\r\n        <div class=\"card-img-wrap\"><img decoding=\"async\" src=\"https:\/\/fasochem.com\/sites\/default\/files\/inline-images\/6_0.jpg\" alt=\"M\u00e9lange Personnalis\u00e9\" loading=\"lazy\"><span class=\"card-badge\">03<\/span><\/div>\r\n        <div class=\"card-content\"><span class=\"card-cat\">Formulation<\/span><h3>M\u00e9lange sur Mesure<\/h3><p>Solutions intelligentes r\u00e9pondant \u00e0 vos sp\u00e9cifications chimiques exactes, adapt\u00e9es aux exigences uniques de votre secteur industriel.<\/p><a href=\"#\" class=\"card-link\">En savoir plus <svg fill=\"currentColor\" viewBox=\"0 0 16 16\"><path fill-rule=\"evenodd\" d=\"M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8z\"\/><\/svg><\/a><\/div>\r\n      <\/div>\r\n\r\n      <div class=\"service-card fade-up\" style=\"transition-delay:.15s\">\r\n        <div class=\"card-img-wrap\"><img decoding=\"async\" src=\"https:\/\/fasochem.com\/sites\/default\/files\/inline-images\/5_1.jpg\" alt=\"Emballage\" loading=\"lazy\"><span class=\"card-badge\">04<\/span><\/div>\r\n        <div class=\"card-content\"><span class=\"card-cat\">Packaging<\/span><h3>Emballage & \u00c9tiquetage<\/h3><p>Simplifiez vos op\u00e9rations avec nos solutions d'emballage sur mesure \u2014 conditionnements adapt\u00e9s, \u00e9tiquetage multilingue, conformit\u00e9 r\u00e9glementaire.<\/p><a href=\"#\" class=\"card-link\">En savoir plus <svg fill=\"currentColor\" viewBox=\"0 0 16 16\"><path fill-rule=\"evenodd\" d=\"M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8z\"\/><\/svg><\/a><\/div>\r\n      <\/div>\r\n\r\n      <div class=\"service-card fade-up\" style=\"transition-delay:.2s\">\r\n        <div class=\"card-img-wrap\"><img decoding=\"async\" src=\"https:\/\/fasochem.com\/sites\/default\/files\/inline-images\/7_2.jpg\" alt=\"Laboratoire\" loading=\"lazy\"><span class=\"card-badge\">05<\/span><\/div>\r\n        <div class=\"card-content\"><span class=\"card-cat\">R&D<\/span><h3>Services Laboratoire & Formulation<\/h3><p>D\u00e9couvrez votre prochaine solution gr\u00e2ce \u00e0 nos installations de recherche de pointe et nos ing\u00e9nieurs chimistes experts.<\/p><a href=\"#\" class=\"card-link\">En savoir plus <svg fill=\"currentColor\" viewBox=\"0 0 16 16\"><path fill-rule=\"evenodd\" d=\"M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8z\"\/><\/svg><\/a><\/div>\r\n      <\/div>\r\n\r\n      <div class=\"service-card fade-up\" style=\"transition-delay:.25s\">\r\n        <div class=\"card-img-wrap\"><img decoding=\"async\" src=\"https:\/\/fasochem.com\/sites\/default\/files\/inline-images\/10.jpg\" alt=\"Stockage\" loading=\"lazy\"><span class=\"card-badge\">06<\/span><\/div>\r\n        <div class=\"card-content\"><span class=\"card-cat\">Stockage<\/span><h3>Stockage MiniBulk sur Site<\/h3><p>Am\u00e9liorez la s\u00e9curit\u00e9, minimisez les risques et r\u00e9duisez les d\u00e9chets gr\u00e2ce \u00e0 nos solutions de stockage sur site adapt\u00e9es \u00e0 vos volumes.<\/p><a href=\"#\" class=\"card-link\">En savoir plus <svg fill=\"currentColor\" viewBox=\"0 0 16 16\"><path fill-rule=\"evenodd\" d=\"M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8z\"\/><\/svg><\/a><\/div>\r\n      <\/div>\r\n\r\n      <div class=\"service-card fade-up\" style=\"transition-delay:.3s\">\r\n        <div class=\"card-img-wrap\"><img decoding=\"async\" src=\"https:\/\/fasochem.com\/sites\/default\/files\/inline-images\/11.jpg\" alt=\"Supply Chain\" loading=\"lazy\"><span class=\"card-badge\">07<\/span><\/div>\r\n        <div class=\"card-content\"><span class=\"card-cat\">Logistique<\/span><h3>Cha\u00eene d'Approvisionnement<\/h3><p>Solutions supply chain int\u00e9gr\u00e9es qui optimisent le flux des ressources et renforcent l'efficacit\u00e9 op\u00e9rationnelle de bout en bout.<\/p><a href=\"#\" class=\"card-link\">En savoir plus <svg fill=\"currentColor\" viewBox=\"0 0 16 16\"><path fill-rule=\"evenodd\" d=\"M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8z\"\/><\/svg><\/a><\/div>\r\n      <\/div>\r\n\r\n      <div class=\"service-card fade-up\" style=\"transition-delay:.35s\">\r\n        <div class=\"card-img-wrap\"><img decoding=\"async\" src=\"https:\/\/fasochem.com\/sites\/default\/files\/inline-images\/15.jpg\" alt=\"T\u00e9l\u00e9m\u00e9trie\" loading=\"lazy\"><span class=\"card-badge\">08<\/span><\/div>\r\n        <div class=\"card-content\"><span class=\"card-cat\">Digital<\/span><h3>Services de T\u00e9l\u00e9m\u00e9trie<\/h3><p>Automatisez la gestion des niveaux de cuves avec une surveillance intelligente qui fournit des donn\u00e9es et insights en temps r\u00e9el.<\/p><a href=\"#\" class=\"card-link\">En savoir plus <svg fill=\"currentColor\" viewBox=\"0 0 16 16\"><path fill-rule=\"evenodd\" d=\"M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8z\"\/><\/svg><\/a><\/div>\r\n      <\/div>\r\n\r\n      <div class=\"service-card fade-up\" style=\"transition-delay:.4s\">\r\n        <div class=\"card-img-wrap\"><img decoding=\"async\" src=\"https:\/\/fasochem.com\/sites\/default\/files\/inline-images\/17.jpg\" alt=\"Transport\" loading=\"lazy\"><span class=\"card-badge\">09<\/span><\/div>\r\n        <div class=\"card-content\"><span class=\"card-cat\">Transport<\/span><h3>Transport Sp\u00e9cialis\u00e9<\/h3><p>Livraison coh\u00e9rente, s\u00e9curis\u00e9e et ponctuelle gr\u00e2ce \u00e0 notre flotte sp\u00e9cialis\u00e9e et notre expertise logistique r\u00e9gionale \u00e9prouv\u00e9e.<\/p><a href=\"#\" class=\"card-link\">En savoir plus <svg fill=\"currentColor\" viewBox=\"0 0 16 16\"><path fill-rule=\"evenodd\" d=\"M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8z\"\/><\/svg><\/a><\/div>\r\n      <\/div>\r\n\r\n      <div class=\"service-card fade-up\" style=\"transition-delay:.45s\">\r\n        <div class=\"card-img-wrap\"><img decoding=\"async\" src=\"https:\/\/fasochem.com\/sites\/default\/files\/inline-images\/8_0.jpg\" alt=\"Entreposage\" loading=\"lazy\"><span class=\"card-badge\">10<\/span><\/div>\r\n        <div class=\"card-content\"><span class=\"card-cat\">Infrastructure<\/span><h3>Entreposage<\/h3><p>Minimisez les investissements lourds gr\u00e2ce \u00e0 nos solutions de stockage \u00e9conomiques et nos syst\u00e8mes de gestion des stocks optimis\u00e9s.<\/p><a href=\"#\" class=\"card-link\">En savoir plus <svg fill=\"currentColor\" viewBox=\"0 0 16 16\"><path fill-rule=\"evenodd\" d=\"M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8z\"\/><\/svg><\/a><\/div>\r\n      <\/div>\r\n\r\n      <div class=\"service-card fade-up\" style=\"transition-delay:.5s\">\r\n        <div class=\"card-img-wrap\"><img decoding=\"async\" src=\"https:\/\/fasochem.com\/sites\/default\/files\/inline-images\/16.jpg\" alt=\"Centres de Solutions\" loading=\"lazy\"><span class=\"card-badge\">11<\/span><\/div>\r\n        <div class=\"card-content\"><span class=\"card-cat\">Innovation<\/span><h3>Centres de Solutions<\/h3><p>Innover aujourd'hui pour r\u00e9soudre les d\u00e9fis de demain, avec nos installations de R&D et nos \u00e9quipes d'ing\u00e9nieurs pluridisciplinaires.<\/p><a href=\"#\" class=\"card-link\">En savoir plus <svg fill=\"currentColor\" viewBox=\"0 0 16 16\"><path fill-rule=\"evenodd\" d=\"M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8z\"\/><\/svg><\/a><\/div>\r\n      <\/div>\r\n\r\n      <div class=\"service-card fade-up\" style=\"transition-delay:.55s\">\r\n        <div class=\"card-img-wrap\"><img decoding=\"async\" src=\"https:\/\/fasochem.com\/sites\/default\/files\/inline-images\/20.jpg\" alt=\"Solutions Durables\" loading=\"lazy\"><span class=\"card-badge\">12<\/span><\/div>\r\n        <div class=\"card-content\"><span class=\"card-cat\">Durabilit\u00e9<\/span><h3>Solutions Durables Infinies<\/h3><p>Professionnels d\u00e9di\u00e9s, solutions durables et pouvoir d'achat pour une gestion chimique responsable et respectueuse de l'environnement.<\/p><a href=\"#\" class=\"card-link\">En savoir plus <svg fill=\"currentColor\" viewBox=\"0 0 16 16\"><path fill-rule=\"evenodd\" d=\"M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8z\"\/><\/svg><\/a><\/div>\r\n      <\/div>\r\n\r\n      <div class=\"service-card fade-up\" style=\"transition-delay:.6s\">\r\n        <div class=\"card-img-wrap\"><img decoding=\"async\" src=\"https:\/\/fasochem.com\/sites\/default\/files\/inline-images\/22.jpg\" alt=\"Distribution en Vrac\" loading=\"lazy\"><span class=\"card-badge\">13<\/span><\/div>\r\n        <div class=\"card-content\"><span class=\"card-cat\">Distribution<\/span><h3>Distribution Chimique en Vrac<\/h3><p>Service diff\u00e9renci\u00e9 pour les volumes importants gr\u00e2ce \u00e0 notre r\u00e9seau de distribution \u00e9tendu et notre expertise en produits chimiques industriels.<\/p><a href=\"#\" class=\"card-link\">En savoir plus <svg fill=\"currentColor\" viewBox=\"0 0 16 16\"><path fill-rule=\"evenodd\" d=\"M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8z\"\/><\/svg><\/a><\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 FOOTER CTA \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<section class=\"footer-cta\" id=\"contact\">\r\n  <div class=\"footer-inner\">\r\n    <div class=\"footer-left fade-up\">\r\n      <h2>Construisons quelque chose<br><span>de grand ensemble<\/span><\/h2>\r\n      <p>Partenaire de confiance du Groupe MIDAF, NORE CHEM met ses solutions chimiques de pointe et son support expert au service de votre industrie en Afrique de l'Ouest.<\/p>\r\n    <\/div>\r\n    <div class=\"footer-right fade-up\" style=\"transition-delay:.12s\">\r\n      <a href=\"#\" class=\"btn-primary\">\r\n        <svg width=\"14\" height=\"14\" fill=\"currentColor\" viewBox=\"0 0 16 16\"><path d=\"M.05 3.555A2 2 0 0 1 2 2h12a2 2 0 0 1 1.95 1.555L8 8.414.05 3.555zm-.05 1.108 7.545 4.73a.5.5 0 0 0 .91 0L16 4.663V11a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V4.663z\"\/><\/svg>\r\n        Nous contacter\r\n      <\/a>\r\n      <a href=\"#services\" class=\"btn-outline\" style=\"justify-content:center;\">Voir tous les services<\/a>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n  const io = new IntersectionObserver(entries => {\r\n    entries.forEach(e => { if (e.isIntersecting) e.target.classList.add('visible'); });\r\n  }, { threshold: 0.1 });\r\n  document.querySelectorAll('.fade-up').forEach(el => io.observe(el));\r\n\r\n  document.querySelectorAll('a[href^=\"#\"]').forEach(a => {\r\n    a.addEventListener('click', e => {\r\n      e.preventDefault();\r\n      const t = document.querySelector(a.getAttribute('href'));\r\n      if (t) t.scrollIntoView({ behavior: 'smooth', block: 'start' });\r\n    });\r\n  });\r\n<\/script>\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>Nos Services Solutions Chimiques Chez NORE CHEM, filiale du Groupe MIDAF, nos services sont con\u00e7us pour vous aider \u00e0 atteindre [&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-154","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/norechem.net\/en\/wp-json\/wp\/v2\/pages\/154","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=154"}],"version-history":[{"count":20,"href":"https:\/\/norechem.net\/en\/wp-json\/wp\/v2\/pages\/154\/revisions"}],"predecessor-version":[{"id":1054,"href":"https:\/\/norechem.net\/en\/wp-json\/wp\/v2\/pages\/154\/revisions\/1054"}],"wp:attachment":[{"href":"https:\/\/norechem.net\/en\/wp-json\/wp\/v2\/media?parent=154"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}