3IA Distribution \u2014 Expert en Solutions d'Automatisation Industrielle<\/title>\n <meta property=\"og:type\" content=\"website\">\n <meta property=\"og:url\" content=\"https:\/\/3ia-distribution.com\/\">\n <meta property=\"og:title\" content=\"3IA Distribution \u2014 Expert en Automatisation Industrielle\">\n <meta property=\"og:description\" content=\"3IA Distribution \u2014 Sp\u00e9cialiste en solutions d'automatisation industrielle en Tunisie. Distributeur officiel Siemens, Pepperl+Fuchs, Teltonika, ESIT, TE Connectivity, UniMAT, CAMLogic et SCHURTER.\">\n <meta property=\"og:image\" content=\"https:\/\/3ia-distribution.com\/wp-content\/uploads\/2026\/06\/3ia-dist.png\">\n <meta property=\"og:locale\" content=\"fr_FR\">\n\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\n <style>\n *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\n\n :root {\n --blue-900: #1E3A8A;\n --blue-700: #1D4ED8;\n --blue-600: #2563EB;\n --blue-100: #DBEAFE;\n --gray-900: #111827;\n --gray-700: #374151;\n --gray-500: #6B7280;\n --gray-200: #E5E7EB;\n --gray-100: #F3F4F6;\n --gray-50: #F9FAFB;\n --white: #FFFFFF;\n }\n\n body {\n font-family: 'Inter', sans-serif;\n color: var(--gray-900);\n background: var(--white);\n }\n\n \/* \u2500\u2500 NAVIGATION \u2500\u2500 *\/\n nav {\n position: fixed;\n top: 0; left: 0; right: 0;\n z-index: 100;\n background: rgba(255,255,255,0.97);\n backdrop-filter: blur(8px);\n border-bottom: 1px solid #E5E7EB;\n padding: 0 64px;\n height: 64px;\n display: flex;\n align-items: center;\n justify-content: space-between;\n }\n\n .nav-logo {\n display: flex;\n align-items: center;\n gap: 10px;\n font-weight: 800;\n font-size: 18px;\n color: var(--blue-900);\n text-decoration: none;\n letter-spacing: -0.01em;\n }\n\n\n\n\/* \u2500\u2500 Desktop nav \u2500\u2500 *\/\n.nav-3ia {\n position: fixed;\n top: 0; left: 0; right: 0;\n z-index: 1000;\n background: rgba(255,255,255,0.97);\n backdrop-filter: blur(10px);\n -webkit-backdrop-filter: blur(10px);\n border-bottom: 1px solid var(--gray-200);\n padding: 0 64px;\n height: 64px;\n display: flex;\n align-items: center;\n justify-content: space-between;\n}\n \n.nav-logo {\n display: flex; align-items: center; gap: 10px;\n font-weight: 800; font-size: 18px;\n color: var(--blue-900); text-decoration: none;\n letter-spacing: -0.01em; flex-shrink: 0;\n}\n.nav-logo-placeholder {\n width: 38px; height: 38px;\n background: var(--blue-900); border-radius: 7px;\n display: flex; align-items: center; justify-content: center;\n}\n.nav-logo-placeholder svg {\n width: 20px; height: 20px;\n stroke: white; fill: none; stroke-width: 2;\n stroke-linecap: round; stroke-linejoin: round;\n}\n \n\/* Desktop links *\/\n.nav-desktop-links {\n display: flex; align-items: center;\n gap: 36px; list-style: none;\n}\n.nav-desktop-links li a {\n text-decoration: none; color: var(--gray-700);\n font-size: 14px; font-weight: 500; transition: color 0.15s;\n}\n.nav-desktop-links li a:hover,\n.nav-desktop-links li a.active { color: var(--blue-600); }\n\n\/* Translate item alignment *\/\n.nav-translate-item { display: flex; align-items: center; }\n.nav-translate-item .gtranslate_wrapper select { font-size: 13px !important; padding: 5px 10px !important; }\n\n\/* Nav scroll shadow *\/\n.nav-3ia.scrolled { box-shadow: 0 2px 16px rgba(0,0,0,0.08); }\n \n.nav-cta-btn {\n background: var(--blue-600) !important;\n color: white !important;\n padding: 9px 20px !important;\n border-radius: 7px !important;\n font-weight: 600 !important;\n font-size: 14px !important;\n transition: background 0.15s !important;\n}\n.nav-cta-btn:hover { background: var(--blue-700) !important; }\n \n\/* \u2500\u2500 Hamburger button (hidden on desktop) \u2500\u2500 *\/\n.nav-hamburger {\n display: none;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n width: 40px; height: 40px;\n background: transparent;\n border: 1.5px solid var(--gray-200);\n border-radius: 8px;\n cursor: pointer;\n gap: 5px;\n padding: 8px;\n transition: border-color 0.2s;\n flex-shrink: 0;\n}\n.nav-hamburger:hover { border-color: var(--blue-600); }\n \n.ham-line {\n width: 100%; height: 2px;\n background: var(--gray-700); border-radius: 2px;\n transition: transform 0.3s ease, opacity 0.3s ease, width 0.3s ease;\n transform-origin: center;\n}\n \n\/* Hamburger \u2192 X animation *\/\n.nav-hamburger.open .ham-line:nth-child(1) {\n transform: translateY(7px) rotate(45deg);\n}\n.nav-hamburger.open .ham-line:nth-child(2) {\n opacity: 0; transform: scaleX(0);\n}\n.nav-hamburger.open .ham-line:nth-child(3) {\n transform: translateY(-7px) rotate(-45deg);\n}\n \n\/* \u2500\u2500 Mobile menu overlay \u2500\u2500 *\/\n.nav-mobile-menu {\n position: fixed;\n top: 64px; left: 0; right: 0; bottom: 0;\n z-index: 999;\n background: white;\n padding: 32px 24px;\n display: flex;\n flex-direction: column;\n gap: 0;\n transform: translateX(100%);\n transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);\n overflow-y: auto;\n border-top: 1px solid var(--gray-200);\n}\n.nav-mobile-menu.open {\n transform: translateX(0);\n}\n \n\/* Mobile nav links *\/\n.nav-mobile-menu ul {\n list-style: none;\n display: flex; flex-direction: column; gap: 0;\n}\n.nav-mobile-menu ul li a {\n display: flex; align-items: center;\n justify-content: space-between;\n padding: 18px 0;\n font-size: 18px; font-weight: 600;\n color: var(--gray-900); text-decoration: none;\n border-bottom: 1px solid var(--gray-200);\n transition: color 0.15s;\n}\n.nav-mobile-menu ul li a:hover { color: var(--blue-600); }\n.nav-mobile-menu ul li a svg {\n width: 18px; height: 18px;\n stroke: var(--gray-200); fill: none;\n stroke-width: 2; stroke-linecap: round; stroke-linejoin: round;\n}\n \n\/* Mobile CTA button *\/\n.nav-mobile-cta {\n margin-top: 32px;\n display: block;\n background: var(--blue-600);\n color: white !important;\n text-align: center;\n padding: 16px;\n border-radius: 10px;\n font-size: 16px; font-weight: 700;\n text-decoration: none;\n transition: background 0.15s;\n}\n.nav-mobile-cta:hover { background: var(--blue-700); }\n \n\/* Mobile contact info *\/\n.nav-mobile-contact {\n margin-top: 32px;\n padding: 20px;\n background: var(--gray-50, #F9FAFB);\n border-radius: 10px;\n}\n.nav-mobile-contact p {\n font-size: 12px; font-weight: 600;\n letter-spacing: 0.08em; text-transform: uppercase;\n color: var(--gray-400, #9CA3AF);\n margin-bottom: 12px;\n}\n.nav-mobile-contact a {\n display: flex; align-items: center; gap: 10px;\n color: var(--gray-700); font-size: 14px; font-weight: 500;\n text-decoration: none; margin-bottom: 8px;\n}\n.nav-mobile-contact a svg {\n width: 16px; height: 16px;\n stroke: var(--blue-600); fill: none;\n stroke-width: 2; stroke-linecap: round; stroke-linejoin: round;\n}\n \n\/* \u2500\u2500 Responsive breakpoint \u2500\u2500 *\/\n@media (max-width: 769px) {\n .nav-3ia { padding: 0 20px; }\n .nav-desktop-links { display: none; }\n .nav-hamburger { display: flex; }\n}\n \n\/* Prevent body scroll when menu is open *\/\nbody.nav-open { overflow: hidden; }\n \/* \u2500\u2500 Replace .nav-logo-placeholder with your real <img> tag \u2500\u2500 *\/\n .nav-logo-placeholder {\n width: 38px;\n height: 38px;\n background: var(--blue-900);\n border-radius: 7px;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n }\n .nav-logo-placeholder svg {\n width: 20px; height: 20px;\n stroke: white; fill: none;\n stroke-width: 2; stroke-linecap: round; stroke-linejoin: round;\n }\n\n .nav-links {\n display: flex;\n align-items: center;\n gap: 36px;\n list-style: none;\n }\n .nav-links li a {\n text-decoration: none;\n color: var(--gray-700);\n font-size: 14px;\n font-weight: 500;\n transition: color 0.15s;\n }\n .nav-links li a:hover { color: var(--blue-600); }\n\n .nav-btn {\n background: var(--blue-600) !important;\n color: white !important;\n padding: 9px 20px;\n border-radius: 7px;\n font-weight: 600 !important;\n font-size: 14px !important;\n transition: background 0.15s !important;\n }\n .nav-btn:hover { background: var(--blue-700) !important; }\n\n \/* \u2500\u2500 HERO \u2500\u2500 *\/\n .hero {\n margin-top: px;\n position: relative;\n min-height: 360px;\n display: flex;\n align-items: center;\n background:\n linear-gradient(105deg, rgba(10,20,50,0.88) 45%, rgba(10,20,50,0.45) 100%),\n url('https:\/\/3ia-distribution.com\/wp-content\/uploads\/2026\/09\/hero_automation_bg.jpg') center\/cover no-repeat;\n padding: 80px 64px;\n }\n\n .hero-content { max-width: 600px; }\n\n .hero-badge {\n display: inline-flex;\n align-items: center;\n gap: 7px;\n background: rgba(37,99,235,0.18);\n border: 1px solid rgba(37,99,235,0.35);\n color: #93C5FD;\n font-size: 11px;\n font-weight: 700;\n letter-spacing: 0.1em;\n text-transform: uppercase;\n padding: 6px 14px;\n border-radius: 100px;\n margin-bottom: 28px;\n }\n .hero-badge span { color: var(--blue-600); font-size: 16px; line-height: 1; }\n\n .hero h1 {\n font-size: 52px;\n font-weight: 800;\n line-height: 1.08;\n color: white;\n margin-bottom: 20px;\n letter-spacing: -0.025em;\n }\n\n .hero p {\n font-size: 17px;\n line-height: 1.75;\n color: rgba(255,255,255,0.72);\n margin-bottom: 44px;\n max-width: 480px;\n }\n\n .hero-cta {\n display: inline-flex;\n align-items: center;\n gap: 10px;\n background: var(--blue-600);\n color: white;\n font-size: 15px;\n font-weight: 600;\n padding: 16px 32px;\n border-radius: 8px;\n text-decoration: none;\n transition: background 0.2s, transform 0.2s;\n box-shadow: 0 4px 28px rgba(37,99,235,0.45);\n }\n .hero-cta:hover { background: var(--blue-700); transform: translateY(-2px); }\n .hero-cta svg {\n width: 18px; height: 18px;\n stroke: white; fill: none;\n stroke-width: 2.2; stroke-linecap: round; stroke-linejoin: round;\n }\n\n \/* \u2500\u2500 TRUST BAR \u2500\u2500 *\/\n .trust-bar {\n background: var(--gray-900);\n padding: 14px 64px;\n display: flex;\n align-items: center;\n gap: 40px;\n border-top: 1px solid rgba(255,255,255,0.05);\n }\n .trust-bar-label {\n color: #4B5563;\n font-size: 11px;\n font-weight: 700;\n letter-spacing: 0.1em;\n text-transform: uppercase;\n white-space: nowrap;\n flex-shrink: 0;\n }\n .trust-bar-items {\n display: flex;\n gap: 40px;\n align-items: center;\n flex-wrap: wrap;\n }\n .trust-item {\n display: flex;\n align-items: center;\n gap: 8px;\n color: rgba(255,255,255,0.45);\n font-size: 13px;\n font-weight: 600;\n letter-spacing: 0.02em;\n white-space: nowrap;\n }\n .trust-dot {\n width: 5px; height: 5px;\n border-radius: 50%;\n background: var(--blue-600);\n flex-shrink: 0;\n }\n\n \/* \u2500\u2500 SERVICES \u2500\u2500 *\/\n .services {\n padding: 88px 64px;\n background: var(--white);\n }\n\n .section-eyebrow {\n font-size: 11px;\n font-weight: 700;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: var(--blue-600);\n margin-bottom: 12px;\n }\n .section-title {\n font-size: 36px;\n font-weight: 800;\n color: var(--gray-900);\n margin-bottom: 12px;\n letter-spacing: -0.02em;\n line-height: 1.15;\n }\n .section-subtitle {\n font-size: 16px;\n color: var(--gray-500);\n margin-bottom: 52px;\n max-width: 520px;\n line-height: 1.6;\n }\n\n .services-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 24px;\n }\n\n .service-card {\n background: var(--gray-50);\n border: 1px solid #E5E7EB;\n border-radius: 14px;\n padding: 36px 32px;\n transition: box-shadow 0.2s, border-color 0.2s, transform 0.2s;\n cursor: default;\n }\n .service-card:hover {\n box-shadow: 0 12px 40px rgba(0,0,0,0.07);\n border-color: var(--blue-100);\n transform: translateY(-3px);\n }\n\n .service-icon {\n width: 50px; height: 50px;\n background: var(--blue-900);\n border-radius: 11px;\n display: flex;\n align-items: center;\n justify-content: center;\n margin-bottom: 22px;\n }\n .service-icon svg {\n width: 24px; height: 24px;\n stroke: white; fill: none;\n stroke-width: 2; stroke-linecap: round; stroke-linejoin: round;\n }\n\n .service-card h3 {\n font-size: 18px;\n font-weight: 700;\n color: var(--gray-900);\n margin-bottom: 10px;\n letter-spacing: -0.01em;\n }\n .service-card p {\n font-size: 14px;\n line-height: 1.75;\n color: var(--gray-500);\n }\n\n \/* \u2500\u2500 FOOTER \u2500\u2500 *\/\n footer {\n background: var(--gray-900);\n padding: 52px 64px 32px;\n border-top: 1px solid rgba(255,255,255,0.04);\n }\n\n .footer-top {\n display: flex;\n justify-content: space-between;\n align-items: flex-start;\n padding-bottom: 40px;\n border-bottom: 1px solid rgba(255,255,255,0.07);\n margin-bottom: 28px;\n gap: 40px;\n }\n\n .footer-brand { max-width: 280px; }\n .footer-logo-name {\n font-size: 20px;\n font-weight: 800;\n color: white;\n margin-bottom: 10px;\n letter-spacing: -0.01em;\n }\n .footer-tagline {\n font-size: 13px;\n color: #4B5563;\n line-height: 1.7;\n }\n\n .footer-links {\n display: flex;\n gap: 28px;\n flex-wrap: wrap;\n justify-content: flex-end;\n align-items: flex-start;\n }\n .footer-links a {\n color: #6B7280;\n text-decoration: none;\n font-size: 13px;\n font-weight: 500;\n transition: color 0.15s;\n white-space: nowrap;\n }\n .footer-links a:hover { color: white; }\n\n .footer-bottom {\n display: flex;\n justify-content: space-between;\n align-items: center;\n }\n .footer-copy {\n font-size: 12px;\n color: #374151;\n }\n \n \n.stats-section {\n padding: 80px 64px;\n background: var(--blue-900);\n position: relative;\n overflow: hidden;\n}\n \n\/* Decorative background circles *\/\n.stats-section::before {\n content: '';\n position: absolute;\n top: -80px; right: -80px;\n width: 360px; height: 360px;\n border-radius: 50%;\n background: rgba(255,255,255,0.03);\n pointer-events: none;\n}\n.stats-section::after {\n content: '';\n position: absolute;\n bottom: -100px; left: -60px;\n width: 300px; height: 300px;\n border-radius: 50%;\n background: rgba(255,255,255,0.03);\n pointer-events: none;\n}\n \n.stats-inner {\n max-width: 1100px;\n margin: 0 auto;\n position: relative;\n z-index: 1;\n}\n \n.stats-header {\n text-align: center;\n margin-bottom: 56px;\n}\n \n.stats-eyebrow {\n font-size: 11px;\n font-weight: 700;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: rgba(255,255,255,0.45);\n margin-bottom: 12px;\n}\n \n.stats-title {\n font-size: 32px;\n font-weight: 800;\n color: white;\n letter-spacing: -0.02em;\n line-height: 1.2;\n}\n.stats-title span {\n color: #93C5FD;\n}\n \n\/* \u2500\u2500 Grid of stat cards \u2500\u2500 *\/\n.stats-grid {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 2px;\n background: rgba(255,255,255,0.08);\n border-radius: 16px;\n overflow: hidden;\n}\n \n.stat-card {\n background: rgba(255,255,255,0.04);\n padding: 40px 32px;\n text-align: center;\n position: relative;\n transition: background 0.2s;\n}\n.stat-card:hover {\n background: rgba(255,255,255,0.08);\n}\n \n.stat-icon {\n width: 44px; height: 44px;\n background: rgba(255,255,255,0.08);\n border-radius: 10px;\n display: flex; align-items: center; justify-content: center;\n margin: 0 auto 20px;\n}\n.stat-icon svg {\n width: 22px; height: 22px;\n stroke: #93C5FD; fill: none;\n stroke-width: 2; stroke-linecap: round; stroke-linejoin: round;\n}\n \n\/* Animated number *\/\n.stat-number {\n font-size: 48px;\n font-weight: 800;\n color: white;\n letter-spacing: -0.03em;\n line-height: 1;\n margin-bottom: 8px;\n display: flex;\n align-items: baseline;\n justify-content: center;\n gap: 2px;\n}\n \n.stat-number .count {\n display: inline-block;\n \/* starts hidden, animates in *\/\n opacity: 0;\n transform: translateY(16px);\n transition: opacity 0.6s ease, transform 0.6s ease;\n}\n.stat-number .count.visible {\n opacity: 1;\n transform: translateY(0);\n}\n \n.stat-suffix {\n font-size: 28px;\n font-weight: 700;\n color: #93C5FD;\n}\n \n.stat-label {\n font-size: 14px;\n font-weight: 500;\n color: rgba(255,255,255,0.55);\n line-height: 1.5;\n margin-bottom: 0;\n}\n \n.stat-sublabel {\n font-size: 12px;\n color: rgba(255,255,255,0.3);\n margin-top: 4px;\n}\n \n\/* Divider between cards *\/\n.stat-card + .stat-card::before {\n content: '';\n position: absolute;\n left: 0; top: 20%; bottom: 20%;\n width: 1px;\n background: rgba(255,255,255,0.06);\n}\n \n\/* \u2500\u2500 Bottom trust line \u2500\u2500 *\/\n.stats-footer {\n text-align: center;\n margin-top: 48px;\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 32px;\n flex-wrap: wrap;\n}\n.stats-footer-item {\n display: flex;\n align-items: center;\n gap: 8px;\n font-size: 13px;\n font-weight: 500;\n color: rgba(255,255,255,0.45);\n}\n.stats-footer-item svg {\n width: 16px; height: 16px;\n stroke: #34D399; fill: none;\n stroke-width: 2; stroke-linecap: round; stroke-linejoin: round;\n}\n\n \n.wa-float {\n position: fixed;\n bottom: 28px;\n right: 28px;\n z-index: 9999;\n display: flex;\n flex-direction: column;\n align-items: flex-end;\n gap: 10px;\n}\n \n\/* \u2500\u2500 Main button \u2500\u2500 *\/\n.wa-btn {\n width: 58px;\n height: 58px;\n background: #25D366;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n box-shadow: 0 4px 20px rgba(37, 211, 102, 0.45);\n cursor: pointer;\n text-decoration: none;\n transition: transform 0.2s, box-shadow 0.2s;\n position: relative;\n}\n.wa-btn:hover {\n transform: scale(1.08);\n box-shadow: 0 6px 28px rgba(37, 211, 102, 0.6);\n}\n.wa-btn svg {\n width: 30px;\n height: 30px;\n fill: white;\n flex-shrink: 0;\n}\n \n\/* \u2500\u2500 Pulse ring animation \u2500\u2500 *\/\n.wa-btn::before {\n content: '';\n position: absolute;\n inset: -6px;\n border-radius: 50%;\n background: rgba(37, 211, 102, 0.25);\n animation: wa-pulse 2.2s ease-out infinite;\n}\n.wa-btn::after {\n content: '';\n position: absolute;\n inset: -12px;\n border-radius: 50%;\n background: rgba(37, 211, 102, 0.12);\n animation: wa-pulse 2.2s ease-out 0.4s infinite;\n}\n@keyframes wa-pulse {\n 0% { transform: scale(0.9); opacity: 0.8; }\n 70% { transform: scale(1.3); opacity: 0; }\n 100% { transform: scale(1.3); opacity: 0; }\n}\n \n\/* \u2500\u2500 Tooltip bubble \u2500\u2500 *\/\n.wa-tooltip {\n background: #1F2937;\n color: white;\n font-family: 'Inter', sans-serif;\n font-size: 13px;\n font-weight: 500;\n padding: 10px 16px;\n border-radius: 10px;\n white-space: nowrap;\n box-shadow: 0 4px 16px rgba(0,0,0,0.2);\n opacity: 0;\n transform: translateX(10px);\n transition: opacity 0.25s, transform 0.25s;\n pointer-events: none;\n position: relative;\n}\n\/* Arrow on tooltip *\/\n.wa-tooltip::after {\n content: '';\n position: absolute;\n right: -7px;\n top: 50%;\n transform: translateY(-50%);\n border: 7px solid transparent;\n border-left-color: #1F2937;\n border-right-width: 0;\n}\n \n\/* Show tooltip on hover *\/\n.wa-float:hover .wa-tooltip {\n opacity: 1;\n transform: translateX(0);\n}\n \n\/* \u2500\u2500 Notification dot \u2500\u2500 *\/\n.wa-dot {\n position: absolute;\n top: 2px;\n right: 2px;\n width: 14px;\n height: 14px;\n background: #EF4444;\n border-radius: 50%;\n border: 2px solid white;\n animation: wa-dot-blink 2s ease-in-out infinite;\n}\n@keyframes wa-dot-blink {\n 0%, 100% { opacity: 1; }\n 50% { opacity: 0.4; }\n}\n \n\/* \u2500\u2500 Close tooltip button (mobile) \u2500\u2500 *\/\n.wa-close {\n display: none;\n position: absolute;\n top: -8px;\n right: -8px;\n width: 22px;\n height: 22px;\n background: #EF4444;\n border-radius: 50%;\n border: 2px solid white;\n color: white;\n font-size: 12px;\n font-weight: 700;\n line-height: 1;\n cursor: pointer;\n align-items: center;\n justify-content: center;\n z-index: 10;\n}\n \n@media (max-width: 768px) {\n .wa-float { bottom: 20px; right: 16px; }\n .wa-btn { width: 52px; height: 52px; }\n .wa-btn svg { width: 26px; height: 26px; }\n}\n\n \/* \u2500\u2500 RESPONSIVE \u2500\u2500 *\/\n @media (max-width: 1024px) {\n nav { padding: 0 32px; }\n .hero { padding: 60px 32px; }\n .trust-bar { padding: 14px 32px; }\n .services { padding: 64px 32px; }\n footer { padding: 48px 32px 28px; }\n }\n\n @media (max-width: 768px ) {\n nav { padding: 0 20px; }\n .nav-links { gap: 16px; }\n .hero { padding: 48px 20px; min-height: 520px; }\n .hero h1 { font-size: 34px; }\n .hero p { font-size: 15px; }\n .services-grid { grid-template-columns: 1fr; gap: 16px; }\n .services { padding: 56px 20px; }\n .section-title { font-size: 28px; }\n .trust-bar { padding: 14px 20px; gap: 20px; overflow-x: auto; }\n footer { padding: 40px 20px 24px; }\n .footer-top { flex-direction: column; }\n .footer-links { justify-content: flex-start; }\n }\n \n @media (max-width: 900px) {\n .stats-grid { grid-template-columns: repeat(2, 1fr); }\n .stats-section { padding: 60px 32px; }\n}\n\n@media (max-width: 540px) {\n .stats-grid { grid-template-columns: 1fr; }\n .stats-section { padding: 48px 20px; }\n .stat-number { font-size: 40px; }\n .stats-title { font-size: 26px; }\n}\n\n \n.valeurs-section {\n padding: 88px 64px;\n background: #F9FAFB;\n}\n \n.valeurs-inner {\n max-width: 1200px;\n margin: 0 auto;\n}\n \n.valeurs-header {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 48px;\n align-items: end;\n margin-bottom: 56px;\n}\n \n.valeurs-eyebrow {\n font-size: 11px;\n font-weight: 700;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: #2563EB;\n margin-bottom: 12px;\n}\n \n.valeurs-title {\n font-size: 36px;\n font-weight: 800;\n color: #111827;\n letter-spacing: -0.02em;\n line-height: 1.15;\n}\n \n.valeurs-subtitle {\n font-size: 16px;\n color: #6B7280;\n line-height: 1.7;\n max-width: 440px;\n margin-left: auto;\n align-self: auto;\n}\n \n\/* \u2500\u2500 Values grid \u2500\u2500 *\/\n.valeurs-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 24px;\n}\n \n.valeur-card {\n background: #ffffff;\n border: 1px solid #E5E7EB;\n border-radius: 16px;\n padding: 36px;\n display: flex;\n flex-direction: column;\n gap: 16px;\n transition: box-shadow 0.2s, border-color 0.2s, transform 0.2s;\n position: relative;\n overflow: hidden;\n}\n.valeur-card::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 3px;\n background: linear-gradient(90deg, #1E3A8A, #2563EB);\n transform: scaleX(0);\n transform-origin: left;\n transition: transform 0.3s ease;\n}\n.valeur-card:hover {\n box-shadow: 0 12px 40px rgba(0,0,0,0.08);\n border-color: #DBEAFE;\n transform: translateY(-3px);\n}\n.valeur-card:hover::before {\n transform: scaleX(1);\n}\n \n.valeur-icon {\n width: 52px; height: 52px;\n background: #EFF6FF;\n border-radius: 12px;\n display: flex; align-items: center; justify-content: center;\n flex-shrink: 0;\n}\n.valeur-icon svg {\n width: 26px; height: 26px;\n stroke: #1E3A8A; fill: none;\n stroke-width: 2; stroke-linecap: round; stroke-linejoin: round;\n}\n \n.valeur-num {\n position: absolute;\n top: 28px; right: 32px;\n font-size: 48px;\n font-weight: 800;\n color: #F3F4F6;\n line-height: 1;\n letter-spacing: -0.04em;\n pointer-events: none;\n}\n \n.valeur-title {\n font-size: 19px;\n font-weight: 700;\n color: #111827;\n letter-spacing: -0.01em;\n}\n \n.valeur-desc {\n font-size: 14px;\n color: #6B7280;\n line-height: 1.75;\n}\n \n.news-section {\n padding: 88px 64px;\n background: var(--white);\n border-top: 1px solid var(--gray-200);\n}\n \n\/* \u2500\u2500 Section header \u2500\u2500 *\/\n.news-header {\n display: flex;\n align-items: flex-end;\n justify-content: space-between;\n gap: 32px;\n margin-bottom: 48px;\n}\n \n.news-header-left {}\n \n.news-eyebrow {\n font-size: 11px;\n font-weight: 700;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: var(--blue-600);\n margin-bottom: 10px;\n}\n \n.news-title {\n font-size: 36px;\n font-weight: 800;\n color: var(--gray-900);\n letter-spacing: -0.02em;\n line-height: 1.15;\n}\n \n.news-all-link {\n display: inline-flex;\n align-items: center;\n gap: 7px;\n font-size: 14px;\n font-weight: 600;\n color: var(--blue-600);\n text-decoration: none;\n white-space: nowrap;\n transition: gap 0.2s;\n flex-shrink: 0;\n padding-bottom: 4px;\n}\n.news-all-link:hover { gap: 11px; }\n.news-all-link svg {\n width: 16px; height: 16px;\n stroke: currentColor; fill: none;\n stroke-width: 2.5; stroke-linecap: round; stroke-linejoin: round;\n}\n \n\/* \u2500\u2500 Two-column layout \u2500\u2500 *\/\n.news-layout {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 28px;\n align-items: stretch;\n}\n \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\u2550\u2550\n FEATURED CARD (left column)\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\u2550\u2550 *\/\n.featured-card {\n background: var(--white);\n border: 1px solid var(--gray-200);\n border-radius: 16px;\n overflow: hidden;\n display: flex;\n flex-direction: column;\n transition: box-shadow 0.2s, transform 0.2s;\n text-decoration: none;\n}\n.featured-card:hover {\n box-shadow: 0 12px 40px rgba(0,0,0,0.1);\n transform: translateY(-3px);\n}\n \n\/* Image hero area *\/\n.feat-img {\n position: relative;\n height: 220px;\n overflow: hidden;\n flex-shrink: 0;\n \n \/*\n \u2500\u2500 TO ADD A REAL IMAGE \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n Replace the background below with:\n background: url('YOUR-IMAGE-URL') center\/cover no-repeat;\n Then remove the .feat-img-icon block in the HTML.\n \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n background: linear-gradient(135deg, #0F1F4E 0%, var(--blue-900) 60%, var(--blue-700) 100%);\n}\n \n.feat-img img {\n width: 100%; height: 100%;\n object-fit: cover; display: block;\n}\n \n\/* Decorative industrial icon (remove once you have a real image) *\/\n.feat-img-icon {\n position: absolute;\n inset: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n opacity: 0.12;\n}\n.feat-img-icon svg {\n width: 120px; height: 120px;\n stroke: white; fill: none;\n stroke-width: 1; stroke-linecap: round; stroke-linejoin: round;\n}\n \n\/* Gradient overlay + text *\/\n.feat-overlay {\n position: absolute;\n bottom: 0; left: 0; right: 0;\n padding: 28px 24px 20px;\n background: linear-gradient(\n to top,\n rgba(5, 10, 30, 0.92) 0%,\n rgba(5, 10, 30, 0.65) 60%,\n transparent 100%\n );\n}\n \n.feat-tag-row {\n display: flex;\n align-items: center;\n gap: 8px;\n margin-bottom: 10px;\n}\n \n.feat-tag {\n display: inline-block;\n font-size: 10px;\n font-weight: 700;\n letter-spacing: 0.08em;\n text-transform: uppercase;\n color: #93C5FD;\n background: rgba(37, 99, 235, 0.3);\n border: 1px solid rgba(147, 197, 253, 0.3);\n padding: 3px 9px;\n border-radius: 100px;\n}\n \n.feat-date {\n font-size: 12px;\n color: rgba(255, 255, 255, 0.5);\n font-weight: 500;\n}\n \n.feat-headline {\n font-size: 20px;\n font-weight: 800;\n color: white;\n line-height: 1.3;\n letter-spacing: -0.01em;\n}\n \n\/* Body \/ excerpt *\/\n.feat-body {\n padding: 20px 24px 24px;\n flex: 1;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n gap: 16px;\n}\n \n.feat-excerpt {\n font-size: 14px;\n color: var(--gray-500);\n line-height: 1.7;\n}\n \n.feat-read-more {\n display: inline-flex;\n align-items: center;\n gap: 7px;\n font-size: 13px;\n font-weight: 600;\n color: var(--blue-600);\n text-decoration: none;\n transition: gap 0.2s;\n}\n.feat-read-more:hover { gap: 11px; }\n.feat-read-more svg {\n width: 14px; height: 14px;\n stroke: currentColor; fill: none;\n stroke-width: 2.5; stroke-linecap: round; stroke-linejoin: round;\n}\n \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\u2550\u2550\n NUMBERED LIST (right column)\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\u2550\u2550 *\/\n.news-list {\n display: flex;\n flex-direction: column;\n background: var(--gray-50);\n border: 1px solid var(--gray-200);\n border-radius: 16px;\n overflow: hidden;\n}\n \n.news-list-item {\n display: flex;\n gap: 20px;\n padding: 24px 28px;\n border-bottom: 1px solid var(--gray-200);\n text-decoration: none;\n transition: background 0.15s;\n align-items: flex-start;\n}\n.news-list-item:last-child { border-bottom: none; }\n.news-list-item:hover { background: var(--blue-100); }\n \n\/* Number *\/\n.nl-num {\n font-size: 32px;\n font-weight: 800;\n color: var(--gray-200);\n line-height: 1;\n flex-shrink: 0;\n width: 36px;\n letter-spacing: -0.04em;\n transition: color 0.15s;\n}\n.news-list-item:hover .nl-num { color: var(--blue-100); }\n \n\/* Content *\/\n.nl-content { flex: 1; min-width: 0; }\n \n.nl-tag-row {\n display: flex;\n align-items: center;\n gap: 8px;\n margin-bottom: 7px;\n}\n \n.nl-tag {\n font-size: 10px;\n font-weight: 700;\n letter-spacing: 0.08em;\n text-transform: uppercase;\n color: var(--blue-600);\n}\n \n.nl-date {\n font-size: 11px;\n color: var(--gray-500);\n font-weight: 500;\n}\n.nl-date::before { content: '\u00b7'; margin-right: 8px; color: var(--gray-200); }\n \n.nl-headline {\n font-size: 15px;\n font-weight: 700;\n color: var(--gray-900);\n line-height: 1.45;\n margin-bottom: 6px;\n transition: color 0.15s;\n}\n.news-list-item:hover .nl-headline { color: var(--blue-700); }\n \n.nl-excerpt {\n font-size: 13px;\n color: var(--gray-500);\n line-height: 1.6;\n display: -webkit-box;\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n overflow: hidden;\n}\n \n\/* Arrow icon *\/\n.nl-arrow {\n width: 18px; height: 18px; flex-shrink: 0; align-self: center;\n stroke: var(--gray-200); fill: none;\n stroke-width: 2.5; stroke-linecap: round; stroke-linejoin: round;\n transition: stroke 0.15s, transform 0.2s;\n}\n.news-list-item:hover .nl-arrow { stroke: var(--blue-600); transform: translateX(4px); }\n\n\n\n\n\n\/* \u2500\u2500 GTranslate CSS \u2500\u2500 *\/\n.gtranslate_wrapper { display: flex; align-items: center; }\n.gtranslate_wrapper a.glink { display: none; }\n.gtranslate_wrapper select { background: transparent !important; border: 1.5px solid #E5E7EB !important; border-radius: 8px !important; padding: 6px 10px !important; font-family: 'Inter', sans-serif !important; font-size: 13px !important; font-weight: 600 !important; color: #374151 !important; cursor: pointer; outline: none; transition: border-color 0.15s, background 0.15s !important; }\n.gtranslate_wrapper select:hover { border-color: #2563EB !important; background: #EFF6FF !important; color: #1E3A8A !important; }\n\n \n@media (max-width: 960px) {\n .valeurs-header { grid-template-columns: 1fr; gap: 16px; }\n .valeurs-subtitle { margin-left: 0; }\n .news-section { padding: 64px 32px; }\n .news-layout { grid-template-columns: 1fr; }\n .feat-img { height: 200px; }\n\n}\n@media (max-width: 768px) {\n .valeurs-section { padding: 56px 20px; }\n .valeurs-grid { grid-template-columns: 1fr; }\n .valeurs-title { font-size: 28px; }\n}\n@media (max-width: 640px) {\n .news-section { padding: 56px 20px; }\n .news-title { font-size: 28px; }\n .news-header { flex-direction: column; align-items: flex-start; gap: 12px; }\n .nl-num { font-size: 24px; width: 28px; }\n}\n\n <\/style>\n<\/head>\n<body>\n\n\n\n<nav class=\"nav-3ia\" id=\"nav-3ia\">\n <a href=\"\/\" class=\"nav-logo\">\n \n \n <img decoding=\"async\" src=\"https:\/\/3ia-distribution.com\/wp-content\/uploads\/2026\/06\/3ia-dist.png\" alt=\"3IA Distribution\" height=\"36\">\n \n \n \n \n <ul class=\"nav-desktop-links\">\n <li><a href=\"https:\/\/3ia-distribution.com\/index.php\/nos-partenaires-industriels\/\">Nos Fournisseurs<\/a><\/li>\n <li><a href=\"https:\/\/3ia-distribution.com\/index.php\/notre-offre-produits\/\">Notre offres produits<\/a><\/li>\n <li><a href=\"https:\/\/3ia-distribution.com\/index.php\/Contact\/\">Contact<\/a><\/li>\n <li><a href=\"https:\/\/3ia-distribution.com\/index.php\/demander-un-devis\/\" class=\"nav-cta-btn\">Demander un devis<\/a><\/li>\n <li class=\"nav-translate-item\">\n <div class=\"gtranslate_wrapper\"><\/div>\n <\/li>\n <\/ul>\n \n \n <button class=\"nav-hamburger\"\n id=\"nav-hamburger\"\n aria-label=\"Ouvrir le menu\"\n aria-expanded=\"false\"\n aria-controls=\"nav-mobile-menu\">\n <span class=\"ham-line\"><\/span>\n <span class=\"ham-line\"><\/span>\n <span class=\"ham-line\"><\/span>\n <\/button>\n<\/nav>\n \n\n<div class=\"nav-mobile-menu\" id=\"nav-mobile-menu\" role=\"dialog\" aria-label=\"Menu de navigation\">\n \n <ul>\n <li>\n <a href=\"\/\">\n Accueil\n <svg viewBox=\"0 0 24 24\"><path d=\"M9 18l6-6-6-6\"\/><\/svg>\n <\/a>\n <\/li>\n <li>\n <a href=\"https:\/\/3ia-distribution.com\/index.php\/nos-partenaires-industriels\/\">\n Nos Fournisseurs\n <svg viewBox=\"0 0 24 24\"><path d=\"M9 18l6-6-6-6\"\/><\/svg>\n <\/a>\n <\/li>\n <li>\n <a href=\"\/contact\">\n Contact\n <svg viewBox=\"0 0 24 24\"><path d=\"M9 18l6-6-6-6\"\/><\/svg>\n <\/a>\n <\/li>\n <li>\n <a href=\"https:\/\/3ia-distribution.com\/index.php\/nos-partenaires-industriels\/\">\n Notre offres Produits\n <svg viewBox=\"0 0 24 24\"><path d=\"M9 18l6-6-6-6\"\/><\/svg>\n <\/a>\n <\/li>\n <\/ul>\n \n <a href=\"https:\/\/3ia-distribution.com\/index.php\/demander-un-devis\/\" class=\"nav-mobile-cta\">\n Demander un devis imm\u00e9diat\n <\/a>\n \n <div class=\"nav-mobile-contact\">\n <p>Nous contacter directement<\/p>\n <a href=\"tel:+21629406790\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07A19.5 19.5 0 0 1 4.69 12a19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 3.6 1.27h3a2 2 0 0 1 2 1.72c.127.96.361 1.903.7 2.81a2 2 0 0 1-.45 2.11L7.91 8.37A16 16 0 0 0 16 16.46l1.06-.96a2 2 0 0 1 2.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0 1 22 16.92z\"\/><\/svg>\n +216 29 406 790\n <\/a>\n <a href=\"mailto:contact@3ia-distribution.com\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z\"\/><polyline points=\"22,6 12,13 2,6\"\/><\/svg>\n sales@3ia-distribution.com\n <\/a>\n <div class=\"gtranslate_wrapper\" style=\"margin-top:16px\"><\/div>\n <\/div>\n \n<\/div>\n \n<script>\n(function () {\n const hamburger = document.getElementById('nav-hamburger');\n const mobileMenu = document.getElementById('nav-mobile-menu');\n if (!hamburger || !mobileMenu) return;\n \n let isOpen = false;\n \n function openMenu() {\n isOpen = true;\n hamburger.classList.add('open');\n mobileMenu.classList.add('open');\n hamburger.setAttribute('aria-expanded', 'true');\n document.body.classList.add('nav-open');\n }\n \n function closeMenu() {\n isOpen = false;\n hamburger.classList.remove('open');\n mobileMenu.classList.remove('open');\n hamburger.setAttribute('aria-expanded', 'false');\n document.body.classList.remove('nav-open');\n }\n \n hamburger.addEventListener('click', () => {\n isOpen ? closeMenu() : openMenu();\n });\n \n \/* Close when a link inside the menu is clicked *\/\n mobileMenu.querySelectorAll('a').forEach(link => {\n link.addEventListener('click', closeMenu);\n });\n \n \/* Close on Escape key *\/\n document.addEventListener('keydown', (e) => {\n if (e.key === 'Escape' && isOpen) closeMenu();\n });\n \n \/* Close when clicking outside (on the page content behind) *\/\n document.addEventListener('click', (e) => {\n if (isOpen &&\n !mobileMenu.contains(e.target) &&\n !hamburger.contains(e.target)) {\n closeMenu();\n }\n });\n})();\n<\/script>\n\n<style>\n*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\nbody { font-family: 'Inter', sans-serif; }\n\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\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n HOMEPAGE S2 \u2014 Partners Marquee\n Replaces the old trust bar\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\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n\n.pm-section {\n padding: 52px 0;\n background: #ffffff;\n border-top: 1px solid #E5E7EB;\n border-bottom: 1px solid #E5E7EB;\n overflow: hidden;\n margin-top: 50px;\n \n}\n \n.pm-header {\n text-align: center;\n margin-bottom: 36px;\n}\n \n.pm-eyebrow {\n font-size: 16px;\n font-weight: 700;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: #9CA3AF;\n}\n \n\/* \u2500\u2500 Marquee container \u2500\u2500 *\/\n.pm-marquee-wrapper {\n position: relative;\n width: 100%;\n overflow: hidden;\n}\n \n.pm-marquee-wrapper::before,\n.pm-marquee-wrapper::after {\n content: '';\n position: absolute;\n top: 0; bottom: 0;\n width: 160px;\n z-index: 2;\n pointer-events: none;\n}\n.pm-marquee-wrapper::before {\n left: 0;\n background: linear-gradient(to right, #ffffff 30%, transparent);\n}\n.pm-marquee-wrapper::after {\n right: 0;\n background: linear-gradient(to left, #ffffff 30%, transparent);\n}\n \n\/* \u2500\u2500 Scrolling track \u2500\u2500 *\/\n.pm-track {\n display: flex;\n width: max-content;\n animation: pm-scroll 32s linear infinite;\n}\n.pm-track:hover {\n animation-play-state: paused;\n}\n \n@keyframes pm-scroll {\n 0% { transform: translateX(0); }\n 100% { transform: translateX(-50%); }\n}\n \n.pm-logos {\n display: flex;\n align-items: center;\n gap: 56px;\n padding: 0 28px;\n}\n \n\/* \u2500\u2500 Logo container \u2014 sized up ~30%, image only \u2500\u2500 *\/\n.pm-logo {\n display: flex;\n align-items: center;\n justify-content: center;\n height: 52px; \/* was 52px \u2192 +30% *\/\n min-width: 130px; \/* was 100px \u2192 +30% *\/\n filter: grayscale(100%) opacity(0.45);\n transition: filter 0.35s ease, opacity 0.35s ease, transform 0.25s ease;\n flex-shrink: 0;\n cursor: default;\n user-select: none;\n}\n.pm-logo:hover {\n filter: grayscale(0%) opacity(1);\n transform: scale(1.08);\n}\n \n.pm-logo img {\n max-height: 150px; \/* was 38px \u2192 +30% *\/\n max-width: 130px; \/* was 130px \u2192 +30% *\/\n object-fit: contain;\n display: block;\n}\n \n\/* Divider between logos *\/\n.pm-divider {\n width: 1px;\n height: 36px; \/* scaled up to match larger logos *\/\n background: #E5E7EB;\n flex-shrink: 0;\n}\n<\/style>\n\n\n\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\n \n<section class=\"pm-section\">\n \n <div class=\"pm-header\">\n <p class=\"pm-eyebrow\"><\/p>\n <\/div>\n \n <div class=\"pm-marquee-wrapper\">\n <div class=\"pm-track\" id=\"pm-track\">\n \n \n <div class=\"pm-logos\" aria-hidden=\"false\">\n \n <div class=\"pm-logo\" title=\"Siemens\">\n <a href = \"https:\/\/mall.industry.siemens.com\/mall\/en\" target=\"_blank\">\n <img decoding=\"async\" src=\"https:\/\/3ia-distribution.com\/wp-content\/uploads\/2026\/06\/Siemens-Logo-1958150673-scaled.png\" alt=\"Siemens\" alt=\"Siemens\" style=\"max-height:48px;max-width:180px>\n <\/a>\n \n <\/div> \n <div class=\"pm-divider\"><\/div>\n\n \n <div class=\"pm-logo\" title=\"Pepperl+Fuchs\">\n <a href = \"https:\/\/www.pepperl-fuchs.com\/fr-ma\" target=\"_blank\">\n <img decoding=\"async\" src=\"https:\/\/3ia-distribution.com\/wp-content\/uploads\/2026\/06\/pepperlfuchs-logo-3004507265.png\" alt=\"Pepperl+Fuchs\">\n <\/div> <\/a>\n <div class=\"pm-divider\"><\/div>\n \n \n \n <div class=\"pm-logo\" title=\"Teltonika Networks\">\n <a href = \"https:\/\/www.teltonika-networks.com\/\" target=\"_blank\">\n <img decoding=\"async\" src=\"https:\/\/3ia-distribution.com\/wp-content\/uploads\/2026\/06\/63458b98458f7fedca81868f-423676463.png\" alt=\"Teltonika Networks\" style=\"max-height:48px;max-width:120px;object-fit:contain\"> \n <\/a>\n <\/div>\n <div class=\"pm-divider\"><\/div>\n \n <div class=\"pm-logo\" title=\"TE Connectivity\">\n <a href = \"https:\/\/www.te.com\/en\/home.html\" target=\"_blank\">\n <img decoding=\"async\" src=\"https:\/\/3ia-distribution.com\/wp-content\/uploads\/2026\/06\/OIP-4176130657.qTmR5KTVx5lVmgPaHeIk8AAAAA.jpg\" alt=\"TE Connectivity\" style=\"max-height:48px;max-width:120px;object-fit:contain\"> <\/a>\n <\/div>\n <div class=\"pm-divider\"><\/div>\n \n <div class=\"pm-logo\" title=\"CAMLogic\">\n <a href = \"\" target=\"_blank\">\n <img decoding=\"async\" src=\"https:\/\/3ia-distribution.com\/wp-content\/uploads\/2026\/06\/camlogic_logo_2023.png\" alt=\"CAMLogic\" style=\"max-height:48px;max-width:120px;object-fit:contain\">\n <\/a>\n <\/div>\n <div class=\"pm-divider\"><\/div>\n \n <div class=\"pm-logo\" title=\"UniMAT\">\n <a href = \"https:\/\/www.unimatautomation.com\/collections\" target=\"_blank\">\n <img decoding=\"async\" src=\"https:\/\/3ia-distribution.com\/wp-content\/uploads\/2026\/06\/LOGO-02.png\" alt=\"UniMAT\" style=\"max-height:100px;max-width:120px;object-fit:contain\">\n <\/a>\n <\/div>\n <div class=\"pm-divider\"><\/div>\n <a href = \"https:\/\/www.esit.com.tr\/en\/products\" target=\"_blank\">\n <div class=\"pm-logo\" title=\"ESIT\">\n <img decoding=\"async\" src=\"https:\/\/3ia-distribution.com\/wp-content\/uploads\/2026\/06\/esit.png\" alt=\"ESIT\" style=\"max-height:48px;max-width:120px;object-fit:contain\">\n <\/a>\n <\/div>\n <div class=\"pm-divider\"><\/div>\n <div class=\"pm-logo\" title=\"Schurter\">\n <a href = \"https:\/\/www.schurter.com\/en\/products-and-solutions\/catalog\" target=\"_blank\">\n <img decoding=\"async\" src=\"https:\/\/3ia-distribution.com\/wp-content\/uploads\/2026\/08\/schurter.png\" alt=\"Schurter\" style=\"max-height:48px;max-width:120px;object-fit:contain\">\n <\/a>\n <\/div>\n <div class=\"pm-divider\"><\/div>\n \n \n <div class=\"pm-logos\" aria-hidden=\"true\">\n \n <div class=\"pm-logo\" title=\"Siemens\">\n <a href = \"https:\/\/mall.industry.siemens.com\/mall\/en\" target=\"_blank\">\n <img decoding=\"async\" src=\"https:\/\/3ia-distribution.com\/wp-content\/uploads\/2026\/06\/Siemens-Logo-1958150673-scaled\" alt=\"Siemens\" style=\"max-height:48px;max-width:120px;object-fit:contain\">\n <\/a>\n <\/div>\n <div class=\"pm-divider\"><\/div>\n \n \n \n <div class=\"pm-logo\" title=\"Pepperl+Fuchs\">\n <a href = \"https:\/\/www.pepperl-fuchs.com\/fr-ma\" target=\"_blank\">\n <img decoding=\"async\" src=\"https:\/\/3ia-distribution.com\/wp-content\/uploads\/2026\/06\/pepperlfuchs-logo-3004507265.png\" alt=\"Pepperl+Fuchs\" style=\"max-height:48px;max-width:120px;object-fit:contain\">\n <\/a>\n \n <\/div>\n <div class=\"pm-divider\"><\/div>\n \n \n \n \n <div class=\"pm-logo\" title=\"Teltonika Networks\">\n <a href = \"https:\/\/www.teltonika-networks.com\/\" target=\"_blank\">\n <img decoding=\"async\" src=\"https:\/\/3ia-distribution.com\/wp-content\/uploads\/2026\/06\/63458b98458f7fedca81868f-423676463.png\" alt=\"Teltonika Networks\" style=\"max-height:48px;max-width:120px;object-fit:contain\">\n <\/a>\n <\/div>\n <div class=\"pm-divider\"><\/div>\n \n <div class=\"pm-logo\" title=\"TE Connectivity\">\n \n <a href = \"https:\/\/www.te.com\/en\/home.html\" target=\"_blank\">\n <img decoding=\"async\" src=\"https:\/\/3ia-distribution.com\/wp-content\/uploads\/2026\/06\/OIP-4176130657.qTmR5KTVx5lVmgPaHeIk8AAAAA.jpg\" alt=\"TE Connectivity\" style=\"max-height:48px;max-width:120px;object-fit:contain\">\n <\/a>\n <\/div>\n <div class=\"pm-divider\"><\/div>\n \n <div class=\"pm-logo\" title=\"CAMLogic\">\n <a href = \"https:\/\/www.camlogic.it\/en\/level-sensors?_gl=1%2apjdhdg%2a_up%2aMQ..%2a_ga%2aMTI0NzIxNjYxMi4xNzg2MTAxODQ4%2a_ga_YH2SY67MQ4%2aczE3ODYxMDE4NDckbzEkZzAkdDE3ODYxMDE4NDckajYwJGwwJGg1MzkwNTU5Mjk.\" target=\"_blank\">\n <img decoding=\"async\" src=\"https:\/\/3ia-distribution.com\/wp-content\/uploads\/2026\/06\/camlogic_logo_2023.png\" alt=\"\" alt=\"Siemens\" style=\"max-height:48px;max-width:120px;object-fit:contain\">\n <\/a>\n <\/div>\n <div class=\"pm-divider\"><\/div> \n \n <div class=\"pm-logo\" title=\"UniMAT\">\n <a href = \"https:\/\/www.unimatautomation.com\/collections\" target=\"_blank\">\n <img decoding=\"async\" src=\"https:\/\/3ia-distribution.com\/wp-content\/uploads\/2026\/06\/LOGO-02.png\" alt=\"UniMAT\" style=\"max-height:48px;max-width:120px;object-fit:contain\">\n <\/a>\n <\/div>\n <div class=\"pm-divider\"><\/div>\n \n <div class=\"pm-logo\" title=\"ESIT\">\n <a href = \"https:\/\/www.esit.com.tr\/en\/products\" target=\"_blank\">\n <img decoding=\"async\" src=\"https:\/\/3ia-distribution.com\/wp-content\/uploads\/2026\/06\/esit.png\" alt=\"ESIT\" style=\"max-height:48px;max-width:80px;object-fit:contain\">\n <\/a>\n <\/div>\n <div class=\"pm-divider\"><\/div>\n \n <div class=\"pm-logo\" title=\"Schurter\">\n <a href = \"https:\/\/www.schurter.com\/en\/products-and-solutions\/catalog\" target=\"_blank\">\n <img decoding=\"async\" src=\"https:\/\/3ia-distribution.com\/wp-content\/uploads\/2026\/08\/schurter.png\" alt=\"Schurter\" style=\"max-height:48px;max-width:120px;object-fit:contain\">\n <\/a>\n \n <\/div>\n <div class=\"pm-divider\"><\/div>\n \n\n \n <\/div> \n <\/div>\n <\/div>\n \n<\/section>\n \n<script>\ndocument.addEventListener('visibilitychange', () => {\n const track = document.getElementById('pm-track');\n if (track) {\n track.style.animationPlayState = document.hidden ? 'paused' : 'running';\n }\n});\n<\/script>\n\n<section class=\"hero\">\n <div class=\"hero-content\">\n <div class=\"hero-badge\">\n <span>\u25cf<\/span> Sp\u00e9cialiste en automatisation industrielle\n <\/div>\n\n <h1>Fournisseur multimarques de pi\u00e8ces de rechange et d'\u00e9quipements pour les processus industriels.<\/h1>\n\n <p>\n Nous sommes le fournisseur leader en Afrique et en Tunisie de composants critiques destin\u00e9s \u00e0 la maintenance et \u00e0 l'optimisation de vos lignes de production.\n\nFiabilit\u00e9 et pr\u00e9cision garanties.\n <\/p>\n\n <a href=\"https:\/\/3ia-distribution.com\/index.php\/demander-un-devis\/\" class=\"hero-cta\">\n Demander un devis \n <svg viewBox=\"0 0 24 24\">\n <path d=\"M5 12h14\"\/>\n <path d=\"M12 5l7 7-7 7\"\/>\n <\/svg>\n <\/a>\n <\/div>\n<\/section>\n\n\n<section class=\"valeurs-section\" style=\"padding-top:64px; padding-bottom:64px;\">\n <div class=\"valeurs-inner\">\n <div class=\"valeurs-header\" style=\"grid-template-columns: 1fr;\">\n <div style=\"max-width: 800px; margin: 0 auto; text-align: center;\">\n <p class=\"valeurs-eyebrow\">Qui sommes-nous<\/p>\n <h2 class=\"valeurs-title\" style=\"margin-bottom: 24px;\">Notre Histoire<\/h2>\n <p class=\"valeurs-subtitle\" style=\"margin: 0 auto; text-align: center; max-width: 700px;\">\n Depuis sa cr\u00e9ation en 2007, 3IA Distribution s'est impos\u00e9e comme le partenaire incontournable des industries en Tunisie. Notre engagement envers l'excellence technique et la satisfaction client nous a permis de b\u00e2tir des relations durables avec les leaders mondiaux de l'automatisation.\n <\/p>\n <\/div>\n <\/div>\n \n <div style=\"position: relative; max-width: 800px; margin: 40px auto 0;\">\n \n <div style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 2px; background: #DBEAFE; transform: translateX(-50%);\"><\/div>\n\n \n <div style=\"display: flex; justify-content: space-between; align-items: center; margin-bottom: 32px; position: relative;\">\n <div style=\"width: 45%; text-align: right; padding-right: 20px;\">\n <h3 style=\"font-size: 20px; font-weight: 800; color: #1E3A8A;\">2007<\/h3>\n <p style=\"font-size: 14px; color: #6B7280; margin-top: 4px;\">Cr\u00e9ation de la soci\u00e9t\u00e9 3IA Distribution<\/p>\n <\/div>\n <div style=\"width: 14px; height: 14px; background: #2563EB; border-radius: 50%; position: absolute; left: 50%; transform: translateX(-50%); border: 3px solid white; box-shadow: 0 0 0 2px #2563EB;\"><\/div>\n <div style=\"width: 45%; padding-left: 20px;\"><\/div>\n <\/div>\n\n \n <div style=\"display: flex; justify-content: space-between; align-items: center; margin-bottom: 32px; position: relative;\">\n <div style=\"width: 45%; padding-right: 20px;\"><\/div>\n <div style=\"width: 14px; height: 14px; background: #2563EB; border-radius: 50%; position: absolute; left: 50%; transform: translateX(-50%); border: 3px solid white; box-shadow: 0 0 0 2px #2563EB;\"><\/div>\n <div style=\"width: 45%; padding-left: 20px;\">\n <h3 style=\"font-size: 20px; font-weight: 800; color: #1E3A8A;\">2009<\/h3>\n <p style=\"font-size: 14px; color: #6B7280; margin-top: 4px;\">Signature contrat Partner Siemens Automation & HMI<\/p>\n <\/div>\n <\/div>\n\n \n <div style=\"display: flex; justify-content: space-between; align-items: center; margin-bottom: 32px; position: relative;\">\n <div style=\"width: 45%; text-align: right; padding-right: 20px;\">\n <h3 style=\"font-size: 20px; font-weight: 800; color: #1E3A8A;\">2014<\/h3>\n <p style=\"font-size: 14px; color: #6B7280; margin-top: 4px;\">Cr\u00e9ation de 3IA distribution \u2014 distributeur officiel Siemens<\/p>\n <\/div>\n <div style=\"width: 14px; height: 14px; background: #2563EB; border-radius: 50%; position: absolute; left: 50%; transform: translateX(-50%); border: 3px solid white; box-shadow: 0 0 0 2px #2563EB;\"><\/div>\n <div style=\"width: 45%; padding-left: 20px;\"><\/div>\n <\/div>\n\n \n <div style=\"display: flex; justify-content: space-between; align-items: center; margin-bottom: 32px; position: relative;\">\n <div style=\"width: 45%; padding-right: 20px;\"><\/div>\n <div style=\"width: 14px; height: 14px; background: #2563EB; border-radius: 50%; position: absolute; left: 50%; transform: translateX(-50%); border: 3px solid white; box-shadow: 0 0 0 2px #2563EB;\"><\/div>\n <div style=\"width: 45%; padding-left: 20px;\">\n <h3 style=\"font-size: 20px; font-weight: 800; color: #1E3A8A;\">2016<\/h3>\n <p style=\"font-size: 14px; color: #6B7280; margin-top: 4px;\">Partenariat avec Weidm\u00fcller<\/p>\n <\/div>\n <\/div>\n\n \n <div style=\"display: flex; justify-content: space-between; align-items: center; margin-bottom: 32px; position: relative;\">\n <div style=\"width: 45%; text-align: right; padding-right: 20px;\">\n <h3 style=\"font-size: 20px; font-weight: 800; color: #1E3A8A;\">2018<\/h3>\n <p style=\"font-size: 14px; color: #6B7280; margin-top: 4px;\">Partenariat avec ESIT \u2014 Syst\u00e8mes de pesage<\/p>\n <\/div>\n <div style=\"width: 14px; height: 14px; background: #2563EB; border-radius: 50%; position: absolute; left: 50%; transform: translateX(-50%); border: 3px solid white; box-shadow: 0 0 0 2px #2563EB;\"><\/div>\n <div style=\"width: 45%; padding-left: 20px;\"><\/div>\n <\/div>\n\n \n <div style=\"display: flex; justify-content: space-between; align-items: center; margin-bottom: 32px; position: relative;\">\n <div style=\"width: 45%; padding-right: 20px;\"><\/div>\n <div style=\"width: 14px; height: 14px; background: #2563EB; border-radius: 50%; position: absolute; left: 50%; transform: translateX(-50%); border: 3px solid white; box-shadow: 0 0 0 2px #2563EB;\"><\/div>\n <div style=\"width: 45%; padding-left: 20px;\">\n <h3 style=\"font-size: 20px; font-weight: 800; color: #1E3A8A;\">2020<\/h3>\n <p style=\"font-size: 14px; color: #6B7280; margin-top: 4px;\">Partenariats Pepperl & Fuchs et Teltonika<\/p>\n <\/div>\n <\/div>\n\n \n <div style=\"display: flex; justify-content: space-between; align-items: center; margin-bottom: 32px; position: relative;\">\n <div style=\"width: 45%; text-align: right; padding-right: 20px;\">\n <h3 style=\"font-size: 20px; font-weight: 800; color: #1E3A8A;\">2021<\/h3>\n <p style=\"font-size: 14px; color: #6B7280; margin-top: 4px;\">Consolidation partenariats TE Connectivity<\/p>\n <\/div>\n <div style=\"width: 14px; height: 14px; background: #2563EB; border-radius: 50%; position: absolute; left: 50%; transform: translateX(-50%); border: 3px solid white; box-shadow: 0 0 0 2px #2563EB;\"><\/div>\n <div style=\"width: 45%; padding-left: 20px;\"><\/div>\n <\/div>\n\n \n <div style=\"display: flex; justify-content: space-between; align-items: center; margin-bottom: 32px; position: relative;\">\n <div style=\"width: 45%; padding-right: 20px;\"><\/div>\n <div style=\"width: 14px; height: 14px; background: #2563EB; border-radius: 50%; position: absolute; left: 50%; transform: translateX(-50%); border: 3px solid white; box-shadow: 0 0 0 2px #2563EB;\"><\/div>\n <div style=\"width: 45%; padding-left: 20px;\">\n <h3 style=\"font-size: 20px; font-weight: 800; color: #1E3A8A;\">2023<\/h3>\n <p style=\"font-size: 14px; color: #6B7280; margin-top: 4px;\">Partenariat avec CAMLogic \u2014 Capteurs de niveau et instruments de mesure<\/p>\n <\/div>\n <\/div>\n\n \n <div style=\"display: flex; justify-content: space-between; align-items: center; position: relative;\">\n <div style=\"width: 45%; text-align: right; padding-right: 20px;\">\n <h3 style=\"font-size: 20px; font-weight: 800; color: #1E3A8A;\">2026<\/h3>\n <p style=\"font-size: 14px; color: #6B7280; margin-top: 4px;\">Partenariat avec Schurter \u2014 Protection de circuits et connectique industrielle<\/p>\n <\/div>\n <div style=\"width: 14px; height: 14px; background: #2563EB; border-radius: 50%; position: absolute; left: 50%; transform: translateX(-50%); border: 3px solid white; box-shadow: 0 0 0 2px #2563EB;\"><\/div>\n <div style=\"width: 45%; padding-left: 20px;\"><\/div>\n <\/div>\n\n <\/div>\n <\/div>\n<\/section>\n\n\n\n \n\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\n \n<section class=\"news-section\">\n \n \n <div class=\"news-header\">\n <div class=\"news-header-left\">\n <p class=\"news-eyebrow\">Actualit\u00e9s<\/p>\n <h2 class=\"news-title\">Derni\u00e8res nouvelles<\/h2>\n <\/div>\n <a href=\"\/actualites\" class=\"news-all-link\">\n Voir toutes les actualit\u00e9s\n <svg viewBox=\"0 0 24 24\"><path d=\"M5 12h14\"\/><path d=\"M12 5l7 7-7 7\"\/><\/svg>\n <\/a>\n <\/div>\n \n <div class=\"news-layout\">\n \n \n <a class=\"featured-card\" href=\"\/actualites\/sapri-2026\">\n \n <div class=\"feat-img\"\n style=\"background: url('https:\/\/3ia-distribution.com\/wp-content\/uploads\/2026\/09\/news_sapri_bg.jpg') center\/cover no-repeat;\">\n \n <div class=\"feat-overlay\">\n <div class=\"feat-tag-row\">\n <span class=\"feat-tag\">\u00c9v\u00e9nement<\/span>\n <span class=\"feat-date\">17-20 Nov 2026<\/span>\n <\/div>\n <h3 class=\"feat-headline\">\n Rencontrez-nous \u00e0 la 10\u1d49 \u00e9dition du Salon International des Pi\u00e8ces de Rechange, des Equipements et des Services Industriels (SAPRI 2026)\n <\/h3>\n <\/div>\n <\/div>\n \n <div class=\"feat-body\">\n <p class=\"feat-excerpt\">\n Retrouvez-nous du 17 au 20 novembre 2026 au Parc des Expositions du Kram pour le SAPRI 2026 ! Venez d\u00e9couvrir nos derni\u00e8res solutions en automatisation et \u00e9changer avec nos experts sur vos projets industriels.\n <\/p>\n <span class=\"feat-read-more\">\n Lire l'article\n <svg viewBox=\"0 0 24 24\"><path d=\"M5 12h14\"\/><path d=\"M12 5l7 7-7 7\"\/><\/svg>\n <\/span>\n <\/div>\n \n <\/a>\n \n \n <div class=\"news-list\">\n \n \n <a class=\"news-list-item\" href=\"\/actualites\/catalogue-siemens-s7-1500\">\n <div class=\"nl-num\">01<\/div>\n <div class=\"nl-content\">\n <div class=\"nl-tag-row\">\n <span class=\"nl-tag\">Nouveau produit<\/span>\n <span class=\"nl-date\">5 Ao\u00fbt 2026<\/span>\n <\/div>\n <div class=\"nl-headline\">Catalogue Siemens SIMATIC S7-1500 \u2014 nouvelles r\u00e9f\u00e9rences en stock<\/div>\n <p class=\"nl-excerpt\">Disponibilit\u00e9 imm\u00e9diate des automates S7-1515, S7-1516 et modules ET200SP avec d\u00e9lai de livraison 24h.<\/p>\n <\/div>\n <svg class=\"nl-arrow\" viewBox=\"0 0 24 24\"><path d=\"M5 12h14\"\/><path d=\"M12 5l7 7-7 7\"\/><\/svg>\n <\/a>\n \n \n \n \n \n <a class=\"news-list-item\" href=\"\/actualites\/variateurs-unimat-fa200\">\n <div class=\"nl-num\">02<\/div>\n <div class=\"nl-content\">\n <div class=\"nl-tag-row\">\n <span class=\"nl-tag\">Nouveau produit<\/span>\n <span class=\"nl-date\">15 Juil 2026<\/span>\n <\/div>\n <div class=\"nl-headline\">Nouveaux variateurs UniMAT FA200 jusqu'\u00e0 500 kW disponibles<\/div>\n <p class=\"nl-excerpt\">La gamme FA200-300 triphas\u00e9e compl\u00e8te notre catalogue de solutions d'entra\u00eenement pour applications industrielles exigeantes.<\/p>\n <\/div>\n <svg class=\"nl-arrow\" viewBox=\"0 0 24 24\"><path d=\"M5 12h14\"\/><path d=\"M12 5l7 7-7 7\"\/><\/svg>\n <\/a>\n \n <\/div>\n \n <\/div>\n<\/section>\n\n\n\n\n\n\n\n \n<section class=\"stats-section\" id=\"stats-section\">\n <div class=\"stats-inner\">\n \n <div class=\"stats-header\">\n <p class=\"stats-eyebrow\">3IA Distribution en chiffres<\/p>\n <h2 class=\"stats-title\">\n La confiance de <span>l'industrie<\/span>,<br>prouv\u00e9e par les faits\n <\/h2>\n <\/div>\n \n <div class=\"stats-grid\">\n \n \n <div class=\"stat-card\">\n <div class=\"stat-icon\">\n <svg viewBox=\"0 0 24 24\">\n <path d=\"M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z\"\/>\n <polyline points=\"3.27 6.96 12 12.01 20.73 6.96\"\/>\n <line x1=\"12\" y1=\"22.08\" x2=\"12\" y2=\"12\"\/>\n <\/svg>\n <\/div>\n <div class=\"stat-number\" style=\"font-size: 26px; line-height: 1.2; text-transform: none; letter-spacing: 0;\">\n Plus des milliers de\n <\/div>\n <div class=\"stat-label\">r\u00e9f\u00e9rences en stocks<\/div>\n <div class=\"stat-sublabel\">composants disponibles<\/div>\n <\/div>\n \n \n <div class=\"stat-card\">\n <div class=\"stat-icon\">\n <svg viewBox=\"0 0 24 24\">\n <rect x=\"1\" y=\"3\" width=\"15\" height=\"13\"\/>\n <polygon points=\"16 8 20 8 23 11 23 16 16 16 16 8\"\/>\n <circle cx=\"5.5\" cy=\"18.5\" r=\"2.5\"\/>\n <circle cx=\"18.5\" cy=\"18.5\" r=\"2.5\"\/>\n <\/svg>\n <\/div>\n <div class=\"stat-number\" style=\"font-size: 26px; line-height: 1.2; text-transform: none; letter-spacing: 0;\">\n Livraison dans les 24h\n <\/div>\n <div class=\"stat-label\">Livraison Express<\/div>\n \n <\/div>\n \n \n <div class=\"stat-card\">\n <div class=\"stat-icon\">\n <svg viewBox=\"0 0 24 24\">\n <path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"\/>\n <circle cx=\"9\" cy=\"7\" r=\"4\"\/>\n <path d=\"M23 21v-2a4 4 0 0 0-3-3.87\"\/>\n <path d=\"M16 3.13a4 4 0 0 1 0 7.75\"\/>\n <\/svg>\n <\/div>\n <div class=\"stat-number\">\n <span class=\"count\" data-target=\"150\" data-suffix=\"+\">0<\/span>\n <span class=\"stat-suffix\">+<\/span>\n <\/div>\n <div class=\"stat-label\">Clients Industriels<\/div>\n <div class=\"stat-sublabel\">en France et Tunisie<\/div>\n <\/div>\n \n \n <div class=\"stat-card\">\n <div class=\"stat-icon\">\n <svg viewBox=\"0 0 24 24\">\n <circle cx=\"12\" cy=\"12\" r=\"10\"\/>\n <polyline points=\"12 6 12 12 16 14\"\/>\n <\/svg>\n <\/div>\n <div class=\"stat-number\">\n <span class=\"count\" data-target=\"10\" data-suffix=\"ans\">0<\/span>\n <span class=\"stat-suffix\" style=\"font-size:20px; margin-left:4px; color:rgba(255,255,255,0.7)\">ans<\/span>\n <\/div>\n <div class=\"stat-label\">d'Exp\u00e9rience<\/div>\n <div class=\"stat-sublabel\">dans l'automatisation<\/div>\n <\/div>\n \n <\/div>\n \n \n <div class=\"stats-footer\">\n <div class=\"stats-footer-item\">\n <svg viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\n Stock certifi\u00e9 qualit\u00e9\n <\/div>\n <div class=\"stats-footer-item\">\n <svg viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\n Partenaires officiels Siemens, Festo, Allen-Bradley\n <\/div>\n <div class=\"stats-footer-item\">\n <svg viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\n Support technique d\u00e9di\u00e9\n <\/div>\n <\/div>\n \n <\/div>\n<\/section>\n \n<script>\n(function () {\n \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n Scroll-triggered animated counter\n Uses IntersectionObserver \u2014 fires once\n when section enters the viewport.\n \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n \n function formatNumber(n, format) {\n if (format === 'space') {\n return n.toString().replace(\/\\B(?=(\\d{3})+(?!\\d))\/g, ' ');\n }\n return n.toString();\n }\n \n function animateCounter(el) {\n const target = parseInt(el.dataset.target, 10);\n const suffix = el.dataset.suffix || '';\n const format = el.dataset.format || '';\n const duration = 1800; \/\/ ms\n const start = performance.now();\n \n \/* Easing: ease out cubic *\/\n function easeOutCubic(t) { return 1 - Math.pow(1 - t, 3); }\n \n function tick(now) {\n const elapsed = now - start;\n const progress = Math.min(elapsed \/ duration, 1);\n const eased = easeOutCubic(progress);\n const current = Math.round(eased * target);\n \n el.textContent = formatNumber(current, format);\n \n if (progress < 1) {\n requestAnimationFrame(tick);\n } else {\n el.textContent = formatNumber(target, format);\n }\n }\n \n requestAnimationFrame(tick);\n }\n \n \/* Observe when the stats section enters view *\/\n const section = document.getElementById('stats-section');\n if (!section) return;\n \n const counts = section.querySelectorAll('.count');\n \n const observer = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n \/* Stagger each counter with a slight delay *\/\n counts.forEach((el, i) => {\n setTimeout(() => {\n el.classList.add('visible');\n animateCounter(el);\n }, i * 120);\n });\n observer.unobserve(section); \/* Only animate once *\/\n }\n });\n }, { threshold: 0.3 });\n \n observer.observe(section);\n})();\n<\/script>\n\n\n\n \n\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\n \n<section class=\"valeurs-section\">\n <div class=\"valeurs-inner\">\n \n <div class=\"valeurs-header\">\n <div>\n <p class=\"valeurs-eyebrow\">Nos Valeurs<\/p>\n <h2 class=\"valeurs-title\">Les piliers de notre<br>engagement quotidien<\/h2>\n <\/div>\n <p class=\"valeurs-subtitle\">\n Depuis 2007, ces quatre valeurs fondamentales guident chacune de nos d\u00e9cisions\n et d\u00e9finissent la relation que nous b\u00e2tissons avec nos clients et partenaires.\n <\/p>\n <\/div>\n \n <div class=\"valeurs-grid\">\n \n \n <div class=\"valeur-card\">\n <span class=\"valeur-num\">01<\/span>\n <div class=\"valeur-icon\">\n <svg viewBox=\"0 0 24 24\">\n <path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/>\n <\/svg>\n <\/div>\n <div class=\"valeur-title\">Partenaire de Confiance<\/div>\n <p class=\"valeur-desc\">\n Non seulement un bon fournisseur, mais aussi un partenaire de confiance.\n Nous b\u00e2tissons des relations durables fond\u00e9es sur la transparence,\n la fiabilit\u00e9 et l'engagement mutuel.\n <\/p>\n <\/div>\n \n \n <div class=\"valeur-card\">\n <span class=\"valeur-num\">02<\/span>\n <div class=\"valeur-icon\">\n <svg viewBox=\"0 0 24 24\">\n <polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/>\n <\/svg>\n <\/div>\n <div class=\"valeur-title\">Produits Haut de Gamme<\/div>\n <p class=\"valeur-desc\">\n Notre strat\u00e9gie : fournir uniquement des produits haut de gamme.\n Nous s\u00e9lectionnons rigoureusement chaque produit pour garantir\n performance, durabilit\u00e9 et conformit\u00e9 aux standards internationaux.\n <\/p>\n <\/div>\n \n \n <div class=\"valeur-card\">\n <span class=\"valeur-num\">03<\/span>\n <div class=\"valeur-icon\">\n <svg viewBox=\"0 0 24 24\">\n <path d=\"M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z\"\/>\n <\/svg>\n <\/div>\n <div class=\"valeur-title\">\u00c9coute Permanente<\/div>\n <p class=\"valeur-desc\">\n Toujours \u00e0 l'\u00e9coute de nos clients. Notre proximit\u00e9 et notre r\u00e9activit\u00e9\n nous permettent de comprendre vos besoins sp\u00e9cifiques et d'y apporter\n des solutions adapt\u00e9es et rapides.\n <\/p>\n <\/div>\n \n \n <div class=\"valeur-card\">\n <span class=\"valeur-num\">04<\/span>\n <div class=\"valeur-icon\">\n <svg viewBox=\"0 0 24 24\">\n <circle cx=\"12\" cy=\"12\" r=\"3\"\/>\n <path d=\"M12 1v4M12 19v4M4.22 4.22l2.83 2.83M16.95 16.95l2.83 2.83M1 12h4M19 12h4M4.22 19.78l2.83-2.83M16.95 7.05l2.83-2.83\"\/>\n <\/svg>\n <\/div>\n <div class=\"valeur-title\">Veille Technologique<\/div>\n <p class=\"valeur-desc\">\n Veille technologique constante pour anticiper les \u00e9volutions du march\u00e9.\n Nous investissons dans la formation et l'innovation pour vous proposer\n les solutions les plus avanc\u00e9es.\n <\/p>\n <\/div>\n \n <\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"services\">\n <div class=\"section-eyebrow\">Nos Services<\/div>\n <h2 class=\"section-title\">Des solutions pour l'industrie moderne<\/h2>\n <p class=\"section-subtitle\">\n Des solutions adapt\u00e9es aux exigences rigoureuses de l'industrie moderne.\n <\/p>\n\n <div class=\"services-grid\">\n\n \n <div class=\"service-card\">\n <div class=\"service-icon\">\n <svg viewBox=\"0 0 24 24\">\n <rect x=\"1\" y=\"3\" width=\"15\" height=\"13\"\/>\n <polygon points=\"16 8 20 8 23 11 23 16 16 16 16 8\"\/>\n <circle cx=\"5.5\" cy=\"18.5\" r=\"2.5\"\/>\n <circle cx=\"18.5\" cy=\"18.5\" r=\"2.5\"\/>\n <\/svg>\n <\/div>\n <h3>Livraison Express<\/h3>\n <p>\n Exp\u00e9dition sous 24h pour les pi\u00e8ces critiques.\n Minimisez les temps d'arr\u00eat de votre production.\n <\/p>\n <\/div>\n\n \n <div class=\"service-card\">\n <div class=\"service-icon\">\n <svg viewBox=\"0 0 24 24\">\n <path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"\/>\n <circle cx=\"9\" cy=\"7\" r=\"4\"\/>\n <path d=\"M23 21v-2a4 4 0 0 0-3-3.87\"\/>\n <path d=\"M16 3.13a4 4 0 0 1 0 7.75\"\/>\n <\/svg>\n <\/div>\n <h3>Support Technique<\/h3>\n <p>\n Des ing\u00e9nieurs d\u00e9di\u00e9s pour vous conseiller sur\n le choix des composants et leur int\u00e9gration.\n <\/p>\n <\/div>\n\n \n <div class=\"service-card\">\n <div class=\"service-icon\">\n <svg viewBox=\"0 0 24 24\">\n <path d=\"M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z\"\/>\n <polyline points=\"3.27 6.96 12 12.01 20.73 6.96\"\/>\n <line x1=\"12\" y1=\"22.08\" x2=\"12\" y2=\"12\"\/>\n <\/svg>\n <\/div>\n <h3>Large Inventaire<\/h3>\n <p>\n +50 000 r\u00e9f\u00e9rences en stock provenant des leaders\n mondiaux de l'automatisation.\n <\/p>\n <\/div>\n\n <\/div>\n<\/section>\n\n \n\n \n<div class=\"wa-float\" id=\"wa-float\">\n \n <div class=\"wa-tooltip\">\n \ud83d\udcac Chattez avec nous sur WhatsApp\n <\/div>\n \n \n <a class=\"wa-btn\"\n id=\"wa-btn\"\n href=\"https:\/\/wa.me\/21622261507?text=Bonjour%2C%20je%20souhaite%20obtenir%20un%20devis%20pour%20des%20pi%C3%A8ces%20d%27automatisation.\"\n target=\"_blank\"\n rel=\"noopener noreferrer\"\n aria-label=\"Contacter 3IA Distribution sur WhatsApp\">\n \n \n <div class=\"wa-dot\"><\/div>\n \n \n <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <path d=\"M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z\"\/>\n <\/svg>\n <\/a>\n<\/div>\n \n<script>\n\/*\n Auto-hide the pulse after 8 seconds\n so it doesn't distract on long page reads.\n Restores when user hovers over the button area.\n*\/\n(function () {\n const btn = document.getElementById('wa-btn');\n if (!btn) return;\n \n let hidden = false;\n \n setTimeout(() => {\n if (!hidden) {\n btn.style.setProperty('--pulse-opacity', '0');\n btn.style.animation = 'none';\n }\n }, 8000);\n \n btn.addEventListener('mouseenter', () => {\n btn.style.animation = '';\n });\n})();\n<\/script>\n\n<script>\n\/* \u2500\u2500 Nav: scroll shadow + active link \u2500\u2500 *\/\n(function () {\n const nav = document.getElementById('nav-3ia');\n if (nav) {\n window.addEventListener('scroll', () => {\n nav.classList.toggle('scrolled', window.scrollY > 10);\n }, { passive: true });\n }\n\n \/* Highlight the nav link matching the current page URL *\/\n const links = document.querySelectorAll('.nav-desktop-links a');\n const current = window.location.pathname;\n links.forEach(link => {\n if (link.getAttribute('href') && link.getAttribute('href') !== '#' &&\n current.includes(link.getAttribute('href').replace('https:\/\/3ia-distribution.com', ''))) {\n link.classList.add('active');\n }\n });\n})();\n<\/script>\n\n\n<footer>\n <div class=\"footer-top\">\n <div class=\"footer-brand\">\n <div class=\"footer-logo-name\">3IA Distribution<\/div>\n <p class=\"footer-tagline\">\n Sp\u00e9cialiste en automatisation industrielle.\n Votre partenaire de confiance pour les composants critiques.\n <\/p>\n <\/div>\n <div class=\"footer-links\">\n <a href=\"#\">Mentions L\u00e9gales<\/a>\n <a href=\"#\">Politique de Confidentialit\u00e9<\/a>\n <a href=\"#\">Conditions de Vente<\/a>\n <a href=\"#\">Support Technique<\/a>\n <\/div>\n <\/div>\n <div class=\"footer-bottom\">\n <p class=\"footer-copy\">\n \u00a9 2024 3IA Distribution. Tous droits r\u00e9serv\u00e9s. Sp\u00e9cialiste en automatisation industrielle.\n <\/p>\n <\/div>\n<\/footer>\n\n<script>\nwindow.gtranslateSettings = {\"default_language\":\"fr\",\"languages\":[\"fr\",\"en\"],\"wrapper_selector\":\".gtranslate_wrapper\",\"globe_color\":\"#2563EB\"}\n<\/script>\n<script src=\"https:\/\/cdn.gtranslate.net\/widgets\/latest\/dropdown.js\" defer><\/script>\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>3IA Distribution \u2014 Expert en Solutions d’Automatisation Industrielle Nos Fournisseurs Notre offres produits Contact Demander un devis Accueil Nos Fournisseurs Contact Notre offres Produits Demander un devis imm\u00e9diat Nous contacter directement +216 29 406 790 sales@3ia-distribution.com<\/p>\n","protected":false},"author":1,"featured_media":50,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"_angie_page":false,"footnotes":""},"class_list":["post-21","page","type-page","status-publish","has-post-thumbnail","hentry"],"yoast_head":"\n<title>3IA-distribution - 3IA Distribution<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/3ia-distribution.com\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"3IA-distribution - 3IA Distribution\" \/>\n<meta property=\"og:description\" content=\"3IA Distribution \u2014 Expert en Solutions d’Automatisation Industrielle Nos Fournisseurs Notre offres produits Contact Demander un devis Accueil Nos Fournisseurs Contact Notre offres Produits Demander un devis imm\u00e9diat Nous contacter directement +216 29 406 790 sales@3ia-distribution.com\" \/>\n<meta property=\"og:url\" content=\"https:\/\/3ia-distribution.com\/\" \/>\n<meta property=\"og:site_name\" content=\"3IA Distribution\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/3iadistribution\/\" \/>\n<meta property=\"article:modified_time\" content=\"2026-09-09T07:54:24+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/3ia-distribution.com\/wp-content\/uploads\/2026\/06\/3ia-dist-1.png\" \/>\n\t<meta property=\"og:image:width\" content=\"148\" \/>\n\t<meta property=\"og:image:height\" content=\"16\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"6 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/3ia-distribution.com\\\/\",\"url\":\"https:\\\/\\\/3ia-distribution.com\\\/\",\"name\":\"3IA-distribution - 3IA Distribution\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/3ia-distribution.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/3ia-distribution.com\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/3ia-distribution.com\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/3ia-distribution.com\\\/wp-content\\\/uploads\\\/2026\\\/06\\\/3ia-dist-1.png\",\"datePublished\":\"2026-06-18T09:13:55+00:00\",\"dateModified\":\"2026-09-09T07:54:24+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/3ia-distribution.com\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/3ia-distribution.com\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/3ia-distribution.com\\\/#primaryimage\",\"url\":\"https:\\\/\\\/3ia-distribution.com\\\/wp-content\\\/uploads\\\/2026\\\/06\\\/3ia-dist-1.png\",\"contentUrl\":\"https:\\\/\\\/3ia-distribution.com\\\/wp-content\\\/uploads\\\/2026\\\/06\\\/3ia-dist-1.png\",\"width\":148,\"height\":16},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/3ia-distribution.com\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/3ia-distribution.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"3IA-distribution\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/3ia-distribution.com\\\/#website\",\"url\":\"https:\\\/\\\/3ia-distribution.com\\\/\",\"name\":\"3ia-distribution.com\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\\\/\\\/3ia-distribution.com\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/3ia-distribution.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/3ia-distribution.com\\\/#organization\",\"name\":\"3ia-distribution\",\"url\":\"https:\\\/\\\/3ia-distribution.com\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/3ia-distribution.com\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/3ia-distribution.com\\\/wp-content\\\/uploads\\\/2026\\\/06\\\/3ia-dist.png\",\"contentUrl\":\"https:\\\/\\\/3ia-distribution.com\\\/wp-content\\\/uploads\\\/2026\\\/06\\\/3ia-dist.png\",\"width\":148,\"height\":16,\"caption\":\"3ia-distribution\"},\"image\":{\"@id\":\"https:\\\/\\\/3ia-distribution.com\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/3iadistribution\\\/\",\"https:\\\/\\\/www.linkedin.com\\\/company\\\/3ia-distribution\\\/posts\\\/?feedView=all\"]}]}<\/script>\n","yoast_head_json":{"title":"3IA-distribution - 3IA Distribution","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/3ia-distribution.com\/","og_locale":"en_US","og_type":"article","og_title":"3IA-distribution - 3IA Distribution","og_description":"3IA Distribution \u2014 Expert en Solutions d’Automatisation Industrielle Nos Fournisseurs Notre offres produits Contact Demander un devis Accueil Nos Fournisseurs Contact Notre offres Produits Demander un devis imm\u00e9diat Nous contacter directement +216 29 406 790 sales@3ia-distribution.com","og_url":"https:\/\/3ia-distribution.com\/","og_site_name":"3IA Distribution","article_publisher":"https:\/\/www.facebook.com\/3iadistribution\/","article_modified_time":"2026-09-09T07:54:24+00:00","og_image":[{"width":148,"height":16,"url":"https:\/\/3ia-distribution.com\/wp-content\/uploads\/2026\/06\/3ia-dist-1.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"6 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/3ia-distribution.com\/","url":"https:\/\/3ia-distribution.com\/","name":"3IA-distribution - 3IA Distribution","isPartOf":{"@id":"https:\/\/3ia-distribution.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/3ia-distribution.com\/#primaryimage"},"image":{"@id":"https:\/\/3ia-distribution.com\/#primaryimage"},"thumbnailUrl":"https:\/\/3ia-distribution.com\/wp-content\/uploads\/2026\/06\/3ia-dist-1.png","datePublished":"2026-06-18T09:13:55+00:00","dateModified":"2026-09-09T07:54:24+00:00","breadcrumb":{"@id":"https:\/\/3ia-distribution.com\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/3ia-distribution.com\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/3ia-distribution.com\/#primaryimage","url":"https:\/\/3ia-distribution.com\/wp-content\/uploads\/2026\/06\/3ia-dist-1.png","contentUrl":"https:\/\/3ia-distribution.com\/wp-content\/uploads\/2026\/06\/3ia-dist-1.png","width":148,"height":16},{"@type":"BreadcrumbList","@id":"https:\/\/3ia-distribution.com\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/3ia-distribution.com\/"},{"@type":"ListItem","position":2,"name":"3IA-distribution"}]},{"@type":"WebSite","@id":"https:\/\/3ia-distribution.com\/#website","url":"https:\/\/3ia-distribution.com\/","name":"3ia-distribution.com","description":"","publisher":{"@id":"https:\/\/3ia-distribution.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/3ia-distribution.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/3ia-distribution.com\/#organization","name":"3ia-distribution","url":"https:\/\/3ia-distribution.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/3ia-distribution.com\/#\/schema\/logo\/image\/","url":"https:\/\/3ia-distribution.com\/wp-content\/uploads\/2026\/06\/3ia-dist.png","contentUrl":"https:\/\/3ia-distribution.com\/wp-content\/uploads\/2026\/06\/3ia-dist.png","width":148,"height":16,"caption":"3ia-distribution"},"image":{"@id":"https:\/\/3ia-distribution.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/3iadistribution\/","https:\/\/www.linkedin.com\/company\/3ia-distribution\/posts\/?feedView=all"]}]}},"_links":{"self":[{"href":"https:\/\/3ia-distribution.com\/index.php\/wp-json\/wp\/v2\/pages\/21","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/3ia-distribution.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/3ia-distribution.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/3ia-distribution.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/3ia-distribution.com\/index.php\/wp-json\/wp\/v2\/comments?post=21"}],"version-history":[{"count":169,"href":"https:\/\/3ia-distribution.com\/index.php\/wp-json\/wp\/v2\/pages\/21\/revisions"}],"predecessor-version":[{"id":576,"href":"https:\/\/3ia-distribution.com\/index.php\/wp-json\/wp\/v2\/pages\/21\/revisions\/576"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/3ia-distribution.com\/index.php\/wp-json\/wp\/v2\/media\/50"}],"wp:attachment":[{"href":"https:\/\/3ia-distribution.com\/index.php\/wp-json\/wp\/v2\/media?parent=21"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t

\n\t\t\t\t

\n\t\t\t\t\t\n\n\n \n \n \n 3IA Distribution \u2014 Expert en Solutions d'Automatisation Industrielle<\/title>\n <meta property=\"og:type\" content=\"website\">\n <meta property=\"og:url\" content=\"https:\/\/3ia-distribution.com\/\">\n <meta property=\"og:title\" content=\"3IA Distribution \u2014 Expert en Automatisation Industrielle\">\n <meta property=\"og:description\" content=\"3IA Distribution \u2014 Sp\u00e9cialiste en solutions d'automatisation industrielle en Tunisie. Distributeur officiel Siemens, Pepperl+Fuchs, Teltonika, ESIT, TE Connectivity, UniMAT, CAMLogic et SCHURTER.\">\n <meta property=\"og:image\" content=\"https:\/\/3ia-distribution.com\/wp-content\/uploads\/2026\/06\/3ia-dist.png\">\n <meta property=\"og:locale\" content=\"fr_FR\">\n\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\n <style>\n *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\n\n :root {\n --blue-900: #1E3A8A;\n --blue-700: #1D4ED8;\n --blue-600: #2563EB;\n --blue-100: #DBEAFE;\n --gray-900: #111827;\n --gray-700: #374151;\n --gray-500: #6B7280;\n --gray-200: #E5E7EB;\n --gray-100: #F3F4F6;\n --gray-50: #F9FAFB;\n --white: #FFFFFF;\n }\n\n body {\n font-family: 'Inter', sans-serif;\n color: var(--gray-900);\n background: var(--white);\n }\n\n \/* \u2500\u2500 NAVIGATION \u2500\u2500 *\/\n nav {\n position: fixed;\n top: 0; left: 0; right: 0;\n z-index: 100;\n background: rgba(255,255,255,0.97);\n backdrop-filter: blur(8px);\n border-bottom: 1px solid #E5E7EB;\n padding: 0 64px;\n height: 64px;\n display: flex;\n align-items: center;\n justify-content: space-between;\n }\n\n .nav-logo {\n display: flex;\n align-items: center;\n gap: 10px;\n font-weight: 800;\n font-size: 18px;\n color: var(--blue-900);\n text-decoration: none;\n letter-spacing: -0.01em;\n }\n\n\n\n\/* \u2500\u2500 Desktop nav \u2500\u2500 *\/\n.nav-3ia {\n position: fixed;\n top: 0; left: 0; right: 0;\n z-index: 1000;\n background: rgba(255,255,255,0.97);\n backdrop-filter: blur(10px);\n -webkit-backdrop-filter: blur(10px);\n border-bottom: 1px solid var(--gray-200);\n padding: 0 64px;\n height: 64px;\n display: flex;\n align-items: center;\n justify-content: space-between;\n}\n \n.nav-logo {\n display: flex; align-items: center; gap: 10px;\n font-weight: 800; font-size: 18px;\n color: var(--blue-900); text-decoration: none;\n letter-spacing: -0.01em; flex-shrink: 0;\n}\n.nav-logo-placeholder {\n width: 38px; height: 38px;\n background: var(--blue-900); border-radius: 7px;\n display: flex; align-items: center; justify-content: center;\n}\n.nav-logo-placeholder svg {\n width: 20px; height: 20px;\n stroke: white; fill: none; stroke-width: 2;\n stroke-linecap: round; stroke-linejoin: round;\n}\n \n\/* Desktop links *\/\n.nav-desktop-links {\n display: flex; align-items: center;\n gap: 36px; list-style: none;\n}\n.nav-desktop-links li a {\n text-decoration: none; color: var(--gray-700);\n font-size: 14px; font-weight: 500; transition: color 0.15s;\n}\n.nav-desktop-links li a:hover,\n.nav-desktop-links li a.active { color: var(--blue-600); }\n\n\/* Translate item alignment *\/\n.nav-translate-item { display: flex; align-items: center; }\n.nav-translate-item .gtranslate_wrapper select { font-size: 13px !important; padding: 5px 10px !important; }\n\n\/* Nav scroll shadow *\/\n.nav-3ia.scrolled { box-shadow: 0 2px 16px rgba(0,0,0,0.08); }\n \n.nav-cta-btn {\n background: var(--blue-600) !important;\n color: white !important;\n padding: 9px 20px !important;\n border-radius: 7px !important;\n font-weight: 600 !important;\n font-size: 14px !important;\n transition: background 0.15s !important;\n}\n.nav-cta-btn:hover { background: var(--blue-700) !important; }\n \n\/* \u2500\u2500 Hamburger button (hidden on desktop) \u2500\u2500 *\/\n.nav-hamburger {\n display: none;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n width: 40px; height: 40px;\n background: transparent;\n border: 1.5px solid var(--gray-200);\n border-radius: 8px;\n cursor: pointer;\n gap: 5px;\n padding: 8px;\n transition: border-color 0.2s;\n flex-shrink: 0;\n}\n.nav-hamburger:hover { border-color: var(--blue-600); }\n \n.ham-line {\n width: 100%; height: 2px;\n background: var(--gray-700); border-radius: 2px;\n transition: transform 0.3s ease, opacity 0.3s ease, width 0.3s ease;\n transform-origin: center;\n}\n \n\/* Hamburger \u2192 X animation *\/\n.nav-hamburger.open .ham-line:nth-child(1) {\n transform: translateY(7px) rotate(45deg);\n}\n.nav-hamburger.open .ham-line:nth-child(2) {\n opacity: 0; transform: scaleX(0);\n}\n.nav-hamburger.open .ham-line:nth-child(3) {\n transform: translateY(-7px) rotate(-45deg);\n}\n \n\/* \u2500\u2500 Mobile menu overlay \u2500\u2500 *\/\n.nav-mobile-menu {\n position: fixed;\n top: 64px; left: 0; right: 0; bottom: 0;\n z-index: 999;\n background: white;\n padding: 32px 24px;\n display: flex;\n flex-direction: column;\n gap: 0;\n transform: translateX(100%);\n transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);\n overflow-y: auto;\n border-top: 1px solid var(--gray-200);\n}\n.nav-mobile-menu.open {\n transform: translateX(0);\n}\n \n\/* Mobile nav links *\/\n.nav-mobile-menu ul {\n list-style: none;\n display: flex; flex-direction: column; gap: 0;\n}\n.nav-mobile-menu ul li a {\n display: flex; align-items: center;\n justify-content: space-between;\n padding: 18px 0;\n font-size: 18px; font-weight: 600;\n color: var(--gray-900); text-decoration: none;\n border-bottom: 1px solid var(--gray-200);\n transition: color 0.15s;\n}\n.nav-mobile-menu ul li a:hover { color: var(--blue-600); }\n.nav-mobile-menu ul li a svg {\n width: 18px; height: 18px;\n stroke: var(--gray-200); fill: none;\n stroke-width: 2; stroke-linecap: round; stroke-linejoin: round;\n}\n \n\/* Mobile CTA button *\/\n.nav-mobile-cta {\n margin-top: 32px;\n display: block;\n background: var(--blue-600);\n color: white !important;\n text-align: center;\n padding: 16px;\n border-radius: 10px;\n font-size: 16px; font-weight: 700;\n text-decoration: none;\n transition: background 0.15s;\n}\n.nav-mobile-cta:hover { background: var(--blue-700); }\n \n\/* Mobile contact info *\/\n.nav-mobile-contact {\n margin-top: 32px;\n padding: 20px;\n background: var(--gray-50, #F9FAFB);\n border-radius: 10px;\n}\n.nav-mobile-contact p {\n font-size: 12px; font-weight: 600;\n letter-spacing: 0.08em; text-transform: uppercase;\n color: var(--gray-400, #9CA3AF);\n margin-bottom: 12px;\n}\n.nav-mobile-contact a {\n display: flex; align-items: center; gap: 10px;\n color: var(--gray-700); font-size: 14px; font-weight: 500;\n text-decoration: none; margin-bottom: 8px;\n}\n.nav-mobile-contact a svg {\n width: 16px; height: 16px;\n stroke: var(--blue-600); fill: none;\n stroke-width: 2; stroke-linecap: round; stroke-linejoin: round;\n}\n \n\/* \u2500\u2500 Responsive breakpoint \u2500\u2500 *\/\n@media (max-width: 769px) {\n .nav-3ia { padding: 0 20px; }\n .nav-desktop-links { display: none; }\n .nav-hamburger { display: flex; }\n}\n \n\/* Prevent body scroll when menu is open *\/\nbody.nav-open { overflow: hidden; }\n \/* \u2500\u2500 Replace .nav-logo-placeholder with your real <img> tag \u2500\u2500 *\/\n .nav-logo-placeholder {\n width: 38px;\n height: 38px;\n background: var(--blue-900);\n border-radius: 7px;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n }\n .nav-logo-placeholder svg {\n width: 20px; height: 20px;\n stroke: white; fill: none;\n stroke-width: 2; stroke-linecap: round; stroke-linejoin: round;\n }\n\n .nav-links {\n display: flex;\n align-items: center;\n gap: 36px;\n list-style: none;\n }\n .nav-links li a {\n text-decoration: none;\n color: var(--gray-700);\n font-size: 14px;\n font-weight: 500;\n transition: color 0.15s;\n }\n .nav-links li a:hover { color: var(--blue-600); }\n\n .nav-btn {\n background: var(--blue-600) !important;\n color: white !important;\n padding: 9px 20px;\n border-radius: 7px;\n font-weight: 600 !important;\n font-size: 14px !important;\n transition: background 0.15s !important;\n }\n .nav-btn:hover { background: var(--blue-700) !important; }\n\n \/* \u2500\u2500 HERO \u2500\u2500 *\/\n .hero {\n margin-top: px;\n position: relative;\n min-height: 360px;\n display: flex;\n align-items: center;\n background:\n linear-gradient(105deg, rgba(10,20,50,0.88) 45%, rgba(10,20,50,0.45) 100%),\n url('https:\/\/3ia-distribution.com\/wp-content\/uploads\/2026\/09\/hero_automation_bg.jpg') center\/cover no-repeat;\n padding: 80px 64px;\n }\n\n .hero-content { max-width: 600px; }\n\n .hero-badge {\n display: inline-flex;\n align-items: center;\n gap: 7px;\n background: rgba(37,99,235,0.18);\n border: 1px solid rgba(37,99,235,0.35);\n color: #93C5FD;\n font-size: 11px;\n font-weight: 700;\n letter-spacing: 0.1em;\n text-transform: uppercase;\n padding: 6px 14px;\n border-radius: 100px;\n margin-bottom: 28px;\n }\n .hero-badge span { color: var(--blue-600); font-size: 16px; line-height: 1; }\n\n .hero h1 {\n font-size: 52px;\n font-weight: 800;\n line-height: 1.08;\n color: white;\n margin-bottom: 20px;\n letter-spacing: -0.025em;\n }\n\n .hero p {\n font-size: 17px;\n line-height: 1.75;\n color: rgba(255,255,255,0.72);\n margin-bottom: 44px;\n max-width: 480px;\n }\n\n .hero-cta {\n display: inline-flex;\n align-items: center;\n gap: 10px;\n background: var(--blue-600);\n color: white;\n font-size: 15px;\n font-weight: 600;\n padding: 16px 32px;\n border-radius: 8px;\n text-decoration: none;\n transition: background 0.2s, transform 0.2s;\n box-shadow: 0 4px 28px rgba(37,99,235,0.45);\n }\n .hero-cta:hover { background: var(--blue-700); transform: translateY(-2px); }\n .hero-cta svg {\n width: 18px; height: 18px;\n stroke: white; fill: none;\n stroke-width: 2.2; stroke-linecap: round; stroke-linejoin: round;\n }\n\n \/* \u2500\u2500 TRUST BAR \u2500\u2500 *\/\n .trust-bar {\n background: var(--gray-900);\n padding: 14px 64px;\n display: flex;\n align-items: center;\n gap: 40px;\n border-top: 1px solid rgba(255,255,255,0.05);\n }\n .trust-bar-label {\n color: #4B5563;\n font-size: 11px;\n font-weight: 700;\n letter-spacing: 0.1em;\n text-transform: uppercase;\n white-space: nowrap;\n flex-shrink: 0;\n }\n .trust-bar-items {\n display: flex;\n gap: 40px;\n align-items: center;\n flex-wrap: wrap;\n }\n .trust-item {\n display: flex;\n align-items: center;\n gap: 8px;\n color: rgba(255,255,255,0.45);\n font-size: 13px;\n font-weight: 600;\n letter-spacing: 0.02em;\n white-space: nowrap;\n }\n .trust-dot {\n width: 5px; height: 5px;\n border-radius: 50%;\n background: var(--blue-600);\n flex-shrink: 0;\n }\n\n \/* \u2500\u2500 SERVICES \u2500\u2500 *\/\n .services {\n padding: 88px 64px;\n background: var(--white);\n }\n\n .section-eyebrow {\n font-size: 11px;\n font-weight: 700;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: var(--blue-600);\n margin-bottom: 12px;\n }\n .section-title {\n font-size: 36px;\n font-weight: 800;\n color: var(--gray-900);\n margin-bottom: 12px;\n letter-spacing: -0.02em;\n line-height: 1.15;\n }\n .section-subtitle {\n font-size: 16px;\n color: var(--gray-500);\n margin-bottom: 52px;\n max-width: 520px;\n line-height: 1.6;\n }\n\n .services-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 24px;\n }\n\n .service-card {\n background: var(--gray-50);\n border: 1px solid #E5E7EB;\n border-radius: 14px;\n padding: 36px 32px;\n transition: box-shadow 0.2s, border-color 0.2s, transform 0.2s;\n cursor: default;\n }\n .service-card:hover {\n box-shadow: 0 12px 40px rgba(0,0,0,0.07);\n border-color: var(--blue-100);\n transform: translateY(-3px);\n }\n\n .service-icon {\n width: 50px; height: 50px;\n background: var(--blue-900);\n border-radius: 11px;\n display: flex;\n align-items: center;\n justify-content: center;\n margin-bottom: 22px;\n }\n .service-icon svg {\n width: 24px; height: 24px;\n stroke: white; fill: none;\n stroke-width: 2; stroke-linecap: round; stroke-linejoin: round;\n }\n\n .service-card h3 {\n font-size: 18px;\n font-weight: 700;\n color: var(--gray-900);\n margin-bottom: 10px;\n letter-spacing: -0.01em;\n }\n .service-card p {\n font-size: 14px;\n line-height: 1.75;\n color: var(--gray-500);\n }\n\n \/* \u2500\u2500 FOOTER \u2500\u2500 *\/\n footer {\n background: var(--gray-900);\n padding: 52px 64px 32px;\n border-top: 1px solid rgba(255,255,255,0.04);\n }\n\n .footer-top {\n display: flex;\n justify-content: space-between;\n align-items: flex-start;\n padding-bottom: 40px;\n border-bottom: 1px solid rgba(255,255,255,0.07);\n margin-bottom: 28px;\n gap: 40px;\n }\n\n .footer-brand { max-width: 280px; }\n .footer-logo-name {\n font-size: 20px;\n font-weight: 800;\n color: white;\n margin-bottom: 10px;\n letter-spacing: -0.01em;\n }\n .footer-tagline {\n font-size: 13px;\n color: #4B5563;\n line-height: 1.7;\n }\n\n .footer-links {\n display: flex;\n gap: 28px;\n flex-wrap: wrap;\n justify-content: flex-end;\n align-items: flex-start;\n }\n .footer-links a {\n color: #6B7280;\n text-decoration: none;\n font-size: 13px;\n font-weight: 500;\n transition: color 0.15s;\n white-space: nowrap;\n }\n .footer-links a:hover { color: white; }\n\n .footer-bottom {\n display: flex;\n justify-content: space-between;\n align-items: center;\n }\n .footer-copy {\n font-size: 12px;\n color: #374151;\n }\n \n \n.stats-section {\n padding: 80px 64px;\n background: var(--blue-900);\n position: relative;\n overflow: hidden;\n}\n \n\/* Decorative background circles *\/\n.stats-section::before {\n content: '';\n position: absolute;\n top: -80px; right: -80px;\n width: 360px; height: 360px;\n border-radius: 50%;\n background: rgba(255,255,255,0.03);\n pointer-events: none;\n}\n.stats-section::after {\n content: '';\n position: absolute;\n bottom: -100px; left: -60px;\n width: 300px; height: 300px;\n border-radius: 50%;\n background: rgba(255,255,255,0.03);\n pointer-events: none;\n}\n \n.stats-inner {\n max-width: 1100px;\n margin: 0 auto;\n position: relative;\n z-index: 1;\n}\n \n.stats-header {\n text-align: center;\n margin-bottom: 56px;\n}\n \n.stats-eyebrow {\n font-size: 11px;\n font-weight: 700;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: rgba(255,255,255,0.45);\n margin-bottom: 12px;\n}\n \n.stats-title {\n font-size: 32px;\n font-weight: 800;\n color: white;\n letter-spacing: -0.02em;\n line-height: 1.2;\n}\n.stats-title span {\n color: #93C5FD;\n}\n \n\/* \u2500\u2500 Grid of stat cards \u2500\u2500 *\/\n.stats-grid {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 2px;\n background: rgba(255,255,255,0.08);\n border-radius: 16px;\n overflow: hidden;\n}\n \n.stat-card {\n background: rgba(255,255,255,0.04);\n padding: 40px 32px;\n text-align: center;\n position: relative;\n transition: background 0.2s;\n}\n.stat-card:hover {\n background: rgba(255,255,255,0.08);\n}\n \n.stat-icon {\n width: 44px; height: 44px;\n background: rgba(255,255,255,0.08);\n border-radius: 10px;\n display: flex; align-items: center; justify-content: center;\n margin: 0 auto 20px;\n}\n.stat-icon svg {\n width: 22px; height: 22px;\n stroke: #93C5FD; fill: none;\n stroke-width: 2; stroke-linecap: round; stroke-linejoin: round;\n}\n \n\/* Animated number *\/\n.stat-number {\n font-size: 48px;\n font-weight: 800;\n color: white;\n letter-spacing: -0.03em;\n line-height: 1;\n margin-bottom: 8px;\n display: flex;\n align-items: baseline;\n justify-content: center;\n gap: 2px;\n}\n \n.stat-number .count {\n display: inline-block;\n \/* starts hidden, animates in *\/\n opacity: 0;\n transform: translateY(16px);\n transition: opacity 0.6s ease, transform 0.6s ease;\n}\n.stat-number .count.visible {\n opacity: 1;\n transform: translateY(0);\n}\n \n.stat-suffix {\n font-size: 28px;\n font-weight: 700;\n color: #93C5FD;\n}\n \n.stat-label {\n font-size: 14px;\n font-weight: 500;\n color: rgba(255,255,255,0.55);\n line-height: 1.5;\n margin-bottom: 0;\n}\n \n.stat-sublabel {\n font-size: 12px;\n color: rgba(255,255,255,0.3);\n margin-top: 4px;\n}\n \n\/* Divider between cards *\/\n.stat-card + .stat-card::before {\n content: '';\n position: absolute;\n left: 0; top: 20%; bottom: 20%;\n width: 1px;\n background: rgba(255,255,255,0.06);\n}\n \n\/* \u2500\u2500 Bottom trust line \u2500\u2500 *\/\n.stats-footer {\n text-align: center;\n margin-top: 48px;\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 32px;\n flex-wrap: wrap;\n}\n.stats-footer-item {\n display: flex;\n align-items: center;\n gap: 8px;\n font-size: 13px;\n font-weight: 500;\n color: rgba(255,255,255,0.45);\n}\n.stats-footer-item svg {\n width: 16px; height: 16px;\n stroke: #34D399; fill: none;\n stroke-width: 2; stroke-linecap: round; stroke-linejoin: round;\n}\n\n \n.wa-float {\n position: fixed;\n bottom: 28px;\n right: 28px;\n z-index: 9999;\n display: flex;\n flex-direction: column;\n align-items: flex-end;\n gap: 10px;\n}\n \n\/* \u2500\u2500 Main button \u2500\u2500 *\/\n.wa-btn {\n width: 58px;\n height: 58px;\n background: #25D366;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n box-shadow: 0 4px 20px rgba(37, 211, 102, 0.45);\n cursor: pointer;\n text-decoration: none;\n transition: transform 0.2s, box-shadow 0.2s;\n position: relative;\n}\n.wa-btn:hover {\n transform: scale(1.08);\n box-shadow: 0 6px 28px rgba(37, 211, 102, 0.6);\n}\n.wa-btn svg {\n width: 30px;\n height: 30px;\n fill: white;\n flex-shrink: 0;\n}\n \n\/* \u2500\u2500 Pulse ring animation \u2500\u2500 *\/\n.wa-btn::before {\n content: '';\n position: absolute;\n inset: -6px;\n border-radius: 50%;\n background: rgba(37, 211, 102, 0.25);\n animation: wa-pulse 2.2s ease-out infinite;\n}\n.wa-btn::after {\n content: '';\n position: absolute;\n inset: -12px;\n border-radius: 50%;\n background: rgba(37, 211, 102, 0.12);\n animation: wa-pulse 2.2s ease-out 0.4s infinite;\n}\n@keyframes wa-pulse {\n 0% { transform: scale(0.9); opacity: 0.8; }\n 70% { transform: scale(1.3); opacity: 0; }\n 100% { transform: scale(1.3); opacity: 0; }\n}\n \n\/* \u2500\u2500 Tooltip bubble \u2500\u2500 *\/\n.wa-tooltip {\n background: #1F2937;\n color: white;\n font-family: 'Inter', sans-serif;\n font-size: 13px;\n font-weight: 500;\n padding: 10px 16px;\n border-radius: 10px;\n white-space: nowrap;\n box-shadow: 0 4px 16px rgba(0,0,0,0.2);\n opacity: 0;\n transform: translateX(10px);\n transition: opacity 0.25s, transform 0.25s;\n pointer-events: none;\n position: relative;\n}\n\/* Arrow on tooltip *\/\n.wa-tooltip::after {\n content: '';\n position: absolute;\n right: -7px;\n top: 50%;\n transform: translateY(-50%);\n border: 7px solid transparent;\n border-left-color: #1F2937;\n border-right-width: 0;\n}\n \n\/* Show tooltip on hover *\/\n.wa-float:hover .wa-tooltip {\n opacity: 1;\n transform: translateX(0);\n}\n \n\/* \u2500\u2500 Notification dot \u2500\u2500 *\/\n.wa-dot {\n position: absolute;\n top: 2px;\n right: 2px;\n width: 14px;\n height: 14px;\n background: #EF4444;\n border-radius: 50%;\n border: 2px solid white;\n animation: wa-dot-blink 2s ease-in-out infinite;\n}\n@keyframes wa-dot-blink {\n 0%, 100% { opacity: 1; }\n 50% { opacity: 0.4; }\n}\n \n\/* \u2500\u2500 Close tooltip button (mobile) \u2500\u2500 *\/\n.wa-close {\n display: none;\n position: absolute;\n top: -8px;\n right: -8px;\n width: 22px;\n height: 22px;\n background: #EF4444;\n border-radius: 50%;\n border: 2px solid white;\n color: white;\n font-size: 12px;\n font-weight: 700;\n line-height: 1;\n cursor: pointer;\n align-items: center;\n justify-content: center;\n z-index: 10;\n}\n \n@media (max-width: 768px) {\n .wa-float { bottom: 20px; right: 16px; }\n .wa-btn { width: 52px; height: 52px; }\n .wa-btn svg { width: 26px; height: 26px; }\n}\n\n \/* \u2500\u2500 RESPONSIVE \u2500\u2500 *\/\n @media (max-width: 1024px) {\n nav { padding: 0 32px; }\n .hero { padding: 60px 32px; }\n .trust-bar { padding: 14px 32px; }\n .services { padding: 64px 32px; }\n footer { padding: 48px 32px 28px; }\n }\n\n @media (max-width: 768px ) {\n nav { padding: 0 20px; }\n .nav-links { gap: 16px; }\n .hero { padding: 48px 20px; min-height: 520px; }\n .hero h1 { font-size: 34px; }\n .hero p { font-size: 15px; }\n .services-grid { grid-template-columns: 1fr; gap: 16px; }\n .services { padding: 56px 20px; }\n .section-title { font-size: 28px; }\n .trust-bar { padding: 14px 20px; gap: 20px; overflow-x: auto; }\n footer { padding: 40px 20px 24px; }\n .footer-top { flex-direction: column; }\n .footer-links { justify-content: flex-start; }\n }\n \n @media (max-width: 900px) {\n .stats-grid { grid-template-columns: repeat(2, 1fr); }\n .stats-section { padding: 60px 32px; }\n}\n\n@media (max-width: 540px) {\n .stats-grid { grid-template-columns: 1fr; }\n .stats-section { padding: 48px 20px; }\n .stat-number { font-size: 40px; }\n .stats-title { font-size: 26px; }\n}\n\n \n.valeurs-section {\n padding: 88px 64px;\n background: #F9FAFB;\n}\n \n.valeurs-inner {\n max-width: 1200px;\n margin: 0 auto;\n}\n \n.valeurs-header {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 48px;\n align-items: end;\n margin-bottom: 56px;\n}\n \n.valeurs-eyebrow {\n font-size: 11px;\n font-weight: 700;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: #2563EB;\n margin-bottom: 12px;\n}\n \n.valeurs-title {\n font-size: 36px;\n font-weight: 800;\n color: #111827;\n letter-spacing: -0.02em;\n line-height: 1.15;\n}\n \n.valeurs-subtitle {\n font-size: 16px;\n color: #6B7280;\n line-height: 1.7;\n max-width: 440px;\n margin-left: auto;\n align-self: auto;\n}\n \n\/* \u2500\u2500 Values grid \u2500\u2500 *\/\n.valeurs-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 24px;\n}\n \n.valeur-card {\n background: #ffffff;\n border: 1px solid #E5E7EB;\n border-radius: 16px;\n padding: 36px;\n display: flex;\n flex-direction: column;\n gap: 16px;\n transition: box-shadow 0.2s, border-color 0.2s, transform 0.2s;\n position: relative;\n overflow: hidden;\n}\n.valeur-card::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 3px;\n background: linear-gradient(90deg, #1E3A8A, #2563EB);\n transform: scaleX(0);\n transform-origin: left;\n transition: transform 0.3s ease;\n}\n.valeur-card:hover {\n box-shadow: 0 12px 40px rgba(0,0,0,0.08);\n border-color: #DBEAFE;\n transform: translateY(-3px);\n}\n.valeur-card:hover::before {\n transform: scaleX(1);\n}\n \n.valeur-icon {\n width: 52px; height: 52px;\n background: #EFF6FF;\n border-radius: 12px;\n display: flex; align-items: center; justify-content: center;\n flex-shrink: 0;\n}\n.valeur-icon svg {\n width: 26px; height: 26px;\n stroke: #1E3A8A; fill: none;\n stroke-width: 2; stroke-linecap: round; stroke-linejoin: round;\n}\n \n.valeur-num {\n position: absolute;\n top: 28px; right: 32px;\n font-size: 48px;\n font-weight: 800;\n color: #F3F4F6;\n line-height: 1;\n letter-spacing: -0.04em;\n pointer-events: none;\n}\n \n.valeur-title {\n font-size: 19px;\n font-weight: 700;\n color: #111827;\n letter-spacing: -0.01em;\n}\n \n.valeur-desc {\n font-size: 14px;\n color: #6B7280;\n line-height: 1.75;\n}\n \n.news-section {\n padding: 88px 64px;\n background: var(--white);\n border-top: 1px solid var(--gray-200);\n}\n \n\/* \u2500\u2500 Section header \u2500\u2500 *\/\n.news-header {\n display: flex;\n align-items: flex-end;\n justify-content: space-between;\n gap: 32px;\n margin-bottom: 48px;\n}\n \n.news-header-left {}\n \n.news-eyebrow {\n font-size: 11px;\n font-weight: 700;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: var(--blue-600);\n margin-bottom: 10px;\n}\n \n.news-title {\n font-size: 36px;\n font-weight: 800;\n color: var(--gray-900);\n letter-spacing: -0.02em;\n line-height: 1.15;\n}\n \n.news-all-link {\n display: inline-flex;\n align-items: center;\n gap: 7px;\n font-size: 14px;\n font-weight: 600;\n color: var(--blue-600);\n text-decoration: none;\n white-space: nowrap;\n transition: gap 0.2s;\n flex-shrink: 0;\n padding-bottom: 4px;\n}\n.news-all-link:hover { gap: 11px; }\n.news-all-link svg {\n width: 16px; height: 16px;\n stroke: currentColor; fill: none;\n stroke-width: 2.5; stroke-linecap: round; stroke-linejoin: round;\n}\n \n\/* \u2500\u2500 Two-column layout \u2500\u2500 *\/\n.news-layout {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 28px;\n align-items: stretch;\n}\n \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\u2550\u2550\n FEATURED CARD (left column)\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\u2550\u2550 *\/\n.featured-card {\n background: var(--white);\n border: 1px solid var(--gray-200);\n border-radius: 16px;\n overflow: hidden;\n display: flex;\n flex-direction: column;\n transition: box-shadow 0.2s, transform 0.2s;\n text-decoration: none;\n}\n.featured-card:hover {\n box-shadow: 0 12px 40px rgba(0,0,0,0.1);\n transform: translateY(-3px);\n}\n \n\/* Image hero area *\/\n.feat-img {\n position: relative;\n height: 220px;\n overflow: hidden;\n flex-shrink: 0;\n \n \/*\n \u2500\u2500 TO ADD A REAL IMAGE \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n Replace the background below with:\n background: url('YOUR-IMAGE-URL') center\/cover no-repeat;\n Then remove the .feat-img-icon block in the HTML.\n \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n background: linear-gradient(135deg, #0F1F4E 0%, var(--blue-900) 60%, var(--blue-700) 100%);\n}\n \n.feat-img img {\n width: 100%; height: 100%;\n object-fit: cover; display: block;\n}\n \n\/* Decorative industrial icon (remove once you have a real image) *\/\n.feat-img-icon {\n position: absolute;\n inset: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n opacity: 0.12;\n}\n.feat-img-icon svg {\n width: 120px; height: 120px;\n stroke: white; fill: none;\n stroke-width: 1; stroke-linecap: round; stroke-linejoin: round;\n}\n \n\/* Gradient overlay + text *\/\n.feat-overlay {\n position: absolute;\n bottom: 0; left: 0; right: 0;\n padding: 28px 24px 20px;\n background: linear-gradient(\n to top,\n rgba(5, 10, 30, 0.92) 0%,\n rgba(5, 10, 30, 0.65) 60%,\n transparent 100%\n );\n}\n \n.feat-tag-row {\n display: flex;\n align-items: center;\n gap: 8px;\n margin-bottom: 10px;\n}\n \n.feat-tag {\n display: inline-block;\n font-size: 10px;\n font-weight: 700;\n letter-spacing: 0.08em;\n text-transform: uppercase;\n color: #93C5FD;\n background: rgba(37, 99, 235, 0.3);\n border: 1px solid rgba(147, 197, 253, 0.3);\n padding: 3px 9px;\n border-radius: 100px;\n}\n \n.feat-date {\n font-size: 12px;\n color: rgba(255, 255, 255, 0.5);\n font-weight: 500;\n}\n \n.feat-headline {\n font-size: 20px;\n font-weight: 800;\n color: white;\n line-height: 1.3;\n letter-spacing: -0.01em;\n}\n \n\/* Body \/ excerpt *\/\n.feat-body {\n padding: 20px 24px 24px;\n flex: 1;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n gap: 16px;\n}\n \n.feat-excerpt {\n font-size: 14px;\n color: var(--gray-500);\n line-height: 1.7;\n}\n \n.feat-read-more {\n display: inline-flex;\n align-items: center;\n gap: 7px;\n font-size: 13px;\n font-weight: 600;\n color: var(--blue-600);\n text-decoration: none;\n transition: gap 0.2s;\n}\n.feat-read-more:hover { gap: 11px; }\n.feat-read-more svg {\n width: 14px; height: 14px;\n stroke: currentColor; fill: none;\n stroke-width: 2.5; stroke-linecap: round; stroke-linejoin: round;\n}\n \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\u2550\u2550\n NUMBERED LIST (right column)\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\u2550\u2550 *\/\n.news-list {\n display: flex;\n flex-direction: column;\n background: var(--gray-50);\n border: 1px solid var(--gray-200);\n border-radius: 16px;\n overflow: hidden;\n}\n \n.news-list-item {\n display: flex;\n gap: 20px;\n padding: 24px 28px;\n border-bottom: 1px solid var(--gray-200);\n text-decoration: none;\n transition: background 0.15s;\n align-items: flex-start;\n}\n.news-list-item:last-child { border-bottom: none; }\n.news-list-item:hover { background: var(--blue-100); }\n \n\/* Number *\/\n.nl-num {\n font-size: 32px;\n font-weight: 800;\n color: var(--gray-200);\n line-height: 1;\n flex-shrink: 0;\n width: 36px;\n letter-spacing: -0.04em;\n transition: color 0.15s;\n}\n.news-list-item:hover .nl-num { color: var(--blue-100); }\n \n\/* Content *\/\n.nl-content { flex: 1; min-width: 0; }\n \n.nl-tag-row {\n display: flex;\n align-items: center;\n gap: 8px;\n margin-bottom: 7px;\n}\n \n.nl-tag {\n font-size: 10px;\n font-weight: 700;\n letter-spacing: 0.08em;\n text-transform: uppercase;\n color: var(--blue-600);\n}\n \n.nl-date {\n font-size: 11px;\n color: var(--gray-500);\n font-weight: 500;\n}\n.nl-date::before { content: '\u00b7'; margin-right: 8px; color: var(--gray-200); }\n \n.nl-headline {\n font-size: 15px;\n font-weight: 700;\n color: var(--gray-900);\n line-height: 1.45;\n margin-bottom: 6px;\n transition: color 0.15s;\n}\n.news-list-item:hover .nl-headline { color: var(--blue-700); }\n \n.nl-excerpt {\n font-size: 13px;\n color: var(--gray-500);\n line-height: 1.6;\n display: -webkit-box;\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n overflow: hidden;\n}\n \n\/* Arrow icon *\/\n.nl-arrow {\n width: 18px; height: 18px; flex-shrink: 0; align-self: center;\n stroke: var(--gray-200); fill: none;\n stroke-width: 2.5; stroke-linecap: round; stroke-linejoin: round;\n transition: stroke 0.15s, transform 0.2s;\n}\n.news-list-item:hover .nl-arrow { stroke: var(--blue-600); transform: translateX(4px); }\n\n\n\n\n\n\/* \u2500\u2500 GTranslate CSS \u2500\u2500 *\/\n.gtranslate_wrapper { display: flex; align-items: center; }\n.gtranslate_wrapper a.glink { display: none; }\n.gtranslate_wrapper select { background: transparent !important; border: 1.5px solid #E5E7EB !important; border-radius: 8px !important; padding: 6px 10px !important; font-family: 'Inter', sans-serif !important; font-size: 13px !important; font-weight: 600 !important; color: #374151 !important; cursor: pointer; outline: none; transition: border-color 0.15s, background 0.15s !important; }\n.gtranslate_wrapper select:hover { border-color: #2563EB !important; background: #EFF6FF !important; color: #1E3A8A !important; }\n\n \n@media (max-width: 960px) {\n .valeurs-header { grid-template-columns: 1fr; gap: 16px; }\n .valeurs-subtitle { margin-left: 0; }\n .news-section { padding: 64px 32px; }\n .news-layout { grid-template-columns: 1fr; }\n .feat-img { height: 200px; }\n\n}\n@media (max-width: 768px) {\n .valeurs-section { padding: 56px 20px; }\n .valeurs-grid { grid-template-columns: 1fr; }\n .valeurs-title { font-size: 28px; }\n}\n@media (max-width: 640px) {\n .news-section { padding: 56px 20px; }\n .news-title { font-size: 28px; }\n .news-header { flex-direction: column; align-items: flex-start; gap: 12px; }\n .nl-num { font-size: 24px; width: 28px; }\n}\n\n <\/style>\n<\/head>\n<body>\n\n\n\n<nav class=\"nav-3ia\" id=\"nav-3ia\">\n <a href=\"\/\" class=\"nav-logo\">\n \n \n <img decoding=\"async\" src=\"https:\/\/3ia-distribution.com\/wp-content\/uploads\/2026\/06\/3ia-dist.png\" alt=\"3IA Distribution\" height=\"36\">\n \n \n \n \n <ul class=\"nav-desktop-links\">\n <li><a href=\"https:\/\/3ia-distribution.com\/index.php\/nos-partenaires-industriels\/\">Nos Fournisseurs<\/a><\/li>\n <li><a href=\"https:\/\/3ia-distribution.com\/index.php\/notre-offre-produits\/\">Notre offres produits<\/a><\/li>\n <li><a href=\"https:\/\/3ia-distribution.com\/index.php\/Contact\/\">Contact<\/a><\/li>\n <li><a href=\"https:\/\/3ia-distribution.com\/index.php\/demander-un-devis\/\" class=\"nav-cta-btn\">Demander un devis<\/a><\/li>\n <li class=\"nav-translate-item\">\n <div class=\"gtranslate_wrapper\"><\/div>\n <\/li>\n <\/ul>\n \n \n <button class=\"nav-hamburger\"\n id=\"nav-hamburger\"\n aria-label=\"Ouvrir le menu\"\n aria-expanded=\"false\"\n aria-controls=\"nav-mobile-menu\">\n <span class=\"ham-line\"><\/span>\n <span class=\"ham-line\"><\/span>\n <span class=\"ham-line\"><\/span>\n <\/button>\n<\/nav>\n \n\n<div class=\"nav-mobile-menu\" id=\"nav-mobile-menu\" role=\"dialog\" aria-label=\"Menu de navigation\">\n \n <ul>\n <li>\n <a href=\"\/\">\n Accueil\n <svg viewBox=\"0 0 24 24\"><path d=\"M9 18l6-6-6-6\"\/><\/svg>\n <\/a>\n <\/li>\n <li>\n <a href=\"https:\/\/3ia-distribution.com\/index.php\/nos-partenaires-industriels\/\">\n Nos Fournisseurs\n <svg viewBox=\"0 0 24 24\"><path d=\"M9 18l6-6-6-6\"\/><\/svg>\n <\/a>\n <\/li>\n <li>\n <a href=\"\/contact\">\n Contact\n <svg viewBox=\"0 0 24 24\"><path d=\"M9 18l6-6-6-6\"\/><\/svg>\n <\/a>\n <\/li>\n <li>\n <a href=\"https:\/\/3ia-distribution.com\/index.php\/nos-partenaires-industriels\/\">\n Notre offres Produits\n <svg viewBox=\"0 0 24 24\"><path d=\"M9 18l6-6-6-6\"\/><\/svg>\n <\/a>\n <\/li>\n <\/ul>\n \n <a href=\"https:\/\/3ia-distribution.com\/index.php\/demander-un-devis\/\" class=\"nav-mobile-cta\">\n Demander un devis imm\u00e9diat\n <\/a>\n \n <div class=\"nav-mobile-contact\">\n <p>Nous contacter directement<\/p>\n <a href=\"tel:+21629406790\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07A19.5 19.5 0 0 1 4.69 12a19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 3.6 1.27h3a2 2 0 0 1 2 1.72c.127.96.361 1.903.7 2.81a2 2 0 0 1-.45 2.11L7.91 8.37A16 16 0 0 0 16 16.46l1.06-.96a2 2 0 0 1 2.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0 1 22 16.92z\"\/><\/svg>\n +216 29 406 790\n <\/a>\n <a href=\"mailto:contact@3ia-distribution.com\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z\"\/><polyline points=\"22,6 12,13 2,6\"\/><\/svg>\n sales@3ia-distribution.com\n <\/a>\n <div class=\"gtranslate_wrapper\" style=\"margin-top:16px\"><\/div>\n <\/div>\n \n<\/div>\n \n<script>\n(function () {\n const hamburger = document.getElementById('nav-hamburger');\n const mobileMenu = document.getElementById('nav-mobile-menu');\n if (!hamburger || !mobileMenu) return;\n \n let isOpen = false;\n \n function openMenu() {\n isOpen = true;\n hamburger.classList.add('open');\n mobileMenu.classList.add('open');\n hamburger.setAttribute('aria-expanded', 'true');\n document.body.classList.add('nav-open');\n }\n \n function closeMenu() {\n isOpen = false;\n hamburger.classList.remove('open');\n mobileMenu.classList.remove('open');\n hamburger.setAttribute('aria-expanded', 'false');\n document.body.classList.remove('nav-open');\n }\n \n hamburger.addEventListener('click', () => {\n isOpen ? closeMenu() : openMenu();\n });\n \n \/* Close when a link inside the menu is clicked *\/\n mobileMenu.querySelectorAll('a').forEach(link => {\n link.addEventListener('click', closeMenu);\n });\n \n \/* Close on Escape key *\/\n document.addEventListener('keydown', (e) => {\n if (e.key === 'Escape' && isOpen) closeMenu();\n });\n \n \/* Close when clicking outside (on the page content behind) *\/\n document.addEventListener('click', (e) => {\n if (isOpen &&\n !mobileMenu.contains(e.target) &&\n !hamburger.contains(e.target)) {\n closeMenu();\n }\n });\n})();\n<\/script>\n\n<style>\n*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\nbody { font-family: 'Inter', sans-serif; }\n\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\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n HOMEPAGE S2 \u2014 Partners Marquee\n Replaces the old trust bar\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\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n\n.pm-section {\n padding: 52px 0;\n background: #ffffff;\n border-top: 1px solid #E5E7EB;\n border-bottom: 1px solid #E5E7EB;\n overflow: hidden;\n margin-top: 50px;\n \n}\n \n.pm-header {\n text-align: center;\n margin-bottom: 36px;\n}\n \n.pm-eyebrow {\n font-size: 16px;\n font-weight: 700;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: #9CA3AF;\n}\n \n\/* \u2500\u2500 Marquee container \u2500\u2500 *\/\n.pm-marquee-wrapper {\n position: relative;\n width: 100%;\n overflow: hidden;\n}\n \n.pm-marquee-wrapper::before,\n.pm-marquee-wrapper::after {\n content: '';\n position: absolute;\n top: 0; bottom: 0;\n width: 160px;\n z-index: 2;\n pointer-events: none;\n}\n.pm-marquee-wrapper::before {\n left: 0;\n background: linear-gradient(to right, #ffffff 30%, transparent);\n}\n.pm-marquee-wrapper::after {\n right: 0;\n background: linear-gradient(to left, #ffffff 30%, transparent);\n}\n \n\/* \u2500\u2500 Scrolling track \u2500\u2500 *\/\n.pm-track {\n display: flex;\n width: max-content;\n animation: pm-scroll 32s linear infinite;\n}\n.pm-track:hover {\n animation-play-state: paused;\n}\n \n@keyframes pm-scroll {\n 0% { transform: translateX(0); }\n 100% { transform: translateX(-50%); }\n}\n \n.pm-logos {\n display: flex;\n align-items: center;\n gap: 56px;\n padding: 0 28px;\n}\n \n\/* \u2500\u2500 Logo container \u2014 sized up ~30%, image only \u2500\u2500 *\/\n.pm-logo {\n display: flex;\n align-items: center;\n justify-content: center;\n height: 52px; \/* was 52px \u2192 +30% *\/\n min-width: 130px; \/* was 100px \u2192 +30% *\/\n filter: grayscale(100%) opacity(0.45);\n transition: filter 0.35s ease, opacity 0.35s ease, transform 0.25s ease;\n flex-shrink: 0;\n cursor: default;\n user-select: none;\n}\n.pm-logo:hover {\n filter: grayscale(0%) opacity(1);\n transform: scale(1.08);\n}\n \n.pm-logo img {\n max-height: 150px; \/* was 38px \u2192 +30% *\/\n max-width: 130px; \/* was 130px \u2192 +30% *\/\n object-fit: contain;\n display: block;\n}\n \n\/* Divider between logos *\/\n.pm-divider {\n width: 1px;\n height: 36px; \/* scaled up to match larger logos *\/\n background: #E5E7EB;\n flex-shrink: 0;\n}\n<\/style>\n\n\n\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\n \n<section class=\"pm-section\">\n \n <div class=\"pm-header\">\n <p class=\"pm-eyebrow\"><\/p>\n <\/div>\n \n <div class=\"pm-marquee-wrapper\">\n <div class=\"pm-track\" id=\"pm-track\">\n \n \n <div class=\"pm-logos\" aria-hidden=\"false\">\n \n <div class=\"pm-logo\" title=\"Siemens\">\n <a href = \"https:\/\/mall.industry.siemens.com\/mall\/en\" target=\"_blank\">\n <img decoding=\"async\" src=\"https:\/\/3ia-distribution.com\/wp-content\/uploads\/2026\/06\/Siemens-Logo-1958150673-scaled.png\" alt=\"Siemens\" alt=\"Siemens\" style=\"max-height:48px;max-width:180px>\n <\/a>\n \n <\/div> \n <div class=\"pm-divider\"><\/div>\n\n \n <div class=\"pm-logo\" title=\"Pepperl+Fuchs\">\n <a href = \"https:\/\/www.pepperl-fuchs.com\/fr-ma\" target=\"_blank\">\n <img decoding=\"async\" src=\"https:\/\/3ia-distribution.com\/wp-content\/uploads\/2026\/06\/pepperlfuchs-logo-3004507265.png\" alt=\"Pepperl+Fuchs\">\n <\/div> <\/a>\n <div class=\"pm-divider\"><\/div>\n \n \n \n <div class=\"pm-logo\" title=\"Teltonika Networks\">\n <a href = \"https:\/\/www.teltonika-networks.com\/\" target=\"_blank\">\n <img decoding=\"async\" src=\"https:\/\/3ia-distribution.com\/wp-content\/uploads\/2026\/06\/63458b98458f7fedca81868f-423676463.png\" alt=\"Teltonika Networks\" style=\"max-height:48px;max-width:120px;object-fit:contain\"> \n <\/a>\n <\/div>\n <div class=\"pm-divider\"><\/div>\n \n <div class=\"pm-logo\" title=\"TE Connectivity\">\n <a href = \"https:\/\/www.te.com\/en\/home.html\" target=\"_blank\">\n <img decoding=\"async\" src=\"https:\/\/3ia-distribution.com\/wp-content\/uploads\/2026\/06\/OIP-4176130657.qTmR5KTVx5lVmgPaHeIk8AAAAA.jpg\" alt=\"TE Connectivity\" style=\"max-height:48px;max-width:120px;object-fit:contain\"> <\/a>\n <\/div>\n <div class=\"pm-divider\"><\/div>\n \n <div class=\"pm-logo\" title=\"CAMLogic\">\n <a href = \"\" target=\"_blank\">\n <img decoding=\"async\" src=\"https:\/\/3ia-distribution.com\/wp-content\/uploads\/2026\/06\/camlogic_logo_2023.png\" alt=\"CAMLogic\" style=\"max-height:48px;max-width:120px;object-fit:contain\">\n <\/a>\n <\/div>\n <div class=\"pm-divider\"><\/div>\n \n <div class=\"pm-logo\" title=\"UniMAT\">\n <a href = \"https:\/\/www.unimatautomation.com\/collections\" target=\"_blank\">\n <img decoding=\"async\" src=\"https:\/\/3ia-distribution.com\/wp-content\/uploads\/2026\/06\/LOGO-02.png\" alt=\"UniMAT\" style=\"max-height:100px;max-width:120px;object-fit:contain\">\n <\/a>\n <\/div>\n <div class=\"pm-divider\"><\/div>\n <a href = \"https:\/\/www.esit.com.tr\/en\/products\" target=\"_blank\">\n <div class=\"pm-logo\" title=\"ESIT\">\n <img decoding=\"async\" src=\"https:\/\/3ia-distribution.com\/wp-content\/uploads\/2026\/06\/esit.png\" alt=\"ESIT\" style=\"max-height:48px;max-width:120px;object-fit:contain\">\n <\/a>\n <\/div>\n <div class=\"pm-divider\"><\/div>\n <div class=\"pm-logo\" title=\"Schurter\">\n <a href = \"https:\/\/www.schurter.com\/en\/products-and-solutions\/catalog\" target=\"_blank\">\n <img decoding=\"async\" src=\"https:\/\/3ia-distribution.com\/wp-content\/uploads\/2026\/08\/schurter.png\" alt=\"Schurter\" style=\"max-height:48px;max-width:120px;object-fit:contain\">\n <\/a>\n <\/div>\n <div class=\"pm-divider\"><\/div>\n \n \n <div class=\"pm-logos\" aria-hidden=\"true\">\n \n <div class=\"pm-logo\" title=\"Siemens\">\n <a href = \"https:\/\/mall.industry.siemens.com\/mall\/en\" target=\"_blank\">\n <img decoding=\"async\" src=\"https:\/\/3ia-distribution.com\/wp-content\/uploads\/2026\/06\/Siemens-Logo-1958150673-scaled\" alt=\"Siemens\" style=\"max-height:48px;max-width:120px;object-fit:contain\">\n <\/a>\n <\/div>\n <div class=\"pm-divider\"><\/div>\n \n \n \n <div class=\"pm-logo\" title=\"Pepperl+Fuchs\">\n <a href = \"https:\/\/www.pepperl-fuchs.com\/fr-ma\" target=\"_blank\">\n <img decoding=\"async\" src=\"https:\/\/3ia-distribution.com\/wp-content\/uploads\/2026\/06\/pepperlfuchs-logo-3004507265.png\" alt=\"Pepperl+Fuchs\" style=\"max-height:48px;max-width:120px;object-fit:contain\">\n <\/a>\n \n <\/div>\n <div class=\"pm-divider\"><\/div>\n \n \n \n \n <div class=\"pm-logo\" title=\"Teltonika Networks\">\n <a href = \"https:\/\/www.teltonika-networks.com\/\" target=\"_blank\">\n <img decoding=\"async\" src=\"https:\/\/3ia-distribution.com\/wp-content\/uploads\/2026\/06\/63458b98458f7fedca81868f-423676463.png\" alt=\"Teltonika Networks\" style=\"max-height:48px;max-width:120px;object-fit:contain\">\n <\/a>\n <\/div>\n <div class=\"pm-divider\"><\/div>\n \n <div class=\"pm-logo\" title=\"TE Connectivity\">\n \n <a href = \"https:\/\/www.te.com\/en\/home.html\" target=\"_blank\">\n <img decoding=\"async\" src=\"https:\/\/3ia-distribution.com\/wp-content\/uploads\/2026\/06\/OIP-4176130657.qTmR5KTVx5lVmgPaHeIk8AAAAA.jpg\" alt=\"TE Connectivity\" style=\"max-height:48px;max-width:120px;object-fit:contain\">\n <\/a>\n <\/div>\n <div class=\"pm-divider\"><\/div>\n \n <div class=\"pm-logo\" title=\"CAMLogic\">\n <a href = \"https:\/\/www.camlogic.it\/en\/level-sensors?_gl=1%2apjdhdg%2a_up%2aMQ..%2a_ga%2aMTI0NzIxNjYxMi4xNzg2MTAxODQ4%2a_ga_YH2SY67MQ4%2aczE3ODYxMDE4NDckbzEkZzAkdDE3ODYxMDE4NDckajYwJGwwJGg1MzkwNTU5Mjk.\" target=\"_blank\">\n <img decoding=\"async\" src=\"https:\/\/3ia-distribution.com\/wp-content\/uploads\/2026\/06\/camlogic_logo_2023.png\" alt=\"\" alt=\"Siemens\" style=\"max-height:48px;max-width:120px;object-fit:contain\">\n <\/a>\n <\/div>\n <div class=\"pm-divider\"><\/div> \n \n <div class=\"pm-logo\" title=\"UniMAT\">\n <a href = \"https:\/\/www.unimatautomation.com\/collections\" target=\"_blank\">\n <img decoding=\"async\" src=\"https:\/\/3ia-distribution.com\/wp-content\/uploads\/2026\/06\/LOGO-02.png\" alt=\"UniMAT\" style=\"max-height:48px;max-width:120px;object-fit:contain\">\n <\/a>\n <\/div>\n <div class=\"pm-divider\"><\/div>\n \n <div class=\"pm-logo\" title=\"ESIT\">\n <a href = \"https:\/\/www.esit.com.tr\/en\/products\" target=\"_blank\">\n <img decoding=\"async\" src=\"https:\/\/3ia-distribution.com\/wp-content\/uploads\/2026\/06\/esit.png\" alt=\"ESIT\" style=\"max-height:48px;max-width:80px;object-fit:contain\">\n <\/a>\n <\/div>\n <div class=\"pm-divider\"><\/div>\n \n <div class=\"pm-logo\" title=\"Schurter\">\n <a href = \"https:\/\/www.schurter.com\/en\/products-and-solutions\/catalog\" target=\"_blank\">\n <img decoding=\"async\" src=\"https:\/\/3ia-distribution.com\/wp-content\/uploads\/2026\/08\/schurter.png\" alt=\"Schurter\" style=\"max-height:48px;max-width:120px;object-fit:contain\">\n <\/a>\n \n <\/div>\n <div class=\"pm-divider\"><\/div>\n \n\n \n <\/div> \n <\/div>\n <\/div>\n \n<\/section>\n \n<script>\ndocument.addEventListener('visibilitychange', () => {\n const track = document.getElementById('pm-track');\n if (track) {\n track.style.animationPlayState = document.hidden ? 'paused' : 'running';\n }\n});\n<\/script>\n\n<section class=\"hero\">\n <div class=\"hero-content\">\n <div class=\"hero-badge\">\n <span>\u25cf<\/span> Sp\u00e9cialiste en automatisation industrielle\n <\/div>\n\n <h1>Fournisseur multimarques de pi\u00e8ces de rechange et d'\u00e9quipements pour les processus industriels.<\/h1>\n\n <p>\n Nous sommes le fournisseur leader en Afrique et en Tunisie de composants critiques destin\u00e9s \u00e0 la maintenance et \u00e0 l'optimisation de vos lignes de production.\n\nFiabilit\u00e9 et pr\u00e9cision garanties.\n <\/p>\n\n <a href=\"https:\/\/3ia-distribution.com\/index.php\/demander-un-devis\/\" class=\"hero-cta\">\n Demander un devis \n <svg viewBox=\"0 0 24 24\">\n <path d=\"M5 12h14\"\/>\n <path d=\"M12 5l7 7-7 7\"\/>\n <\/svg>\n <\/a>\n <\/div>\n<\/section>\n\n\n<section class=\"valeurs-section\" style=\"padding-top:64px; padding-bottom:64px;\">\n <div class=\"valeurs-inner\">\n <div class=\"valeurs-header\" style=\"grid-template-columns: 1fr;\">\n <div style=\"max-width: 800px; margin: 0 auto; text-align: center;\">\n <p class=\"valeurs-eyebrow\">Qui sommes-nous<\/p>\n <h2 class=\"valeurs-title\" style=\"margin-bottom: 24px;\">Notre Histoire<\/h2>\n <p class=\"valeurs-subtitle\" style=\"margin: 0 auto; text-align: center; max-width: 700px;\">\n Depuis sa cr\u00e9ation en 2007, 3IA Distribution s'est impos\u00e9e comme le partenaire incontournable des industries en Tunisie. Notre engagement envers l'excellence technique et la satisfaction client nous a permis de b\u00e2tir des relations durables avec les leaders mondiaux de l'automatisation.\n <\/p>\n <\/div>\n <\/div>\n \n <div style=\"position: relative; max-width: 800px; margin: 40px auto 0;\">\n \n <div style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 2px; background: #DBEAFE; transform: translateX(-50%);\"><\/div>\n\n \n <div style=\"display: flex; justify-content: space-between; align-items: center; margin-bottom: 32px; position: relative;\">\n <div style=\"width: 45%; text-align: right; padding-right: 20px;\">\n <h3 style=\"font-size: 20px; font-weight: 800; color: #1E3A8A;\">2007<\/h3>\n <p style=\"font-size: 14px; color: #6B7280; margin-top: 4px;\">Cr\u00e9ation de la soci\u00e9t\u00e9 3IA Distribution<\/p>\n <\/div>\n <div style=\"width: 14px; height: 14px; background: #2563EB; border-radius: 50%; position: absolute; left: 50%; transform: translateX(-50%); border: 3px solid white; box-shadow: 0 0 0 2px #2563EB;\"><\/div>\n <div style=\"width: 45%; padding-left: 20px;\"><\/div>\n <\/div>\n\n \n <div style=\"display: flex; justify-content: space-between; align-items: center; margin-bottom: 32px; position: relative;\">\n <div style=\"width: 45%; padding-right: 20px;\"><\/div>\n <div style=\"width: 14px; height: 14px; background: #2563EB; border-radius: 50%; position: absolute; left: 50%; transform: translateX(-50%); border: 3px solid white; box-shadow: 0 0 0 2px #2563EB;\"><\/div>\n <div style=\"width: 45%; padding-left: 20px;\">\n <h3 style=\"font-size: 20px; font-weight: 800; color: #1E3A8A;\">2009<\/h3>\n <p style=\"font-size: 14px; color: #6B7280; margin-top: 4px;\">Signature contrat Partner Siemens Automation & HMI<\/p>\n <\/div>\n <\/div>\n\n \n <div style=\"display: flex; justify-content: space-between; align-items: center; margin-bottom: 32px; position: relative;\">\n <div style=\"width: 45%; text-align: right; padding-right: 20px;\">\n <h3 style=\"font-size: 20px; font-weight: 800; color: #1E3A8A;\">2014<\/h3>\n <p style=\"font-size: 14px; color: #6B7280; margin-top: 4px;\">Cr\u00e9ation de 3IA distribution \u2014 distributeur officiel Siemens<\/p>\n <\/div>\n <div style=\"width: 14px; height: 14px; background: #2563EB; border-radius: 50%; position: absolute; left: 50%; transform: translateX(-50%); border: 3px solid white; box-shadow: 0 0 0 2px #2563EB;\"><\/div>\n <div style=\"width: 45%; padding-left: 20px;\"><\/div>\n <\/div>\n\n \n <div style=\"display: flex; justify-content: space-between; align-items: center; margin-bottom: 32px; position: relative;\">\n <div style=\"width: 45%; padding-right: 20px;\"><\/div>\n <div style=\"width: 14px; height: 14px; background: #2563EB; border-radius: 50%; position: absolute; left: 50%; transform: translateX(-50%); border: 3px solid white; box-shadow: 0 0 0 2px #2563EB;\"><\/div>\n <div style=\"width: 45%; padding-left: 20px;\">\n <h3 style=\"font-size: 20px; font-weight: 800; color: #1E3A8A;\">2016<\/h3>\n <p style=\"font-size: 14px; color: #6B7280; margin-top: 4px;\">Partenariat avec Weidm\u00fcller<\/p>\n <\/div>\n <\/div>\n\n \n <div style=\"display: flex; justify-content: space-between; align-items: center; margin-bottom: 32px; position: relative;\">\n <div style=\"width: 45%; text-align: right; padding-right: 20px;\">\n <h3 style=\"font-size: 20px; font-weight: 800; color: #1E3A8A;\">2018<\/h3>\n <p style=\"font-size: 14px; color: #6B7280; margin-top: 4px;\">Partenariat avec ESIT \u2014 Syst\u00e8mes de pesage<\/p>\n <\/div>\n <div style=\"width: 14px; height: 14px; background: #2563EB; border-radius: 50%; position: absolute; left: 50%; transform: translateX(-50%); border: 3px solid white; box-shadow: 0 0 0 2px #2563EB;\"><\/div>\n <div style=\"width: 45%; padding-left: 20px;\"><\/div>\n <\/div>\n\n \n <div style=\"display: flex; justify-content: space-between; align-items: center; margin-bottom: 32px; position: relative;\">\n <div style=\"width: 45%; padding-right: 20px;\"><\/div>\n <div style=\"width: 14px; height: 14px; background: #2563EB; border-radius: 50%; position: absolute; left: 50%; transform: translateX(-50%); border: 3px solid white; box-shadow: 0 0 0 2px #2563EB;\"><\/div>\n <div style=\"width: 45%; padding-left: 20px;\">\n <h3 style=\"font-size: 20px; font-weight: 800; color: #1E3A8A;\">2020<\/h3>\n <p style=\"font-size: 14px; color: #6B7280; margin-top: 4px;\">Partenariats Pepperl & Fuchs et Teltonika<\/p>\n <\/div>\n <\/div>\n\n \n <div style=\"display: flex; justify-content: space-between; align-items: center; margin-bottom: 32px; position: relative;\">\n <div style=\"width: 45%; text-align: right; padding-right: 20px;\">\n <h3 style=\"font-size: 20px; font-weight: 800; color: #1E3A8A;\">2021<\/h3>\n <p style=\"font-size: 14px; color: #6B7280; margin-top: 4px;\">Consolidation partenariats TE Connectivity<\/p>\n <\/div>\n <div style=\"width: 14px; height: 14px; background: #2563EB; border-radius: 50%; position: absolute; left: 50%; transform: translateX(-50%); border: 3px solid white; box-shadow: 0 0 0 2px #2563EB;\"><\/div>\n <div style=\"width: 45%; padding-left: 20px;\"><\/div>\n <\/div>\n\n \n <div style=\"display: flex; justify-content: space-between; align-items: center; margin-bottom: 32px; position: relative;\">\n <div style=\"width: 45%; padding-right: 20px;\"><\/div>\n <div style=\"width: 14px; height: 14px; background: #2563EB; border-radius: 50%; position: absolute; left: 50%; transform: translateX(-50%); border: 3px solid white; box-shadow: 0 0 0 2px #2563EB;\"><\/div>\n <div style=\"width: 45%; padding-left: 20px;\">\n <h3 style=\"font-size: 20px; font-weight: 800; color: #1E3A8A;\">2023<\/h3>\n <p style=\"font-size: 14px; color: #6B7280; margin-top: 4px;\">Partenariat avec CAMLogic \u2014 Capteurs de niveau et instruments de mesure<\/p>\n <\/div>\n <\/div>\n\n \n <div style=\"display: flex; justify-content: space-between; align-items: center; position: relative;\">\n <div style=\"width: 45%; text-align: right; padding-right: 20px;\">\n <h3 style=\"font-size: 20px; font-weight: 800; color: #1E3A8A;\">2026<\/h3>\n <p style=\"font-size: 14px; color: #6B7280; margin-top: 4px;\">Partenariat avec Schurter \u2014 Protection de circuits et connectique industrielle<\/p>\n <\/div>\n <div style=\"width: 14px; height: 14px; background: #2563EB; border-radius: 50%; position: absolute; left: 50%; transform: translateX(-50%); border: 3px solid white; box-shadow: 0 0 0 2px #2563EB;\"><\/div>\n <div style=\"width: 45%; padding-left: 20px;\"><\/div>\n <\/div>\n\n <\/div>\n <\/div>\n<\/section>\n\n\n\n \n\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\n \n<section class=\"news-section\">\n \n \n <div class=\"news-header\">\n <div class=\"news-header-left\">\n <p class=\"news-eyebrow\">Actualit\u00e9s<\/p>\n <h2 class=\"news-title\">Derni\u00e8res nouvelles<\/h2>\n <\/div>\n <a href=\"\/actualites\" class=\"news-all-link\">\n Voir toutes les actualit\u00e9s\n <svg viewBox=\"0 0 24 24\"><path d=\"M5 12h14\"\/><path d=\"M12 5l7 7-7 7\"\/><\/svg>\n <\/a>\n <\/div>\n \n <div class=\"news-layout\">\n \n \n <a class=\"featured-card\" href=\"\/actualites\/sapri-2026\">\n \n <div class=\"feat-img\"\n style=\"background: url('https:\/\/3ia-distribution.com\/wp-content\/uploads\/2026\/09\/news_sapri_bg.jpg') center\/cover no-repeat;\">\n \n <div class=\"feat-overlay\">\n <div class=\"feat-tag-row\">\n <span class=\"feat-tag\">\u00c9v\u00e9nement<\/span>\n <span class=\"feat-date\">17-20 Nov 2026<\/span>\n <\/div>\n <h3 class=\"feat-headline\">\n Rencontrez-nous \u00e0 la 10\u1d49 \u00e9dition du Salon International des Pi\u00e8ces de Rechange, des Equipements et des Services Industriels (SAPRI 2026)\n <\/h3>\n <\/div>\n <\/div>\n \n <div class=\"feat-body\">\n <p class=\"feat-excerpt\">\n Retrouvez-nous du 17 au 20 novembre 2026 au Parc des Expositions du Kram pour le SAPRI 2026 ! Venez d\u00e9couvrir nos derni\u00e8res solutions en automatisation et \u00e9changer avec nos experts sur vos projets industriels.\n <\/p>\n <span class=\"feat-read-more\">\n Lire l'article\n <svg viewBox=\"0 0 24 24\"><path d=\"M5 12h14\"\/><path d=\"M12 5l7 7-7 7\"\/><\/svg>\n <\/span>\n <\/div>\n \n <\/a>\n \n \n <div class=\"news-list\">\n \n \n <a class=\"news-list-item\" href=\"\/actualites\/catalogue-siemens-s7-1500\">\n <div class=\"nl-num\">01<\/div>\n <div class=\"nl-content\">\n <div class=\"nl-tag-row\">\n <span class=\"nl-tag\">Nouveau produit<\/span>\n <span class=\"nl-date\">5 Ao\u00fbt 2026<\/span>\n <\/div>\n <div class=\"nl-headline\">Catalogue Siemens SIMATIC S7-1500 \u2014 nouvelles r\u00e9f\u00e9rences en stock<\/div>\n <p class=\"nl-excerpt\">Disponibilit\u00e9 imm\u00e9diate des automates S7-1515, S7-1516 et modules ET200SP avec d\u00e9lai de livraison 24h.<\/p>\n <\/div>\n <svg class=\"nl-arrow\" viewBox=\"0 0 24 24\"><path d=\"M5 12h14\"\/><path d=\"M12 5l7 7-7 7\"\/><\/svg>\n <\/a>\n \n \n \n \n \n <a class=\"news-list-item\" href=\"\/actualites\/variateurs-unimat-fa200\">\n <div class=\"nl-num\">02<\/div>\n <div class=\"nl-content\">\n <div class=\"nl-tag-row\">\n <span class=\"nl-tag\">Nouveau produit<\/span>\n <span class=\"nl-date\">15 Juil 2026<\/span>\n <\/div>\n <div class=\"nl-headline\">Nouveaux variateurs UniMAT FA200 jusqu'\u00e0 500 kW disponibles<\/div>\n <p class=\"nl-excerpt\">La gamme FA200-300 triphas\u00e9e compl\u00e8te notre catalogue de solutions d'entra\u00eenement pour applications industrielles exigeantes.<\/p>\n <\/div>\n <svg class=\"nl-arrow\" viewBox=\"0 0 24 24\"><path d=\"M5 12h14\"\/><path d=\"M12 5l7 7-7 7\"\/><\/svg>\n <\/a>\n \n <\/div>\n \n <\/div>\n<\/section>\n\n\n\n\n\n\n\n \n<section class=\"stats-section\" id=\"stats-section\">\n <div class=\"stats-inner\">\n \n <div class=\"stats-header\">\n <p class=\"stats-eyebrow\">3IA Distribution en chiffres<\/p>\n <h2 class=\"stats-title\">\n La confiance de <span>l'industrie<\/span>,<br>prouv\u00e9e par les faits\n <\/h2>\n <\/div>\n \n <div class=\"stats-grid\">\n \n \n <div class=\"stat-card\">\n <div class=\"stat-icon\">\n <svg viewBox=\"0 0 24 24\">\n <path d=\"M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z\"\/>\n <polyline points=\"3.27 6.96 12 12.01 20.73 6.96\"\/>\n <line x1=\"12\" y1=\"22.08\" x2=\"12\" y2=\"12\"\/>\n <\/svg>\n <\/div>\n <div class=\"stat-number\" style=\"font-size: 26px; line-height: 1.2; text-transform: none; letter-spacing: 0;\">\n Plus des milliers de\n <\/div>\n <div class=\"stat-label\">r\u00e9f\u00e9rences en stocks<\/div>\n <div class=\"stat-sublabel\">composants disponibles<\/div>\n <\/div>\n \n \n <div class=\"stat-card\">\n <div class=\"stat-icon\">\n <svg viewBox=\"0 0 24 24\">\n <rect x=\"1\" y=\"3\" width=\"15\" height=\"13\"\/>\n <polygon points=\"16 8 20 8 23 11 23 16 16 16 16 8\"\/>\n <circle cx=\"5.5\" cy=\"18.5\" r=\"2.5\"\/>\n <circle cx=\"18.5\" cy=\"18.5\" r=\"2.5\"\/>\n <\/svg>\n <\/div>\n <div class=\"stat-number\" style=\"font-size: 26px; line-height: 1.2; text-transform: none; letter-spacing: 0;\">\n Livraison dans les 24h\n <\/div>\n <div class=\"stat-label\">Livraison Express<\/div>\n \n <\/div>\n \n \n <div class=\"stat-card\">\n <div class=\"stat-icon\">\n <svg viewBox=\"0 0 24 24\">\n <path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"\/>\n <circle cx=\"9\" cy=\"7\" r=\"4\"\/>\n <path d=\"M23 21v-2a4 4 0 0 0-3-3.87\"\/>\n <path d=\"M16 3.13a4 4 0 0 1 0 7.75\"\/>\n <\/svg>\n <\/div>\n <div class=\"stat-number\">\n <span class=\"count\" data-target=\"150\" data-suffix=\"+\">0<\/span>\n <span class=\"stat-suffix\">+<\/span>\n <\/div>\n <div class=\"stat-label\">Clients Industriels<\/div>\n <div class=\"stat-sublabel\">en France et Tunisie<\/div>\n <\/div>\n \n \n <div class=\"stat-card\">\n <div class=\"stat-icon\">\n <svg viewBox=\"0 0 24 24\">\n <circle cx=\"12\" cy=\"12\" r=\"10\"\/>\n <polyline points=\"12 6 12 12 16 14\"\/>\n <\/svg>\n <\/div>\n <div class=\"stat-number\">\n <span class=\"count\" data-target=\"10\" data-suffix=\"ans\">0<\/span>\n <span class=\"stat-suffix\" style=\"font-size:20px; margin-left:4px; color:rgba(255,255,255,0.7)\">ans<\/span>\n <\/div>\n <div class=\"stat-label\">d'Exp\u00e9rience<\/div>\n <div class=\"stat-sublabel\">dans l'automatisation<\/div>\n <\/div>\n \n <\/div>\n \n \n <div class=\"stats-footer\">\n <div class=\"stats-footer-item\">\n <svg viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\n Stock certifi\u00e9 qualit\u00e9\n <\/div>\n <div class=\"stats-footer-item\">\n <svg viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\n Partenaires officiels Siemens, Festo, Allen-Bradley\n <\/div>\n <div class=\"stats-footer-item\">\n <svg viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\n Support technique d\u00e9di\u00e9\n <\/div>\n <\/div>\n \n <\/div>\n<\/section>\n \n<script>\n(function () {\n \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n Scroll-triggered animated counter\n Uses IntersectionObserver \u2014 fires once\n when section enters the viewport.\n \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n \n function formatNumber(n, format) {\n if (format === 'space') {\n return n.toString().replace(\/\\B(?=(\\d{3})+(?!\\d))\/g, ' ');\n }\n return n.toString();\n }\n \n function animateCounter(el) {\n const target = parseInt(el.dataset.target, 10);\n const suffix = el.dataset.suffix || '';\n const format = el.dataset.format || '';\n const duration = 1800; \/\/ ms\n const start = performance.now();\n \n \/* Easing: ease out cubic *\/\n function easeOutCubic(t) { return 1 - Math.pow(1 - t, 3); }\n \n function tick(now) {\n const elapsed = now - start;\n const progress = Math.min(elapsed \/ duration, 1);\n const eased = easeOutCubic(progress);\n const current = Math.round(eased * target);\n \n el.textContent = formatNumber(current, format);\n \n if (progress < 1) {\n requestAnimationFrame(tick);\n } else {\n el.textContent = formatNumber(target, format);\n }\n }\n \n requestAnimationFrame(tick);\n }\n \n \/* Observe when the stats section enters view *\/\n const section = document.getElementById('stats-section');\n if (!section) return;\n \n const counts = section.querySelectorAll('.count');\n \n const observer = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n \/* Stagger each counter with a slight delay *\/\n counts.forEach((el, i) => {\n setTimeout(() => {\n el.classList.add('visible');\n animateCounter(el);\n }, i * 120);\n });\n observer.unobserve(section); \/* Only animate once *\/\n }\n });\n }, { threshold: 0.3 });\n \n observer.observe(section);\n})();\n<\/script>\n\n\n\n \n\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\n \n<section class=\"valeurs-section\">\n <div class=\"valeurs-inner\">\n \n <div class=\"valeurs-header\">\n <div>\n <p class=\"valeurs-eyebrow\">Nos Valeurs<\/p>\n <h2 class=\"valeurs-title\">Les piliers de notre<br>engagement quotidien<\/h2>\n <\/div>\n <p class=\"valeurs-subtitle\">\n Depuis 2007, ces quatre valeurs fondamentales guident chacune de nos d\u00e9cisions\n et d\u00e9finissent la relation que nous b\u00e2tissons avec nos clients et partenaires.\n <\/p>\n <\/div>\n \n <div class=\"valeurs-grid\">\n \n \n <div class=\"valeur-card\">\n <span class=\"valeur-num\">01<\/span>\n <div class=\"valeur-icon\">\n <svg viewBox=\"0 0 24 24\">\n <path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/>\n <\/svg>\n <\/div>\n <div class=\"valeur-title\">Partenaire de Confiance<\/div>\n <p class=\"valeur-desc\">\n Non seulement un bon fournisseur, mais aussi un partenaire de confiance.\n Nous b\u00e2tissons des relations durables fond\u00e9es sur la transparence,\n la fiabilit\u00e9 et l'engagement mutuel.\n <\/p>\n <\/div>\n \n \n <div class=\"valeur-card\">\n <span class=\"valeur-num\">02<\/span>\n <div class=\"valeur-icon\">\n <svg viewBox=\"0 0 24 24\">\n <polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/>\n <\/svg>\n <\/div>\n <div class=\"valeur-title\">Produits Haut de Gamme<\/div>\n <p class=\"valeur-desc\">\n Notre strat\u00e9gie : fournir uniquement des produits haut de gamme.\n Nous s\u00e9lectionnons rigoureusement chaque produit pour garantir\n performance, durabilit\u00e9 et conformit\u00e9 aux standards internationaux.\n <\/p>\n <\/div>\n \n \n <div class=\"valeur-card\">\n <span class=\"valeur-num\">03<\/span>\n <div class=\"valeur-icon\">\n <svg viewBox=\"0 0 24 24\">\n <path d=\"M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z\"\/>\n <\/svg>\n <\/div>\n <div class=\"valeur-title\">\u00c9coute Permanente<\/div>\n <p class=\"valeur-desc\">\n Toujours \u00e0 l'\u00e9coute de nos clients. Notre proximit\u00e9 et notre r\u00e9activit\u00e9\n nous permettent de comprendre vos besoins sp\u00e9cifiques et d'y apporter\n des solutions adapt\u00e9es et rapides.\n <\/p>\n <\/div>\n \n \n <div class=\"valeur-card\">\n <span class=\"valeur-num\">04<\/span>\n <div class=\"valeur-icon\">\n <svg viewBox=\"0 0 24 24\">\n <circle cx=\"12\" cy=\"12\" r=\"3\"\/>\n <path d=\"M12 1v4M12 19v4M4.22 4.22l2.83 2.83M16.95 16.95l2.83 2.83M1 12h4M19 12h4M4.22 19.78l2.83-2.83M16.95 7.05l2.83-2.83\"\/>\n <\/svg>\n <\/div>\n <div class=\"valeur-title\">Veille Technologique<\/div>\n <p class=\"valeur-desc\">\n Veille technologique constante pour anticiper les \u00e9volutions du march\u00e9.\n Nous investissons dans la formation et l'innovation pour vous proposer\n les solutions les plus avanc\u00e9es.\n <\/p>\n <\/div>\n \n <\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"services\">\n <div class=\"section-eyebrow\">Nos Services<\/div>\n <h2 class=\"section-title\">Des solutions pour l'industrie moderne<\/h2>\n <p class=\"section-subtitle\">\n Des solutions adapt\u00e9es aux exigences rigoureuses de l'industrie moderne.\n <\/p>\n\n <div class=\"services-grid\">\n\n \n <div class=\"service-card\">\n <div class=\"service-icon\">\n <svg viewBox=\"0 0 24 24\">\n <rect x=\"1\" y=\"3\" width=\"15\" height=\"13\"\/>\n <polygon points=\"16 8 20 8 23 11 23 16 16 16 16 8\"\/>\n <circle cx=\"5.5\" cy=\"18.5\" r=\"2.5\"\/>\n <circle cx=\"18.5\" cy=\"18.5\" r=\"2.5\"\/>\n <\/svg>\n <\/div>\n <h3>Livraison Express<\/h3>\n <p>\n Exp\u00e9dition sous 24h pour les pi\u00e8ces critiques.\n Minimisez les temps d'arr\u00eat de votre production.\n <\/p>\n <\/div>\n\n \n <div class=\"service-card\">\n <div class=\"service-icon\">\n <svg viewBox=\"0 0 24 24\">\n <path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"\/>\n <circle cx=\"9\" cy=\"7\" r=\"4\"\/>\n <path d=\"M23 21v-2a4 4 0 0 0-3-3.87\"\/>\n <path d=\"M16 3.13a4 4 0 0 1 0 7.75\"\/>\n <\/svg>\n <\/div>\n <h3>Support Technique<\/h3>\n <p>\n Des ing\u00e9nieurs d\u00e9di\u00e9s pour vous conseiller sur\n le choix des composants et leur int\u00e9gration.\n <\/p>\n <\/div>\n\n \n <div class=\"service-card\">\n <div class=\"service-icon\">\n <svg viewBox=\"0 0 24 24\">\n <path d=\"M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z\"\/>\n <polyline points=\"3.27 6.96 12 12.01 20.73 6.96\"\/>\n <line x1=\"12\" y1=\"22.08\" x2=\"12\" y2=\"12\"\/>\n <\/svg>\n <\/div>\n <h3>Large Inventaire<\/h3>\n <p>\n +50 000 r\u00e9f\u00e9rences en stock provenant des leaders\n mondiaux de l'automatisation.\n <\/p>\n <\/div>\n\n <\/div>\n<\/section>\n\n \n\n \n<div class=\"wa-float\" id=\"wa-float\">\n \n <div class=\"wa-tooltip\">\n \ud83d\udcac Chattez avec nous sur WhatsApp\n <\/div>\n \n \n <a class=\"wa-btn\"\n id=\"wa-btn\"\n href=\"https:\/\/wa.me\/21622261507?text=Bonjour%2C%20je%20souhaite%20obtenir%20un%20devis%20pour%20des%20pi%C3%A8ces%20d%27automatisation.\"\n target=\"_blank\"\n rel=\"noopener noreferrer\"\n aria-label=\"Contacter 3IA Distribution sur WhatsApp\">\n \n \n <div class=\"wa-dot\"><\/div>\n \n \n <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <path d=\"M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z\"\/>\n <\/svg>\n <\/a>\n<\/div>\n \n<script>\n\/*\n Auto-hide the pulse after 8 seconds\n so it doesn't distract on long page reads.\n Restores when user hovers over the button area.\n*\/\n(function () {\n const btn = document.getElementById('wa-btn');\n if (!btn) return;\n \n let hidden = false;\n \n setTimeout(() => {\n if (!hidden) {\n btn.style.setProperty('--pulse-opacity', '0');\n btn.style.animation = 'none';\n }\n }, 8000);\n \n btn.addEventListener('mouseenter', () => {\n btn.style.animation = '';\n });\n})();\n<\/script>\n\n<script>\n\/* \u2500\u2500 Nav: scroll shadow + active link \u2500\u2500 *\/\n(function () {\n const nav = document.getElementById('nav-3ia');\n if (nav) {\n window.addEventListener('scroll', () => {\n nav.classList.toggle('scrolled', window.scrollY > 10);\n }, { passive: true });\n }\n\n \/* Highlight the nav link matching the current page URL *\/\n const links = document.querySelectorAll('.nav-desktop-links a');\n const current = window.location.pathname;\n links.forEach(link => {\n if (link.getAttribute('href') && link.getAttribute('href') !== '#' &&\n current.includes(link.getAttribute('href').replace('https:\/\/3ia-distribution.com', ''))) {\n link.classList.add('active');\n }\n });\n})();\n<\/script>\n\n\n<footer>\n <div class=\"footer-top\">\n <div class=\"footer-brand\">\n <div class=\"footer-logo-name\">3IA Distribution<\/div>\n <p class=\"footer-tagline\">\n Sp\u00e9cialiste en automatisation industrielle.\n Votre partenaire de confiance pour les composants critiques.\n <\/p>\n <\/div>\n <div class=\"footer-links\">\n <a href=\"#\">Mentions L\u00e9gales<\/a>\n <a href=\"#\">Politique de Confidentialit\u00e9<\/a>\n <a href=\"#\">Conditions de Vente<\/a>\n <a href=\"#\">Support Technique<\/a>\n <\/div>\n <\/div>\n <div class=\"footer-bottom\">\n <p class=\"footer-copy\">\n \u00a9 2024 3IA Distribution. Tous droits r\u00e9serv\u00e9s. Sp\u00e9cialiste en automatisation industrielle.\n <\/p>\n <\/div>\n<\/footer>\n\n<script>\nwindow.gtranslateSettings = {\"default_language\":\"fr\",\"languages\":[\"fr\",\"en\"],\"wrapper_selector\":\".gtranslate_wrapper\",\"globe_color\":\"#2563EB\"}\n<\/script>\n<script src=\"https:\/\/cdn.gtranslate.net\/widgets\/latest\/dropdown.js\" defer><\/script>\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>3IA Distribution \u2014 Expert en Solutions d’Automatisation Industrielle Nos Fournisseurs Notre offres produits Contact Demander un devis Accueil Nos Fournisseurs Contact Notre offres Produits Demander un devis imm\u00e9diat Nous contacter directement +216 29 406 790 sales@3ia-distribution.com<\/p>\n","protected":false},"author":1,"featured_media":50,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"_angie_page":false,"footnotes":""},"class_list":["post-21","page","type-page","status-publish","has-post-thumbnail","hentry"],"yoast_head":"\n<title>3IA-distribution - 3IA Distribution<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/3ia-distribution.com\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"3IA-distribution - 3IA Distribution\" \/>\n<meta property=\"og:description\" content=\"3IA Distribution \u2014 Expert en Solutions d’Automatisation Industrielle Nos Fournisseurs Notre offres produits Contact Demander un devis Accueil Nos Fournisseurs Contact Notre offres Produits Demander un devis imm\u00e9diat Nous contacter directement +216 29 406 790 sales@3ia-distribution.com\" \/>\n<meta property=\"og:url\" content=\"https:\/\/3ia-distribution.com\/\" \/>\n<meta property=\"og:site_name\" content=\"3IA Distribution\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/3iadistribution\/\" \/>\n<meta property=\"article:modified_time\" content=\"2026-09-09T07:54:24+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/3ia-distribution.com\/wp-content\/uploads\/2026\/06\/3ia-dist-1.png\" \/>\n\t<meta property=\"og:image:width\" content=\"148\" \/>\n\t<meta property=\"og:image:height\" content=\"16\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"6 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/3ia-distribution.com\\\/\",\"url\":\"https:\\\/\\\/3ia-distribution.com\\\/\",\"name\":\"3IA-distribution - 3IA Distribution\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/3ia-distribution.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/3ia-distribution.com\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/3ia-distribution.com\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/3ia-distribution.com\\\/wp-content\\\/uploads\\\/2026\\\/06\\\/3ia-dist-1.png\",\"datePublished\":\"2026-06-18T09:13:55+00:00\",\"dateModified\":\"2026-09-09T07:54:24+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/3ia-distribution.com\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/3ia-distribution.com\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/3ia-distribution.com\\\/#primaryimage\",\"url\":\"https:\\\/\\\/3ia-distribution.com\\\/wp-content\\\/uploads\\\/2026\\\/06\\\/3ia-dist-1.png\",\"contentUrl\":\"https:\\\/\\\/3ia-distribution.com\\\/wp-content\\\/uploads\\\/2026\\\/06\\\/3ia-dist-1.png\",\"width\":148,\"height\":16},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/3ia-distribution.com\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/3ia-distribution.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"3IA-distribution\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/3ia-distribution.com\\\/#website\",\"url\":\"https:\\\/\\\/3ia-distribution.com\\\/\",\"name\":\"3ia-distribution.com\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\\\/\\\/3ia-distribution.com\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/3ia-distribution.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/3ia-distribution.com\\\/#organization\",\"name\":\"3ia-distribution\",\"url\":\"https:\\\/\\\/3ia-distribution.com\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/3ia-distribution.com\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/3ia-distribution.com\\\/wp-content\\\/uploads\\\/2026\\\/06\\\/3ia-dist.png\",\"contentUrl\":\"https:\\\/\\\/3ia-distribution.com\\\/wp-content\\\/uploads\\\/2026\\\/06\\\/3ia-dist.png\",\"width\":148,\"height\":16,\"caption\":\"3ia-distribution\"},\"image\":{\"@id\":\"https:\\\/\\\/3ia-distribution.com\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/3iadistribution\\\/\",\"https:\\\/\\\/www.linkedin.com\\\/company\\\/3ia-distribution\\\/posts\\\/?feedView=all\"]}]}<\/script>\n","yoast_head_json":{"title":"3IA-distribution - 3IA Distribution","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/3ia-distribution.com\/","og_locale":"en_US","og_type":"article","og_title":"3IA-distribution - 3IA Distribution","og_description":"3IA Distribution \u2014 Expert en Solutions d’Automatisation Industrielle Nos Fournisseurs Notre offres produits Contact Demander un devis Accueil Nos Fournisseurs Contact Notre offres Produits Demander un devis imm\u00e9diat Nous contacter directement +216 29 406 790 sales@3ia-distribution.com","og_url":"https:\/\/3ia-distribution.com\/","og_site_name":"3IA Distribution","article_publisher":"https:\/\/www.facebook.com\/3iadistribution\/","article_modified_time":"2026-09-09T07:54:24+00:00","og_image":[{"width":148,"height":16,"url":"https:\/\/3ia-distribution.com\/wp-content\/uploads\/2026\/06\/3ia-dist-1.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"6 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/3ia-distribution.com\/","url":"https:\/\/3ia-distribution.com\/","name":"3IA-distribution - 3IA Distribution","isPartOf":{"@id":"https:\/\/3ia-distribution.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/3ia-distribution.com\/#primaryimage"},"image":{"@id":"https:\/\/3ia-distribution.com\/#primaryimage"},"thumbnailUrl":"https:\/\/3ia-distribution.com\/wp-content\/uploads\/2026\/06\/3ia-dist-1.png","datePublished":"2026-06-18T09:13:55+00:00","dateModified":"2026-09-09T07:54:24+00:00","breadcrumb":{"@id":"https:\/\/3ia-distribution.com\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/3ia-distribution.com\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/3ia-distribution.com\/#primaryimage","url":"https:\/\/3ia-distribution.com\/wp-content\/uploads\/2026\/06\/3ia-dist-1.png","contentUrl":"https:\/\/3ia-distribution.com\/wp-content\/uploads\/2026\/06\/3ia-dist-1.png","width":148,"height":16},{"@type":"BreadcrumbList","@id":"https:\/\/3ia-distribution.com\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/3ia-distribution.com\/"},{"@type":"ListItem","position":2,"name":"3IA-distribution"}]},{"@type":"WebSite","@id":"https:\/\/3ia-distribution.com\/#website","url":"https:\/\/3ia-distribution.com\/","name":"3ia-distribution.com","description":"","publisher":{"@id":"https:\/\/3ia-distribution.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/3ia-distribution.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/3ia-distribution.com\/#organization","name":"3ia-distribution","url":"https:\/\/3ia-distribution.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/3ia-distribution.com\/#\/schema\/logo\/image\/","url":"https:\/\/3ia-distribution.com\/wp-content\/uploads\/2026\/06\/3ia-dist.png","contentUrl":"https:\/\/3ia-distribution.com\/wp-content\/uploads\/2026\/06\/3ia-dist.png","width":148,"height":16,"caption":"3ia-distribution"},"image":{"@id":"https:\/\/3ia-distribution.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/3iadistribution\/","https:\/\/www.linkedin.com\/company\/3ia-distribution\/posts\/?feedView=all"]}]}},"_links":{"self":[{"href":"https:\/\/3ia-distribution.com\/index.php\/wp-json\/wp\/v2\/pages\/21","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/3ia-distribution.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/3ia-distribution.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/3ia-distribution.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/3ia-distribution.com\/index.php\/wp-json\/wp\/v2\/comments?post=21"}],"version-history":[{"count":169,"href":"https:\/\/3ia-distribution.com\/index.php\/wp-json\/wp\/v2\/pages\/21\/revisions"}],"predecessor-version":[{"id":576,"href":"https:\/\/3ia-distribution.com\/index.php\/wp-json\/wp\/v2\/pages\/21\/revisions\/576"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/3ia-distribution.com\/index.php\/wp-json\/wp\/v2\/media\/50"}],"wp:attachment":[{"href":"https:\/\/3ia-distribution.com\/index.php\/wp-json\/wp\/v2\/media?parent=21"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}