{"id":21,"date":"2026-06-18T09:13:55","date_gmt":"2026-06-18T09:13:55","guid":{"rendered":"https:\/\/3ia-distribution.com\/?page_id=21"},"modified":"2026-07-04T08:59:08","modified_gmt":"2026-07-04T08:59:08","slug":"landing-page","status":"publish","type":"page","link":"https:\/\/3ia-distribution.com\/","title":{"rendered":"landing page"},"content":{"rendered":"\t\t
\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 3IA Distribution \u2014 Expert en Solutions d'Automatisation Industrielle<\/title>\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.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: 768px) {\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: 64px;\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:\/\/images.unsplash.com\/photo-1581091226825-a6a2a5aee158?w=1600&q=80') 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@media (max-width: 960px) {\n .valeurs-header { grid-template-columns: 1fr; gap: 16px; }\n .valeurs-subtitle { margin-left: 0; }\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 <\/style>\n<\/head>\n<body>\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\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n NAVIGATION\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\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<!-- Desktop nav -->\n<nav class=\"nav-3ia\" id=\"nav-3ia\">\n <a href=\"\/\" class=\"nav-logo\">\n \n \n <img decoding=\"async\" src=\"http:\/\/3ia-distribution.com\/wp-content\/uploads\/2026\/06\/3ia-dist.png\" alt=\"3IA Distribution\" height=\"36\">\n \n <!--<div class=\"nav-logo-placeholder\" aria-hidden=\"true\">\n <svg viewBox=\"0 0 24 24\">\n <path d=\"M12 2L2 7l10 5 10-5-10-5z\"\/>\n <path d=\"M2 17l10 5 10-5\"\/>\n <path d=\"M2 12l10 5 10-5\"\/>\n <\/svg>\n <\/div>\n 3IA Distribution\n <\/a> -->\n \n <!-- Desktop links -->\n <ul class=\"nav-desktop-links\">\n <li><a href=\"https:\/\/3ia-distribution.com\/index.php\/nos-partenaires-industriels\/\">Nos Partenaires<\/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 <\/ul>\n \n <!-- Hamburger button (mobile only) -->\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<!-- Mobile slide-in menu -->\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 <\/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:+21600000000\">\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 00 000 000\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 contact@3ia-distribution.com\n <\/a>\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<!-- \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\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n HERO\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\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\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>Expert en Solutions d'Automatisation Industrielle<\/h1>\n\n <p>\n Fournisseur leader de composants critiques pour la maintenance\n et l'optimisation de vos lignes de production.\n Fiabilit\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<!-- \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\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n TRUST BAR (partner logos as text)\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\u2550\u2550\u2550\u2550\u2550\u2550\u2550 \n<div class=\"trust-bar\">\n <span class=\"trust-bar-label\">Partenaires<\/span>\n <div class=\"trust-bar-items\">\n <div class=\"trust-item\"><span class=\"trust-dot\"><\/span>Siemens<\/div>\n <div class=\"trust-item\"><span class=\"trust-dot\"><\/span>Festo<\/div>\n <div class=\"trust-item\"><span class=\"trust-dot\"><\/span>Pepperl+Fuchs<\/div>\n <div class=\"trust-item\"><span class=\"trust-dot\"><\/span>CAMLogic<\/div>\n <div class=\"trust-item\"><span class=\"trust-dot\"><\/span>Allen-Bradley<\/div>\n <div class=\"trust-item\"><span class=\"trust-dot\"><\/span>Teltonika<\/div>\n <div class=\"trust-item\"><span class=\"trust-dot\"><\/span>UniMAT<\/div>\n <\/div>\n<\/div>-->\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}\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<!-- \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 PAGE: Homepage\n SECTION: S2 \u2014 Partners Marquee (revolving logos)\n Elementor: HTML widget, full-width, no padding\n NOTE: Logos auto-load from Clearbit CDN.\n If a logo fails, branded fallback text shows.\n Replace img src with your own hosted logos if preferred.\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<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\">Nos Partenaires de confiance<\/p>\n <\/div>\n \n <div class=\"pm-marquee-wrapper\">\n <div class=\"pm-track\" id=\"pm-track\">\n \n <!-- \u2500\u2500 SET 1 (original) \u2500\u2500 -->\n <div class=\"pm-logos\" aria-hidden=\"false\">\n \n <div class=\"pm-logo\" title=\"Siemens\">\n <img decoding=\"async\" src=\"http:\/\/3ia-distribution.com\/wp-content\/uploads\/2026\/06\/Siemens-Logo-1958150673-scaled.png\" alt=\"Siemens\" alt=\"Siemens\" style=\"max-height:150px;max-width:180px>\n <\/div> \n <div class=\"pm-divider\"><\/div>\n \n <!-- <div class=\"pm-logo\" title=\"Festo\">\n <img decoding=\"async\" src=\"http:\/\/3ia-distribution.com\/wp-content\/uploads\/2026\/06\/1701814-3755190923.png\" alt=\"Festo\" alt=\"Siemens\" style=\"max-height:48px;max-width:120px;object-fit:contain\">\n <\/div> \n <div class=\"pm-divider\"><\/div> -->\n \n <div class=\"pm-logo\" title=\"Pepperl+Fuchs\">\n <img decoding=\"async\" src=\"http:\/\/3ia-distribution.com\/wp-content\/uploads\/2026\/06\/pepperlfuchs-logo-3004507265.png\" alt=\"Pepperl+Fuchs\">\n <\/div>\n <div class=\"pm-divider\"><\/div>\n \n <!-- <div class=\"pm-logo\" title=\"SICK\">\n <img decoding=\"async\" src=\"http:\/\/3ia-distribution.com\/wp-content\/uploads\/2026\/06\/sick-optic-electronic-1-logo-png-transparent.png\" alt=\"SICK\" alt=\"Siemens\" style=\"max-height:48px;max-width:120px;object-fit:contain\">\n <\/div>\n <div class=\"pm-divider\"><\/div> \n \n <!-- <div class=\"pm-logo\" title=\"Allen-Bradley\">\n <img decoding=\"async\" src=\"http:\/\/3ia-distribution.com\/wp-content\/uploads\/2026\/06\/OIP-563592950.SNU79Ab41qIxEXjTPe5UVwHaHa.jpg\" alt=\"Allen-Bradley\" alt=\"Siemens\" style=\"max-height:48px;max-width:120px;object-fit:contain\">\n <\/div> -->\n <div class=\"pm-divider\"><\/div> -->\n \n <div class=\"pm-logo\" title=\"Teltonika Networks\">\n <img decoding=\"async\" src=\"http:\/\/3ia-distribution.com\/wp-content\/uploads\/2026\/06\/63458b98458f7fedca81868f-423676463.png\" alt=\"Teltonika Networks\" alt=\"Siemens\" style=\"max-height:48px;max-width:120px;object-fit:contain\">\n <\/div>\n <div class=\"pm-divider\"><\/div>\n \n <div class=\"pm-logo\" title=\"TE Connectivity\">\n <img decoding=\"async\" src=\"http:\/\/3ia-distribution.com\/wp-content\/uploads\/2026\/06\/OIP-4176130657.qTmR5KTVx5lVmgPaHeIk8AAAAA.jpg\" alt=\"TE Connectivity\" alt=\"Siemens\" style=\"max-height:48px;max-width:120px;object-fit:contain\">\n <\/div>\n <div class=\"pm-divider\"><\/div>\n \n <div class=\"pm-logo\" title=\"CAMLogic\">\n <img decoding=\"async\" src=\"http:\/\/3ia-distribution.com\/wp-content\/uploads\/2026\/06\/camlogic_logo_2023.png\" alt=\"CAMLogic\" alt=\"Siemens\" style=\"max-height:48px;max-width:120px;object-fit:contain\">\n <\/div>\n <div class=\"pm-divider\"><\/div>\n \n <div class=\"pm-logo\" title=\"UniMAT\">\n <img decoding=\"async\" src=\"http:\/\/3ia-distribution.com\/wp-content\/uploads\/2026\/06\/LOGO-02.png\" alt=\"UniMAT\" alt=\"Siemens\" style=\"max-height:48px;max-width:120px;object-fit:contain\">\n <\/div>\n <div class=\"pm-divider\"><\/div>\n \n <div class=\"pm-logo\" title=\"ESIT\">\n <img decoding=\"async\" src=\"http:\/\/3ia-distribution.com\/wp-content\/uploads\/2026\/06\/esit.png\" alt=\"ESIT\" alt=\"Siemens\" style=\"max-height:48px;max-width:120px;object-fit:contain\">\n <\/div>\n <div class=\"pm-divider\"><\/div>\n \n <!-- <div class=\"pm-logo\" title=\"Intech Network\">\n -- <img decoding=\"async\" src=\"https:\/\/logo.clearbit.com\/intech.fr\" alt=\"Intech Network\">\n <\/div> \n <div class=\"pm-divider\" style=\"opacity:0\"><\/div> -->\n \n <!-- \u2500\u2500 SET 2 (exact duplicate \u2014 enables seamless infinite loop) \u2500\u2500 -->\n <div class=\"pm-logos\" aria-hidden=\"true\">\n \n <div class=\"pm-logo\" title=\"Siemens\">\n <img decoding=\"async\" src=\"http:\/\/3ia-distribution.com\/wp-content\/uploads\/2026\/06\/Siemens-Logo-1958150673-scaled\" alt=\"\" alt=\"Siemens\" style=\"max-height:48px;max-width:120px;object-fit:contain\">\n <\/div>\n <div class=\"pm-divider\"><\/div>\n \n <!-- <div class=\"pm-logo\" title=\"Festo\">\n <img decoding=\"async\" src=\"http:\/\/3ia-distribution.com\/wp-content\/uploads\/2026\/06\/1701814-3755190923.png\" alt=\"\" alt=\"Siemens\" style=\"max-height:48px;max-width:120px;object-fit:contain\">\n <\/div>\n <div class=\"pm-divider\"><\/div> -->\n \n <div class=\"pm-logo\" title=\"Pepperl+Fuchs\">\n <img decoding=\"async\" src=\"http:\/\/3ia-distribution.com\/wp-content\/uploads\/2026\/06\/pepperlfuchs-logo-3004507265.png\" alt=\"\"alt=\"Siemens\" style=\"max-height:48px;max-width:120px;object-fit:contain\">\n <\/div>\n <div class=\"pm-divider\"><\/div>\n \n <!-- <div class=\"pm-logo\" title=\"SICK\">\n <img decoding=\"async\" src=\"http:\/\/3ia-distribution.com\/wp-content\/uploads\/2026\/06\/sick-optic-electronic-1-logo-png-transparent.png\" alt=\"\"alt=\"Siemens\" style=\"max-height:48px;max-width:120px;object-fit:contain\">\n <\/div>\n <div class=\"pm-divider\"><\/div> \n \n <div class=\"pm-logo\" title=\"Allen-Bradley\">\n <img decoding=\"async\" src=\"http:\/\/3ia-distribution.com\/wp-content\/uploads\/2026\/06\/OIP-563592950.SNU79Ab41qIxEXjTPe5UVwHaHa.jpg\" alt=\"\" alt=\"Siemens\" style=\"max-height:48px;max-width:120px;object-fit:contain\">\n <\/div>\n <div class=\"pm-divider\"><\/div> -->\n \n <div class=\"pm-logo\" title=\"Teltonika Networks\">\n <img decoding=\"async\" src=\"http:\/\/3ia-distribution.com\/wp-content\/uploads\/2026\/06\/63458b98458f7fedca81868f-423676463.png\" alt=\"\"alt=\"Siemens\" style=\"max-height:48px;max-width:120px;object-fit:contain\">\n <\/div>\n <div class=\"pm-divider\"><\/div>\n \n <div class=\"pm-logo\" title=\"TE Connectivity\">\n <img decoding=\"async\" src=\"http:\/\/3ia-distribution.com\/wp-content\/uploads\/2026\/06\/LOGO-02.png\" alt=\"\" alt=\"Siemens\" style=\"max-height:48px;max-width:120px;object-fit:contain\">\n <\/div>\n <div class=\"pm-divider\"><\/div>\n \n <!-- <div class=\"pm-logo\" title=\"CAMLogic\">\n <img decoding=\"async\" src=\"http:\/\/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 <\/div>\n <div class=\"pm-divider\"><\/div> -->\n \n <div class=\"pm-logo\" title=\"UniMAT\">\n <img decoding=\"async\" src=\"http:\/\/3ia-distribution.com\/wp-content\/uploads\/2026\/06\/LOGO-02.png\" alt=\"\" alt=\"Siemens\" style=\"max-height:48px;max-width:120px;object-fit:contain\">\n <\/div>\n <div class=\"pm-divider\"><\/div>\n \n <div class=\"pm-logo\" title=\"ESIT\">\n <img decoding=\"async\" src=\"http:\/\/3ia-distribution.com\/wp-content\/uploads\/2026\/06\/esit.png\" alt=\"\" alt=\"Siemens\" style=\"max-height:48px;max-width:120px;object-fit:contain\">\n <\/div>\n <!-- <div class=\"pm-divider\"><\/div>\n \n <div class=\"pm-logo\" title=\"Intech Network\">\n <img decoding=\"async\" src=\"https:\/\/logo.clearbit.com\/intech.fr\" alt=\"\">\n <\/div>\n <div class=\"pm-divider\" style=\"opacity:0\"><\/div>\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=\"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 <!-- Stat 1 \u2014 References -->\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\">\n <span class=\"count\" data-target=\"50000\" data-suffix=\"+\" data-format=\"space\">0<\/span>\n <span class=\"stat-suffix\">+<\/span>\n <\/div>\n <div class=\"stat-label\">R\u00e9f\u00e9rences en stock<\/div>\n <div class=\"stat-sublabel\">composants disponibles<\/div>\n <\/div>\n \n <!-- Stat 2 \u2014 Delivery -->\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\">\n <span class=\"count\" data-target=\"24\" data-suffix=\"h\">0<\/span>\n <span class=\"stat-suffix\">h<\/span>\n <\/div>\n <div class=\"stat-label\">Livraison Express<\/div>\n <div class=\"stat-sublabel\">pour pi\u00e8ces critiques<\/div>\n <\/div>\n \n <!-- Stat 3 \u2014 Clients -->\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 <!-- Stat 4 \u2014 Experience -->\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 <!-- Trust footer line -->\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<!-- \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 PAGE: Homepage\n SECTION: Nos Valeurs\n Source: 3IA Distribution PDF \u2014 real company values\n Elementor: HTML widget, full-width\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<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 <!-- 1 \u2014 Partenaire de Confiance -->\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 <!-- 2 \u2014 Produits Haut de Gamme -->\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 <!-- 3 \u2014 \u00c9coute Permanente -->\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 <!-- 4 \u2014 Veille Technologique -->\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<!-- \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\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n SERVICES\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\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\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 <!-- Card 1 \u2014 Livraison Express -->\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 <!-- Card 2 \u2014 Support Technique -->\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 <!-- Card 3 \u2014 Large Inventaire -->\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 \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\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n WHATSAPP FLOATING BUTTON\n Pages: All pages (paste before <\/body> tag)\n \n \u2699\ufe0f CONFIG \u2014 edit the two lines below:\n 1. Replace PHONE_NUMBER with real number\n Format: country code + number, no + or spaces\n Tunisia example: 21600000000\n France example: 33600000000\n 2. Edit the pre-filled message if needed\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\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n-->\n \n<div class=\"wa-float\" id=\"wa-float\">\n <!-- Tooltip -->\n <div class=\"wa-tooltip\">\n \ud83d\udcac Chattez avec nous sur WhatsApp\n <\/div>\n \n <!-- Main button -->\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 <!-- Notification dot -->\n <div class=\"wa-dot\"><\/div>\n \n <!-- WhatsApp SVG icon -->\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<!-- \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\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n FOOTER\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\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\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<\/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 Partenaires Contact Demander un devis Accueil Nos Fournisseurs Contact Demander un devis imm\u00e9diat Nous contacter directement +216 00 000 000 contact@3ia-distribution.com \u25cf Sp\u00e9cialiste en automatisation industrielle Expert en Solutions d’Automatisation Industrielle Fournisseur leader de composants critiques pour la maintenance et l’optimisation de vos lignes de production. […]<\/p>\n","protected":false},"author":1,"featured_media":0,"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","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.9 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>landing page - WordPress<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"http:\/\/3ia-distribution.com\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"landing page - WordPress\" \/>\n<meta property=\"og:description\" content=\"3IA Distribution \u2014 Expert en Solutions d’Automatisation Industrielle Nos Partenaires Contact Demander un devis Accueil Nos Fournisseurs Contact Demander un devis imm\u00e9diat Nous contacter directement +216 00 000 000 contact@3ia-distribution.com \u25cf Sp\u00e9cialiste en automatisation industrielle Expert en Solutions d’Automatisation Industrielle Fournisseur leader de composants critiques pour la maintenance et l’optimisation de vos lignes de production. […]\" \/>\n<meta property=\"og:url\" content=\"http:\/\/3ia-distribution.com\/\" \/>\n<meta property=\"og:site_name\" content=\"WordPress\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/3iadistribution\/\" \/>\n<meta property=\"article:modified_time\" content=\"2026-07-04T08:59:08+00:00\" \/>\n<meta property=\"og:image\" content=\"http:\/\/3ia-distribution.com\/wp-content\/uploads\/2026\/06\/3ia-dist.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=\"17 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"http:\\\/\\\/3ia-distribution.com\\\/\",\"url\":\"http:\\\/\\\/3ia-distribution.com\\\/\",\"name\":\"landing page - WordPress\",\"isPartOf\":{\"@id\":\"http:\\\/\\\/3ia-distribution.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"http:\\\/\\\/3ia-distribution.com\\\/#primaryimage\"},\"image\":{\"@id\":\"http:\\\/\\\/3ia-distribution.com\\\/#primaryimage\"},\"thumbnailUrl\":\"http:\\\/\\\/3ia-distribution.com\\\/wp-content\\\/uploads\\\/2026\\\/06\\\/3ia-dist.png\",\"datePublished\":\"2026-06-18T09:13:55+00:00\",\"dateModified\":\"2026-07-04T08:59:08+00:00\",\"breadcrumb\":{\"@id\":\"http:\\\/\\\/3ia-distribution.com\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"http:\\\/\\\/3ia-distribution.com\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"http:\\\/\\\/3ia-distribution.com\\\/#primaryimage\",\"url\":\"http:\\\/\\\/3ia-distribution.com\\\/wp-content\\\/uploads\\\/2026\\\/06\\\/3ia-dist.png\",\"contentUrl\":\"http:\\\/\\\/3ia-distribution.com\\\/wp-content\\\/uploads\\\/2026\\\/06\\\/3ia-dist.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"http:\\\/\\\/3ia-distribution.com\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"http:\\\/\\\/3ia-distribution.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"landing page\"}]},{\"@type\":\"WebSite\",\"@id\":\"http:\\\/\\\/3ia-distribution.com\\\/#website\",\"url\":\"http:\\\/\\\/3ia-distribution.com\\\/\",\"name\":\"3ia-distribution.com\",\"description\":\"\",\"publisher\":{\"@id\":\"http:\\\/\\\/3ia-distribution.com\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"http:\\\/\\\/3ia-distribution.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"http:\\\/\\\/3ia-distribution.com\\\/#organization\",\"name\":\"3ia-distribution\",\"url\":\"http:\\\/\\\/3ia-distribution.com\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"http:\\\/\\\/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\":\"http:\\\/\\\/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 SEO plugin. -->","yoast_head_json":{"title":"landing page - WordPress","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":"http:\/\/3ia-distribution.com\/","og_locale":"en_US","og_type":"article","og_title":"landing page - WordPress","og_description":"3IA Distribution \u2014 Expert en Solutions d’Automatisation Industrielle Nos Partenaires Contact Demander un devis Accueil Nos Fournisseurs Contact Demander un devis imm\u00e9diat Nous contacter directement +216 00 000 000 contact@3ia-distribution.com \u25cf Sp\u00e9cialiste en automatisation industrielle Expert en Solutions d’Automatisation Industrielle Fournisseur leader de composants critiques pour la maintenance et l’optimisation de vos lignes de production. […]","og_url":"http:\/\/3ia-distribution.com\/","og_site_name":"WordPress","article_publisher":"https:\/\/www.facebook.com\/3iadistribution\/","article_modified_time":"2026-07-04T08:59:08+00:00","og_image":[{"url":"http:\/\/3ia-distribution.com\/wp-content\/uploads\/2026\/06\/3ia-dist.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"17 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"http:\/\/3ia-distribution.com\/","url":"http:\/\/3ia-distribution.com\/","name":"landing page - WordPress","isPartOf":{"@id":"http:\/\/3ia-distribution.com\/#website"},"primaryImageOfPage":{"@id":"http:\/\/3ia-distribution.com\/#primaryimage"},"image":{"@id":"http:\/\/3ia-distribution.com\/#primaryimage"},"thumbnailUrl":"http:\/\/3ia-distribution.com\/wp-content\/uploads\/2026\/06\/3ia-dist.png","datePublished":"2026-06-18T09:13:55+00:00","dateModified":"2026-07-04T08:59:08+00:00","breadcrumb":{"@id":"http:\/\/3ia-distribution.com\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["http:\/\/3ia-distribution.com\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"http:\/\/3ia-distribution.com\/#primaryimage","url":"http:\/\/3ia-distribution.com\/wp-content\/uploads\/2026\/06\/3ia-dist.png","contentUrl":"http:\/\/3ia-distribution.com\/wp-content\/uploads\/2026\/06\/3ia-dist.png"},{"@type":"BreadcrumbList","@id":"http:\/\/3ia-distribution.com\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"http:\/\/3ia-distribution.com\/"},{"@type":"ListItem","position":2,"name":"landing page"}]},{"@type":"WebSite","@id":"http:\/\/3ia-distribution.com\/#website","url":"http:\/\/3ia-distribution.com\/","name":"3ia-distribution.com","description":"","publisher":{"@id":"http:\/\/3ia-distribution.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"http:\/\/3ia-distribution.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"http:\/\/3ia-distribution.com\/#organization","name":"3ia-distribution","url":"http:\/\/3ia-distribution.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"http:\/\/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":"http:\/\/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":109,"href":"https:\/\/3ia-distribution.com\/index.php\/wp-json\/wp\/v2\/pages\/21\/revisions"}],"predecessor-version":[{"id":312,"href":"https:\/\/3ia-distribution.com\/index.php\/wp-json\/wp\/v2\/pages\/21\/revisions\/312"}],"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}]}}