{"id":12,"date":"2026-04-05T13:27:19","date_gmt":"2026-04-05T13:27:19","guid":{"rendered":"https:\/\/bativite.com\/?page_id=12"},"modified":"2026-04-15T06:10:19","modified_gmt":"2026-04-15T06:10:19","slug":"elementor-page-12","status":"publish","type":"page","link":"https:\/\/bativite.com\/","title":{"rendered":"Acceuil"},"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\nB\u00e2tiVite | Mini Pompes \u00e0 B\u00e9ton - Usine \u00e0 Vous<\/title>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;600;700;800&display=swap\" rel=\"stylesheet\">\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n<style>\n:root {\n--primary: #FF8C00;\n--primary-dark: #E67E00;\n--secondary: #1a1a1a;\n--dark: #0f0f0f;\n--light: #ffffff;\n--gray: #f5f5f5;\n--gray-dark: #666;\n--success: #22c55e;\n--ocean: #1e3a5f;\n--ocean-light: #2c5282;\n}\n\n* {\nmargin: 0;\npadding: 0;\nbox-sizing: border-box;\n}\n\nhtml {\nscroll-behavior: smooth;\n}\n\nbody {\nfont-family: 'Inter', sans-serif;\nbackground: var(--light);\ncolor: var(--secondary);\nline-height: 1.6;\noverflow-x: hidden;\n}\n\n\/* Navigation *\/\nnav {\nposition: fixed;\ntop: 0;\nwidth: 100%;\nbackground: rgba(255, 255, 255, 0.95);\nbackdrop-filter: blur(10px);\nz-index: 1000;\npadding: 1rem 5%;\nbox-shadow: 0 2px 20px rgba(0,0,0,0.1);\ntransition: all 0.3s ease;\n}\n\nnav.scrolled {\npadding: 0.5rem 5%;\nbackground: rgba(255, 255, 255, 0.98);\n}\n\n.nav-container {\nmax-width: 1400px;\nmargin: 0 auto;\ndisplay: flex;\njustify-content: space-between;\nalign-items: center;\n}\n\n.logo {\ndisplay: flex;\nalign-items: center;\ngap: 0.5rem;\nfont-size: 1.8rem;\nfont-weight: 800;\ncolor: var(--secondary);\ntext-decoration: none;\n}\n\n.logo-icon {\nwidth: 40px;\nheight: 40px;\nbackground: var(--primary);\nborder-radius: 8px;\ndisplay: flex;\nalign-items: center;\njustify-content: center;\ncolor: white;\nfont-weight: bold;\nposition: relative;\noverflow: hidden;\n}\n\n.logo-icon::before {\ncontent: '';\nposition: absolute;\nwidth: 60%;\nheight: 60%;\nborder: 3px solid white;\ntransform: rotate(45deg);\n}\n\n.logo span {\ncolor: var(--primary);\n}\n\n.nav-links {\ndisplay: flex;\ngap: 2.5rem;\nlist-style: none;\n}\n\n.nav-links a {\ntext-decoration: none;\ncolor: var(--secondary);\nfont-weight: 600;\nfont-size: 0.95rem;\ntransition: color 0.3s;\nposition: relative;\n}\n\n.nav-links a::after {\ncontent: '';\nposition: absolute;\nbottom: -5px;\nleft: 0;\nwidth: 0;\nheight: 2px;\nbackground: var(--primary);\ntransition: width 0.3s;\n}\n\n.nav-links a:hover {\ncolor: var(--primary);\n}\n\n.nav-links a:hover::after {\nwidth: 100%;\n}\n\n.nav-cta {\nbackground: var(--primary);\ncolor: white !important;\npadding: 0.6rem 1.5rem;\nborder-radius: 50px;\ntransition: all 0.3s !important;\n}\n\n.nav-cta:hover {\nbackground: var(--primary-dark);\ntransform: translateY(-2px);\nbox-shadow: 0 10px 20px rgba(255, 140, 0, 0.3);\n}\n\n.nav-cta::after {\ndisplay: none !important;\n}\n\n.mobile-menu {\ndisplay: none;\nfont-size: 1.5rem;\ncursor: pointer;\n}\n\n\/* Hero Section *\/\n.hero {\nmargin-top: 80px;\nmin-height: 90vh;\ndisplay: flex;\nalign-items: center;\nbackground: linear-gradient(135deg, var(--dark) 0%, #2a2a2a 100%);\nposition: relative;\noverflow: hidden;\n}\n\n.hero::before {\ncontent: '';\nposition: absolute;\ntop: 0;\nleft: 0;\nright: 0;\nbottom: 0;\nbackground: url('data:image\/svg+xml,<svg width=\"60\" height=\"60\" viewBox=\"0 0 60 60\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><g fill=\"none\" fill-rule=\"evenodd\"><g fill=\"%23ffffff\" fill-opacity=\"0.03\"><path d=\"M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z\"\/><\/g><\/g><\/svg>');\nopacity: 0.5;\n}\n\n.hero-container {\nmax-width: 1400px;\nmargin: 0 auto;\npadding: 0 5%;\ndisplay: grid;\ngrid-template-columns: 1fr 1fr;\ngap: 4rem;\nalign-items: center;\nposition: relative;\nz-index: 1;\n}\n\n.hero-content h1 {\nfont-size: 4rem;\nfont-weight: 800;\ncolor: white;\nline-height: 1.1;\nmargin-bottom: 1.5rem;\nanimation: fadeInUp 0.8s ease;\n}\n\n.hero-content h1 span {\ncolor: var(--primary);\ndisplay: block;\n}\n\n.hero-subtitle {\nfont-size: 1.3rem;\ncolor: rgba(255,255,255,0.8);\nmargin-bottom: 2rem;\nmax-width: 500px;\nanimation: fadeInUp 0.8s ease 0.2s both;\n}\n\n.hero-badges {\ndisplay: flex;\ngap: 1rem;\nmargin-bottom: 2.5rem;\nflex-wrap: wrap;\nanimation: fadeInUp 0.8s ease 0.4s both;\n}\n\n.badge {\nbackground: rgba(255,255,255,0.1);\nbackdrop-filter: blur(10px);\npadding: 0.5rem 1rem;\nborder-radius: 50px;\ncolor: white;\nfont-size: 0.9rem;\ndisplay: flex;\nalign-items: center;\ngap: 0.5rem;\nborder: 1px solid rgba(255,255,255,0.2);\n}\n\n.badge i {\ncolor: var(--primary);\n}\n\n.hero-buttons {\ndisplay: flex;\ngap: 1rem;\nanimation: fadeInUp 0.8s ease 0.6s both;\n}\n\n.btn-primary {\nbackground: var(--primary);\ncolor: white;\npadding: 1rem 2.5rem;\nborder-radius: 50px;\ntext-decoration: none;\nfont-weight: 700;\ndisplay: inline-flex;\nalign-items: center;\ngap: 0.5rem;\ntransition: all 0.3s;\nborder: none;\ncursor: pointer;\nfont-size: 1rem;\n}\n\n.btn-primary:hover {\nbackground: var(--primary-dark);\ntransform: translateY(-3px);\nbox-shadow: 0 15px 30px rgba(255, 140, 0, 0.4);\n}\n\n.btn-secondary {\nbackground: transparent;\ncolor: white;\npadding: 1rem 2.5rem;\nborder-radius: 50px;\ntext-decoration: none;\nfont-weight: 700;\ndisplay: inline-flex;\nalign-items: center;\ngap: 0.5rem;\ntransition: all 0.3s;\nborder: 2px solid rgba(255,255,255,0.3);\n}\n\n.btn-secondary:hover {\nbackground: white;\ncolor: var(--secondary);\ntransform: translateY(-3px);\n}\n\n.hero-image {\nposition: relative;\nanimation: fadeIn 1s ease 0.5s both;\n}\n\n.hero-image img {\nwidth: 100%;\nborder-radius: 20px;\nbox-shadow: 0 30px 60px rgba(0,0,0,0.5);\ntransform: perspective(1000px) rotateY(-5deg);\ntransition: transform 0.5s;\n}\n\n.hero-image:hover img {\ntransform: perspective(1000px) rotateY(0deg);\n}\n\n.floating-card {\nposition: absolute;\nbackground: white;\npadding: 1rem 1.5rem;\nborder-radius: 15px;\nbox-shadow: 0 10px 30px rgba(0,0,0,0.2);\ndisplay: flex;\nalign-items: center;\ngap: 1rem;\nanimation: float 3s ease-in-out infinite;\n}\n\n.floating-card.card-1 {\ntop: 10%;\nleft: -10%;\nanimation-delay: 0s;\n}\n\n.floating-card.card-2 {\nbottom: 20%;\nright: -5%;\nanimation-delay: 1.5s;\n}\n\n.floating-icon {\nwidth: 50px;\nheight: 50px;\nbackground: var(--primary);\nborder-radius: 12px;\ndisplay: flex;\nalign-items: center;\njustify-content: center;\ncolor: white;\nfont-size: 1.5rem;\n}\n\n.floating-text {\nfont-weight: 700;\ncolor: var(--secondary);\n}\n\n.floating-text small {\ndisplay: block;\ncolor: var(--gray-dark);\nfont-weight: 400;\nfont-size: 0.85rem;\n}\n\n\/* Features Bar *\/\n.features-bar {\nbackground: var(--primary);\npadding: 2rem 5%;\nposition: relative;\nz-index: 2;\n}\n\n.features-container {\nmax-width: 1400px;\nmargin: 0 auto;\ndisplay: grid;\ngrid-template-columns: repeat(4, 1fr);\ngap: 2rem;\ntext-align: center;\n}\n\n.feature-item {\ncolor: white;\npadding: 1rem;\n}\n\n.feature-item i {\nfont-size: 2rem;\nmargin-bottom: 0.5rem;\ndisplay: block;\n}\n\n.feature-item h3 {\nfont-size: 1.1rem;\nmargin-bottom: 0.3rem;\n}\n\n.feature-item p {\nfont-size: 0.9rem;\nopacity: 0.9;\n}\n\n\/* Products Section *\/\n.products {\npadding: 6rem 5%;\nbackground: var(--gray);\n}\n\n.section-header {\ntext-align: center;\nmax-width: 700px;\nmargin: 0 auto 4rem;\n}\n\n.section-tag {\ndisplay: inline-block;\nbackground: rgba(255, 140, 0, 0.1);\ncolor: var(--primary);\npadding: 0.5rem 1rem;\nborder-radius: 50px;\nfont-weight: 700;\nfont-size: 0.9rem;\nmargin-bottom: 1rem;\ntext-transform: uppercase;\nletter-spacing: 1px;\n}\n\n.section-title {\nfont-size: 3rem;\nfont-weight: 800;\nmargin-bottom: 1rem;\ncolor: var(--secondary);\n}\n\n.section-subtitle {\ncolor: var(--gray-dark);\nfont-size: 1.1rem;\n}\n\n.products-grid {\nmax-width: 1400px;\nmargin: 0 auto;\ndisplay: grid;\ngrid-template-columns: repeat(auto-fit, minmax(350px, 1fr));\ngap: 2rem;\n}\n\n.product-card {\nbackground: white;\nborder-radius: 20px;\noverflow: hidden;\nbox-shadow: 0 10px 30px rgba(0,0,0,0.08);\ntransition: all 0.3s;\nposition: relative;\n}\n\n.product-card:hover {\ntransform: translateY(-10px);\nbox-shadow: 0 20px 40px rgba(0,0,0,0.15);\n}\n\n.product-badge {\nposition: absolute;\ntop: 1rem;\nleft: 1rem;\nbackground: var(--primary);\ncolor: white;\npadding: 0.3rem 0.8rem;\nborder-radius: 50px;\nfont-size: 0.8rem;\nfont-weight: 700;\nz-index: 2;\n}\n\n.product-badge.diesel {\nbackground: var(--secondary);\n}\n\n.product-badge.new {\nbackground: #22c55e;\n}\n\n.product-image {\nheight: 250px;\nbackground: linear-gradient(135deg, #f0f0f0 0%, #e0e0e0 100%);\ndisplay: flex;\nalign-items: center;\njustify-content: center;\nposition: relative;\noverflow: hidden;\n}\n\n.product-image img {\nwidth: 80%;\nheight: auto;\nobject-fit: contain;\ntransition: transform 0.5s;\n}\n\n.product-card:hover .product-image img {\ntransform: scale(1.05);\n}\n\n.product-content {\npadding: 1.5rem;\n}\n\n.product-title {\nfont-size: 1.3rem;\nfont-weight: 700;\nmargin-bottom: 0.5rem;\ncolor: var(--secondary);\n}\n\n.product-specs {\ndisplay: grid;\ngrid-template-columns: repeat(2, 1fr);\ngap: 0.8rem;\nmargin: 1rem 0;\npadding: 1rem 0;\nborder-top: 1px solid #eee;\nborder-bottom: 1px solid #eee;\n}\n\n.spec {\ndisplay: flex;\nalign-items: center;\ngap: 0.5rem;\nfont-size: 0.9rem;\ncolor: var(--gray-dark);\n}\n\n.spec i {\ncolor: var(--primary);\nwidth: 20px;\n}\n\n.product-footer {\ndisplay: flex;\njustify-content: space-between;\nalign-items: center;\nmargin-top: 1rem;\n}\n\n.product-price {\nfont-size: 1.5rem;\nfont-weight: 800;\ncolor: var(--primary);\n}\n\n.product-price small {\ndisplay: block;\nfont-size: 0.75rem;\ncolor: var(--gray-dark);\nfont-weight: 400;\n}\n\n.btn-small {\nbackground: var(--secondary);\ncolor: white;\npadding: 0.6rem 1.2rem;\nborder-radius: 50px;\ntext-decoration: none;\nfont-size: 0.9rem;\nfont-weight: 600;\ntransition: all 0.3s;\n}\n\n.btn-small:hover {\nbackground: var(--primary);\ntransform: scale(1.05);\n}\n\n\/* Delivery Section - REAL WORLD MAP *\/\n.delivery {\npadding: 6rem 5%;\nbackground: white;\n}\n\n.delivery-grid {\nmax-width: 1400px;\nmargin: 0 auto;\ndisplay: grid;\ngrid-template-columns: 1fr 1fr;\ngap: 4rem;\nalign-items: center;\n}\n\n.delivery-content h2 {\nfont-size: 2.5rem;\nfont-weight: 800;\nmargin-bottom: 1.5rem;\ncolor: var(--secondary);\n}\n\n.delivery-content h2 span {\ncolor: var(--primary);\n}\n\n.delivery-text {\ncolor: var(--gray-dark);\nmargin-bottom: 2rem;\nfont-size: 1.1rem;\n}\n\n.destinations {\ndisplay: grid;\ngap: 1.5rem;\nmargin-bottom: 2rem;\n}\n\n.destination {\ndisplay: flex;\nalign-items: center;\ngap: 1rem;\npadding: 1rem;\nbackground: var(--gray);\nborder-radius: 15px;\ntransition: all 0.3s;\n}\n\n.destination:hover {\nbackground: rgba(255, 140, 0, 0.1);\ntransform: translateX(10px);\n}\n\n.dest-icon {\nwidth: 60px;\nheight: 60px;\nbackground: var(--primary);\nborder-radius: 12px;\ndisplay: flex;\nalign-items: center;\njustify-content: center;\ncolor: white;\nfont-size: 1.5rem;\n}\n\n.dest-info h4 {\nfont-size: 1.2rem;\nmargin-bottom: 0.2rem;\n}\n\n.dest-info p {\ncolor: var(--gray-dark);\nfont-size: 0.9rem;\n}\n\n\/* Real World Map Styles *\/\n.delivery-visual {\nposition: relative;\nbackground: linear-gradient(135deg, #e3f2fd 0%, #bbdefb 100%);\nborder-radius: 30px;\npadding: 1.5rem;\nbox-shadow: 0 20px 40px rgba(0,0,0,0.1);\n}\n\n.world-map-container {\nposition: relative;\nwidth: 100%;\naspect-ratio: 4\/3;\nbackground: #fff;\nborder-radius: 20px;\noverflow: hidden;\nbox-shadow: inset 0 0 40px rgba(0,0,0,0.05);\n}\n\n.world-map-svg {\nwidth: 100%;\nheight: 100%;\n}\n\n.ocean {\nfill: #e3f2fd;\n}\n\n.continent {\nfill: #d4d4d4;\nstroke: #bbb;\nstroke-width: 0.5;\n}\n\n.country {\nfill: #e8e8e8;\nstroke: #ccc;\nstroke-width: 0.3;\n}\n\n.shipping-route {\nfill: none;\nstroke: var(--primary);\nstroke-width: 2.5;\nstroke-linecap: round;\nstroke-dasharray: 10, 5;\nopacity: 0.8;\nanimation: routeFlow 2s linear infinite;\n}\n\n.shipping-route.route-marseille {\nstroke: #e53935;\n}\n\n.shipping-route.route-tunisia {\nstroke: #ff9800;\n}\n\n.shipping-route.route-bali {\nstroke: #4caf50;\n}\n\n@keyframes routeFlow {\nto {\nstroke-dashoffset: -30;\n}\n}\n\n.port-point {\ncursor: pointer;\ntransition: all 0.3s;\n}\n\n.port-point:hover {\ntransform: scale(1.3);\n}\n\n.port-circle {\nstroke: white;\nstroke-width: 2;\nfilter: drop-shadow(0 2px 4px rgba(0,0,0,0.3));\n}\n\n.port-circle.origin {\nfill: #e53935;\nanimation: pulseOrigin 2s infinite;\n}\n\n.port-circle.destination {\nfill: var(--primary);\nanimation: pulseDest 2s infinite;\n}\n\n@keyframes pulseOrigin {\n0%, 100% { r: 6; opacity: 1; }\n50% { r: 10; opacity: 0.7; }\n}\n\n@keyframes pulseDest {\n0%, 100% { r: 5; opacity: 1; }\n50% { r: 8; opacity: 0.7; }\n}\n\n.port-label {\nfont-size: 11px;\nfont-weight: 700;\nfill: var(--secondary);\ntext-anchor: middle;\nfont-family: 'Inter', sans-serif;\n}\n\n.port-label-bg {\nfill: rgba(255,255,255,0.95);\nstroke: rgba(0,0,0,0.1);\nstroke-width: 0.5;\nrx: 4;\n}\n\n.ship-icon {\nfont-size: 20px;\nfilter: drop-shadow(0 2px 4px rgba(0,0,0,0.3));\n}\n\n.route-legend {\ndisplay: flex;\njustify-content: center;\ngap: 1.5rem;\nmargin-top: 1.5rem;\nflex-wrap: wrap;\nfont-size: 0.85rem;\n}\n\n.legend-item {\ndisplay: flex;\nalign-items: center;\ngap: 0.5rem;\n}\n\n.legend-line {\nwidth: 30px;\nheight: 3px;\nborder-radius: 2px;\n}\n\n.legend-dot {\nwidth: 12px;\nheight: 12px;\nborder-radius: 50%;\n}\n\n\/* Process Section *\/\n.process {\npadding: 6rem 5%;\nbackground: var(--dark);\ncolor: white;\nposition: relative;\noverflow: hidden;\n}\n\n.process::before {\ncontent: '';\nposition: absolute;\ntop: 0;\nleft: 0;\nright: 0;\nbottom: 0;\nbackground: radial-gradient(circle at 50% 50%, rgba(255,140,0,0.1) 0%, transparent 70%);\n}\n\n.process .section-title {\ncolor: white;\n}\n\n.process .section-subtitle {\ncolor: rgba(255,255,255,0.7);\n}\n\n.process-grid {\nmax-width: 1200px;\nmargin: 4rem auto 0;\ndisplay: grid;\ngrid-template-columns: repeat(4, 1fr);\ngap: 2rem;\nposition: relative;\nz-index: 1;\n}\n\n.process-step {\ntext-align: center;\npadding: 2rem;\nposition: relative;\n}\n\n.process-step:not(:last-child)::after {\ncontent: '\u2192';\nposition: absolute;\nright: -1rem;\ntop: 50%;\ntransform: translateY(-50%);\nfont-size: 2rem;\ncolor: var(--primary);\nopacity: 0.5;\n}\n\n.step-number {\nwidth: 60px;\nheight: 60px;\nbackground: var(--primary);\nborder-radius: 50%;\ndisplay: flex;\nalign-items: center;\njustify-content: center;\nfont-size: 1.5rem;\nfont-weight: 800;\nmargin: 0 auto 1rem;\nposition: relative;\n}\n\n.step-number::before {\ncontent: '';\nposition: absolute;\ninset: -5px;\nborder: 2px dashed var(--primary);\nborder-radius: 50%;\nopacity: 0.5;\nanimation: spin 10s linear infinite;\n}\n\n.process-step h3 {\nfont-size: 1.2rem;\nmargin-bottom: 0.5rem;\n}\n\n.process-step p {\ncolor: rgba(255,255,255,0.7);\nfont-size: 0.9rem;\n}\n\n\/* Contact Section *\/\n.contact {\npadding: 6rem 5%;\nbackground: var(--gray);\n}\n\n.contact-container {\nmax-width: 1200px;\nmargin: 0 auto;\ndisplay: grid;\ngrid-template-columns: 1fr 1fr;\ngap: 4rem;\n}\n\n.contact-info h2 {\nfont-size: 2.5rem;\nfont-weight: 800;\nmargin-bottom: 1rem;\n}\n\n.contact-info > p {\ncolor: var(--gray-dark);\nmargin-bottom: 2rem;\n}\n\n.contact-methods {\ndisplay: grid;\ngap: 1.5rem;\n}\n\n.contact-method {\ndisplay: flex;\nalign-items: center;\ngap: 1rem;\npadding: 1.5rem;\nbackground: white;\nborder-radius: 15px;\nbox-shadow: 0 5px 15px rgba(0,0,0,0.05);\ntransition: all 0.3s;\ntext-decoration: none;\ncolor: inherit;\n}\n\n.contact-method:hover {\ntransform: translateX(10px);\nbox-shadow: 0 10px 25px rgba(0,0,0,0.1);\n}\n\n.contact-icon {\nwidth: 50px;\nheight: 50px;\nbackground: rgba(255, 140, 0, 0.1);\nborder-radius: 12px;\ndisplay: flex;\nalign-items: center;\njustify-content: center;\ncolor: var(--primary);\nfont-size: 1.3rem;\n}\n\n.contact-detail h4 {\nmargin-bottom: 0.2rem;\n}\n\n.contact-detail p {\ncolor: var(--gray-dark);\nfont-size: 0.95rem;\n}\n\n.social-links {\ndisplay: flex;\ngap: 1rem;\nmargin-top: 2rem;\n}\n\n.social-link {\nwidth: 50px;\nheight: 50px;\nbackground: var(--secondary);\ncolor: white;\nborder-radius: 12px;\ndisplay: flex;\nalign-items: center;\njustify-content: center;\nfont-size: 1.3rem;\ntransition: all 0.3s;\ntext-decoration: none;\n}\n\n.social-link:hover {\nbackground: var(--primary);\ntransform: translateY(-5px);\n}\n\n.contact-form {\nbackground: white;\npadding: 3rem;\nborder-radius: 30px;\nbox-shadow: 0 20px 40px rgba(0,0,0,0.1);\n}\n\n.form-group {\nmargin-bottom: 1.5rem;\n}\n\n.form-group label {\ndisplay: block;\nmargin-bottom: 0.5rem;\nfont-weight: 600;\ncolor: var(--secondary);\n}\n\n.form-group input,\n.form-group textarea,\n.form-group select {\nwidth: 100%;\npadding: 1rem;\nborder: 2px solid #e0e0e0;\nborder-radius: 12px;\nfont-family: inherit;\nfont-size: 1rem;\ntransition: all 0.3s;\n}\n\n.form-group input:focus,\n.form-group textarea:focus,\n.form-group select:focus {\noutline: none;\nborder-color: var(--primary);\nbox-shadow: 0 0 0 4px rgba(255, 140, 0, 0.1);\n}\n\n.form-group textarea {\nresize: vertical;\nmin-height: 120px;\n}\n\n.form-row {\ndisplay: grid;\ngrid-template-columns: 1fr 1fr;\ngap: 1rem;\n}\n\n\/* Footer *\/\nfooter {\nbackground: var(--dark);\ncolor: white;\npadding: 4rem 5% 2rem;\n}\n\n.footer-container {\nmax-width: 1400px;\nmargin: 0 auto;\ndisplay: grid;\ngrid-template-columns: 2fr 1fr 1fr 1fr;\ngap: 3rem;\nmargin-bottom: 3rem;\n}\n\n.footer-brand .logo {\ncolor: white;\nmargin-bottom: 1rem;\nfont-size: 2rem;\n}\n\n.footer-brand p {\ncolor: rgba(255,255,255,0.7);\nmargin-bottom: 1.5rem;\nmax-width: 300px;\n}\n\n.footer-title {\nfont-size: 1.2rem;\nfont-weight: 700;\nmargin-bottom: 1.5rem;\ncolor: var(--primary);\n}\n\n.footer-links {\nlist-style: none;\n}\n\n.footer-links li {\nmargin-bottom: 0.8rem;\n}\n\n.footer-links a {\ncolor: rgba(255,255,255,0.7);\ntext-decoration: none;\ntransition: color 0.3s;\n}\n\n.footer-links a:hover {\ncolor: var(--primary);\n}\n\n.footer-bottom {\nborder-top: 1px solid rgba(255,255,255,0.1);\npadding-top: 2rem;\ntext-align: center;\ncolor: rgba(255,255,255,0.5);\nfont-size: 0.9rem;\n}\n\n\/* Animations *\/\n@keyframes fadeInUp {\nfrom {\nopacity: 0;\ntransform: translateY(30px);\n}\nto {\nopacity: 1;\ntransform: translateY(0);\n}\n}\n\n@keyframes fadeIn {\nfrom { opacity: 0; }\nto { opacity: 1; }\n}\n\n@keyframes float {\n0%, 100% { transform: translateY(0); }\n50% { transform: translateY(-10px); }\n}\n\n@keyframes pulse {\n0%, 100% { transform: scale(1); opacity: 1; }\n50% { transform: scale(1.5); opacity: 0.5; }\n}\n\n@keyframes spin {\nfrom { transform: rotate(0deg); }\nto { transform: rotate(360deg); }\n}\n\n\/* Responsive *\/\n@media (max-width: 1024px) {\n.hero-container {\ngrid-template-columns: 1fr;\ntext-align: center;\n}\n\n.hero-content h1 {\nfont-size: 3rem;\n}\n\n.hero-badges {\njustify-content: center;\n}\n\n.hero-buttons {\njustify-content: center;\n}\n\n.hero-image {\ndisplay: none;\n}\n\n.features-container {\ngrid-template-columns: repeat(2, 1fr);\n}\n\n.delivery-grid,\n.contact-container {\ngrid-template-columns: 1fr;\n}\n\n.process-grid {\ngrid-template-columns: repeat(2, 1fr);\n}\n\n.process-step:not(:last-child)::after {\ndisplay: none;\n}\n\n.footer-container {\ngrid-template-columns: 1fr 1fr;\n}\n}\n\n@media (max-width: 768px) {\n.nav-links {\ndisplay: none;\n}\n\n.mobile-menu {\ndisplay: block;\n}\n\n.hero-content h1 {\nfont-size: 2.5rem;\n}\n\n.features-container {\ngrid-template-columns: 1fr;\n}\n\n.products-grid {\ngrid-template-columns: 1fr;\n}\n\n.process-grid {\ngrid-template-columns: 1fr;\n}\n\n.footer-container {\ngrid-template-columns: 1fr;\ntext-align: center;\n}\n\n.footer-brand p {\nmax-width: 100%;\n}\n\n.form-row {\ngrid-template-columns: 1fr;\n}\n\n.route-legend {\nflex-direction: column;\nalign-items: center;\ngap: 0.8rem;\n}\n}\n\n\/* Scroll animations *\/\n.scroll-reveal {\nopacity: 0;\ntransform: translateY(30px);\ntransition: all 0.8s ease;\n}\n\n.scroll-reveal.active {\nopacity: 1;\ntransform: translateY(0);\n}\n\n\/* WhatsApp link style *\/\n.whatsapp-link {\ntext-decoration: none;\ncolor: inherit;\ndisplay: flex;\nalign-items: center;\ngap: 1rem;\nwidth: 100%;\n}\n<\/style>\n<\/head>\n<body>\n\n<!-- Navigation -->\n<nav id=\"navbar\">\n<div class=\"nav-container\">\n<a href=\"#\" class=\"logo\">\n<div class=\"logo-icon\">B<\/div>\nB\u00c2TI<span>VITE<\/span>\n<\/a>\n<ul class=\"nav-links\">\n<li><a href=\"#produits\">Nos Pompes<\/a><\/li>\n<li><a href=\"#livraison\">Livraison<\/a><\/li>\n<li><a href=\"#processus\">Comment \u00e7a marche<\/a><\/li>\n<li><a href=\"#contact\">Contact<\/a><\/li>\n<li><a href=\"#contact\" class=\"nav-cta\">Devis Gratuit<\/a><\/li>\n<\/ul>\n<div class=\"mobile-menu\">\n<i class=\"fas fa-bars\"><\/i>\n<\/div>\n<\/div>\n<\/nav>\n\n<!-- Hero Section -->\n<section class=\"hero\">\n<div class=\"hero-container\">\n<div class=\"hero-content\">\n<h1>Mini Pompes \u00e0 B\u00e9ton <span>Direct Usine<\/span><\/h1>\n<p class=\"hero-subtitle\">\n\u00c9quipements professionnels livr\u00e9s chez vous en France, Tunisie et Bali.\nPrix tout compris en euros : machine, transport maritime et d\u00e9douanement.\n<\/p>\n<div class=\"hero-badges\">\n<div class=\"badge\">\n<i class=\"fas fa-check-circle\"><\/i>\n<span>Prix usine garanti<\/span>\n<\/div>\n<div class=\"badge\">\n<i class=\"fas fa-shipping-fast\"><\/i>\n<span>Livraison port \u00e0 port<\/span>\n<\/div>\n<div class=\"badge\">\n<i class=\"fas fa-shield-alt\"><\/i>\n<span>Garantie 1 an<\/span>\n<\/div>\n<\/div>\n<div class=\"hero-buttons\">\n<a href=\"#produits\" class=\"btn-primary\">\n<i class=\"fas fa-eye\"><\/i>\nVoir les mod\u00e8les\n<\/a>\n<a href=\"#contact\" class=\"btn-secondary\">\n<i class=\"fas fa-calculator\"><\/i>\nDemander un devis\n<\/a>\n<\/div>\n<\/div>\n<div class=\"hero-image\">\n<img decoding=\"async\" src=\"https:\/\/kimi-web-img.moonshot.cn\/img\/lutonmachinery.com\/47f8774c3ee0e3bb6a75df3c79642b9b99d0a9d9.jpg\" alt=\"Mini pompe \u00e0 b\u00e9ton B\u00e2tiVite\">\n<div class=\"floating-card card-1\">\n<div class=\"floating-icon\">\n<i class=\"fas fa-box-open\"><\/i>\n<\/div>\n<div class=\"floating-text\">\nExp\u00e9dition\n<small>D\u00e9lai 7-15 jours<\/small>\n<\/div>\n<\/div>\n<div class=\"floating-card card-2\">\n<div class=\"floating-icon\">\n<i class=\"fas fa-euro-sign\"><\/i>\n<\/div>\n<div class=\"floating-text\">\n\u00c0 partir de\n<small>2 300 \u20ac livr\u00e9<\/small>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/section>\n\n<!-- Features Bar -->\n<div class=\"features-bar\">\n<div class=\"features-container\">\n<div class=\"feature-item\">\n<i class=\"fas fa-industry\"><\/i>\n<h3>Direct Usine<\/h3>\n<p>Sans interm\u00e9diaire<\/p>\n<\/div>\n<div class=\"feature-item\">\n<i class=\"fas fa-ship\"><\/i>\n<h3>Transport Inclus<\/h3>\n<p>Maritime s\u00e9curis\u00e9<\/p>\n<\/div>\n<div class=\"feature-item\">\n<i class=\"fas fa-file-signature\"><\/i>\n<h3>D\u00e9douanement<\/h3>\n<p>Formalit\u00e9s g\u00e9r\u00e9es<\/p>\n<\/div>\n<div class=\"feature-item\">\n<i class=\"fas fa-headset\"><\/i>\n<h3>Support 24\/7<\/h3>\n<p>Assistance technique<\/p>\n<\/div>\n<\/div>\n<\/div>\n\n<!-- Products Section -->\n<section class=\"products\" id=\"produits\">\n<div class=\"section-header scroll-reveal\">\n<span class=\"section-tag\">Notre Catalogue<\/span>\n<h2 class=\"section-title\">Mini Pompes \u00e0 B\u00e9ton<\/h2>\n<p class=\"section-subtitle\">\nS\u00e9lection de machines adapt\u00e9es \u00e0 tous vos chantiers. Tous nos prix sont en euros\net incluent la livraison port \u00e0 port + d\u00e9douanement.\n<\/p>\n<\/div>\n\n<div class=\"products-grid\">\n<!-- Product 0 - SCREW FEEDER (NEW) -->\n<div class=\"product-card scroll-reveal\">\n<span class=\"product-badge new\">Nouveau<\/span>\n<div class=\"product-image\">\n<img decoding=\"async\" src=\"https:\/\/kimi-web-img.moonshot.cn\/img\/image.made-in-china.com\/9affabab884ee0b628f99ba515e3c2e808fee127.webp\" alt=\"Screw Feeder Convoyeur\">\n<\/div>\n<div class=\"product-content\">\n<h3 class=\"product-title\">Screw Feeder - Convoyeur \u00e0 Vis<\/h3>\n<div class=\"product-specs\">\n<div class=\"spec\">\n<i class=\"fas fa-arrow-up\"><\/i>\n<span>10m hauteur<\/span>\n<\/div>\n<div class=\"spec\">\n<i class=\"fas fa-arrows-alt-h\"><\/i>\n<span>20m distance<\/span>\n<\/div>\n<div class=\"spec\">\n<i class=\"fas fa-tachometer-alt\"><\/i>\n<span>4-5m\u00b3\/h<\/span>\n<\/div>\n<div class=\"spec\">\n<i class=\"fas fa-weight-hanging\"><\/i>\n<span>90kg<\/span>\n<\/div>\n<\/div>\n<div class=\"product-footer\">\n<div class=\"product-price\">\n2 300 \u20ac\n<small>Tout compris<\/small>\n<\/div>\n<a href=\"#contact\" class=\"btn-small\">Commander<\/a>\n<\/div>\n<\/div>\n<\/div>\n\n<!-- Product 1 -->\n<div class=\"product-card scroll-reveal\">\n<span class=\"product-badge\">\u00c9lectrique<\/span>\n<div class=\"product-image\">\n<img decoding=\"async\" src=\"https:\/\/kimi-web-img.moonshot.cn\/img\/wmmachinery.com\/0d42ea1991a3af63f762e7552f173cfefaeade60.jpg\" alt=\"Pompe T15 \u00c9lectrique\">\n<\/div>\n<div class=\"product-content\">\n<h3 class=\"product-title\">Type 15 - \u00c9lectrique 15KW<\/h3>\n<div class=\"product-specs\">\n<div class=\"spec\">\n<i class=\"fas fa-arrow-up\"><\/i>\n<span>25-30m hauteur<\/span>\n<\/div>\n<div class=\"spec\">\n<i class=\"fas fa-arrows-alt-h\"><\/i>\n<span>60m distance<\/span>\n<\/div>\n<div class=\"spec\">\n<i class=\"fas fa-tachometer-alt\"><\/i>\n<span>9-10m\u00b3\/h<\/span>\n<\/div>\n<div class=\"spec\">\n<i class=\"fas fa-weight-hanging\"><\/i>\n<span>460kg<\/span>\n<\/div>\n<\/div>\n<div class=\"product-footer\">\n<div class=\"product-price\">\n2 900 \u20ac\n<small>Tout compris<\/small>\n<\/div>\n<a href=\"#contact\" class=\"btn-small\">Commander<\/a>\n<\/div>\n<\/div>\n<\/div>\n\n<!-- Product 2 -->\n<div class=\"product-card scroll-reveal\">\n<span class=\"product-badge diesel\">Diesel<\/span>\n<div class=\"product-image\">\n<img decoding=\"async\" src=\"https:\/\/kimi-web-img.moonshot.cn\/img\/wmmachinery.com\/c6414a1afb43369af0919578002ce083bdb08250.jpg\" alt=\"Pompe T15 Diesel\">\n<\/div>\n<div class=\"product-content\">\n<h3 class=\"product-title\">Type 15 - Diesel 32P<\/h3>\n<div class=\"product-specs\">\n<div class=\"spec\">\n<i class=\"fas fa-arrow-up\"><\/i>\n<span>25-30m hauteur<\/span>\n<\/div>\n<div class=\"spec\">\n<i class=\"fas fa-arrows-alt-h\"><\/i>\n<span>60m distance<\/span>\n<\/div>\n<div class=\"spec\">\n<i class=\"fas fa-tachometer-alt\"><\/i>\n<span>9-10m\u00b3\/h<\/span>\n<\/div>\n<div class=\"spec\">\n<i class=\"fas fa-weight-hanging\"><\/i>\n<span>600kg<\/span>\n<\/div>\n<\/div>\n<div class=\"product-footer\">\n<div class=\"product-price\">\n3 500 \u20ac\n<small>Tout compris<\/small>\n<\/div>\n<a href=\"#contact\" class=\"btn-small\">Commander<\/a>\n<\/div>\n<\/div>\n<\/div>\n\n<!-- Product 3 -->\n<div class=\"product-card scroll-reveal\">\n<span class=\"product-badge\">\u00c9lectrique<\/span>\n<div class=\"product-image\">\n<img decoding=\"async\" src=\"https:\/\/kimi-web-img.moonshot.cn\/img\/yugongengineering.com\/8b89ab1fe8fc9cc5cf9dd512f5eb93183398d6c2.jpg\" alt=\"Pompe T30 \u00c9lectrique\">\n<\/div>\n<div class=\"product-content\">\n<h3 class=\"product-title\">Type 30 - \u00c9lectrique 37KW<\/h3>\n<div class=\"product-specs\">\n<div class=\"spec\">\n<i class=\"fas fa-arrow-up\"><\/i>\n<span>70m hauteur<\/span>\n<\/div>\n<div class=\"spec\">\n<i class=\"fas fa-arrows-alt-h\"><\/i>\n<span>150m distance<\/span>\n<\/div>\n<div class=\"spec\">\n<i class=\"fas fa-tachometer-alt\"><\/i>\n<span>20-25m\u00b3\/h<\/span>\n<\/div>\n<div class=\"spec\">\n<i class=\"fas fa-weight-hanging\"><\/i>\n<span>2000kg<\/span>\n<\/div>\n<\/div>\n<div class=\"product-footer\">\n<div class=\"product-price\">\n4 900 \u20ac\n<small>Tout compris<\/small>\n<\/div>\n<a href=\"#contact\" class=\"btn-small\">Commander<\/a>\n<\/div>\n<\/div>\n<\/div>\n\n<!-- Product 4 -->\n<div class=\"product-card scroll-reveal\">\n<span class=\"product-badge diesel\">Diesel<\/span>\n<div class=\"product-image\">\n<img decoding=\"async\" src=\"https:\/\/kimi-web-img.moonshot.cn\/img\/lutonmachinery.com\/47f8774c3ee0e3bb6a75df3c79642b9b99d0a9d9.jpg\" alt=\"Pompe T40 Diesel\">\n<\/div>\n<div class=\"product-content\">\n<h3 class=\"product-title\">Type 40 - Diesel 155P<\/h3>\n<div class=\"product-specs\">\n<div class=\"spec\">\n<i class=\"fas fa-arrow-up\"><\/i>\n<span>100m hauteur<\/span>\n<\/div>\n<div class=\"spec\">\n<i class=\"fas fa-arrows-alt-h\"><\/i>\n<span>200m distance<\/span>\n<\/div>\n<div class=\"spec\">\n<i class=\"fas fa-tachometer-alt\"><\/i>\n<span>30-35m\u00b3\/h<\/span>\n<\/div>\n<div class=\"spec\">\n<i class=\"fas fa-weight-hanging\"><\/i>\n<span>2300kg<\/span>\n<\/div>\n<\/div>\n<div class=\"product-footer\">\n<div class=\"product-price\">\n5 900 \u20ac\n<small>Tout compris<\/small>\n<\/div>\n<a href=\"#contact\" class=\"btn-small\">Commander<\/a>\n<\/div>\n<\/div>\n<\/div>\n\n<!-- Product 5 -->\n<div class=\"product-card scroll-reveal\">\n<span class=\"product-badge\">\u00c9lectrique<\/span>\n<div class=\"product-image\">\n<img decoding=\"async\" src=\"https:\/\/kimi-web-img.moonshot.cn\/img\/aimixgroup.com\/9f4d60f9ce75af8ccb9d2615f0189a2f1c8a0290.jpg\" alt=\"Pompe T50 \u00c9lectrique\">\n<\/div>\n<div class=\"product-content\">\n<h3 class=\"product-title\">Type 50 - \u00c9lectrique 55KW<\/h3>\n<div class=\"product-specs\">\n<div class=\"spec\">\n<i class=\"fas fa-arrow-up\"><\/i>\n<span>120-150m hauteur<\/span>\n<\/div>\n<div class=\"spec\">\n<i class=\"fas fa-arrows-alt-h\"><\/i>\n<span>300m distance<\/span>\n<\/div>\n<div class=\"spec\">\n<i class=\"fas fa-tachometer-alt\"><\/i>\n<span>40-45m\u00b3\/h<\/span>\n<\/div>\n<div class=\"spec\">\n<i class=\"fas fa-weight-hanging\"><\/i>\n<span>2800kg<\/span>\n<\/div>\n<\/div>\n<div class=\"product-footer\">\n<div class=\"product-price\">\n7 300 \u20ac\n<small>Tout compris<\/small>\n<\/div>\n<a href=\"#contact\" class=\"btn-small\">Commander<\/a>\n<\/div>\n<\/div>\n<\/div>\n\n<!-- Product 6 -->\n<div class=\"product-card scroll-reveal\">\n<span class=\"product-badge diesel\">Mix & Pump<\/span>\n<div class=\"product-image\">\n<img decoding=\"async\" src=\"https:\/\/kimi-web-img.moonshot.cn\/img\/aimixconcretesolution.com\/56d7f0c70d621eb9ab0522d1b90b372d55573e03.jpg\" alt=\"Pompe Mix 30\">\n<\/div>\n<div class=\"product-content\">\n<h3 class=\"product-title\">Mix 30 - Avec Malaxeur 350L<\/h3>\n<div class=\"product-specs\">\n<div class=\"spec\">\n<i class=\"fas fa-arrow-up\"><\/i>\n<span>40m hauteur<\/span>\n<\/div>\n<div class=\"spec\">\n<i class=\"fas fa-arrows-alt-h\"><\/i>\n<span>100-120m dist.<\/span>\n<\/div>\n<div class=\"spec\">\n<i class=\"fas fa-tachometer-alt\"><\/i>\n<span>12-15m\u00b3\/h<\/span>\n<\/div>\n<div class=\"spec\">\n<i class=\"fas fa-weight-hanging\"><\/i>\n<span>2500kg<\/span>\n<\/div>\n<\/div>\n<div class=\"product-footer\">\n<div class=\"product-price\">\n6 715 \u20ac\n<small>Tout compris<\/small>\n<\/div>\n<a href=\"#contact\" class=\"btn-small\">Commander<\/a>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/section>\n\n<!-- Delivery Section - REAL WORLD MAP -->\n<section class=\"delivery\" id=\"livraison\">\n<div class=\"delivery-grid\">\n<div class=\"delivery-content scroll-reveal\">\n<span class=\"section-tag\">Livraison Internationale<\/span>\n<h2>Livraison <span>Port \u00e0 Port<\/span> Incluse<\/h2>\n<p class=\"delivery-text\">\nNous livrons vos machines depuis notre usine \u00e0 Canton (Chine) dans le monde entier avec un service cl\u00e9 en main.\nLe prix affich\u00e9 inclut tout : la machine, l'emballage professionnel, le transport maritime\net les formalit\u00e9s de d\u00e9douanement. Vous ne payez aucun frais cach\u00e9.\n<\/p>\n\n<div class=\"destinations\">\n<div class=\"destination\">\n<div class=\"dest-icon\">\n<i class=\"fas fa-flag\"><\/i>\n<\/div>\n<div class=\"dest-info\">\n<h4>France - Marseille<\/h4>\n<p>Port de Marseille uniquement - Route via d\u00e9troit de Malacca et canal de Suez<\/p>\n<\/div>\n<\/div>\n<div class=\"destination\">\n<div class=\"dest-icon\">\n<i class=\"fas fa-flag\"><\/i>\n<\/div>\n<div class=\"dest-info\">\n<h4>Tunisie<\/h4>\n<p>Ports de Tunis, Rades, Sfax et Bizerte - M\u00eame route maritime<\/p>\n<\/div>\n<\/div>\n<div class=\"destination\">\n<div class=\"dest-icon\">\n<i class=\"fas fa-flag\"><\/i>\n<\/div>\n<div class=\"dest-info\">\n<h4>Bali (Indon\u00e9sie)<\/h4>\n<p>Port de Benoa - Route directe par le Pacifique Sud<\/p>\n<\/div>\n<\/div>\n<\/div>\n\n<a href=\"#contact\" class=\"btn-primary\">\n<i class=\"fas fa-map-marker-alt\"><\/i>\nV\u00e9rifier ma zone\n<\/a>\n<\/div>\n\n<div class=\"delivery-visual scroll-reveal\">\n<div class=\"world-map-container\">\n<svg class=\"world-map-svg\" viewBox=\"0 0 1000 500\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<!-- Ocean Background -->\n<rect class=\"ocean\" width=\"1000\" height=\"500\"\/>\n\n<!-- Continents (Simplified paths) -->\n<!-- North America -->\n<path class=\"continent\" d=\"M 50 80 Q 150 60 250 100 L 200 250 Q 100 280 50 200 Z\"\/>\n<!-- South America -->\n<path class=\"continent\" d=\"M 220 300 Q 300 280 320 380 L 260 480 Q 200 420 220 300 Z\"\/>\n<!-- Europe -->\n<path class=\"continent\" d=\"M 450 100 Q 520 80 580 120 L 560 180 Q 480 200 450 180 Z\"\/>\n<!-- Africa -->\n<path class=\"continent\" d=\"M 460 220 Q 560 200 580 320 L 500 450 Q 420 380 460 220 Z\"\/>\n<!-- Asia -->\n<path class=\"continent\" d=\"M 600 80 Q 800 60 850 150 L 800 280 Q 650 260 600 200 Z\"\/>\n<!-- India -->\n<path class=\"continent\" d=\"M 680 200 L 720 190 L 740 250 L 700 270 Z\"\/>\n<!-- Southeast Asia -->\n<path class=\"continent\" d=\"M 750 220 L 820 210 L 850 280 L 780 300 Z\"\/>\n<!-- Australia -->\n<path class=\"continent\" d=\"M 800 350 Q 900 330 920 400 L 860 480 Q 780 450 800 350 Z\"\/>\n<!-- Indonesia\/Bali -->\n<path class=\"continent\" d=\"M 820 300 L 880 290 L 900 330 L 840 340 Z\"\/>\n\n<!-- Shipping Routes with animated ships -->\n\n<!-- Route to Marseille (Red) - Via Malacca Strait & Suez Canal -->\n<path id=\"routeMarseille\" class=\"shipping-route route-marseille\"\nd=\"M 780 220 Q 720 250 680 280 Q 620 300 580 280 Q 540 260 520 240 Q 500 220 480 200 Q 460 180 450 160\"\/>\n\n<!-- Route to Tunisia (Orange) - Via Malacca Strait & Suez Canal -->\n<path id=\"routeTunisia\" class=\"shipping-route route-tunisia\"\nd=\"M 780 220 Q 720 250 680 280 Q 640 300 600 290 Q 560 280 540 260 Q 520 240 500 220 Q 480 200 470 190\"\/>\n\n<!-- Route to Bali (Green) - Direct South -->\n<path id=\"routeBali\" class=\"shipping-route route-bali\"\nd=\"M 780 220 Q 800 260 820 300 Q 840 320 860 310\"\/>\n\n<!-- Animated Ships -->\n<g>\n<text class=\"ship-icon\" x=\"0\" y=\"0\" fill=\"#e53935\">\ud83d\udea2<\/text>\n<animateMotion dur=\"4s\" repeatCount=\"indefinite\">\n<mpath href=\"#routeMarseille\"\/>\n<\/animateMotion>\n<\/g>\n<g>\n<text class=\"ship-icon\" x=\"0\" y=\"0\" fill=\"#ff9800\">\ud83d\udea2<\/text>\n<animateMotion dur=\"4.5s\" repeatCount=\"indefinite\">\n<mpath href=\"#routeTunisia\"\/>\n<\/animateMotion>\n<\/g>\n<g>\n<text class=\"ship-icon\" x=\"0\" y=\"0\" fill=\"#4caf50\">\ud83d\udea2<\/text>\n<animateMotion dur=\"2s\" repeatCount=\"indefinite\">\n<mpath href=\"#routeBali\"\/>\n<\/animateMotion>\n<\/g>\n\n<!-- Port Points -->\n<!-- Origin: Canton -->\n<g class=\"port-point\">\n<circle class=\"port-circle origin\" cx=\"780\" cy=\"220\" r=\"8\"\/>\n<rect class=\"port-label-bg\" x=\"740\" y=\"235\" width=\"80\" height=\"18\"\/>\n<text class=\"port-label\" x=\"780\" y=\"248\">Canton (Chine)<\/text>\n<\/g>\n\n<!-- Destination: Marseille -->\n<g class=\"port-point\">\n<circle class=\"port-circle destination\" cx=\"450\" cy=\"160\" r=\"6\"\/>\n<rect class=\"port-label-bg\" x=\"410\" y=\"135\" width=\"80\" height=\"18\"\/>\n<text class=\"port-label\" x=\"450\" y=\"148\">Marseille<\/text>\n<\/g>\n\n<!-- Destination: Tunisia -->\n<g class=\"port-point\">\n<circle class=\"port-circle destination\" cx=\"470\" cy=\"190\" r=\"6\"\/>\n<rect class=\"port-label-bg\" x=\"430\" y=\"200\" width=\"80\" height=\"18\"\/>\n<text class=\"port-label\" x=\"470\" y=\"213\">Tunisie<\/text>\n<\/g>\n\n<!-- Destination: Bali -->\n<g class=\"port-point\">\n<circle class=\"port-circle destination\" cx=\"860\" cy=\"310\" r=\"6\"\/>\n<rect class=\"port-label-bg\" x=\"820\" y=\"325\" width=\"80\" height=\"18\"\/>\n<text class=\"port-label\" x=\"860\" y=\"338\">Bali<\/text>\n<\/g>\n\n<!-- Key maritime locations labels -->\n<text x=\"700\" y=\"280\" font-size=\"9\" fill=\"#666\" text-anchor=\"middle\">D\u00e9troit de Malacca<\/text>\n<text x=\"550\" y=\"250\" font-size=\"9\" fill=\"#666\" text-anchor=\"middle\">Canal de Suez<\/text>\n<text x=\"500\" y=\"150\" font-size=\"9\" fill=\"#666\" text-anchor=\"middle\">M\u00e9diterran\u00e9e<\/text>\n<\/svg>\n<\/div>\n\n<div class=\"route-legend\">\n<div class=\"legend-item\">\n<div class=\"legend-dot\" style=\"background: #e53935;\"><\/div>\n<span><strong>Canton \u2192 Marseille<\/strong> (via Malacca & Suez)<\/span>\n<\/div>\n<div class=\"legend-item\">\n<div class=\"legend-dot\" style=\"background: #ff9800;\"><\/div>\n<span><strong>Canton \u2192 Tunisie<\/strong> (via Malacca & Suez)<\/span>\n<\/div>\n<div class=\"legend-item\">\n<div class=\"legend-dot\" style=\"background: #4caf50;\"><\/div>\n<span><strong>Canton \u2192 Bali<\/strong> (direct Pacifique)<\/span>\n<\/div>\n<div class=\"legend-item\">\n<div class=\"legend-dot origin\"><\/div>\n<span>Usine (Canton)<\/span>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/section>\n\n<!-- Process Section -->\n<section class=\"process\" id=\"processus\">\n<div class=\"section-header scroll-reveal\">\n<span class=\"section-tag\" style=\"background: rgba(255,255,255,0.1); color: white;\">Processus<\/span>\n<h2 class=\"section-title\">Comment \u00e7a marche ?<\/h2>\n<p class=\"section-subtitle\">\nDe la commande \u00e0 la livraison, nous vous accompagnons \u00e0 chaque \u00e9tape.\n<\/p>\n<\/div>\n\n<div class=\"process-grid\">\n<div class=\"process-step scroll-reveal\">\n<div class=\"step-number\">1<\/div>\n<h3>Devis Gratuit<\/h3>\n<p>Contactez-nous avec vos besoins. Nous vous envoyons un devis d\u00e9taill\u00e9 sous 24h.<\/p>\n<\/div>\n<div class=\"process-step scroll-reveal\">\n<div class=\"step-number\">2<\/div>\n<h3>Commande<\/h3>\n<p>Validation du devis et acompte de <strong>50%<\/strong> pour lancer la production.<\/p>\n<\/div>\n<div class=\"process-step scroll-reveal\">\n<div class=\"step-number\">3<\/div>\n<h3>Production<\/h3>\n<p>Fabrication et tests qualit\u00e9 en usine. Photos et vid\u00e9os de votre machine.<\/p>\n<\/div>\n<div class=\"process-step scroll-reveal\">\n<div class=\"step-number\">4<\/div>\n<h3>Livraison<\/h3>\n<p>Emballage, exp\u00e9dition maritime et d\u00e9douanement. Livraison port \u00e0 port.<\/p>\n<\/div>\n<\/div>\n<\/section>\n\n<!-- Contact Section -->\n<section class=\"contact\" id=\"contact\">\n<div class=\"contact-container\">\n<div class=\"contact-info scroll-reveal\">\n<span class=\"section-tag\">Contact<\/span>\n<h2>Demandez votre <span style=\"color: var(--primary);\">Devis Gratuit<\/span><\/h2>\n<p>\nRemplissez le formulaire ou contactez-nous directement.\nNotre \u00e9quipe vous r\u00e9pond sous 24h avec un devis personnalis\u00e9.\n<\/p>\n\n<div class=\"contact-methods\">\n<div class=\"contact-method\">\n<div class=\"contact-icon\">\n<i class=\"fas fa-envelope\"><\/i>\n<\/div>\n<div class=\"contact-detail\">\n<h4>Email<\/h4>\n<p>contact@bativite.com<\/p>\n<\/div>\n<\/div>\n<a href=\"https:\/\/wa.me\/33622377362\" target=\"_blank\" class=\"contact-method whatsapp-link\">\n<div class=\"contact-icon\">\n<i class=\"fab fa-whatsapp\"><\/i>\n<\/div>\n<div class=\"contact-detail\">\n<h4>WhatsApp<\/h4>\n<p>+33 6 22 37 73 62<\/p>\n<\/div>\n<\/a>\n<div class=\"contact-method\">\n<div class=\"contact-icon\">\n<i class=\"fas fa-clock\"><\/i>\n<\/div>\n<div class=\"contact-detail\">\n<h4>Disponibilit\u00e9<\/h4>\n<p>Lun-Sam : 9h - 18h (UTC+8)<\/p>\n<\/div>\n<\/div>\n<\/div>\n\n<div class=\"social-links\">\n<a href=\"https:\/\/tiktok.com\/@bativite\" target=\"_blank\" class=\"social-link\" title=\"TikTok\">\n<i class=\"fab fa-tiktok\"><\/i>\n<\/a>\n<a href=\"https:\/\/facebook.com\/bativite\" target=\"_blank\" class=\"social-link\" title=\"Facebook\">\n<i class=\"fab fa-facebook-f\"><\/i>\n<\/a>\n<a href=\"https:\/\/instagram.com\/bativite\" target=\"_blank\" class=\"social-link\" title=\"Instagram\">\n<i class=\"fab fa-instagram\"><\/i>\n<\/a>\n<\/div>\n<\/div>\n\n<div class=\"contact-form scroll-reveal\">\n<form id=\"quoteForm\" action=\"https:\/\/formsubmit.co\/trabelsi.viore@gmail.com\" method=\"POST\">\n<div class=\"form-row\">\n<div class=\"form-group\">\n<label>Nom complet *<\/label>\n<input type=\"text\" name=\"name\" required placeholder=\"Votre nom\">\n<\/div>\n<div class=\"form-group\">\n<label>Email *<\/label>\n<input type=\"email\" name=\"email\" required placeholder=\"votre@email.com\">\n<\/div>\n<\/div>\n\n<div class=\"form-row\">\n<div class=\"form-group\">\n<label>T\u00e9l\u00e9phone<\/label>\n<input type=\"tel\" name=\"phone\" placeholder=\"+33 6 12 34 56 78\">\n<\/div>\n<div class=\"form-group\">\n<label>Pays de livraison *<\/label>\n<select name=\"country\" required>\n<option value=\"\">S\u00e9lectionnez...<\/option>\n<option value=\"france\">France (Marseille)<\/option>\n<option value=\"tunisia\">Tunisie<\/option>\n<option value=\"bali\">Bali \/ Indon\u00e9sie<\/option>\n<option value=\"other\">Autre<\/option>\n<\/select>\n<\/div>\n<\/div>\n\n<div class=\"form-group\">\n<label>Mod\u00e8le int\u00e9ress\u00e9<\/label>\n<select name=\"model\">\n<option value=\"\">S\u00e9lectionnez un mod\u00e8le...<\/option>\n<option value=\"screw\">Screw Feeder - 2 300 \u20ac<\/option>\n<option value=\"t15e\">Type 15 \u00c9lectrique - 2 900 \u20ac<\/option>\n<option value=\"t15d\">Type 15 Diesel - 3 500 \u20ac<\/option>\n<option value=\"t30e\">Type 30 \u00c9lectrique - 4 900 \u20ac<\/option>\n<option value=\"t40d\">Type 40 Diesel - 5 900 \u20ac<\/option>\n<option value=\"t50e\">Type 50 \u00c9lectrique - 7 300 \u20ac<\/option>\n<option value=\"mix30\">Mix 30 avec Malaxeur - 6 715 \u20ac<\/option>\n<option value=\"other\">Besoin de conseil<\/option>\n<\/select>\n<\/div>\n\n<div class=\"form-group\">\n<label>Message \/ Pr\u00e9cisions<\/label>\n<textarea name=\"message\" placeholder=\"D\u00e9crivez votre projet, vos besoins sp\u00e9cifiques...\"><\/textarea>\n<\/div>\n<form id=\"quoteForm\" action=\"https:\/\/formsubmit.co\/trabelsi.viore@gmail.com\" method=\"POST\">\n<input type=\"hidden\" name=\"_subject\" value=\"Nouvelle demande de devis\">\n<input type=\"hidden\" name=\"_next\" value=\"https:\/\/bativite.com\/merci\">\n<input type=\"hidden\" name=\"_captcha\" value=\"false\">\n<button type=\"submit\" class=\"btn-primary\" style=\"width: 100%; justify-content: center;\">\n<i class=\"fas fa-paper-plane\"><\/i>\nEnvoyer ma demande\n<\/button>\n<\/form>\n<\/div>\n<\/div>\n<\/section>\n\n<!-- Footer -->\n<footer>\n<div class=\"footer-container\">\n<div class=\"footer-brand\">\n<a href=\"#\" class=\"logo\">\n<div class=\"logo-icon\">B<\/div>\nB\u00c2TI<span>VITE<\/span>\n<\/a>\n<p>\nVotre partenaire pour l'importation de mini pompes \u00e0 b\u00e9ton directement\ndepuis l'usine \u00e0 Canton. Qualit\u00e9 professionnelle, prix comp\u00e9titifs, livraison mondiale.\n<\/p>\n<\/div>\n\n<div class=\"footer-col\">\n<h4 class=\"footer-title\">Produits<\/h4>\n<ul class=\"footer-links\">\n<li><a href=\"#produits\">Screw Feeder<\/a><\/li>\n<li><a href=\"#produits\">Type 15 \u00c9lectrique<\/a><\/li>\n<li><a href=\"#produits\">Type 15 Diesel<\/a><\/li>\n<li><a href=\"#produits\">Type 30 \u00c9lectrique<\/a><\/li>\n<li><a href=\"#produits\">Type 40\/50 Diesel<\/a><\/li>\n<li><a href=\"#produits\">Mix avec Malaxeur<\/a><\/li>\n<\/ul>\n<\/div>\n\n<div class=\"footer-col\">\n<h4 class=\"footer-title\">Destinations<\/h4>\n<ul class=\"footer-links\">\n<li><a href=\"#livraison\">Marseille (France)<\/a><\/li>\n<li><a href=\"#livraison\">Tunisie<\/a><\/li>\n<li><a href=\"#livraison\">Bali<\/a><\/li>\n<\/ul>\n<\/div>\n\n<div class=\"footer-col\">\n<h4 class=\"footer-title\">L\u00e9gal<\/h4>\n<ul class=\"footer-links\">\n<li><a href=\"#\">Conditions g\u00e9n\u00e9rales<\/a><\/li>\n<li><a href=\"#\">Politique de confidentialit\u00e9<\/a><\/li>\n<li><a href=\"#\">Garantie<\/a><\/li>\n<li><a href=\"#contact\">Support client<\/a><\/li>\n<\/ul>\n<\/div>\n<\/div>\n\n<div class=\"footer-bottom\">\n<p>© 2026 B\u00e2tiVite. Tous droits r\u00e9serv\u00e9s. | Mini pompes \u00e0 b\u00e9ton - Direct usine Canton (Chine)<\/p>\n<\/div>\n<\/footer>\n\n<script>\n\/\/ Navbar scroll effect\nwindow.addEventListener('scroll', () => {\nconst navbar = document.getElementById('navbar');\nif (window.scrollY > 50) {\nnavbar.classList.add('scrolled');\n} else {\nnavbar.classList.remove('scrolled');\n}\n});\n\n\/\/ Scroll reveal animation\nconst observerOptions = {\nthreshold: 0.1,\nrootMargin: \"0px 0px -50px 0px\"\n};\n\nconst observer = new IntersectionObserver((entries) => {\nentries.forEach(entry => {\nif (entry.isIntersecting) {\nentry.target.classList.add('active');\n}\n});\n}, observerOptions);\n\ndocument.querySelectorAll('.scroll-reveal').forEach(el => observer.observe(el));\n\n\/\/ Form submission\ndocument.getElementById('quoteForm').addEventListener('submit', function(e) {\ne.preventDefault();\n\n\/\/ Simulation d'envoi\nconst btn = this.querySelector('button[type=\"submit\"]');\nconst originalText = btn.innerHTML;\n\nbtn.innerHTML = '<i class=\"fas fa-spinner fa-spin\"><\/i> Envoi en cours...';\nbtn.disabled = true;\n\nsetTimeout(() => {\nbtn.innerHTML = '<i class=\"fas fa-check\"><\/i> Demande envoy\u00e9e !';\nbtn.style.background = 'var(--success)';\n\nsetTimeout(() => {\nbtn.innerHTML = originalText;\nbtn.style.background = '';\nbtn.disabled = false;\nthis.reset();\n}, 3000);\n}, 1500);\n});\n\n\/\/ Smooth scroll for anchor links\ndocument.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\nanchor.addEventListener('click', function (e) {\ne.preventDefault();\nconst target = document.querySelector(this.getAttribute('href'));\nif (target) {\ntarget.scrollIntoView({\nbehavior: 'smooth',\nblock: 'start'\n});\n}\n});\n});\n\n\/\/ Mobile menu toggle\ndocument.querySelector('.mobile-menu').addEventListener('click', function() {\nconst navLinks = document.querySelector('.nav-links');\nnavLinks.style.display = navLinks.style.display === 'flex' ? 'none' : 'flex';\nnavLinks.style.position = 'absolute';\nnavLinks.style.top = '100%';\nnavLinks.style.left = '0';\nnavLinks.style.right = '0';\nnavLinks.style.background = 'white';\nnavLinks.style.flexDirection = 'column';\nnavLinks.style.padding = '2rem';\nnavLinks.style.boxShadow = '0 10px 20px rgba(0,0,0,0.1)';\n});\n<\/script>\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>B\u00e2tiVite | Mini Pompes \u00e0 B\u00e9ton – Usine \u00e0 Vous B B\u00c2TIVITE Nos Pompes Livraison Comment \u00e7a marche Contact Devis Gratuit Mini Pompes \u00e0 B\u00e9ton Direct Usine \u00c9quipements professionnels livr\u00e9s chez vous en France, Tunisie et Bali. Prix tout compris en euros : machine, transport maritime et d\u00e9douanement. Prix usine garanti Livraison port \u00e0 port […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-12","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/bativite.com\/index.php?rest_route=\/wp\/v2\/pages\/12","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bativite.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/bativite.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/bativite.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/bativite.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=12"}],"version-history":[{"count":30,"href":"https:\/\/bativite.com\/index.php?rest_route=\/wp\/v2\/pages\/12\/revisions"}],"predecessor-version":[{"id":48,"href":"https:\/\/bativite.com\/index.php?rest_route=\/wp\/v2\/pages\/12\/revisions\/48"}],"wp:attachment":[{"href":"https:\/\/bativite.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=12"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}