Bassin Minier Drivers | VTC Premium & Chauffeur Priv\u00e9 Lens, B\u00e9thune<\/title>\r\n <meta name=\"description\" content=\"R\u00e9servez votre chauffeur priv\u00e9 VTC haut de gamme dans le Bassin Minier (Lens, B\u00e9thune, Arras). Service premium 24h\/24 et 7j\/7 pour gares, a\u00e9roports et \u00e9v\u00e9nements.\">\r\n \r\n \r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cinzel:wght@500;700;900&family=Rajdhani:wght@500;600;700&family=Montserrat:wght@300;400;500;600&display=swap\" rel=\"stylesheet\">\r\n \r\n <style>\r\n :root {\r\n --gold: #dfba48;\r\n --gold-light: #fff5c0;\r\n --gold-glow: rgba(223, 186, 72, 0.25);\r\n --black: #020203;\r\n --cyber-bg: #050508;\r\n --card-bg: rgba(10, 10, 15, 0.8);\r\n --cyan-accent: #00f0ff;\r\n --cyan-glow: rgba(0, 240, 255, 0.15);\r\n --glass-border: rgba(223, 186, 72, 0.15);\r\n --font-luxury: 'Cinzel', serif;\r\n --font-tech: 'Rajdhani', sans-serif;\r\n --font-sans: 'Montserrat', sans-serif;\r\n }\r\n\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n scroll-behavior: smooth;\r\n }\r\n\r\n body {\r\n background-color: var(--black);\r\n color: #ffffff;\r\n font-family: var(--font-sans);\r\n overflow-x: hidden;\r\n line-height: 1.6;\r\n }\r\n\r\n \/* --- HERO SECTION --- *\/\r\n .bmd-hero {\r\n position: relative;\r\n width: 100%;\r\n min-height: 100vh;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n background: \r\n radial-gradient(circle at 50% 25%, rgba(223, 186, 72, 0.07), transparent 55%),\r\n radial-gradient(circle at 15% 75%, rgba(0, 240, 255, 0.03), transparent 40%),\r\n var(--cyber-bg);\r\n padding: 60px 20px;\r\n }\r\n\r\n \/* Grille Matrix \/ Cyber *\/\r\n .bmd-grid {\r\n position: absolute;\r\n inset: 0;\r\n background-image: \r\n linear-gradient(rgba(223, 186, 72, 0.02) 1px, transparent 1px),\r\n linear-gradient(90deg, rgba(223, 186, 72, 0.02) 1px, transparent 1px);\r\n background-size: 60px 60px;\r\n transform: perspective(600px) rotateX(20deg);\r\n transform-origin: top;\r\n mask-image: linear-gradient(to bottom, rgba(0,0,0,1) 40%, rgba(0,0,0,0));\r\n -webkit-mask-image: linear-gradient(to bottom, rgba(0,0,0,1) 40%, rgba(0,0,0,0));\r\n opacity: 0.8;\r\n pointer-events: none;\r\n }\r\n\r\n \/* Scanner Laser Discret *\/\r\n .bmd-hero::before {\r\n content: \"\";\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 2px;\r\n background: linear-gradient(90deg, transparent, var(--gold), var(--cyan-accent), var(--gold), transparent);\r\n box-shadow: 0 0 12px var(--gold), 0 0 20px var(--cyan-accent);\r\n animation: laserScan 8s linear infinite;\r\n z-index: 1;\r\n opacity: 0.4;\r\n }\r\n\r\n @keyframes laserScan {\r\n 0% { top: 0%; opacity: 0; }\r\n 5% { opacity: 0.6; }\r\n 95% { opacity: 0.6; }\r\n 100% { top: 100%; opacity: 0; }\r\n }\r\n\r\n .bmd-container {\r\n position: relative;\r\n z-index: 2;\r\n max-width: 1100px;\r\n width: 100%;\r\n text-align: center;\r\n }\r\n\r\n \/* Logo Central Int\u00e9gr\u00e9 *\/\r\n .bmd-hero-logo {\r\n margin-bottom: 25px;\r\n }\r\n\r\n .bmd-hero-logo img {\r\n width: 80px;\r\n height: 80px;\r\n object-fit: contain;\r\n }\r\n\r\n \/* Badge Localisation *\/\r\n .bmd-badge {\r\n display: inline-block;\r\n padding: 8px 20px;\r\n border: 1px solid var(--gold);\r\n background: rgba(223, 186, 72, 0.03);\r\n border-radius: 2px;\r\n color: #fff;\r\n font-family: var(--font-tech);\r\n font-weight: 600;\r\n font-size: 13px;\r\n letter-spacing: 2px;\r\n margin-bottom: 30px;\r\n box-shadow: inset 0 0 8px var(--gold-glow);\r\n clip-path: polygon(8px 0%, 100% 0%, calc(100% - 8px) 100%, 0% 100%);\r\n }\r\n\r\n .bmd-badge span {\r\n color: var(--cyan-accent);\r\n text-shadow: 0 0 5px var(--cyan-glow);\r\n }\r\n\r\n \/* Titres SEO Optimis\u00e9s *\/\r\n .bmd-hero h1 {\r\n font-family: var(--font-luxury);\r\n font-size: clamp(32px, 5.5vw, 72px);\r\n font-weight: 700;\r\n line-height: 1.1;\r\n color: white;\r\n margin-bottom: 10px;\r\n text-transform: uppercase;\r\n letter-spacing: 1px;\r\n }\r\n\r\n .bmd-hero h1 span {\r\n display: block;\r\n font-size: clamp(16px, 2.5vw, 24px);\r\n color: var(--gold);\r\n font-family: var(--font-tech);\r\n font-weight: 600;\r\n letter-spacing: 5px;\r\n margin-top: 15px;\r\n text-shadow: 0 0 10px var(--gold-glow);\r\n }\r\n\r\n \/* Bloc Description avec image SEO Int\u00e9gr\u00e9e *\/\r\n .bmd-desc {\r\n max-width: 800px;\r\n margin: 35px auto;\r\n font-weight: 300;\r\n font-size: clamp(15px, 1.5vw, 17px);\r\n line-height: 1.8;\r\n color: #ccd;\r\n padding: 35px;\r\n background: \r\n linear-gradient(rgba(5, 5, 8, 0.92), rgba(5, 5, 8, 0.92)), \r\n url('https:\/\/www.xave-vtc-lens-bethune.fr\/fr\/wp-content\/uploads\/2026\/06\/1000015706.png') no-repeat center center;\r\n background-size: cover;\r\n border: 1px solid var(--glass-border);\r\n border-radius: 4px;\r\n backdrop-filter: blur(10px);\r\n -webkit-backdrop-filter: blur(10px);\r\n box-shadow: 0 20px 40px rgba(0, 0, 0, 0.6);\r\n }\r\n \r\n .bmd-desc strong {\r\n color: var(--gold-light);\r\n font-weight: 500;\r\n }\r\n\r\n \/* Boutons d'Action *\/\r\n .bmd-buttons {\r\n display: flex;\r\n justify-content: center;\r\n gap: 20px;\r\n flex-wrap: wrap;\r\n margin-top: 40px;\r\n }\r\n\r\n .bmd-btn {\r\n position: relative;\r\n padding: 16px 35px;\r\n text-decoration: none;\r\n font-weight: 700;\r\n font-family: var(--font-tech);\r\n font-size: 15px;\r\n letter-spacing: 2px;\r\n text-transform: uppercase;\r\n transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);\r\n clip-path: polygon(12px 0%, 100% 0%, calc(100% - 12px) 100%, 0% 100%);\r\n }\r\n\r\n .bmd-btn-gold {\r\n background: var(--gold);\r\n color: var(--black);\r\n box-shadow: 0 4px 15px var(--gold-glow);\r\n }\r\n\r\n .bmd-btn-gold:hover {\r\n transform: translateY(-2px);\r\n background: #ffffff;\r\n box-shadow: 0 0 20px rgba(255,255,255,0.4), 0 4px 20px var(--gold-glow);\r\n }\r\n\r\n .bmd-btn-dark {\r\n background: rgba(5, 5, 8, 0.6);\r\n border: 1px solid var(--cyan-accent);\r\n color: var(--cyan-accent);\r\n box-shadow: inset 0 0 8px var(--cyan-glow);\r\n }\r\n\r\n .bmd-btn-dark:hover {\r\n transform: translateY(-2px);\r\n background: var(--cyan-accent);\r\n color: var(--black);\r\n box-shadow: 0 0 20px var(--cyan-accent);\r\n }\r\n\r\n \/* Grid Contacts \/ Infos *\/\r\n .bmd-infos {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 20px;\r\n margin-top: 70px;\r\n }\r\n\r\n .bmd-info {\r\n background: var(--card-bg);\r\n border: 1px solid rgba(255, 255, 255, 0.03);\r\n border-top: 2px solid var(--gold);\r\n padding: 25px 20px;\r\n backdrop-filter: blur(10px);\r\n -webkit-backdrop-filter: blur(10px);\r\n position: relative;\r\n transition: all 0.3s ease;\r\n text-align: left;\r\n }\r\n\r\n .bmd-info::after {\r\n content: '';\r\n position: absolute;\r\n bottom: 0;\r\n right: 0;\r\n width: 8px;\r\n height: 8px;\r\n background: var(--cyan-accent);\r\n clip-path: polygon(100% 0, 100% 100%, 0 100%);\r\n opacity: 0.4;\r\n }\r\n\r\n .bmd-info:hover {\r\n border-color: var(--cyan-accent);\r\n transform: translateY(-4px);\r\n box-shadow: 0 12px 25px rgba(0, 240, 255, 0.08);\r\n }\r\n\r\n .bmd-info h2 {\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n color: var(--gold);\r\n font-family: var(--font-tech);\r\n font-size: 16px;\r\n font-weight: 600;\r\n letter-spacing: 1px;\r\n margin-bottom: 10px;\r\n text-transform: uppercase;\r\n }\r\n\r\n .bmd-info h2::before {\r\n content: '';\r\n display: inline-block;\r\n width: 4px;\r\n height: 4px;\r\n background-color: currentColor;\r\n border-radius: 50%;\r\n box-shadow: 0 0 6px currentColor;\r\n }\r\n\r\n .bmd-info p {\r\n color: #ffffff;\r\n font-family: var(--font-tech);\r\n font-weight: 500;\r\n font-size: 20px;\r\n letter-spacing: 1px;\r\n }\r\n \r\n .bmd-info a {\r\n color: inherit;\r\n text-decoration: none;\r\n transition: color 0.2s;\r\n }\r\n .bmd-info a:hover {\r\n color: var(--cyan-accent);\r\n }\r\n\r\n \/* --- RESPONSIVE ADJUSTMENTS --- *\/\r\n @media (max-width: 992px) {\r\n .bmd-buttons {\r\n flex-direction: column;\r\n align-items: center;\r\n gap: 15px;\r\n }\r\n\r\n .bmd-btn {\r\n width: 100%;\r\n max-width: 320px;\r\n text-align: center;\r\n }\r\n\r\n .bmd-infos {\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 15px;\r\n margin-top: 45px;\r\n }\r\n\r\n .bmd-info:last-child {\r\n grid-column: span 2;\r\n }\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .bmd-infos {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .bmd-info:last-child {\r\n grid-column: span 1;\r\n }\r\n\r\n .bmd-info p {\r\n font-size: 18px;\r\n }\r\n \r\n .bmd-hero-logo img {\r\n width: 70px;\r\n height: 70px;\r\n }\r\n }\r\n <\/style>\r\n\r\n \r\n <script type=\"application\/ld+json\">\r\n {\r\n \"@context\": \"https:\/\/schema.org\",\r\n \"@type\": \"TaxiService\",\r\n \"name\": \"Bassin Minier Drivers\",\r\n \"image\": \"https:\/\/www.xave-vtc-lens-bethune.fr\/fr\/wp-content\/uploads\/2026\/06\/1000015706.png\",\r\n \"telephone\": \"+33669157643\",\r\n \"email\": \"bm.drivers62@gmail.com\",\r\n \"address\": {\r\n \"@type\": \"PostalAddress\",\r\n \"addressLocality\": \"Lens\",\r\n \"addressRegion\": \"Hauts-de-France\",\r\n \"addressCountry\": \"FR\"\r\n },\r\n \"geo\": {\r\n \"@type\": \"GeoCircle\",\r\n \"geoMidpoint\": {\r\n \"@type\": \"GeoCoordinates\",\r\n \"latitude\": 50.4324,\r\n \"longitude\": 2.8318\r\n },\r\n \"geoRadius\": \"50000\"\r\n },\r\n \"areaServed\": [\r\n { \"@type\": \"AdministrativeArea\", \"name\": \"Lens\" },\r\n { \"@type\": \"AdministrativeArea\", \"name\": \"B\u00e9thune\" },\r\n { \"@type\": \"AdministrativeArea\", \"name\": \"Arras\" },\r\n { \"@type\": \"AdministrativeArea\", \"name\": \"Li\u00e9vin\" },\r\n { \"@type\": \"AdministrativeArea\", \"name\": \"Bruay-la-Buissi\u00e8re\" }\r\n ],\r\n \"openingHoursSpecification\": {\r\n \"@type\": \"OpeningHoursSpecification\",\r\n \"dayOfWeek\": [\r\n \"Monday\", \"Tuesday\", \"Wednesday\", \"Thursday\", \"Friday\", \"Saturday\", \"Sunday\"\r\n ],\r\n \"opens\": \"00:00\",\r\n \"closes\": \"23:59\"\r\n },\r\n \"priceRange\": \"$$\"\r\n }\r\n <\/script>\r\n<\/head>\r\n<body>\r\n\r\n <main>\r\n \r\n <section class=\"bmd-hero\">\r\n <div class=\"bmd-grid\"><\/div>\r\n\r\n <div class=\"bmd-container\">\r\n \r\n \r\n <div class=\"bmd-hero-logo\">\r\n <img decoding=\"async\" src=\"https:\/\/xave-vtc.fr\/wp-content\/uploads\/2026\/05\/Gemini_Generated_Image_qkrwinqkrwinqkrw.png\" alt=\"Bassin Minier Drivers Logo\">\r\n <\/div>\r\n\r\n <div class=\"bmd-badge\">\r\n R\u00c9SEAU HAUTS-DE-FRANCE \u2022 LENS \u2022 B\u00c9THUNE \u2022 <span>PREMIUM<\/span>\r\n <\/div>\r\n\r\n <h1>\r\n Bassin Minier Drivers\r\n <span>Chauffeur Priv\u00e9 & Solution VTC de Luxe<\/span>\r\n <\/h1>\r\n\r\n \r\n <div class=\"bmd-desc\">\r\n Besoin d'un transfert s\u00e9curis\u00e9 ? Nous assurons votre transport local, navettes gares & a\u00e9roports, s\u00e9minaires professionnels, mariages et \u00e9v\u00e9nements priv\u00e9s. Notre flotte est \u00e0 votre disposition <strong>24h\/24<\/strong> et <strong>7j\/7<\/strong> sur Lens, B\u00e9thune, Li\u00e9vin, Bruay-la-Buissi\u00e8re, Arras et l'ensemble de la m\u00e9tropole Lilloise.\r\n <\/div>\r\n\r\n <div class=\"bmd-buttons\">\r\n <a href=\"tel:0669157643\" class=\"bmd-btn bmd-btn-gold\">\r\n R\u00e9server l'unit\u00e9\r\n <\/a>\r\n <a href=\"mailto:bm.drivers62@gmail.com\" class=\"bmd-btn bmd-btn-dark\">\r\n Demander un devis\r\n <\/a>\r\n <\/div>\r\n\r\n \r\n <div class=\"bmd-infos\">\r\n <div class=\"bmd-info\">\r\n <h2>Centrale [24\/7]<\/h2>\r\n <p><a href=\"tel:0669157643\">06 69 15 76 43<\/a><\/p>\r\n <\/div>\r\n\r\n <div class=\"bmd-info\">\r\n <h2>Ligne Urgence<\/h2>\r\n <p><a href=\"tel:0763886827\">07 63 88 68 27<\/a><\/p>\r\n <\/div>\r\n\r\n <div class=\"bmd-info\">\r\n <h2>Canal Digital<\/h2>\r\n <p style=\"font-size: 15px;\"><a href=\"mailto:bm.drivers62@gmail.com\">bm.drivers62@gmail.com<\/a><\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/section>\r\n <\/main>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-107b049 e-flex e-con-boxed e-con e-parent\" data-id=\"107b049\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d80eb75 elementor-widget elementor-widget-html\" data-id=\"d80eb75\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"bmd-photo-showcase\" id=\"a-propos\">\r\n \r\n <div class=\"showcase-cyber-lines\"><\/div>\r\n\r\n <div class=\"photo-container\">\r\n\r\n \r\n <article class=\"photo-frame\">\r\n \r\n <div class=\"hud-corner top-left\"><\/div>\r\n <div class=\"hud-corner top-right\"><\/div>\r\n <div class=\"hud-corner bottom-left\"><\/div>\r\n <div class=\"hud-corner bottom-right\"><\/div>\r\n \r\n <img decoding=\"async\" src=\"https:\/\/www.xave-vtc-lens-bethune.fr\/fr\/wp-content\/uploads\/2026\/06\/file_0000000081a07246970853c5ec1739a8.png\" alt=\"Chauffeur priv\u00e9 VTC - Flotte de v\u00e9hicules Premium Bassin Minier Drivers\">\r\n \r\n \r\n <div class=\"photo-scanner\"><\/div>\r\n <\/article>\r\n\r\n \r\n <div class=\"photo-text\">\r\n\r\n <span class=\"photo-badge\">\r\n SYS.ID \/\/ <span>PREMIUM MOBILITY SERVICE<\/span>\r\n <\/span>\r\n\r\n <h2>\r\n Transport Priv\u00e9 VTC<br>\r\n <span>Particuliers & Professionnels<\/span>\r\n <\/h2>\r\n\r\n <p>\r\n Bassin Minier Drivers red\u00e9finit les codes du transport de personnes \u00e0 travers une offre VTC haut de gamme et exclusive. Disponible <strong>24h\/24<\/strong> et <strong>7j\/7<\/strong>, notre centrale assure la logistique de tous vos d\u00e9placements priv\u00e9s ou corporatifs, des trajets du quotidien aux navettes de gares et terminaux d'a\u00e9roports r\u00e9gionaux et internationaux (Lille Lesquin, Paris CDG, Charleroi).\r\n <\/p>\r\n <br>\r\n <p>\r\n Sp\u00e9cialis\u00e9s dans le transport \u00e9v\u00e9nementiel de pointe, nous mettons \u00e0 disposition des chauffeurs priv\u00e9s chevronn\u00e9s pour vos s\u00e9minaires d'affaires, mariages, soir\u00e9es priv\u00e9es et congr\u00e8s professionnels majeurs. Notre couverture englobe l'int\u00e9gralit\u00e9 du <strong>Bassin Minier<\/strong> (Lens, B\u00e9thune, Li\u00e9vin, Arras, Bruay-la-Buissi\u00e8re) ainsi que l'ensemble de l'axe strat\u00e9gique des <strong>Hauts-de-France<\/strong>. Profitez d'une alternative luxueuse au taxi classique, combinant discr\u00e9tion, ponctualit\u00e9 et confort technologique absolu.\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n<\/section>\r\n\r\n<style>\r\n\/* Variables partag\u00e9es (Synchronis\u00e9es avec le Hero Premium) *\/\r\n:root {\r\n --gold: #dfba48;\r\n --gold-light: #fff5c0;\r\n --gold-glow: rgba(223, 186, 72, 0.25);\r\n --black: #020203;\r\n --cyber-dark: #050508;\r\n --cyan-accent: #00f0ff;\r\n --cyan-glow: rgba(0, 240, 255, 0.2);\r\n --font-luxury: 'Cinzel', serif;\r\n --font-tech: 'Rajdhani', sans-serif;\r\n --font-sans: 'Montserrat', sans-serif;\r\n}\r\n\r\n.bmd-photo-showcase {\r\n padding: 120px 20px;\r\n background: linear-gradient(180deg, #050508 0%, var(--black) 100%);\r\n position: relative;\r\n overflow: hidden;\r\n}\r\n\r\n\/* Lignes de fond technologiques *\/\r\n.showcase-cyber-lines {\r\n position: absolute;\r\n inset: 0;\r\n background: radial-gradient(circle at 80% 40%, rgba(0, 240, 255, 0.02), transparent 50%);\r\n pointer-events: none;\r\n}\r\n\r\n.photo-container {\r\n max-width: 1300px;\r\n margin: auto;\r\n display: grid;\r\n grid-template-columns: 1.1fr 1fr;\r\n gap: 70px;\r\n align-items: center;\r\n position: relative;\r\n z-index: 2;\r\n}\r\n\r\n\/* Frame Photo Futuriste \/ \u00c9cran HUD *\/\r\n.photo-frame {\r\n position: relative;\r\n overflow: hidden;\r\n background: #000;\r\n padding: 4px; \/* Plus fin pour un rendu plus haut de gamme *\/\r\n clip-path: polygon(30px 0%, 100% 0%, 100% calc(100% - 30px), calc(100% - 30px) 100%, 0% 100%, 0% 30px);\r\n box-shadow: 0 0 35px var(--gold-glow);\r\n border: 1px solid rgba(223, 186, 72, 0.15);\r\n}\r\n\r\n.photo-frame img {\r\n width: 100%;\r\n height: 100%;\r\n display: block;\r\n object-fit: cover;\r\n transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1), filter 0.6s ease;\r\n filter: saturate(0.85) brightness(0.85);\r\n clip-path: polygon(28px 0%, 100% 0%, 100% calc(100% - 28px), calc(100% - 28px) 100%, 0% 100%, 0% 28px);\r\n}\r\n\r\n.photo-frame:hover img {\r\n transform: scale(1.03);\r\n filter: saturate(1.05) brightness(1);\r\n}\r\n\r\n\/* \u00c9l\u00e9ments de vis\u00e9e HUD aux angles *\/\r\n.hud-corner {\r\n position: absolute;\r\n width: 12px;\r\n height: 12px;\r\n border: 2px solid var(--cyan-accent);\r\n z-index: 3;\r\n pointer-events: none;\r\n opacity: 0.6;\r\n}\r\n.top-left { top: 15px; left: 35px; border-right: none; border-bottom: none; }\r\n.top-right { top: 15px; right: 15px; border-left: none; border-bottom: none; }\r\n.bottom-left { bottom: 15px; left: 15px; border-right: none; border-top: none; }\r\n.bottom-right { bottom: 35px; right: 15px; border-left: none; border-top: none; }\r\n\r\n\/* Effet de balayage laser sur la photo *\/\r\n.photo-scanner {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 2px;\r\n background: var(--cyan-accent);\r\n box-shadow: 0 0 12px var(--cyan-accent);\r\n opacity: 0;\r\n z-index: 4;\r\n pointer-events: none;\r\n}\r\n\r\n.photo-frame:hover .photo-scanner {\r\n animation: photoScan 2.5s linear infinite;\r\n}\r\n\r\n@keyframes photoScan {\r\n 0% { top: 0%; opacity: 0.8; }\r\n 40% { opacity: 0.8; }\r\n 100% { top: 100%; opacity: 0; }\r\n}\r\n\r\n\/* D\u00e9grad\u00e9 sombre par-dessus l'image *\/\r\n.photo-frame::after {\r\n content: \"\";\r\n position: absolute;\r\n inset: 0;\r\n background: linear-gradient(to top, rgba(2, 2, 3, 0.6), transparent 50%);\r\n pointer-events: none;\r\n z-index: 2;\r\n}\r\n\r\n\/* Contenu Texte *\/\r\n.photo-badge {\r\n display: inline-block;\r\n padding: 8px 16px;\r\n border: 1px solid var(--cyan-accent);\r\n background: rgba(0, 240, 255, 0.02);\r\n color: #fff;\r\n margin-bottom: 25px;\r\n font-family: var(--font-tech);\r\n font-weight: 600;\r\n font-size: 12px;\r\n letter-spacing: 2px;\r\n clip-path: polygon(6px 0%, 100% 0%, calc(100% - 6px) 100%, 0% 100%);\r\n}\r\n\r\n.photo-badge span {\r\n color: var(--gold);\r\n}\r\n\r\n.photo-text h2 {\r\n font-family: var(--font-luxury);\r\n font-size: clamp(28px, 4vw, 46px);\r\n font-weight: 700;\r\n line-height: 1.2;\r\n color: #fff;\r\n margin-bottom: 25px;\r\n text-transform: uppercase;\r\n letter-spacing: 1px;\r\n}\r\n\r\n.photo-text h2 span {\r\n display: block;\r\n color: var(--gold);\r\n font-family: var(--font-tech);\r\n font-weight: 600;\r\n font-size: clamp(20px, 3vw, 32px);\r\n letter-spacing: 2px;\r\n margin-top: 5px;\r\n}\r\n\r\n.photo-text p {\r\n color: #ccd;\r\n font-family: var(--font-sans);\r\n font-weight: 300;\r\n font-size: 16px;\r\n line-height: 1.8;\r\n}\r\n\r\n.photo-text p strong {\r\n color: var(--gold-light);\r\n font-weight: 500;\r\n}\r\n\r\n\/* Responsiveness Mobile \/ Tablette *\/\r\n@media(max-width: 1199px) {\r\n .photo-container {\r\n gap: 40px;\r\n }\r\n}\r\n\r\n@media(max-width: 991px) {\r\n .bmd-photo-showcase {\r\n padding: 80px 20px;\r\n }\r\n .photo-container {\r\n grid-template-columns: 1fr;\r\n gap: 45px;\r\n }\r\n .photo-text {\r\n text-align: center;\r\n }\r\n .top-left { left: 15px; }\r\n .bottom-right { bottom: 15px; }\r\n}\r\n\r\n@media(max-width: 768px) {\r\n .bmd-photo-showcase {\r\n padding: 60px 20px;\r\n }\r\n .photo-text h2 {\r\n font-size: 26px;\r\n }\r\n .photo-text h2 span {\r\n font-size: 20px;\r\n }\r\n .photo-text p {\r\n font-size: 15px;\r\n text-align: justify;\r\n }\r\n}\r\n<\/style>\r\n\r\n\r\n<script type=\"application\/ld+json\">\r\n{\r\n \"@context\": \"https:\/\/schema.org\",\r\n \"@type\": \"Service\",\r\n \"serviceType\": \"Chauffeur Priv\u00e9 VTC\",\r\n \"provider\": {\r\n \"@type\": \"LocalBusiness\",\r\n \"name\": \"Bassin Minier Drivers\",\r\n \"telephone\": \"+33669157643\",\r\n \"priceRange\": \"$$\"\r\n },\r\n \"areaServed\": [\r\n { \"@type\": \"City\", \"name\": \"Lens\" },\r\n { \"@type\": \"City\", \"name\": \"B\u00e9thune\" },\r\n { \"@type\": \"City\", \"name\": \"Arras\" },\r\n { \"@type\": \"City\", \"name\": \"Li\u00e9vin\" },\r\n { \"@type\": \"City\", \"name\": \"Bruay-la-Buissi\u00e8re\" }\r\n ],\r\n \"description\": \"Service de transport premium par chauffeur priv\u00e9 VTC dans le Bassin Minier et les Hauts-de-France. Navettes a\u00e9roports, gares, mariages et d\u00e9placements professionnels 24h\/7j.\"\r\n}\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ff23fb3 e-flex e-con-boxed e-con e-parent\" data-id=\"ff23fb3\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7b57233 elementor-widget elementor-widget-html\" data-id=\"7b57233\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"bmd-section\" id=\"secteurs\">\r\n \r\n <div class=\"bmd-cyber-bg-overlay\"><\/div>\r\n\r\n <div class=\"bmd-wrap\">\r\n\r\n \r\n <h2>\r\n <span class=\"title-index\">\/\/ MODULE_01 \/\/ ZONE G\u00c9OGRAPHIQUE<\/span><br>\r\n Votre R\u00e9seau de Chauffeurs Priv\u00e9s dans le Bassin Minier\r\n <\/h2>\r\n\r\n \r\n <article class=\"bmd-data-block\">\r\n <div class=\"data-status\"><span><\/span> READY<\/div>\r\n <p>\r\n <strong>Bassin Minier Drivers<\/strong> regroupe un r\u00e9seau d'\u00e9lite de chauffeurs priv\u00e9s VTC titulaires de la carte professionnelle. Sp\u00e9cialis\u00e9s dans le transport strat\u00e9gique et la mobilit\u00e9 haut de gamme, nous mettons un point d'honneur \u00e0 offrir une alternative d'exception aux taxis traditionnels pour les exigences des particuliers et des professionnels de la r\u00e9gion.\r\n <\/p>\r\n <\/article>\r\n\r\n \r\n <article class=\"bmd-data-block zone-active\">\r\n <div class=\"data-status cyan\"><span><\/span> SECTEURS DE PRISE EN CHARGE<\/div>\r\n <p>\r\n Nos unit\u00e9s interconnect\u00e9es d\u00e9ploient quotidiennement leurs services premium sur les communes de <strong>Lens<\/strong>, <strong>B\u00e9thune<\/strong>, <strong>Li\u00e9vin<\/strong>, Bully-les-Mines, Grenay, Sains-en-Gohelle, Mazingarbe, N\u0153ux-les-Mines, <strong>Bruay-la-Buissi\u00e8re<\/strong>, H\u00e9nin-Beaumont, <strong>Arras<\/strong> et l'ensemble du maillage territorial des <strong>Hauts-de-France<\/strong>. Qu'il s'agisse d'une course locale ou d'une liaison interurbaine, notre r\u00e9activit\u00e9 est absolue.\r\n <\/p>\r\n <\/article>\r\n\r\n \r\n <article class=\"bmd-data-block\">\r\n <div class=\"data-status\"><span><\/span> PROTOCOLE SYS<\/div>\r\n <p>\r\n Notre engagement absolu repose sur une ponctualit\u00e9 chirurgicale, une discr\u00e9tion totale (v\u00e9hicules aux vitres teint\u00e9es sans signes distinctifs) et une s\u00e9curit\u00e9 routi\u00e8re irr\u00e9prochable. Installez-vous \u00e0 bord de berlines modernes \u00e9quip\u00e9es des derni\u00e8res technologies pour un transfert en toute s\u00e9r\u00e9nit\u00e9 vers vos rendez-vous d'affaires ou personnels.\r\n <\/p>\r\n <\/article>\r\n\r\n <\/div>\r\n<\/section>\r\n\r\n<style>\r\n\/* Variables partag\u00e9es (Synchronis\u00e9es avec le style Premium global) *\/\r\n:root {\r\n --gold: #dfba48;\r\n --gold-light: #fff5c0;\r\n --gold-glow: rgba(223, 186, 72, 0.15);\r\n --black: #020203;\r\n --cyber-dark: #050508;\r\n --cyan-accent: #00f0ff;\r\n --cyan-glow: rgba(0, 240, 255, 0.15);\r\n --font-luxury: 'Cinzel', serif;\r\n --font-tech: 'Rajdhani', sans-serif;\r\n --font-sans: 'Montserrat', sans-serif;\r\n}\r\n\r\n.bmd-section {\r\n padding: 120px 20px;\r\n background: linear-gradient(180deg, var(--black) 0%, var(--cyber-dark) 50%, var(--black) 100%);\r\n color: white;\r\n position: relative;\r\n overflow: hidden;\r\n font-family: var(--font-sans);\r\n}\r\n\r\n\/* Overlay de scanlines l\u00e9g\u00e8res en arri\u00e8re-plan *\/\r\n.bmd-cyber-bg-overlay {\r\n position: absolute;\r\n inset: 0;\r\n background: linear-gradient(rgba(18, 16, 16, 0) 50%, rgba(0, 0, 0, 0.3) 50%), linear-gradient(90deg, rgba(255, 0, 0, 0.01), rgba(0, 255, 0, 0.005), rgba(0, 0, 255, 0.01));\r\n background-size: 100% 4px, 6px 100%;\r\n pointer-events: none;\r\n opacity: 0.3;\r\n}\r\n\r\n.bmd-wrap {\r\n max-width: 1100px;\r\n margin: auto;\r\n position: relative;\r\n z-index: 2;\r\n}\r\n\r\n\/* Titre principal de la section *\/\r\n.bmd-section h2 {\r\n text-align: center;\r\n font-size: clamp(26px, 3.8vw, 42px);\r\n color: #fff;\r\n margin-bottom: 70px;\r\n font-family: var(--font-luxury);\r\n font-weight: 700;\r\n text-transform: uppercase;\r\n line-height: 1.3;\r\n letter-spacing: 0.5px;\r\n}\r\n\r\n.bmd-section h2 .title-index {\r\n display: inline-block;\r\n font-family: var(--font-tech);\r\n font-size: 13px;\r\n color: var(--gold);\r\n letter-spacing: 3px;\r\n font-weight: 600;\r\n margin-bottom: 5px;\r\n}\r\n\r\n\/* Blocs de Donn\u00e9es \/ Paragraphes futuristes *\/\r\n.bmd-data-block {\r\n position: relative;\r\n max-width: 900px;\r\n margin: 40px auto;\r\n padding: 28px 35px 25px 40px;\r\n background: rgba(255, 255, 255, 0.01);\r\n border-left: 2px solid var(--gold);\r\n border-radius: 0 4px 4px 0;\r\n box-shadow: inset 10px 0 20px rgba(223, 186, 72, 0.01);\r\n transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);\r\n}\r\n\r\n.bmd-data-block::before {\r\n content: '';\r\n position: absolute;\r\n left: -2px;\r\n top: 0;\r\n width: 2px;\r\n height: 20px;\r\n background: white;\r\n box-shadow: 0 0 10px #fff;\r\n}\r\n\r\n\/* Version accent Cyan pour la zone active *\/\r\n.bmd-data-block.zone-active {\r\n border-left-color: var(--cyan-accent);\r\n box-shadow: inset 10px 0 20px rgba(0, 240, 255, 0.01);\r\n}\r\n\r\n.bmd-data-block.zone-active::before {\r\n background: var(--cyan-accent);\r\n box-shadow: 0 0 10px var(--cyan-accent);\r\n}\r\n\r\n.bmd-data-block:hover {\r\n background: rgba(255, 255, 255, 0.02);\r\n transform: translateX(4px);\r\n border-color: #ffffff;\r\n}\r\n\r\n.bmd-data-block.zone-active:hover {\r\n border-color: var(--cyan-accent);\r\n}\r\n\r\n\/* Indicateur de Statut Syst\u00e8me *\/\r\n.data-status {\r\n position: absolute;\r\n top: -12px;\r\n left: 20px;\r\n background: #050508;\r\n padding: 3px 12px;\r\n font-family: var(--font-tech);\r\n font-size: 12px;\r\n font-weight: 600;\r\n color: var(--gold);\r\n letter-spacing: 1.5px;\r\n border: 1px solid rgba(223, 186, 72, 0.25);\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n}\r\n\r\n.data-status.cyan {\r\n color: var(--cyan-accent);\r\n border-color: rgba(0, 240, 255, 0.25);\r\n}\r\n\r\n.data-status span {\r\n width: 5px;\r\n height: 5px;\r\n background-color: currentColor;\r\n border-radius: 50%;\r\n display: inline-block;\r\n box-shadow: 0 0 6px currentColor;\r\n}\r\n\r\n\/* Texte des paragraphes *\/\r\n.bmd-section p {\r\n margin: 0;\r\n text-align: left;\r\n line-height: 1.8;\r\n font-size: 16px;\r\n color: #ccd;\r\n font-weight: 300;\r\n}\r\n\r\n.bmd-section p strong {\r\n color: #fff;\r\n font-weight: 500;\r\n}\r\n\r\n.bmd-section .zone-active p strong {\r\n color: var(--gold-light);\r\n}\r\n\r\n\/* Responsiveness Mobile Adapt\u00e9 *\/\r\n@media(max-width: 768px) {\r\n .bmd-section {\r\n padding: 80px 20px;\r\n }\r\n \r\n .bmd-section h2 {\r\n font-size: 24px;\r\n margin-bottom: 50px;\r\n }\r\n \r\n .bmd-data-block {\r\n padding: 32px 20px 22px 20px;\r\n margin: 40px auto;\r\n }\r\n \r\n .bmd-section p {\r\n font-size: 15px;\r\n line-height: 1.7;\r\n text-align: justify;\r\n }\r\n}\r\n<\/style>\r\n\r\n\r\n<script type=\"application\/ld+json\">\r\n{\r\n \"@context\": \"https:\/\/schema.org\",\r\n \"@type\": \"LocalBusiness\",\r\n \"name\": \"Bassin Minier Drivers\",\r\n \"telephone\": \"+33669157643\",\r\n \"priceRange\": \"$$\",\r\n \"address\": {\r\n \"@type\": \"PostalAddress\",\r\n \"addressLocality\": \"Lens\",\r\n \"addressRegion\": \"Hauts-de-France\",\r\n \"addressCountry\": \"FR\"\r\n },\r\n \"serviceArea\": {\r\n \"@type\": \"GeoCircle\",\r\n \"geoMidpoint\": {\r\n \"@type\": \"GeoCoordinates\",\r\n \"latitude\": 50.4324,\r\n \"longitude\": 2.8318\r\n },\r\n \"geoRadius\": \"40000\"\r\n }\r\n}\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ee864b9 e-flex e-con-boxed e-con e-parent\" data-id=\"ee864b9\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-987852d elementor-widget elementor-widget-html\" data-id=\"987852d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"services-bmd\" id=\"solutions-transport\">\r\n \r\n <div class=\"services-cyber-bg\"><\/div>\r\n\r\n <div class=\"services-wrap\">\r\n\r\n <h2>\r\n <span class=\"services-index\">\/\/ PROTOCOLES_DISPONIBLES \/\/ SOLUTIONS VTC<\/span><br>\r\n Nos Services de Chauffeur Priv\u00e9\r\n <\/h2>\r\n\r\n <div class=\"services-grid\">\r\n\r\n \r\n <article class=\"service-card\">\r\n <div class=\"card-glow\"><\/div>\r\n <div class=\"service-icon\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M6 12L3.269 3.126A1 1 0 014.17 1.854l16.12 6.044a1 1 0 01.01 1.868l-16.12 6.13a1 1 0 01-1.02-1.28L6 12zm0 0h7.5\" \/>\r\n <\/svg>\r\n <\/div>\r\n <h3>Navettes A\u00e9roports<\/h3>\r\n <p>Transferts premium et liaisons directes vers les terminaux de <strong>Lille-Lesquin<\/strong>, <strong>Paris Roissy CDG<\/strong>, Orly, Beauvais, Bruxelles et <strong>Charleroi<\/strong>.<\/p>\r\n <\/article>\r\n\r\n \r\n <article class=\"service-card\">\r\n <div class=\"card-glow\"><\/div>\r\n <div class=\"service-icon\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M5 4h14M5 20h14M6 8h12M7 16h10M9 8v8M15 8v8M12 4v4M12 16v4\" \/>\r\n <\/svg>\r\n <\/div>\r\n <h3>Navettes Gares TGV<\/h3>\r\n <p>Accueil personnalis\u00e9 en t\u00eate de quai aux gares de <strong>Lens<\/strong>, <strong>B\u00e9thune<\/strong>, <strong>Arras<\/strong>, ainsi que <strong>Lille Europe<\/strong> et Lille Flandres.<\/p>\r\n <\/article>\r\n\r\n \r\n <article class=\"service-card\">\r\n <div class=\"card-glow\"><\/div>\r\n <div class=\"service-icon\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M3.75 21h16.5M4.5 3h15M5.25 3v18M18.75 3v18M9 7.5h1.5M9 10.5h1.5M9 13.5h1.5M9 16.5h1.5M13.5 7.5H15M13.5 10.5H15M13.5 13.5H15M13.5 16.5H15\" \/>\r\n <\/svg>\r\n <\/div>\r\n <h3>Chauffeur d'Affaires<\/h3>\r\n <p>Logistique de transport corporate pour vos rendez-vous clients, roadshows, s\u00e9minaires, congr\u00e8s et \u00e9v\u00e9nements d'entreprise dans les <strong>Hauts-de-France<\/strong>.<\/p>\r\n <\/article>\r\n\r\n \r\n <article class=\"service-card\">\r\n <div class=\"card-glow\"><\/div>\r\n <div class=\"service-icon\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M21 8.25c0-2.485-2.099-4.5-4.688-4.5-1.935 0-3.597 1.126-4.312 2.733-.715-1.607-2.377-2.733-4.313-2.733C5.1 3.75 3 5.765 3 8.25c0 7.22 9 12 9 12s9-4.78 9-12z\" \/>\r\n <\/svg>\r\n <\/div>\r\n <h3>\u00c9v\u00e9nements & Mariages<\/h3>\r\n <p>Mise \u00e0 disposition d'un chauffeur priv\u00e9 protocolaire en costume d'affaires avec berline lustr\u00e9e pour la parfaite s\u00e9r\u00e9nit\u00e9 des mari\u00e9s et des invit\u00e9s VIP.<\/p>\r\n <\/article>\r\n\r\n \r\n <article class=\"service-card\">\r\n <div class=\"card-glow\"><\/div>\r\n <div class=\"service-icon\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 9l10.5-3m0 0v5.25m0-5.25l-10.5 3M9 9v11.25M9 20.25a3 3 0 11-6 0 3 3 0 016 0zm10.5-3a3 3 0 11-6 0 3 3 0 016 0z\" \/>\r\n <\/svg>\r\n <\/div>\r\n <h3>Loisirs Premium<\/h3>\r\n <p>Prise en charge nocturne ou diurne pour vos concerts au Stade Bollaert, anniversaires, soir\u00e9es priv\u00e9es haut de gamme et grands \u00e9v\u00e9nements sportifs r\u00e9gionaux.<\/p>\r\n <\/article>\r\n\r\n \r\n <article class=\"service-card\">\r\n <div class=\"card-glow\"><\/div>\r\n <div class=\"service-icon\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 6.75l3 3m0 0l3-3m-3 3v7.5M21 12a9 9 0 11-18 0 9 9 0 0118 0z\" \/>\r\n <\/svg>\r\n <\/div>\r\n <h3>Trajets Toutes Distances<\/h3>\r\n <p>Alternative luxueuse au taxi pour vos liaisons s\u00e9curis\u00e9es au niveau local (Bassin Minier) comme pour vos trajets interurbains longue distance.<\/p>\r\n <\/article>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n<\/section>\r\n\r\n<style>\r\n:root {\r\n --gold: #dfba48;\r\n --gold-light: #fff5c0;\r\n --gold-glow: rgba(223, 186, 72, 0.15);\r\n --black: #020203;\r\n --cyber-bg: #050508;\r\n --card-bg: rgba(10, 10, 14, 0.75);\r\n --cyan-accent: #00f0ff;\r\n --cyan-glow: rgba(0, 240, 255, 0.2);\r\n --font-luxury: 'Cinzel', serif;\r\n --font-tech: 'Rajdhani', sans-serif;\r\n --font-sans: 'Montserrat', sans-serif;\r\n}\r\n\r\n.services-bmd {\r\n padding: 120px 20px;\r\n background: linear-gradient(180deg, var(--black) 0%, var(--cyber-bg) 100%);\r\n position: relative;\r\n overflow: hidden;\r\n}\r\n\r\n.services-cyber-bg {\r\n position: absolute;\r\n inset: 0;\r\n background-image: radial-gradient(circle at 15% 75%, rgba(0, 240, 255, 0.03), transparent 45%);\r\n pointer-events: none;\r\n}\r\n\r\n.services-wrap {\r\n max-width: 1300px;\r\n margin: auto;\r\n position: relative;\r\n z-index: 2;\r\n}\r\n\r\n\/* Titre de section revisit\u00e9 Premium *\/\r\n.services-wrap h2 {\r\n text-align: center;\r\n font-size: clamp(26px, 3.8vw, 42px);\r\n color: #fff;\r\n margin-bottom: 75px;\r\n font-family: var(--font-luxury);\r\n font-weight: 700;\r\n text-transform: uppercase;\r\n line-height: 1.3;\r\n letter-spacing: 0.5px;\r\n}\r\n\r\n.services-index {\r\n display: inline-block;\r\n font-family: var(--font-tech);\r\n font-size: 13px;\r\n color: var(--cyan-accent);\r\n letter-spacing: 4px;\r\n font-weight: 600;\r\n text-shadow: 0 0 8px var(--cyan-glow);\r\n margin-bottom: 5px;\r\n}\r\n\r\n\/* Grid des Services parfaitement fluide *\/\r\n.services-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\r\n gap: 30px;\r\n}\r\n\r\n\/* Cartes de Service Style Interface \u00c9lectronique *\/\r\n.service-card {\r\n background: var(--card-bg);\r\n padding: 55px 35px;\r\n border: 1px solid rgba(223, 186, 72, 0.12);\r\n border-bottom: 2px solid rgba(223, 186, 72, 0.35);\r\n text-align: center;\r\n color: white;\r\n backdrop-filter: blur(12px);\r\n -webkit-backdrop-filter: blur(12px);\r\n position: relative;\r\n transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);\r\n clip-path: polygon(0 0, 100% 0, 100% calc(100% - 20px), calc(100% - 20px) 100%, 0 100%);\r\n}\r\n\r\n\/* Halo interne masqu\u00e9 qui s'active au survol *\/\r\n.service-card .card-glow {\r\n position: absolute;\r\n inset: 0;\r\n background: radial-gradient(circle at 50% 0%, rgba(0, 240, 255, 0.08), transparent 70%);\r\n opacity: 0;\r\n transition: opacity 0.4s ease;\r\n pointer-events: none;\r\n}\r\n\r\n\/* Conteneur d'ic\u00f4ne technologique *\/\r\n.service-icon {\r\n width: 65px;\r\n height: 65px;\r\n margin: 0 auto 25px auto;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n color: var(--gold);\r\n background: rgba(223, 186, 72, 0.03);\r\n border: 1px solid rgba(223, 186, 72, 0.2);\r\n border-radius: 50%;\r\n padding: 16px;\r\n transition: all 0.4s ease;\r\n}\r\n\r\n.service-icon svg {\r\n width: 100%;\r\n height: 100%;\r\n}\r\n\r\n.service-card h3 {\r\n font-family: var(--font-luxury);\r\n font-size: 19px;\r\n font-weight: 700;\r\n margin-bottom: 18px;\r\n color: #fff;\r\n letter-spacing: 0.5px;\r\n text-transform: uppercase;\r\n transition: color 0.3s ease;\r\n}\r\n\r\n.service-card p {\r\n color: #ccd;\r\n font-family: var(--font-sans);\r\n font-weight: 300;\r\n font-size: 15px;\r\n line-height: 1.8;\r\n}\r\n\r\n.service-card p strong {\r\n color: var(--gold-light);\r\n font-weight: 400;\r\n}\r\n\r\n\/* Effets de Survol Cyber *\/\r\n.service-card:hover {\r\n transform: translateY(-6px);\r\n border-color: var(--cyan-accent);\r\n border-bottom-color: var(--cyan-accent);\r\n box-shadow: 0 15px 40px rgba(0, 240, 255, 0.08);\r\n}\r\n\r\n.service-card:hover .card-glow {\r\n opacity: 1;\r\n}\r\n\r\n.service-card:hover .service-icon {\r\n color: var(--cyan-accent);\r\n background: rgba(0, 240, 255, 0.05);\r\n border-color: var(--cyan-accent);\r\n box-shadow: 0 0 15px var(--cyan-glow);\r\n transform: scale(1.05);\r\n}\r\n\r\n.service-card:hover h3 {\r\n color: var(--gold);\r\n}\r\n\r\n\/* Responsiveness Mobile Adapt\u00e9 *\/\r\n@media(max-width: 991px) {\r\n .services-grid {\r\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\r\n gap: 25px;\r\n }\r\n}\r\n\r\n@media(max-width: 768px) {\r\n .services-bmd {\r\n padding: 80px 20px;\r\n }\r\n .services-wrap h2 {\r\n font-size: 24px;\r\n margin-bottom: 50px;\r\n }\r\n .service-card {\r\n padding: 40px 25px;\r\n }\r\n .services-grid {\r\n grid-template-columns: 1fr;\r\n gap: 20px;\r\n }\r\n .service-card p {\r\n font-size: 14.5px;\r\n text-align: justify;\r\n text-align-last: center;\r\n }\r\n}\r\n<\/style>\r\n\r\n\r\n<script type=\"application\/ld+json\">\r\n{\r\n \"@context\": \"https:\/\/schema.org\",\r\n \"@type\": \"TaxiService\",\r\n \"name\": \"Bassin Minier Drivers - Services VTC\",\r\n \"provider\": {\r\n \"@type\": \"LocalBusiness\",\r\n \"name\": \"Bassin Minier Drivers\",\r\n \"telephone\": \"+33669157643\"\r\n },\r\n \"serviceType\": [\r\n \"Navette A\u00e9roport VTC\",\r\n \"Transfert Gare TGV\",\r\n \"Chauffeur d'Affaires Corporate\",\r\n \"VTC Mariage\",\r\n \"Chauffeur \u00c9v\u00e9nementiel\",\r\n \"Transport Toutes Distances\"\r\n ],\r\n \"areaServed\": [\r\n { \"@type\": \"City\", \"name\": \"Lens\" },\r\n { \"@type\": \"City\", \"name\": \"B\u00e9thune\" },\r\n { \"@type\": \"City\", \"name\": \"Arras\" },\r\n { \"@type\": \"City\", \"name\": \"Lille\" }\r\n ],\r\n \"hasOfferCatalog\": {\r\n \"@type\": \"OfferCatalog\",\r\n \"name\": \"Prestations de transport priv\u00e9\",\r\n \"itemListElement\": [\r\n {\r\n \"@type\": \"Offer\",\r\n \"itemOffered\": {\r\n \"@type\": \"Service\",\r\n \"name\": \"Navettes A\u00e9roports\",\r\n \"description\": \"Liaisons VTC haut de gamme vers Lille, Roissy CDG, Orly, Beauvais, Bruxelles et Charleroi.\"\r\n }\r\n },\r\n {\r\n \"@type\": \"Offer\",\r\n \"itemOffered\": {\r\n \"@type\": \"Service\",\r\n \"name\": \"Navettes Gares TGV\",\r\n \"description\": \"Prise en charge et accueil personnalis\u00e9 aux gares de Lens, B\u00e9thune, Arras et Lille.\"\r\n }\r\n }\r\n ]\r\n }\r\n}\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8f930db e-flex e-con-boxed e-con e-parent\" data-id=\"8f930db\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-eace99e elementor-widget elementor-widget-html\" data-id=\"eace99e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cinzel:wght@500;700&family=Montserrat:wght@300;400;500;600;700&family=Rajdhani:wght@500;600;700&display=swap\" rel=\"stylesheet\">\r\n\r\n\r\n<section class=\"pro-bmd\" id=\"solutions-professionnelles\">\r\n <div class=\"pro-cyber-matrix\"><\/div>\r\n\r\n <div class=\"pro-wrap\">\r\n <h2>\r\n <span class=\"pro-sub\">\/\/ CORPORATE_SOLUTIONS \/\/ SOLUTIONS B2B<\/span><br>\r\n Solutions pour les professionnels\r\n <\/h2>\r\n\r\n <div class=\"pro-grid\">\r\n \r\n <div class=\"pro-card\">\r\n <div class=\"pro-card-header\">\r\n <span class=\"pro-code\">DATA.B2B \/\/ 01<\/span>\r\n <span class=\"pro-status-light\"><\/span>\r\n <\/div>\r\n <h3>Entreprises<\/h3>\r\n <div class=\"pro-divider\"><\/div>\r\n <p>\r\n Optimisation globale de la mobilit\u00e9 et des d\u00e9placements de vos collaborateurs, gestion rigoureuse de vos rendez-vous clients critiques et services exclusifs de <strong>chauffeur priv\u00e9 VTC<\/strong> haut de gamme.\r\n <\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"pro-card\">\r\n <div class=\"pro-card-header\">\r\n <span class=\"pro-code\">DATA.B2B \/\/ 02<\/span>\r\n <span class=\"pro-status-light\"><\/span>\r\n <\/div>\r\n <h3>S\u00e9minaires<\/h3>\r\n <div class=\"pro-divider\"><\/div>\r\n <p>\r\n Logistique de transport sur mesure pour vos groupes de toutes tailles, coordination millim\u00e9tr\u00e9e des transferts et accompagnement \u00e9v\u00e9nementiel personnalis\u00e9 \u00e0 travers les <strong>Hauts-de-France<\/strong>.\r\n <\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"pro-card\">\r\n <div class=\"pro-card-header\">\r\n <span class=\"pro-code\">DATA.B2B \/\/ 03<\/span>\r\n <span class=\"pro-status-light\"><\/span>\r\n <\/div>\r\n <h3>\u00c9v\u00e9nements<\/h3>\r\n <div class=\"pro-divider\"><\/div>\r\n <p>\r\n Prise en charge op\u00e9rationnelle compl\u00e8te pour vos congr\u00e8s, salons professionnels, lancements de produits et r\u00e9ceptions corporatives dans les secteurs de <strong>Lens<\/strong>, <strong>Arras<\/strong> et <strong>Lille<\/strong>.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<section class=\"b2b-container\" id=\"expertises-metiers\">\r\n <header class=\"b2b-header\">\r\n <div class=\"b2b-kicker\">\/\/ SERVICE_PROTOCOLE \/\/ MOBILIT\u00c9 PROFESSIONNELLE<\/div>\r\n <h2>CHAUFFEUR PRIV\u00c9 POUR <span>LES ENTREPRISES<\/span><\/h2>\r\n <p>Bassin MInier Drivers red\u00e9finit le transport d'affaires et les services de <strong>chauffeur VIP<\/strong> dans le <strong>Bassin Minier<\/strong>. De <strong>Lens<\/strong> \u00e0 Douai, en passant par <strong>B\u00e9thune<\/strong>, <strong>Arras<\/strong> et Lille, nous mettons \u00e0 votre disposition une flotte de berlines et vans de prestige ainsi que des chauffeurs d'\u00e9lite pour r\u00e9pondre aux exigences de votre activit\u00e9 corporative.<\/p>\r\n <\/header>\r\n\r\n \r\n <nav class=\"b2b-tabs\">\r\n <button class=\"b2b-tab-btn active\" onclick=\"openB2BPage(event, 'notaires')\">\u2696\ufe0f Notaires & Professions Juridiques<\/button>\r\n <button class=\"b2b-tab-btn\" onclick=\"openB2BPage(event, 'comptables')\">\ud83d\udcca Cabinets d'Expertise Comptable<\/button>\r\n <button class=\"b2b-tab-btn\" onclick=\"openB2BPage(event, 'dirigeants')\">\ud83d\udc54 Dirigeants & Cadres VIP<\/button>\r\n <button class=\"b2b-tab-btn\" onclick=\"openB2BPage(event, 'visiteurs')\">\ud83e\udd1d Visiteurs & Partenaires<\/button>\r\n <\/nav>\r\n\r\n \r\n <div class=\"b2b-content-wrapper\">\r\n\r\n \r\n <article id=\"notaires\" class=\"b2b-page active\">\r\n <div class=\"b2b-banner\" style=\"background: linear-gradient(rgba(5, 12, 23, 0.2), rgba(5, 12, 23, 0.8)), url('https:\/\/images.unsplash.com\/photo-1589829545856-d10d557cf95f?auto=format&fit=crop&w=1200&q=80') center\/cover no-repeat;\"><\/div>\r\n <div class=\"b2b-body\">\r\n <h3>Chauffeur Priv\u00e9 pour \u00c9tudes Notariales & Juridiques<\/h3>\r\n <p class=\"b2b-intro-text\">\r\n Les offices notariaux et cabinets d'avocats sont r\u00e9gis par des imp\u00e9ratifs stricts : gestion du temps \u00e0 la minute pr\u00e8s, pr\u00e9servation absolue du secret professionnel et d\u00e9placements fr\u00e9quents pour la signature d'actes authentiques hors de l\u2019\u00e9tude. Votre service de <strong>chauffeur priv\u00e9 VTC<\/strong> s'\u00e9tablit comme le prolongement logistique de votre \u00e9tude, assurant la transition fluide de vos collaborateurs et de vos dossiers hautement sensibles.\r\n <\/p>\r\n \r\n <div class=\"b2b-features\">\r\n <div class=\"b2b-feature-card\">\r\n <h4>\ud83e\udd2b Secret Professionnel<\/h4>\r\n <p>Nos chauffeurs sont soumis \u00e0 une clause de confidentialit\u00e9 absolue. Vos \u00e9changes t\u00e9l\u00e9phoniques juridiques et l'examen de vos pi\u00e8ces de proc\u00e9dure restent strictement confidentiels \u00e0 bord de nos v\u00e9hicules de prestige.<\/p>\r\n <\/div>\r\n <div class=\"b2b-feature-card\">\r\n <h4>\ud83d\udcdc Signatures Hors \u00c9tude<\/h4>\r\n <p>D\u00e9placements s\u00e9curis\u00e9s pour vous-m\u00eame ou vos clercs de notaire lors des rendez-vous de signatures en agences bancaires, complexes immobiliers, ou aupr\u00e8s de clients \u00e0 mobilit\u00e9 r\u00e9duite dans le <strong>Nord-Pas-de-Calais<\/strong>.<\/p>\r\n <\/div>\r\n <div class=\"b2b-feature-card\">\r\n <h4>\ud83c\udfdb\ufe0f Standing de l'Office<\/h4>\r\n <p>L\u2019accueil de clients majeurs (acqu\u00e9reurs institutionnels, promoteurs) \u00e0 bord de berlines premium souligne le prestige, le s\u00e9rieux et l'image de marque de votre \u00e9tude notariale.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"b2b-details-grid\">\r\n <div class=\"b2b-detail-block\">\r\n <h5>\ud83d\udcbc Services D\u00e9di\u00e9s aux Notaires<\/h5>\r\n <ul>\r\n <li>Mise \u00e0 disposition horaire flexible pour les tourn\u00e9es de signatures en r\u00e9gion.<\/li>\r\n <li>Transport s\u00e9curis\u00e9 de documents officiels, d'actes originaux et de minutes.<\/li>\r\n <li>Acheminement prioritaire vers les instances judiciaires et les chambres notariales.<\/li>\r\n <\/ul>\r\n <\/div>\r\n <div class=\"b2b-detail-block\">\r\n <h5>\ud83d\udee1\ufe0f Avantages de la Convention<\/h5>\r\n <ul>\r\n <li>Facturation mensuelle globale avec relev\u00e9 transparent et d\u00e9taill\u00e9 de chaque trajet.<\/li>\r\n <li>Garantie de disponibilit\u00e9 imm\u00e9diate m\u00eame en cas d'urgence contractuelle majeure.<\/li>\r\n <li>V\u00e9hicules r\u00e9cents (Berlines & Vans) dot\u00e9s de vitres teint\u00e9es pour un maximum de discr\u00e9tion.<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"b2b-cta-box\">\r\n <a href=\"https:\/\/xave-vtc.fr\/contact\/\" class=\"b2b-btn\">Ouvrir un compte \u00c9tude Notariale<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/article>\r\n\r\n \r\n <article id=\"comptables\" class=\"b2b-page\">\r\n <div class=\"b2b-banner\" style=\"background: linear-gradient(rgba(5, 12, 23, 0.2), rgba(5, 12, 23, 0.8)), url('https:\/\/images.unsplash.com\/photo-1454165804606-c3d57bc86b40?auto=format&fit=crop&w=1200&q=80') center\/cover no-repeat;\"><\/div>\r\n <div class=\"b2b-body\">\r\n <h3>Chauffeur pour Cabinets d'Expertise Comptable & d'Audit<\/h3>\r\n <p class=\"b2b-intro-text\">\r\n La vie d'un cabinet comptable est rythm\u00e9e par des cycles intenses : bilans de fin d\u2019ann\u00e9e, audits financiers sur site, conseils strat\u00e9giques aux assembl\u00e9es g\u00e9n\u00e9rales. Vos experts-comptables et commissaires aux comptes passent de nombreuses heures sur la route. Nous transformons ce temps de trajet improductif en une extension de votre bureau pour maximiser l\u2019efficacit\u00e9 de vos \u00e9quipes.\r\n <\/p>\r\n \r\n <div class=\"b2b-features\">\r\n <div class=\"b2b-feature-card\">\r\n <h4>\ud83d\udcbb Bureau de Travail Embarqu\u00e9<\/h4>\r\n <p>Nos v\u00e9hicules int\u00e8grent des connexions Wi-Fi s\u00e9curis\u00e9es haut d\u00e9bit, des prises de recharge et des tablettes de travail. Vos auditeurs pr\u00e9parent et finalisent leurs fichiers Excel en route en toute s\u00e9r\u00e9nit\u00e9.<\/p>\r\n <\/div>\r\n <div class=\"b2b-feature-card\">\r\n <h4>\u23f1\ufe0f Gestion de la P\u00e9riode Fiscale<\/h4>\r\n <p>En p\u00e9riode de forte charge de travail, d\u00e9chargez vos collaborateurs de la fatigue de la conduite et du stress du trafic routier aux abords de la m\u00e9tropole de <strong>Lille<\/strong> et des grands axes r\u00e9gionaux.<\/p>\r\n <\/div>\r\n <div class=\"b2b-feature-card\">\r\n <h4>\ud83d\udcca Cl\u00f4tures de Comptes Sereines<\/h4>\r\n <p>Arrivez chez vos clients parfaitement pr\u00e9par\u00e9 et d\u00e9tendu pour la pr\u00e9sentation des bilans financiers et des projections de tr\u00e9sorerie strat\u00e9giques.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"b2b-details-grid\">\r\n <div class=\"b2b-detail-block\">\r\n <h5>\ud83d\udcc8 Solutions Expertise Comptable<\/h5>\r\n <ul>\r\n <li>Navettes r\u00e9guli\u00e8res entre vos diff\u00e9rents cabinets secondaires en <strong>Bassin Minier<\/strong>.<\/li>\r\n <li>Acheminement de vos collaborateurs sur des missions d'audit de plusieurs jours.<\/li>\r\n <li>Espace de travail \u00e0 bord calme, silencieux et propice \u00e0 la concentration financi\u00e8re.<\/li>\r\n <\/ul>\r\n <\/div>\r\n <div class=\"b2b-detail-block\">\r\n <h5>\u2699\ufe0f Logistique Simplifi\u00e9e<\/h5>\r\n <ul>\r\n <li>Fin des notes de frais fastidieuses : un compte unique centralis\u00e9 pour tout le cabinet.<\/li>\r\n <li>R\u00e9servation simple, fluide et rapide via notre plateforme ou par email d\u00e9di\u00e9.<\/li>\r\n <li>Respect strict des horaires pour garantir le d\u00e9marrage des audits \u00e0 l'heure dite.<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"b2b-cta-box\">\r\n <a href=\"https:\/\/xave-vtc.fr\/contact\/\" class=\"b2b-btn\">Contacter Xave'VTC Entreprises<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/article>\r\n\r\n \r\n <article id=\"dirigeants\" class=\"b2b-page\">\r\n <div class=\"b2b-banner\" style=\"background: linear-gradient(rgba(5, 12, 23, 0.2), rgba(5, 12, 23, 0.8)), url('https:\/\/images.unsplash.com\/photo-1507679799987-c73779587ccf?auto=format&fit=crop&w=1200&q=80') center\/cover no-repeat;\"><\/div>\r\n <div class=\"b2b-body\">\r\n <h3>Service Chauffeur Priv\u00e9 pour Dirigeants & Cadres Ex\u00e9cutifs<\/h3>\r\n <p class=\"b2b-intro-text\">\r\n Pour les chefs d'entreprise, pr\u00e9sidents et directeurs, le temps est la ressource la plus pr\u00e9cieuse. Devoir conduire, chercher une place de stationnement ou subir les ralentissements du trafic impacte directement votre productivit\u00e9. Profitez d'un accompagnement sur mesure, combinant discr\u00e9tion absolue, confort d'h\u00f4tellerie \u00e0 bord et r\u00e9activit\u00e9 op\u00e9rationnelle de chaque instant.\r\n <\/p>\r\n \r\n <div class=\"b2b-features\">\r\n <div class=\"b2b-feature-card\">\r\n <h4>\ud83d\udc51 Standing Executive<\/h4>\r\n <p>Une conduite souple et fluide, un accueil personnalis\u00e9 et un protocole strict. Nos berlines ex\u00e9cutives int\u00e8grent des finitions haut de gamme pour votre plus grand confort de transport.<\/p>\r\n <\/div>\r\n <div class=\"b2b-feature-card\">\r\n <h4>\ud83d\udd04 Mise \u00e0 Disposition Flexible<\/h4>\r\n <p>Votre chauffeur premium vous est totalement d\u00e9di\u00e9 pour la demi-journ\u00e9e ou la journ\u00e9e compl\u00e8te. Il s'adapte en temps r\u00e9el aux variations de votre agenda et vous attend au bas de chaque rendez-vous.<\/p>\r\n <\/div>\r\n <div class=\"b2b-feature-card\">\r\n <h4>\u2708\ufe0f Connexions Gares & Hubs<\/h4>\r\n <p>Liaisons prioritaires et navettes d\u00e9di\u00e9es vers l'<strong>A\u00e9roport de Lille-Lesquin<\/strong>, Paris CDG, Orly, Bruxelles-Zaventem ou Charleroi, ainsi que les terminaux de <strong>Lille Europe<\/strong>, Arras, Lens et Paris Gare du Nord.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"b2b-details-grid\">\r\n <div class=\"b2b-detail-block\">\r\n <h5>\u2b50 Confort Premium Inclus<\/h5>\r\n <ul>\r\n <li>Bouteilles d\u2019eau fra\u00eeche, presse du jour et rafra\u00eechissements \u00e0 disposition.<\/li>\r\n <li>Chargeurs multi-embouts rapides pour smartphones, tablettes et ordinateurs portables.<\/li>\r\n <li>Temp\u00e9rature de l'habitacle et ambiance sonore ajust\u00e9es selon vos strictes pr\u00e9f\u00e9rences.<\/li>\r\n <\/ul>\r\n <\/div>\r\n <div class=\"b2b-detail-block\">\r\n <h5>\ud83d\udee1\ufe0f Gestion des Imp\u00e9ratifs<\/h5>\r\n <ul>\r\n <li>Ajustement d'itin\u00e9raire en temps r\u00e9el selon l\u2019\u00e9tat du trafic gr\u00e2ce \u00e0 des outils connect\u00e9s.<\/li>\r\n <li>Suivi automatis\u00e9 de l'\u00e9tat de vos vols et trains pour parer \u00e0 tout retard ou avance.<\/li>\r\n <li>Chauffeur professionnel rigoureux en costume d'affaires sombre, bilingue sur demande.<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"b2b-cta-box\">\r\n <a href=\"https:\/\/xave-vtc.fr\/reservation\/\" class=\"b2b-btn\">R\u00e9server un Chauffeur de Direction<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/article>\r\n\r\n \r\n <article id=\"visiteurs\" class=\"b2b-page\">\r\n <div class=\"b2b-banner\" style=\"background: linear-gradient(rgba(5, 12, 23, 0.2), rgba(5, 12, 23, 0.8)), url('https:\/\/images.unsplash.com\/photo-1556761175-5973dc0f32e7?auto=format&fit=crop&w=1200&q=80') center\/cover no-repeat;\"><\/div>\r\n <div class=\"b2b-body\">\r\n <h3>Accueil & Transport de Vos Visiteurs, Clients & Partenaires d'Affaires<\/h3>\r\n <p class=\"b2b-intro-text\">\r\n La qualit\u00e9 de l'accueil r\u00e9serv\u00e9 \u00e0 vos partenaires commerciaux ext\u00e9rieurs, investisseurs potentiels ou auditeurs internationaux refl\u00e8te directement le niveau d'excellence de votre entreprise. Ne laissez pas vos invit\u00e9s chercher un transport. Offrez-leur une prise en charge premium d\u00e8s leur arriv\u00e9e dans la r\u00e9gion pour maximiser votre image de marque.\r\n <\/p>\r\n \r\n <div class=\"b2b-features\">\r\n <div class=\"b2b-feature-card\">\r\n <h4>\ud83d\udc4b Accueil Nominatif Pancarte<\/h4>\r\n <p>Nos chauffeurs attendent vos visiteurs aux barri\u00e8res des arriv\u00e9es dans les a\u00e9roports ou en bout de quai dans les gares (Lille Europe, Arras, Lens), munis d'une tablette affichant votre logo ou le nom de l'invit\u00e9.<\/p>\r\n <\/div>\r\n <div class=\"b2b-feature-card\">\r\n <h4>\ud83c\udf0d Accueil Multilingue<\/h4>\r\n <p>Nos chauffeurs aguerris communiquent parfaitement en anglais avec vos clients internationaux pour leur assurer un trajet rassurant, fluide et agr\u00e9able jusqu'\u00e0 vos locaux ou leur h\u00f4tel.<\/p>\r\n <\/div>\r\n <div class=\"b2b-feature-card\">\r\n <h4>\ud83d\udcc8 Valorisation Commerciale<\/h4>\r\n <p>Initiez vos n\u00e9gociations commerciales ou vos audits de mani\u00e8re id\u00e9ale en offrant \u00e0 vos interlocuteurs un voyage serein sans la moindre contrainte logistique.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"b2b-details-grid\">\r\n <div class=\"b2b-detail-block\">\r\n <h5>\ud83e\udd1d Services aux Visiteurs<\/h5>\r\n <ul>\r\n <li>Transferts directs depuis les gares et a\u00e9roports vers votre si\u00e8ge social ou site industriel.<\/li>\r\n <li>Navettes personnalis\u00e9es exclusives entre l'h\u00f4tel de vos invit\u00e9s et vos restaurants d'affaires.<\/li>\r\n <li>Prise en charge int\u00e9grale de la manutention des bagages, de l\u2019accueil jusqu'au d\u00e9barquement.<\/li>\r\n <\/ul>\r\n <\/div>\r\n <div class=\"b2b-detail-block\">\r\n <h5>\ud83d\udee1\ufe0f Transparence et S\u00e9curit\u00e9<\/h5>\r\n <ul>\r\n <li>Notification en temps r\u00e9el envoy\u00e9e \u00e0 votre secr\u00e9tariat d\u00e8s que l'invit\u00e9 est pris en charge.<\/li>\r\n <li>Flotte de Vans haut de gamme (Mercedes Classe V) disponible pour vos d\u00e9l\u00e9gations et groupes.<\/li>\r\n <li>Tarifs fixes transparents annonc\u00e9s \u00e0 l'avance, sans aucune mauvaise surprise de facturation.<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"b2b-cta-box\">\r\n <a href=\"https:\/\/xave-vtc.fr\/contact\/\" class=\"b2b-btn\">Planifier un Accueil Invit\u00e9 VIP<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/article>\r\n\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<style>\r\n:root {\r\n --gold: #dfba48;\r\n --gold-light: #fff5c0;\r\n --gold-glow: rgba(223, 186, 72, 0.15);\r\n --black: #020203;\r\n --cyber-dark: #050508;\r\n --navy-dark: #050c17;\r\n --navy-light: #0d1b2e;\r\n --white: #ffffff;\r\n --cyan-accent: #00f0ff;\r\n --cyan-glow: rgba(0, 240, 255, 0.2);\r\n --card-bg: rgba(10, 10, 14, 0.75);\r\n --glass: rgba(255, 255, 255, 0.02);\r\n --glass-border: rgba(223, 186, 72, 0.15);\r\n --text-slate: #cbd5e1;\r\n --text-muted: #94a3b8;\r\n --font-luxury: 'Cinzel', serif;\r\n --font-tech: 'Rajdhani', sans-serif;\r\n --font-sans: 'Montserrat', sans-serif;\r\n}\r\n\r\n\/* SECTION 1 : GRILLE HAUT DE GAMME *\/\r\n.pro-bmd {\r\n padding: 120px 20px;\r\n background: linear-gradient(180deg, var(--cyber-dark) 0%, var(--black) 100%);\r\n color: white;\r\n position: relative;\r\n overflow: hidden;\r\n font-family: var(--font-sans);\r\n}\r\n\r\n.pro-cyber-matrix {\r\n position: absolute;\r\n inset: 0;\r\n background-image: radial-gradient(circle at 50% 100%, rgba(223, 186, 72, 0.03), transparent 60%);\r\n pointer-events: none;\r\n}\r\n\r\n.pro-wrap {\r\n max-width: 1300px;\r\n margin: auto;\r\n position: relative;\r\n z-index: 2;\r\n}\r\n\r\n.pro-wrap h2 {\r\n text-align: center;\r\n color: #fff;\r\n font-family: var(--font-luxury);\r\n font-size: clamp(26px, 3.8vw, 42px);\r\n font-weight: 700;\r\n margin-bottom: 75px;\r\n text-transform: uppercase;\r\n line-height: 1.3;\r\n letter-spacing: 0.5px;\r\n}\r\n\r\n.pro-sub {\r\n font-family: var(--font-tech);\r\n font-size: 13px;\r\n color: var(--gold);\r\n letter-spacing: 4px;\r\n font-weight: 600;\r\n text-shadow: 0 0 8px var(--gold-glow);\r\n display: inline-block;\r\n margin-bottom: 5px;\r\n}\r\n\r\n.pro-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\r\n gap: 30px;\r\n}\r\n\r\n.pro-card {\r\n background: var(--card-bg);\r\n padding: 55px 35px;\r\n border: 1px solid rgba(223, 186, 72, 0.12);\r\n border-top: 2px solid var(--gold);\r\n backdrop-filter: blur(12px);\r\n -webkit-backdrop-filter: blur(12px);\r\n position: relative;\r\n transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);\r\n clip-path: polygon(0 0, 100% 0, 100% calc(100% - 20px), calc(100% - 20px) 100%, 0 100%);\r\n}\r\n\r\n.pro-card-header {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n margin-bottom: 25px;\r\n}\r\n\r\n.pro-code {\r\n font-family: var(--font-tech);\r\n font-size: 11px;\r\n color: rgba(255, 255, 255, 0.4);\r\n letter-spacing: 2px;\r\n}\r\n\r\n.pro-status-light {\r\n width: 6px;\r\n height: 6px;\r\n background-color: var(--cyan-accent);\r\n border-radius: 50%;\r\n box-shadow: 0 0 8px var(--cyan-accent);\r\n transition: all 0.4s ease;\r\n}\r\n\r\n.pro-card h3 {\r\n font-family: var(--font-luxury);\r\n font-size: 20px;\r\n font-weight: 700;\r\n color: #fff;\r\n text-transform: uppercase;\r\n letter-spacing: 0.5px;\r\n margin-bottom: 15px;\r\n transition: color 0.3s ease;\r\n}\r\n\r\n.pro-divider {\r\n width: 40px;\r\n height: 2px;\r\n background-color: var(--gold);\r\n margin-bottom: 22px;\r\n transition: width 0.4s cubic-bezier(0.165, 0.84, 0.44, 1), background-color 0.4s ease;\r\n}\r\n\r\n.pro-card p {\r\n color: #ccd;\r\n font-size: 15px;\r\n line-height: 1.8;\r\n font-weight: 300;\r\n text-align: justify;\r\n}\r\n\r\n.pro-card p strong {\r\n color: var(--gold-light);\r\n font-weight: 400;\r\n}\r\n\r\n.pro-card:hover {\r\n border-color: rgba(0, 240, 255, 0.3);\r\n border-top-color: var(--cyan-accent);\r\n transform: translateY(-6px);\r\n box-shadow: 0 15px 40px rgba(0, 240, 255, 0.08);\r\n}\r\n\r\n.pro-card:hover h3 {\r\n color: var(--gold);\r\n}\r\n\r\n.pro-card:hover .pro-divider {\r\n width: 100%;\r\n background-color: var(--cyan-accent);\r\n box-shadow: 0 0 8px var(--cyan-accent);\r\n}\r\n\r\n.pro-card:hover .pro-status-light {\r\n background-color: var(--gold);\r\n box-shadow: 0 0 8px var(--gold);\r\n}\r\n\r\n\/* SECTION 2 : MODULE ONGLETS DYNAMIQUES B2B *\/\r\n.b2b-container {\r\n background: linear-gradient(180deg, var(--black) 0%, var(--navy-dark) 100%);\r\n font-family: var(--font-sans);\r\n color: var(--text-slate);\r\n padding: 120px 20px;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n box-sizing: border-box;\r\n}\r\n\r\n.b2b-header {\r\n text-align: center;\r\n max-width: 900px;\r\n margin-bottom: 65px;\r\n}\r\n\r\n.b2b-kicker {\r\n color: var(--cyan-accent);\r\n font-family: var(--font-tech);\r\n letter-spacing: 4px;\r\n font-size: 13px;\r\n font-weight: 600;\r\n text-shadow: 0 0 8px var(--cyan-glow);\r\n margin-bottom: 15px;\r\n}\r\n\r\n.b2b-header h2 {\r\n font-family: var(--font-luxury);\r\n font-size: clamp(26px, 3.8vw, 42px);\r\n color: var(--white);\r\n margin: 0 0 25px 0;\r\n font-weight: 700;\r\n line-height: 1.2;\r\n letter-spacing: 0.5px;\r\n}\r\n\r\n.b2b-header h2 span {\r\n background: linear-gradient(120deg, var(--gold) 0%, var(--gold-light) 100%);\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n}\r\n\r\n.b2b-header p {\r\n font-size: 15px;\r\n line-height: 1.8;\r\n font-weight: 300;\r\n color: #ccd;\r\n}\r\n\r\n.b2b-header p strong {\r\n color: var(--gold-light);\r\n font-weight: 400;\r\n}\r\n\r\n.b2b-tabs {\r\n display: flex;\r\n justify-content: center;\r\n gap: 15px;\r\n flex-wrap: wrap;\r\n max-width: 1200px;\r\n width: 100%;\r\n margin-bottom: 60px;\r\n padding-bottom: 30px;\r\n border-bottom: 1px solid rgba(223, 186, 72, 0.1);\r\n}\r\n\r\n.b2b-tab-btn {\r\n background: rgba(255, 255, 255, 0.02);\r\n border: 1px solid rgba(255, 255, 255, 0.08);\r\n color: var(--text-muted);\r\n padding: 14px 28px;\r\n font-size: 12px;\r\n font-family: var(--font-sans);\r\n font-weight: 600;\r\n text-transform: uppercase;\r\n letter-spacing: 1.5px;\r\n border-radius: 50px;\r\n cursor: pointer;\r\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\r\n}\r\n\r\n.b2b-tab-btn:hover {\r\n border-color: var(--gold);\r\n color: var(--white);\r\n background: rgba(223, 186, 72, 0.03);\r\n}\r\n\r\n.b2b-tab-btn.active {\r\n background: linear-gradient(90deg, var(--gold), var(--gold-light));\r\n color: var(--black);\r\n border-color: transparent;\r\n box-shadow: 0 6px 20px rgba(223, 186, 72, 0.3);\r\n}\r\n\r\n.b2b-content-wrapper {\r\n width: 100%;\r\n max-width: 1100px;\r\n}\r\n\r\n.b2b-page {\r\n display: none;\r\n animation: fadeInB2B 0.6s cubic-bezier(0.4, 0, 0.2, 1) forwards;\r\n background: var(--card-bg);\r\n border: 1px solid var(--glass-border);\r\n backdrop-filter: blur(16px);\r\n -webkit-backdrop-filter: blur(16px);\r\n border-radius: 24px;\r\n overflow: hidden;\r\n box-shadow: 0 25px 60px rgba(0, 0, 0, 0.45);\r\n}\r\n\r\n.b2b-page.active {\r\n display: block;\r\n}\r\n\r\n.b2b-banner {\r\n width: 100%;\r\n height: 320px;\r\n position: relative;\r\n}\r\n\r\n.b2b-banner::after {\r\n content: \"\";\r\n position: absolute;\r\n bottom: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n background: linear-gradient(to top, var(--navy-dark) 0%, rgba(5, 12, 23, 0.4) 60%, rgba(5, 12, 23, 0) 100%);\r\n}\r\n\r\n.b2b-body {\r\n padding: 50px clamp(25px, 6vw, 60px);\r\n margin-top: -60px;\r\n position: relative;\r\n z-index: 2;\r\n}\r\n\r\n.b2b-body h3 {\r\n font-family: var(--font-luxury);\r\n color: var(--white);\r\n font-size: clamp(20px, 3vw, 28px);\r\n margin: 0 0 25px 0;\r\n letter-spacing: 0.5px;\r\n}\r\n\r\n.b2b-intro-text {\r\n font-size: 15.5px;\r\n line-height: 1.85;\r\n font-weight: 300;\r\n margin-bottom: 45px;\r\n text-align: justify;\r\n color: #e2e8f0;\r\n}\r\n\r\n.b2b-intro-text strong {\r\n color: var(--gold-light);\r\n font-weight: 400;\r\n}\r\n\r\n.b2b-features {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\r\n gap: 25px;\r\n margin-bottom: 45px;\r\n}\r\n\r\n.b2b-feature-card {\r\n background: rgba(255, 255, 255, 0.01);\r\n border-left: 3px solid var(--gold);\r\n padding: 25px;\r\n border-radius: 0 16px 16px 0;\r\n border-top: 1px solid rgba(255, 255, 255, 0.02);\r\n border-right: 1px solid rgba(255, 255, 255, 0.02);\r\n border-bottom: 1px solid rgba(255, 255, 255, 0.02);\r\n}\r\n\r\n.b2b-feature-card h4 {\r\n color: var(--white);\r\n margin: 0 0 15px 0;\r\n font-size: 16px;\r\n font-weight: 600;\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n}\r\n\r\n.b2b-feature-card p {\r\n font-size: 14px;\r\n color: var(--text-muted);\r\n line-height: 1.6;\r\n margin: 0;\r\n text-align: justify;\r\n}\r\n\r\n.b2b-details-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(380px, 1fr));\r\n gap: 35px;\r\n margin-bottom: 50px;\r\n padding-top: 30px;\r\n border-top: 1px solid rgba(255, 255, 255, 0.05);\r\n}\r\n\r\n.b2b-detail-block h5 {\r\n font-family: var(--font-luxury);\r\n color: var(--gold);\r\n font-size: 17px;\r\n margin: 0 0 20px 0;\r\n letter-spacing: 0.5px;\r\n}\r\n\r\n.b2b-detail-block ul {\r\n list-style: none;\r\n padding: 0;\r\n margin: 0;\r\n}\r\n\r\n.b2b-detail-block ul li {\r\n font-size: 14px;\r\n line-height: 1.7;\r\n margin-bottom: 12px;\r\n color: var(--text-slate);\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 12px;\r\n}\r\n\r\n.b2b-detail-block ul li::before {\r\n content: \"\ud83d\udd38\";\r\n font-size: 10px;\r\n margin-top: 2px;\r\n}\r\n\r\n.b2b-cta-box {\r\n text-align: center;\r\n border-top: 1px solid rgba(223, 186, 72, 0.15);\r\n padding-top: 45px;\r\n}\r\n\r\n.b2b-btn {\r\n display: inline-block;\r\n padding: 16px 45px;\r\n background: transparent;\r\n color: var(--white);\r\n border: 1px solid var(--gold);\r\n text-decoration: none;\r\n font-size: 13px;\r\n font-weight: 600;\r\n letter-spacing: 2px;\r\n text-transform: uppercase;\r\n border-radius: 50px;\r\n transition: all 0.35s ease;\r\n}\r\n\r\n.b2b-btn:hover {\r\n background: linear-gradient(90deg, var(--gold), var(--gold-light));\r\n color: var(--black);\r\n border-color: transparent;\r\n box-shadow: 0 8px 25px rgba(223, 186, 72, 0.3);\r\n transform: translateY(-3px);\r\n}\r\n\r\n@keyframes fadeInB2B {\r\n from { opacity: 0; transform: translateY(20px); }\r\n to { opacity: 1; transform: translateY(0); }\r\n}\r\n\r\n\/* RESPONSIVE DESIGN *\/\r\n@media (max-width: 900px) {\r\n .b2b-tabs {\r\n flex-direction: column;\r\n align-items: stretch;\r\n }\r\n .b2b-tab-btn {\r\n text-align: center;\r\n }\r\n}\r\n\r\n@media(max-width: 768px) {\r\n .pro-bmd, .b2b-container {\r\n padding: 80px 20px;\r\n }\r\n .pro-wrap h2, .b2b-header h2 {\r\n font-size: 24px;\r\n margin-bottom: 50px;\r\n }\r\n .pro-card, .b2b-body {\r\n padding: 40px 25px;\r\n }\r\n .pro-grid, .b2b-details-grid {\r\n grid-template-columns: 1fr;\r\n gap: 20px;\r\n }\r\n .pro-card p, .b2b-intro-text {\r\n font-size: 14.5px;\r\n }\r\n}\r\n<\/style>\r\n\r\n\r\n<script>\r\nfunction openB2BPage(evt, pageId) {\r\n const b2bPages = document.getElementsByClassName(\"b2b-page\");\r\n for (let i = 0; i < b2bPages.length; i++) {\r\n b2bPages[i].classList.remove(\"active\");\r\n }\r\n\r\n const tabButtons = document.getElementsByClassName(\"b2b-tab-btn\");\r\n for (let i = 0; i < tabButtons.length; i++) {\r\n tabButtons[i].classList.remove(\"active\");\r\n }\r\n\r\n document.getElementById(pageId).classList.add(\"active\");\r\n evt.currentTarget.classList.add(\"active\");\r\n}\r\n<\/script>\r\n\r\n\r\n<script type=\"application\/ld+json\">\r\n{\r\n \"@context\": \"https:\/\/schema.org\",\r\n \"@type\": \"Service\",\r\n \"serviceType\": \"Chauffeur Priv\u00e9 pour Entreprises et VTC Professionnel\",\r\n \"provider\": {\r\n \"@type\": \"LocalBusiness\",\r\n \"name\": \"Xave'VTC\",\r\n \"telephone\": \"+33669157643\",\r\n \"url\": \"https:\/\/xave-vtc.fr\"\r\n },\r\n \"areaServed\": [\r\n { \"@type\": \"City\", \"name\": \"Lens\" },\r\n { \"@type\": \"City\", \"name\": \"Arras\" },\r\n { \"@type\": \"City\", \"name\": \"B\u00e9thune\" },\r\n { \"@type\": \"City\", \"name\": \"Lille\" },\r\n { \"@type\": \"State\", \"name\": \"Hauts-de-France\" }\r\n ],\r\n \"description\": \"Solutions de transport et de mobilit\u00e9 corporate haut de gamme pour les entreprises, professions juridiques, experts-comptables et dirigeants dans le Bassin Minier.\",\r\n \"hasOfferCatalog\": {\r\n \"@type\": \"OfferCatalog\",\r\n \"name\": \"Catalogue de Solutions Transport B2B\",\r\n \"itemListElement\": [\r\n {\r\n \"@type\": \"Offer\",\r\n \"itemOffered\": {\r\n \"@type\": \"Service\",\r\n \"name\": \"Chauffeur Priv\u00e9 pour \u00c9tudes Notariales & Juridiques\",\r\n \"description\": \"Transport confidentiel, signatures hors \u00e9tude et gestion de la logistique juridique s\u00e9curis\u00e9e.\"\r\n }\r\n },\r\n {\r\n \"@type\": \"Offer\",\r\n \"itemOffered\": {\r\n \"@type\": \"Service\",\r\n \"name\": \"Chauffeur pour Cabinets d'Expertise Comptable & d'Audit\",\r\n \"description\": \"Espace de travail embarqu\u00e9 avec Wi-Fi pour auditeurs et experts en p\u00e9riode de cl\u00f4ture fiscale.\"\r\n }\r\n },\r\n {\r\n \"@type\": \"Offer\",\r\n \"itemOffered\": {\r\n \"@type\": \"Service\",\r\n \"name\": \"Service Chauffeur Priv\u00e9 pour Dirigeants & Cadres Ex\u00e9cutifs\",\r\n \"description\": \"Mise \u00e0 disposition horaire flexible, berlines premium ex\u00e9cutives et liaisons hubs gares\/a\u00e9roports.\"\r\n }\r\n },\r\n {\r\n \"@type\": \"Offer\",\r\n \"itemOffered\": {\r\n \"@type\": \"Service\",\r\n \"name\": \"Accueil & Transport de Vos Visiteurs & Partenaires d'Affaires\",\r\n \"description\": \"Accueil personnalis\u00e9 nominatif avec pancarte aux gares et a\u00e9roports, gestion multilingue.\"\r\n }\r\n }\r\n ]\r\n }\r\n}\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-cdbd7cd e-flex e-con-boxed e-con e-parent\" data-id=\"cdbd7cd\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2b53724 elementor-widget elementor-widget-html\" data-id=\"2b53724\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"cta-bmd\">\r\n \r\n <div class=\"cta-grid-bg\"><\/div>\r\n\r\n <div class=\"cta-wrap\">\r\n\r\n <h2>\r\n <span class=\"cta-tag\">\/\/ TRANSMISSION_DIRECTE \/\/<\/span><br>\r\n Besoin d'un chauffeur ?\r\n <\/h2>\r\n\r\n <p>\r\n Initialisation imm\u00e9diate de votre course, devis instantan\u00e9 gratuit. Transport local, liaison a\u00e9roportuaire, logistique mariage, s\u00e9minaire ou urgence \u00e9v\u00e9nementielle.\r\n <\/p>\r\n\r\n <div class=\"cta-buttons\">\r\n\r\n \r\n <a href=\"tel:0669157643\" class=\"cta-btn btn-call\">\r\n <span class=\"btn-meta\">LINE_01 \/\/<\/span> 06 69 15 76 43\r\n <\/a>\r\n\r\n \r\n <a href=\"tel:0763886827\" class=\"cta-btn btn-emergency\">\r\n <span class=\"pulse-dot\"><\/span> <span class=\"btn-meta\">CRITICAL \/\/<\/span> 07 63 88 68 27\r\n <\/a>\r\n\r\n \r\n <a href=\"mailto:bm.drivers62@gmail.com\" class=\"cta-btn btn-mail\">\r\n <span class=\"btn-meta\">SECURE_MAIL \/\/<\/span> Envoyer un email\r\n <\/a>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n<\/section>\r\n\r\n<style>\r\n:root {\r\n --gold: #d4af37;\r\n --gold-glow: rgba(212, 175, 55, 0.4);\r\n --black: #050505;\r\n --cyber-bg: #0b0b0f;\r\n --cyan-accent: #00f0ff;\r\n --cyan-glow: rgba(0, 240, 255, 0.3);\r\n --emergency-red: #ff3b30;\r\n}\r\n\r\n.cta-bmd {\r\n padding: 130px 20px;\r\n background: \r\n radial-gradient(circle at 50% 0%, rgba(212, 175, 55, 0.12), transparent 60%),\r\n linear-gradient(135deg, var(--black) 0%, var(--cyber-bg) 100%);\r\n text-align: center;\r\n position: relative;\r\n overflow: hidden;\r\n font-family: 'Montserrat', sans-serif;\r\n border-top: 1px solid rgba(212, 175, 55, 0.15);\r\n}\r\n\r\n\/* Grille en arri\u00e8re-plan *\/\r\n.cta-grid-bg {\r\n position: absolute;\r\n inset: 0;\r\n background-image: \r\n linear-gradient(rgba(212, 175, 55, 0.015) 1px, transparent 1px),\r\n linear-gradient(90deg, rgba(212, 175, 55, 0.015) 1px, transparent 1px);\r\n background-size: 40px 40px;\r\n pointer-events: none;\r\n}\r\n\r\n.cta-wrap {\r\n max-width: 1100px;\r\n margin: auto;\r\n position: relative;\r\n z-index: 2;\r\n}\r\n\r\n\/* Titre Principal *\/\r\n.cta-wrap h2 {\r\n color: #fff;\r\n font-family: 'Orbitron', sans-serif;\r\n font-size: clamp(34px, 5vw, 56px);\r\n font-weight: 900;\r\n margin-bottom: 25px;\r\n text-transform: uppercase;\r\n letter-spacing: -1px;\r\n}\r\n\r\n.cta-tag {\r\n font-family: 'Rajdhani', sans-serif;\r\n font-size: 13px;\r\n color: var(--gold);\r\n letter-spacing: 5px;\r\n font-weight: 600;\r\n text-shadow: 0 0 8px var(--gold-glow);\r\n}\r\n\r\n\/* Description *\/\r\n.cta-wrap p {\r\n font-size: clamp(16px, 2vw, 20px);\r\n margin-bottom: 50px;\r\n color: #b0b0b8;\r\n max-width: 850px;\r\n margin-left: auto;\r\n margin-right: auto;\r\n line-height: 1.8;\r\n font-weight: 300;\r\n}\r\n\r\n\/* Conteneur Boutons *\/\r\n.cta-buttons {\r\n display: flex;\r\n justify-content: center;\r\n gap: 20px;\r\n flex-wrap: wrap;\r\n}\r\n\r\n\/* Base Bouton Cyber *\/\r\n.cta-btn {\r\n position: relative;\r\n color: #fff;\r\n padding: 20px 35px;\r\n text-decoration: none;\r\n font-family: 'Orbitron', sans-serif;\r\n font-weight: 700;\r\n font-size: 14px;\r\n letter-spacing: 1px;\r\n background: rgba(14, 14, 20, 0.8);\r\n border: 1px solid rgba(255, 255, 255, 0.1);\r\n transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);\r\n backdrop-filter: blur(5px);\r\n -webkit-backdrop-filter: blur(5px);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 10px;\r\n clip-path: polygon(15px 0%, 100% 0%, calc(100% - 15px) 100%, 0% 100%);\r\n}\r\n\r\n.btn-meta {\r\n font-family: 'Rajdhani', sans-serif;\r\n font-size: 12px;\r\n font-weight: 500;\r\n opacity: 0.5;\r\n}\r\n\r\n\/* Style Bouton R\u00e9servation Normale (Or) *\/\r\n.btn-call {\r\n border-bottom: 2px solid var(--gold);\r\n}\r\n\r\n.btn-call:hover {\r\n background: var(--gold);\r\n color: var(--black);\r\n box-shadow: 0 10px 30px var(--gold-glow);\r\n transform: translateY(-3px);\r\n}\r\n\r\n.btn-call:hover .btn-meta {\r\n color: var(--black);\r\n opacity: 0.7;\r\n}\r\n\r\n\/* Style Bouton Urgence (Rouge Cyber\/N\u00e9on) *\/\r\n.btn-emergency {\r\n border-bottom: 2px solid var(--emergency-red);\r\n}\r\n\r\n.btn-emergency:hover {\r\n background: var(--emergency-red);\r\n color: #fff;\r\n box-shadow: 0 10px 30px rgba(255, 59, 48, 0.4);\r\n transform: translateY(-3px);\r\n border-color: var(--emergency-red);\r\n}\r\n\r\n\/* Point pulsant pour l'urgence *\/\r\n.pulse-dot {\r\n width: 8px;\r\n height: 8px;\r\n background-color: var(--emergency-red);\r\n border-radius: 50%;\r\n box-shadow: 0 0 10px var(--emergency-red);\r\n animation: ctaPulse 1.5s infinite;\r\n}\r\n\r\n@keyframes ctaPulse {\r\n 0% { transform: scale(0.9); opacity: 1; box-shadow: 0 0 0 0 rgba(255, 59, 48, 0.7); }\r\n 70% { transform: scale(1.1); opacity: 0.5; box-shadow: 0 0 0 8px rgba(255, 59, 48, 0); }\r\n 100% { transform: scale(0.9); opacity: 1; box-shadow: 0 0 0 0 rgba(255, 59, 48, 0); }\r\n}\r\n\r\n\/* Style Bouton Email (Cyan) *\/\r\n.btn-mail {\r\n border-bottom: 2px solid var(--cyan-accent);\r\n}\r\n\r\n.btn-mail:hover {\r\n background: var(--cyan-accent);\r\n color: var(--black);\r\n box-shadow: 0 10px 30px var(--cyan-glow);\r\n transform: translateY(-3px);\r\n border-color: var(--cyan-accent);\r\n}\r\n\r\n.btn-mail:hover .btn-meta {\r\n color: var(--black);\r\n opacity: 0.7;\r\n}\r\n\r\n\/* Responsiveness Mobile *\/\r\n@media(max-width: 768px) {\r\n .cta-bmd {\r\n padding: 80px 20px;\r\n }\r\n\r\n .cta-wrap h2 {\r\n font-size: 30px;\r\n }\r\n\r\n .cta-wrap p {\r\n font-size: 15px;\r\n margin-bottom: 40px;\r\n }\r\n\r\n .cta-buttons {\r\n flex-direction: column;\r\n align-items: center;\r\n gap: 15px;\r\n }\r\n\r\n .cta-btn {\r\n width: 100%;\r\n max-width: 360px;\r\n padding: 18px 25px;\r\n }\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-01f8db8 e-con e-atomic-element e-flexbox-base e-4276821 \" data-id=\"01f8db8\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"01f8db8\">\n \t\t<div class=\"elementor-element elementor-element-02d7527 elementor-widget elementor-widget-html\" data-id=\"02d7527\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"values-bmd\">\r\n <div class=\"values-wrap\">\r\n <div class=\"values-grid\">\r\n <div class=\"value-item\">\r\n <div class=\"value-num\">01 \/\/<\/div>\r\n <h3>Prix Fixe Garanti<\/h3>\r\n <p>Le tarif est d\u00e9termin\u00e9 \u00e0 la r\u00e9servation. Pas de mauvaise surprise, m\u00eame en cas d'embouteillages sur l'A1 ou l'A21.<\/p>\r\n <\/div>\r\n <div class=\"value-item\">\r\n <div class=\"value-num\">02 \/\/<\/div>\r\n <h3>Suivi des Vols & Trains<\/h3>\r\n <p>Nous ajustons l'heure de notre arriv\u00e9e en temps r\u00e9el selon les retards de vos vols (Lesquin, CDG) ou de vos trains.<\/p>\r\n <\/div>\r\n <div class=\"value-item\">\r\n <div class=\"value-num\">03 \/\/<\/div>\r\n <h3>Discr\u00e9tion & S\u00e9curit\u00e9<\/h3>\r\n <p>Chauffeurs professionnels form\u00e9s \u00e0 la conduite souple, au protocole corporate et tenus au secret professionnel absolu.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<style>\r\n.values-bmd { padding: 80px 20px; background: #08080c; border-top: 1px solid rgba(255,255,255,0.02); color: white; font-family: 'Montserrat', sans-serif; }\r\n.values-wrap { max-width: 1200px; margin: auto; }\r\n.values-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 40px; }\r\n.value-item { padding: 20px; }\r\n.value-num { font-family: 'Orbitron', sans-serif; font-size: 14px; color: #00f0ff; margin-bottom: 10px; }\r\n.value-item h3 { font-family: 'Orbitron', sans-serif; font-size: 20px; color: #fff; margin-bottom: 15px; text-transform: uppercase; }\r\n.value-item p { color: #a0a0aa; font-size: 14px; line-height: 1.7; font-weight: 300; }\r\n<\/style>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-49c23c1 e-con e-atomic-element e-flexbox-base e-b273464 \" data-id=\"49c23c1\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"49c23c1\">\n \t\t<div class=\"elementor-element elementor-element-c93ef93 elementor-widget elementor-widget-html\" data-id=\"c93ef93\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n<section class=\"bmd-booking-section\" id=\"manifeste-reservation\">\r\n \r\n <div class=\"bmd-radar-grid\"><\/div>\r\n\r\n <div class=\"bmd-booking-container\">\r\n\r\n <header class=\"bmd-booking-header\">\r\n <h2>\r\n <span class=\"bmd-booking-tag\">\/\/ FLIGHT_TRAIN_LOCAL_DISPATCH \/\/<\/span><br>\r\n Planifier un d\u00e9placement\r\n <\/h2>\r\n <p class=\"bmd-booking-desc\">\r\n Compl\u00e9tez le manifeste ci-dessous pour obtenir une estimation de tarif ou valider une demande de prise en charge par nos chauffeurs.\r\n <\/p>\r\n <\/header>\r\n\r\n <form class=\"bmd-booking-form\" onsubmit=\"event.preventDefault(); alert('Transmission du manifeste r\u00e9ussie ! (Simulation)');\">\r\n \r\n <div class=\"bmd-form-grid\">\r\n \r\n <div class=\"bmd-field-group col-span-12\">\r\n <label for=\"bmd-prest-type\">\/\/ TYPE_DE_MISSION<\/label>\r\n <select id=\"bmd-prest-type\" required>\r\n <option value=\"\" disabled selected hidden>S\u00e9lectionnez le protocole...<\/option>\r\n <option value=\"airport\">Navette A\u00e9roport (Lille, Roissy CDG, Bruxelles...)<\/option>\r\n <option value=\"station\">Navette Gare (Lens, Arras, B\u00e9thune, Lille Europe...)<\/option>\r\n <option value=\"local\">Trajet Local \/ Pro (Bassin Minier & M\u00e9tropole)<\/option>\r\n <option value=\"long\">Longue Distance \/ France & Europe<\/option>\r\n <\/select>\r\n <\/div>\r\n\r\n \r\n <div class=\"bmd-field-group col-span-6 md-span-12\">\r\n <label for=\"bmd-p-up\">\/\/ POINT_DE_DEPART<\/label>\r\n <input type=\"text\" id=\"bmd-p-up\" placeholder=\"Adresse, Gare ou A\u00e9roport...\" required>\r\n <\/div>\r\n <div class=\"bmd-field-group col-span-6 md-span-12\">\r\n <label for=\"bmd-d-off\">\/\/ DESTINATION<\/label>\r\n <input type=\"text\" id=\"bmd-d-off\" placeholder=\"Adresse, Gare ou A\u00e9roport...\" required>\r\n <\/div>\r\n\r\n \r\n <div class=\"bmd-field-group col-span-4 md-span-12\">\r\n <label for=\"bmd-p-date\">\/\/ DATE_DE_PRISE_EN_CHARGE<\/label>\r\n <input type=\"date\" id=\"bmd-p-date\" required>\r\n <\/div>\r\n <div class=\"bmd-field-group col-span-4 md-span-12\">\r\n <label for=\"bmd-p-time\">\/\/ HEURE_PRECISE<\/label>\r\n <input type=\"time\" id=\"bmd-p-time\" required>\r\n <\/div>\r\n <div class=\"bmd-field-group col-span-4 md-span-12\">\r\n <label for=\"bmd-p-pax\">\/\/ CAPACITE_VEHICULE<\/label>\r\n <select id=\"bmd-p-pax\" required>\r\n <option value=\"1-3\">Berline Premium (1 \u00e0 3 PAX)<\/option>\r\n <option value=\"4-7\">Van Executive (4 \u00e0 7 PAX)<\/option>\r\n <\/select>\r\n <\/div>\r\n\r\n \r\n <div class=\"bmd-field-group col-span-6 md-span-12\">\r\n <label for=\"bmd-c-name\">\/\/ IDENTIT\u00c9_CLIENT<\/label>\r\n <input type=\"text\" id=\"bmd-c-name\" placeholder=\"Nom complet ou Entit\u00e9\" required>\r\n <\/div>\r\n <div class=\"bmd-field-group col-span-6 md-span-12\">\r\n <label for=\"bmd-c-contact\">\/\/ COORDONN\u00c9ES_NUM\u00c9RIQUES<\/label>\r\n <input type=\"text\" id=\"bmd-c-contact\" placeholder=\"T\u00e9l\u00e9phone ou adresse e-mail\" required>\r\n <\/div>\r\n\r\n \r\n <div class=\"bmd-field-group col-span-12\">\r\n <label for=\"bmd-c-notes\">\/\/ DETAILS_COMPLEMENTAIRES (OPTIONNEL)<\/label>\r\n <textarea id=\"bmd-c-notes\" rows=\"3\" placeholder=\"Num\u00e9ro de vol\/train, volume de bagages, demandes sp\u00e9cifiques...\"><\/textarea>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"bmd-submit-container\">\r\n <button type=\"submit\" class=\"bmd-submit-action\">\r\n <span class=\"bmd-btn-meta\">EXECUTE \/\/<\/span> Transmettre le manifeste\r\n <\/button>\r\n <\/div>\r\n\r\n <\/form>\r\n\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<style>\r\n:root {\r\n --bmd-gold: #dfba48;\r\n --bmd-gold-glow: rgba(223, 186, 72, 0.15);\r\n --bmd-dark-bg: #030305;\r\n --bmd-cockpit-bg: #07080e;\r\n --bmd-input-bg: #0c0d14;\r\n --bmd-cyan: #00f0ff;\r\n --bmd-cyan-glow: rgba(0, 240, 255, 0.15);\r\n \r\n --bmd-f-title: 'Cinzel', serif;\r\n --bmd-f-tech: 'Rajdhani', sans-serif;\r\n --bmd-f-body: 'Montserrat', sans-serif;\r\n}\r\n\r\n.bmd-booking-section {\r\n padding: 120px 20px;\r\n background: linear-gradient(180deg, var(--bmd-dark-bg) 0%, #000000 100%);\r\n color: #ffffff;\r\n position: relative;\r\n overflow: hidden;\r\n font-family: var(--bmd-f-body);\r\n box-sizing: border-box;\r\n}\r\n\r\n.bmd-booking-section *, \r\n.bmd-booking-section *::before, \r\n.bmd-booking-section *::after {\r\n box-sizing: border-box;\r\n}\r\n\r\n\/* Grille cyber-tactique fluide *\/\r\n.bmd-radar-grid {\r\n position: absolute;\r\n inset: 0;\r\n background-image: linear-gradient(rgba(0, 240, 255, 0.01) 1px, transparent 1px), linear-gradient(90deg, rgba(0, 240, 255, 0.01) 1px, transparent 1px);\r\n background-size: 40px 40px;\r\n pointer-events: none;\r\n opacity: 0.4;\r\n mask-image: radial-gradient(circle at center, black, transparent 85%);\r\n -webkit-mask-image: radial-gradient(circle at center, black, transparent 85%);\r\n}\r\n\r\n.bmd-booking-container {\r\n max-width: 950px;\r\n margin: 0 auto;\r\n position: relative;\r\n z-index: 3;\r\n}\r\n\r\n\/* En-t\u00eate *\/\r\n.bmd-booking-header {\r\n text-align: center;\r\n margin-bottom: 55px;\r\n}\r\n\r\n.bmd-booking-header h2 {\r\n font-family: var(--bmd-f-title);\r\n font-size: clamp(24px, 4.5vw, 38px);\r\n font-weight: 700;\r\n text-transform: uppercase;\r\n margin: 0 0 15px 0;\r\n letter-spacing: 0.5px;\r\n line-height: 1.3;\r\n}\r\n\r\n.bmd-booking-tag {\r\n font-family: var(--bmd-f-tech);\r\n font-size: 13px;\r\n color: var(--bmd-cyan);\r\n letter-spacing: 4px;\r\n font-weight: 600;\r\n text-shadow: 0 0 8px var(--bmd-cyan-glow);\r\n}\r\n\r\n.bmd-booking-desc {\r\n color: #94a3b8;\r\n font-size: 15px;\r\n font-weight: 300;\r\n max-width: 700px;\r\n margin: 0 auto;\r\n line-height: 1.6;\r\n}\r\n\r\n\/* Bo\u00eetier du Formulaire *\/\r\n.bmd-booking-form {\r\n background: var(--bmd-cockpit-bg);\r\n border: 1px solid rgba(223, 186, 72, 0.12);\r\n border-top: 3px solid var(--bmd-gold);\r\n padding: 50px 40px;\r\n border-radius: 4px;\r\n box-shadow: 0 35px 80px rgba(0, 0, 0, 0.6);\r\n backdrop-filter: blur(15px);\r\n -webkit-backdrop-filter: blur(15px);\r\n}\r\n\r\n\/* Syst\u00e8me Grid Adaptatif 12 colonnes *\/\r\n.bmd-form-grid {\r\n display: grid;\r\n grid-template-columns: repeat(12, 1fr);\r\n gap: 24px;\r\n}\r\n\r\n.bmd-field-group {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 8px;\r\n}\r\n\r\n\/* Positionnement des colonnes *\/\r\n.col-span-12 { grid-column: span 12; }\r\n.col-span-6 { grid-column: span 6; }\r\n.col-span-4 { grid-column: span 4; }\r\n\r\n\/* Libell\u00e9s Style Radar *\/\r\n.bmd-field-group label {\r\n font-family: var(--bmd-f-tech);\r\n font-size: 12px;\r\n font-weight: 600;\r\n color: var(--bmd-gold);\r\n letter-spacing: 1.5px;\r\n text-transform: uppercase;\r\n}\r\n\r\n\/* Champs de saisie *\/\r\n.bmd-field-group input,\r\n.bmd-field-group select,\r\n.bmd-field-group textarea {\r\n background: var(--bmd-input-bg);\r\n border: 1px solid rgba(255, 255, 255, 0.08);\r\n padding: 14px 18px;\r\n color: #ffffff;\r\n font-family: var(--bmd-f-body);\r\n font-size: 14px;\r\n border-radius: 4px;\r\n outline: none;\r\n width: 100%;\r\n transition: all 0.3s cubic-bezier(0.25, 1, 0.5, 1);\r\n}\r\n\r\n\/* Fl\u00e8che personnalis\u00e9e propre pour le Select *\/\r\n.bmd-field-group select {\r\n cursor: pointer;\r\n appearance: none;\r\n -webkit-appearance: none;\r\n background-image: url(\"data:image\/svg+xml;utf8,<svg xmlns='http:\/\/www.w3.org\/2000\/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23dfba48' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'><\/polyline><\/svg>\");\r\n background-repeat: no-repeat;\r\n background-position: right 18px center;\r\n background-size: 15px;\r\n padding-right: 45px;\r\n}\r\n\r\n\/* Focus Technologique Cyan *\/\r\n.bmd-field-group input:focus,\r\n.bmd-field-group select:focus,\r\n.bmd-field-group textarea:focus {\r\n border-color: var(--bmd-cyan);\r\n box-shadow: 0 0 12px var(--bmd-cyan-glow);\r\n background: rgba(12, 14, 24, 1);\r\n}\r\n\r\n\/* Forcer la couleur claire sur les s\u00e9lecteurs natifs de date\/time *\/\r\n.bmd-field-group input[type=\"date\"]::-webkit-calendar-picker-indicator,\r\n.bmd-field-group input[type=\"time\"]::-webkit-calendar-picker-indicator {\r\n filter: invert(1) sepia(1) saturate(5) hue-rotate(145deg);\r\n cursor: pointer;\r\n}\r\n\r\n\/* Zone et Bouton d'action *\/\r\n.bmd-submit-container {\r\n margin-top: 40px;\r\n text-align: center;\r\n}\r\n\r\n.bmd-submit-action {\r\n background: var(--bmd-gold);\r\n color: #000000;\r\n border: none;\r\n padding: 18px 45px;\r\n font-family: var(--bmd-f-title);\r\n font-weight: 700;\r\n font-size: 13.5px;\r\n letter-spacing: 2px;\r\n text-transform: uppercase;\r\n cursor: pointer;\r\n transition: all 0.35s ease;\r\n clip-path: polygon(12px 0%, 100% 0%, calc(100% - 12px) 100%, 0% 100%);\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 12px;\r\n}\r\n\r\n.bmd-btn-meta {\r\n font-family: var(--bmd-f-tech);\r\n font-size: 12px;\r\n font-weight: 600;\r\n opacity: 0.75;\r\n}\r\n\r\n.bmd-submit-action:hover {\r\n background: #ffffff;\r\n box-shadow: 0 12px 35px rgba(255, 255, 255, 0.2);\r\n transform: translateY(-2px);\r\n}\r\n\r\n\/* --- MEDIA QUERIES TOTALEMENT RESPONSIVE --- *\/\r\n\r\n@media (max-width: 900px) {\r\n \/* Forcer le passage en colonnes compl\u00e8tes sur tablettes et mobiles pour \u00e9viter le tassement *\/\r\n .md-span-12 {\r\n grid-column: span 12 !important;\r\n }\r\n .bmd-booking-form {\r\n padding: 40px 25px;\r\n }\r\n}\r\n\r\n@media (max-width: 600px) {\r\n .bmd-booking-section {\r\n padding: 70px 15px;\r\n }\r\n .bmd-booking-header {\r\n margin-bottom: 40px;\r\n }\r\n .bmd-booking-form {\r\n padding: 30px 15px;\r\n }\r\n .bmd-form-grid {\r\n gap: 18px; \/* R\u00e9duction de l'espace sur petits \u00e9crans *\/\r\n }\r\n .bmd-submit-action {\r\n width: 100%;\r\n justify-content: center;\r\n padding: 16px 20px;\r\n }\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-a15a88b e-con e-atomic-element e-flexbox-base e-3206afe \" data-id=\"a15a88b\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"a15a88b\">\n \t\t<div class=\"elementor-element elementor-element-7e19485 elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"7e19485\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cinzel:wght@700;900&family=Montserrat:wght@300;400;500;600&family=Rajdhani:wght@600;700&display=swap\" rel=\"stylesheet\">\r\n\r\n\r\n<section class=\"bmd-tourisme-section\" id=\"trajectoires-tourisme\">\r\n <div class=\"bmd-tourisme-grid-bg\"><\/div>\r\n\r\n <div class=\"bmd-tourisme-container\">\r\n\r\n <header class=\"bmd-tourisme-header\">\r\n <span class=\"bmd-tourisme-kicker\">\/\/ PARCOURS_EXPLORATION \/\/ REGIONAL_DISCOVERY<\/span>\r\n <h2 class=\"bmd-tourisme-title\">\r\n Trajectoires de D\u00e9couverte\r\n <span>Immersion au C\u0153ur du Patrimoine des Hauts-de-France<\/span>\r\n <\/h2>\r\n <p class=\"bmd-tourisme-intro\">\r\n Bassin Minier Drivers d\u00e9ploie ses unit\u00e9s premium pour vos protocoles de d\u00e9couverte et d'exploration r\u00e9gionale. Sous la conduite de nos chauffeurs experts, franchissez les fronti\u00e8res du patrimoine de l'UNESCO, des places fortes historiques et des complexes d'avant-garde de la zone. Optimisez vos transferts vers les p\u00f4les d'int\u00e9r\u00eat majeurs de Lens, Arras, B\u00e9thune, Lille ou Douai.\r\n <\/p>\r\n <\/header>\r\n\r\n \r\n <div class=\"bmd-tourisme-cards-layout\">\r\n\r\n \r\n <div class=\"bmd-tourisme-card\">\r\n <div class=\"bmd-card-img-wrapper\" style=\"background-image: var(--bmd-img-louvre, url('https:\/\/www.xave-vtc-lens-bethune.fr\/fr\/wp-content\/uploads\/2026\/06\/louvre-lens-by-sanaa-17.jpg'));\"><\/div>\r\n <div class=\"bmd-card-content\">\r\n <h3>Louvre-<span>Lens<\/span><\/h3>\r\n <p>Infiltration au c\u0153ur d'une architecture de verre \u00e9pur\u00e9e. Un p\u00f4le artistique d'avant-garde implant\u00e9 sur les anciennes lignes du bassin d'extraction mini\u00e8re.<\/p>\r\n <a href=\"https:\/\/bassinminierdrivers.fr\/vtc-louvre-lens\/\" class=\"bmd-card-link\">Consulter l'itin\u00e9raire \u2192<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"bmd-tourisme-card\">\r\n <div class=\"bmd-card-img-wrapper\" style=\"background-image: var(--bmd-img-bollaert, url('https:\/\/xave-vtc.fr\/wp-content\/uploads\/2026\/06\/d263418e-f57b-4d2d-a7bf-3edb5c355404.png'));\"><\/div>\r\n <div class=\"bmd-card-content\">\r\n <h3>Chaudron <span>Bollaert<\/span><\/h3>\r\n <p>Le temple de la ferveur collective nordiste. Un complexe mythique charg\u00e9 d'une \u00e9nergie unique, symbole fort de l'histoire et de l'identit\u00e9 art\u00e9sienne.<\/p>\r\n <a href=\"https:\/\/bassinminierdrivers.fr\/vtc-stade-bollaert\/\" class=\"bmd-card-link\">Consulter l'itin\u00e9raire \u2192<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"bmd-tourisme-card\">\r\n <div class=\"bmd-card-img-wrapper\" style=\"background-image: var(--bmd-img-lewarde, url('https:\/\/xave-vtc.fr\/wp-content\/uploads\/2026\/05\/Lewarde.jpg'));\"><\/div>\r\n <div class=\"bmd-card-content\">\r\n <h3>Sanctuaire <span>Lewarde<\/span><\/h3>\r\n <p>Le plus vaste centre de m\u00e9moire industrielle de France. Une immersion captivante retra\u00e7ant trois si\u00e8cles d'\u00e9pop\u00e9e ouvri\u00e8re et technique.<\/p>\r\n <a href=\"https:\/\/bassinminierdrivers.fr\/vtc-lewarde\/\" class=\"bmd-card-link\">Consulter l'itin\u00e9raire \u2192<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"bmd-tourisme-card\">\r\n <div class=\"bmd-card-img-wrapper\" style=\"background-image: var(--bmd-img-lorette, url('https:\/\/xave-vtc.fr\/wp-content\/uploads\/2026\/05\/Notre-Dame-de-Lorette-scaled.jpg'));\"><\/div>\r\n <div class=\"bmd-card-content\">\r\n <h3>M\u00e9morial <span>Lorette<\/span><\/h3>\r\n <p>Haut lieu de m\u00e9moire internationale abritant l'Anneau de la M\u00e9moire, une prouesse structurelle offrant un panorama unique sur toute la plaine de Gohelle.<\/p>\r\n <a href=\"https:\/\/bassinminierdrivers.fr\/notre-dame-de-lorette\/\" class=\"bmd-card-link\">Consulter l'itin\u00e9raire \u2192<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"bmd-tourisme-card\">\r\n <div class=\"bmd-card-img-wrapper\" style=\"background-image: var(--bmd-img-vimy, url('https:\/\/xave-vtc.fr\/wp-content\/uploads\/2026\/06\/le-memorial-national-du-canada-a-vimy.jpg'));\"><\/div>\r\n <div class=\"bmd-card-content\">\r\n <h3>Vecteur <span>Vimy<\/span><\/h3>\r\n <p>Monument m\u00e9moriel national dominant les cr\u00eates g\u00e9ographiques. Un parc historique pr\u00e9serv\u00e9 jalonn\u00e9 par ses r\u00e9seaux de tranch\u00e9es d'\u00e9poque.<\/p>\r\n <a href=\"https:\/\/bassinminierdrivers.fr\/vtc-memorial-canadien-vimy\/\" class=\"bmd-card-link\">Consulter l'itin\u00e9raire \u2192<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"bmd-tourisme-card\">\r\n <div class=\"bmd-card-img-wrapper\" style=\"background-image: var(--bmd-img-wellington, url('https:\/\/xave-vtc.fr\/wp-content\/uploads\/2026\/06\/1-mur-carriere-wellington-cituation-et-ensemble.jpg'));\"><\/div>\r\n <div class=\"bmd-card-content\">\r\n <h3>R\u00e9seau <span>Wellington<\/span><\/h3>\r\n <p>Incursion \u00e0 vingt m\u00e8tres sous les pav\u00e9s d'Arras. D\u00e9couvrez les galeries souterraines ultra-secr\u00e8tes am\u00e9nag\u00e9es par les forces du Commonwealth en 1917.<\/p>\r\n <a href=\"https:\/\/bassinminierdrivers.fr\/vtc-carriere-wellington\/\" class=\"bmd-card-link\">Consulter l'itin\u00e9raire \u2192<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n <div class=\"bmd-tourisme-action-zone\">\r\n <a href=\"mailto:bm.drivers62@gmail.com?subject=Demande%20de%20circuit%20touristique%20-%20Bassin%20Minier%20Drivers\" class=\"bmd-btn-tourisme\">Planifier mon circuit<\/a>\r\n <\/div>\r\n\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<style>\r\n:root {\r\n --bmd-gold: #dfba48;\r\n --bmd-gold-glow: rgba(223, 186, 72, 0.15);\r\n --bmd-dark-space: #030407;\r\n --bmd-card-surface: #090a10;\r\n --bmd-cyan: #00f0ff;\r\n --bmd-cyan-glow: rgba(0, 240, 255, 0.12);\r\n --bmd-slate-grey: #94a3b8;\r\n \r\n --bmd-font-title: 'Cinzel', serif;\r\n --bmd-font-tech: 'Rajdhani', sans-serif;\r\n --bmd-font-body: 'Montserrat', sans-serif;\r\n}\r\n\r\n.bmd-tourisme-section {\r\n position: relative;\r\n padding: 120px 20px;\r\n background: linear-gradient(180deg, var(--bmd-dark-space) 0%, #000000 100%);\r\n font-family: var(--bmd-font-body);\r\n overflow: hidden;\r\n box-sizing: border-box;\r\n}\r\n\r\n.bmd-tourisme-section *,\r\n.bmd-tourisme-section *::before,\r\n.bmd-tourisme-section *::after {\r\n box-sizing: border-box;\r\n}\r\n\r\n\/* Grille matricielle technologique en perspective *\/\r\n.bmd-tourisme-grid-bg {\r\n content: \"\";\r\n position: absolute;\r\n inset: 0;\r\n background-image: \r\n linear-gradient(rgba(223, 186, 72, 0.02) 1px, transparent 1px),\r\n linear-gradient(90deg, rgba(223, 186, 72, 0.02) 1px, transparent 1px);\r\n background-size: 50px 50px;\r\n background-position: center top;\r\n transform: perspective(600px) rotateX(12deg);\r\n transform-origin: top;\r\n mask-image: linear-gradient(to bottom, black 20%, transparent 90%);\r\n -webkit-mask-image: linear-gradient(to bottom, black 20%, transparent 90%);\r\n opacity: 0.7;\r\n pointer-events: none;\r\n z-index: 1;\r\n}\r\n\r\n.bmd-tourisme-container {\r\n position: relative;\r\n max-width: 1240px;\r\n margin: 0 auto;\r\n z-index: 3;\r\n}\r\n\r\n\/* En-t\u00eate de section *\/\r\n.bmd-tourisme-header {\r\n text-align: center;\r\n max-width: 850px;\r\n margin: 0 auto 70px;\r\n}\r\n\r\n.bmd-tourisme-kicker {\r\n display: block;\r\n font-family: var(--bmd-font-tech);\r\n color: var(--bmd-cyan);\r\n font-size: 13px;\r\n letter-spacing: 4px;\r\n font-weight: 700;\r\n text-shadow: 0 0 8px var(--bmd-cyan-glow);\r\n margin-bottom: 15px;\r\n}\r\n\r\n.bmd-tourisme-title {\r\n font-family: var(--bmd-font-title);\r\n font-size: clamp(26px, 4.5vw, 42px);\r\n font-weight: 900;\r\n text-transform: uppercase;\r\n color: #ffffff;\r\n line-height: 1.2;\r\n margin: 0 0 25px 0;\r\n}\r\n\r\n.bmd-tourisme-title span {\r\n display: block;\r\n font-family: var(--bmd-font-tech);\r\n font-size: clamp(13px, 2vw, 18px);\r\n color: var(--bmd-gold);\r\n letter-spacing: 5px;\r\n font-weight: 600;\r\n margin-top: 10px;\r\n}\r\n\r\n.bmd-tourisme-intro {\r\n color: var(--bmd-slate-grey);\r\n font-size: 15.5px;\r\n line-height: 1.75;\r\n font-weight: 300;\r\n margin: 0;\r\n}\r\n\r\n\/* Grille de cartes adaptative intelligente *\/\r\n.bmd-tourisme-cards-layout {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\r\n gap: 30px;\r\n}\r\n\r\n\/* Cartes individuelles *\/\r\n.bmd-tourisme-card {\r\n background: var(--bmd-card-surface);\r\n border: 1px solid rgba(223, 186, 72, 0.12);\r\n border-top: 3px solid var(--bmd-gold);\r\n display: flex;\r\n flex-direction: column;\r\n border-radius: 4px;\r\n overflow: hidden;\r\n position: relative;\r\n transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1);\r\n}\r\n\r\n\/* Encoche technique en bas \u00e0 droite *\/\r\n.bmd-tourisme-card::after {\r\n content: '';\r\n position: absolute;\r\n bottom: 0;\r\n right: 0;\r\n width: 10px;\r\n height: 10px;\r\n background: var(--bmd-cyan);\r\n clip-path: polygon(100% 0, 100% 100%, 0 100%);\r\n opacity: 0.5;\r\n}\r\n\r\n\/* Conteneur d'images fluides *\/\r\n.bmd-card-img-wrapper {\r\n width: 100%;\r\n height: 230px;\r\n background-size: cover;\r\n background-position: center;\r\n border-bottom: 1px solid rgba(223, 186, 72, 0.08);\r\n filter: grayscale(25%) brightness(85%);\r\n transition: all 0.4s ease;\r\n}\r\n\r\n\/* Contenu textuel interne *\/\r\n.bmd-card-content {\r\n padding: 30px;\r\n display: flex;\r\n flex-direction: column;\r\n flex-grow: 1;\r\n}\r\n\r\n.bmd-card-content h3 {\r\n color: #ffffff;\r\n font-family: var(--bmd-font-title);\r\n font-size: 20px;\r\n margin: 0 0 15px 0;\r\n text-transform: uppercase;\r\n}\r\n\r\n.bmd-card-content h3 span {\r\n color: var(--bmd-gold);\r\n font-family: var(--bmd-font-tech);\r\n font-weight: 700;\r\n letter-spacing: 0.5px;\r\n}\r\n\r\n.bmd-card-content p {\r\n color: var(--bmd-slate-grey);\r\n font-size: 14px;\r\n line-height: 1.6;\r\n font-weight: 300;\r\n margin: 0 0 25px 0;\r\n flex-grow: 1;\r\n}\r\n\r\n\/* Liens d'itin\u00e9raires *\/\r\n.bmd-card-link {\r\n color: var(--bmd-gold);\r\n font-family: var(--bmd-font-tech);\r\n font-size: 13px;\r\n text-transform: uppercase;\r\n text-decoration: none;\r\n font-weight: 600;\r\n letter-spacing: 1px;\r\n display: inline-block;\r\n transition: color 0.3s ease, transform 0.3s ease;\r\n}\r\n\r\n\/* \u00c9l\u00e9ments interactifs au survol *\/\r\n.bmd-tourisme-card:hover {\r\n transform: translateY(-5px);\r\n border-color: var(--bmd-cyan);\r\n box-shadow: 0 20px 45px rgba(0, 240, 255, 0.08);\r\n}\r\n\r\n.bmd-tourisme-card:hover .bmd-card-img-wrapper {\r\n filter: grayscale(0%) brightness(100%);\r\n}\r\n\r\n.bmd-tourisme-card:hover h3 span {\r\n color: var(--bmd-cyan);\r\n text-shadow: 0 0 8px var(--bmd-cyan-glow);\r\n}\r\n\r\n.bmd-tourisme-card:hover .bmd-card-link {\r\n color: #ffffff;\r\n transform: translateX(4px);\r\n}\r\n\r\n\/* Zone d'appel \u00e0 l'action principal *\/\r\n.bmd-tourisme-action-zone {\r\n margin-top: 60px;\r\n text-align: center;\r\n}\r\n\r\n.bmd-btn-tourisme {\r\n display: inline-block;\r\n padding: 18px 42px;\r\n text-decoration: none;\r\n font-weight: 700;\r\n font-family: var(--bmd-font-title);\r\n font-size: 13px;\r\n letter-spacing: 2px;\r\n text-transform: uppercase;\r\n background: var(--bmd-gold);\r\n color: #000000;\r\n box-shadow: 0 4px 20px var(--bmd-gold-glow);\r\n clip-path: polygon(12px 0%, 100% 0%, calc(100% - 12px) 100%, 0% 100%);\r\n transition: all 0.35s cubic-bezier(0.25, 1, 0.5, 1);\r\n}\r\n\r\n.bmd-btn-tourisme:hover {\r\n transform: translateY(-2px);\r\n background: var(--bmd-cyan);\r\n color: #000000;\r\n box-shadow: 0 0 25px rgba(0, 240, 255, 0.3);\r\n}\r\n\r\n\/* AJUSTEMENTS RESPONSIFS POUR SMARTPHONES *\/\r\n@media(max-width: 768px) {\r\n .bmd-tourisme-section {\r\n padding: 80px 15px;\r\n }\r\n .bmd-tourisme-header {\r\n margin-bottom: 45px;\r\n }\r\n .bmd-tourisme-cards-layout {\r\n grid-template-columns: 1fr;\r\n gap: 25px;\r\n }\r\n .bmd-card-img-wrapper {\r\n height: 200px;\r\n }\r\n .bmd-card-content {\r\n padding: 25px 20px;\r\n }\r\n .bmd-btn-tourisme {\r\n width: 100%;\r\n max-width: 320px;\r\n text-align: center;\r\n }\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-e128d31 e-con e-atomic-element e-flexbox-base e-9fc0c61 \" data-id=\"e128d31\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"e128d31\">\n \t\t<div class=\"elementor-element elementor-element-f472069 elementor-widget elementor-widget-html\" data-id=\"f472069\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cinzel:wght@700;900&family=Montserrat:wght@300;400;500;600&family=Rajdhani:wght@600;700&display=swap\" rel=\"stylesheet\">\r\n\r\n<section class=\"bmd-fleet-section\" id=\"flotte-vecteurs\">\r\n <div class=\"bmd-fleet-grid-bg\"><\/div>\r\n\r\n <div class=\"bmd-fleet-container\">\r\n\r\n <header class=\"bmd-fleet-header\">\r\n <span class=\"bmd-fleet-kicker\">\/\/ FLOTTE_ACTIVE \/\/ HAUTS_DE_FRANCE<\/span>\r\n <h2 class=\"bmd-fleet-title\">\r\n Gamme Tactique\r\n <span>Unit\u00e9s Haut de Gamme D\u00e9ploy\u00e9es pour votre Confort<\/span>\r\n <\/h2>\r\n <p class=\"bmd-fleet-intro\">\r\n Pour vos transferts d'\u00e9lite, trajectoires longue distance, navettes a\u00e9roports ou protocoles priv\u00e9s, Bassin Minier Drivers active ses vecteurs de transport nouvelle g\u00e9n\u00e9ration. D\u00e9couvrez le standing adapt\u00e9 \u00e0 vos exigences de transit.\r\n <\/p>\r\n <\/header>\r\n\r\n <div class=\"bmd-fleet-grid\">\r\n\r\n <div class=\"bmd-fleet-card\">\r\n <div class=\"bmd-fleet-img-frame\" style=\"background-image: var(--bmd-car-tesla, url('https:\/\/xave-vtc.fr\/wp-content\/uploads\/2026\/06\/febad726-1a96-4e09-b929-043974fdbb95.jpg'));\"><\/div>\r\n <div class=\"bmd-fleet-content\">\r\n <div class=\"bmd-fleet-badge\">VECTEUR \u00c9LECTRIQUE<\/div>\r\n <h3>Liaison <span>\u00c9co-Futuriste<\/span><\/h3>\r\n <ul>\r\n <li><strong>Insonorisation totale<\/strong> pour un transit hors du temps.<\/li>\r\n <li><strong>Propulsion \u00e9co-responsable<\/strong> : l'\u00e9l\u00e9gance z\u00e9ro \u00e9mission.<\/li>\r\n <li><strong>\u00c9cosyst\u00e8me digital<\/strong> connect\u00e9 en temps r\u00e9el \u00e0 bord.<\/li>\r\n <li><strong>Configuration id\u00e9ale<\/strong> pour vos navettes business rapides.<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"bmd-fleet-card\">\r\n <div class=\"bmd-fleet-img-frame\" style=\"background-image: var(--bmd-car-408, url('https:\/\/www.xave-vtc-lens-bethune.fr\/fr\/wp-content\/uploads\/2026\/04\/7d7ca68f-944a-4e94-ba89-a6dd91f27255.jpg'));\"><\/div>\r\n <div class=\"bmd-fleet-content\">\r\n <div class=\"bmd-fleet-badge\">FASTBACK TACTIQUE<\/div>\r\n <h3>A\u00e9rodynamisme & <span>Style<\/span><\/h3>\r\n <ul>\r\n <li><strong>Finition GT haut de gamme<\/strong> aux courbes aff\u00fbt\u00e9es et rac\u00e9es.<\/li>\r\n <li><strong>Capacit\u00e9 de soute optimis\u00e9e<\/strong> pour s\u00e9curiser vos bagages.<\/li>\r\n <li><strong>Dynamisme de trajectoire<\/strong> pour une fluidit\u00e9 routi\u00e8re maximale.<\/li>\r\n <li><strong>Polyvalence absolue<\/strong> sur les r\u00e9seaux urbains et autoroutiers.<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"bmd-fleet-card\">\r\n <div class=\"bmd-fleet-img-frame\" style=\"background-image: var(--bmd-car-vito, url('https:\/\/xave-vtc.fr\/wp-content\/uploads\/2026\/06\/Gemini_Generated_Image_l2w966l2w966l2w9.png'));\"><\/div>\r\n <div class=\"bmd-fleet-content\">\r\n <div class=\"bmd-fleet-badge\">SALON EX\u00c9CUTIF<\/div>\r\n <h3>Prestige & <span>Espace VIP<\/span><\/h3>\r\n <ul>\r\n <li><strong>\u00c9dition Executive<\/strong> avec finitions sombres et soign\u00e9es.<\/li>\r\n <li><strong>Configuration cockpit modulaire<\/strong> : parfait pour travailler \u00e0 bord.<\/li>\r\n <li><strong>Id\u00e9al pour les \u00e9quipages d'affaires<\/strong> et d\u00e9l\u00e9gations corporate.<\/li>\r\n <li><strong>Confort First-Class<\/strong> garanti pour chaque passager.<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"bmd-fleet-card\">\r\n <div class=\"bmd-fleet-img-frame\" style=\"background-image: var(--bmd-car-trafic, url('https:\/\/www.xave-vtc-lens-bethune.fr\/fr\/wp-content\/uploads\/2026\/04\/Gemini_Generated_Image_vkl7flvkl7flvkl7.png'));\"><\/div>\r\n <div class=\"bmd-fleet-content\">\r\n <div class=\"bmd-fleet-badge\">MODULE CHRONOS<\/div>\r\n <h3>Transits Groupes & <span>Hubs<\/span><\/h3>\r\n <ul>\r\n <li><strong>Capacit\u00e9 de charge maximale<\/strong> pour l'emport de larges groupes.<\/li>\r\n <li><strong>Volume utile hors normes<\/strong> pour bagages encombrants.<\/li>\r\n <li><strong>Logistique sur-mesure<\/strong> pour mariages et \u00e9v\u00e9nements.<\/li>\r\n <li><strong>Synchronisation parfaite<\/strong> avec les arriv\u00e9es gares et a\u00e9roports.<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"bmd-fleet-card bmd-fleet-card-wide\">\r\n <div class=\"bmd-fleet-img-frame\" style=\"background-image: var(--bmd-car-space, url('https:\/\/www.xave-vtc-lens-bethune.fr\/fr\/wp-content\/uploads\/2026\/04\/34842300-16e9-4569-ab01-660b2ffad64c.jpg'));\"><\/div>\r\n <div class=\"bmd-fleet-content\">\r\n <div class=\"bmd-fleet-badge\">VAISSEAU LONG-COURRIER<\/div>\r\n <h3>Ultra Confort & <span>Longue Distance<\/span><\/h3>\r\n <ul>\r\n <li><strong>Espace int\u00e9rieur XXL<\/strong> pens\u00e9 pour effacer la fatigue du voyage.<\/li>\r\n <li><strong>Amorti Premium Haute Densit\u00e9<\/strong> adapt\u00e9 aux longs itin\u00e9raires.<\/li>\r\n <li><strong>Interconnexion totale<\/strong> pour assurer vos liaisons transfrontali\u00e8res.<\/li>\r\n <li><strong>Finition VIP exclusive<\/strong> d\u00e9di\u00e9e \u00e0 notre client\u00e8le exigeante.<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <div class=\"bmd-fleet-actions\">\r\n <a href=\"tel:0763886827\" class=\"bmd-btn-fleet bmd-btn-fleet-primary\">Appeler le dispatch<\/a>\r\n <a href=\"https:\/\/bassinminierdrivers.fr\/reservation\/\" class=\"bmd-btn-fleet bmd-btn-fleet-secondary\">R\u00e9server en ligne<\/a>\r\n <\/div>\r\n\r\n <\/div>\r\n<\/section>\r\n\r\n<style>\r\n:root {\r\n --bmd-gold: #dfba48;\r\n --bmd-gold-glow: rgba(223, 186, 72, 0.15);\r\n --bmd-dark-space: #030407;\r\n --bmd-card-surface: #090a10;\r\n --bmd-cyan: #00f0ff;\r\n --bmd-cyan-glow: rgba(0, 240, 255, 0.12);\r\n --bmd-slate-grey: #94a3b8;\r\n \r\n --bmd-font-title: 'Cinzel', serif;\r\n --bmd-font-tech: 'Rajdhani', sans-serif;\r\n --bmd-font-body: 'Montserrat', sans-serif;\r\n}\r\n\r\n.bmd-fleet-section {\r\n position: relative;\r\n padding: 120px 20px;\r\n background: linear-gradient(180deg, var(--bmd-dark-space) 0%, #000000 100%);\r\n font-family: var(--bmd-font-body);\r\n overflow: hidden;\r\n box-sizing: border-box;\r\n}\r\n\r\n.bmd-fleet-section *,\r\n.bmd-fleet-section *::before,\r\n.bmd-fleet-section *::after {\r\n box-sizing: border-box;\r\n}\r\n\r\n\/* Grille HUD technique de fond *\/\r\n.bmd-fleet-grid-bg {\r\n content: \"\";\r\n position: absolute;\r\n inset: 0;\r\n background-image: \r\n linear-gradient(rgba(223, 186, 72, 0.02) 1px, transparent 1px),\r\n linear-gradient(90deg, rgba(223, 186, 72, 0.02) 1px, transparent 1px);\r\n background-size: 45px 45px;\r\n background-position: center top;\r\n transform: perspective(500px) rotateX(10deg);\r\n transform-origin: top;\r\n mask-image: linear-gradient(to bottom, black 10%, transparent 85%);\r\n -webkit-mask-image: linear-gradient(to bottom, black 10%, transparent 85%);\r\n opacity: 0.6;\r\n pointer-events: none;\r\n z-index: 1;\r\n}\r\n\r\n.bmd-fleet-container {\r\n position: relative;\r\n max-width: 1240px;\r\n margin: 0 auto;\r\n z-index: 3;\r\n}\r\n\r\n\/* Header *\/\r\n.bmd-fleet-header {\r\n text-align: center;\r\n max-width: 850px;\r\n margin: 0 auto 70px;\r\n}\r\n\r\n.bmd-fleet-kicker {\r\n display: block;\r\n font-family: var(--bmd-font-tech);\r\n color: var(--bmd-cyan);\r\n font-size: 13px;\r\n letter-spacing: 4px;\r\n font-weight: 700;\r\n text-shadow: 0 0 8px var(--bmd-cyan-glow);\r\n margin-bottom: 15px;\r\n}\r\n\r\n.bmd-fleet-title {\r\n font-family: var(--bmd-font-title);\r\n font-size: clamp(26px, 4.5vw, 42px);\r\n font-weight: 900;\r\n text-transform: uppercase;\r\n color: #ffffff;\r\n line-height: 1.2;\r\n margin: 0 0 25px 0;\r\n}\r\n\r\n.bmd-fleet-title span {\r\n display: block;\r\n font-family: var(--bmd-font-tech);\r\n font-size: clamp(13px, 2vw, 18px);\r\n color: var(--bmd-gold);\r\n letter-spacing: 5px;\r\n font-weight: 600;\r\n margin-top: 10px;\r\n}\r\n\r\n.bmd-fleet-intro {\r\n color: var(--bmd-slate-grey);\r\n font-size: 15.5px;\r\n line-height: 1.75;\r\n font-weight: 300;\r\n margin: 0;\r\n}\r\n\r\n\/* Grille Multi-Colonnes Intelligente *\/\r\n.bmd-fleet-grid {\r\n display: grid;\r\n grid-template-columns: repeat(6, 1fr);\r\n gap: 30px;\r\n}\r\n\r\n\/* Structuration des cartes *\/\r\n.bmd-fleet-card {\r\n grid-column: span 3; \/* Mode 2 colonnes par d\u00e9faut *\/\r\n background: var(--bmd-card-surface);\r\n border: 1px solid rgba(223, 186, 72, 0.12);\r\n border-top: 3px solid var(--bmd-gold);\r\n border-radius: 4px;\r\n overflow: hidden;\r\n position: relative;\r\n display: flex;\r\n flex-direction: column;\r\n transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1);\r\n}\r\n\r\n\/* Centrage \u00e9quilibr\u00e9 de la 5\u00e8me carte *\/\r\n.bmd-fleet-card-wide {\r\n grid-column: 2 \/ span 4;\r\n}\r\n\r\n.bmd-fleet-card::after {\r\n content: '';\r\n position: absolute;\r\n bottom: 0;\r\n right: 0;\r\n width: 10px;\r\n height: 10px;\r\n background: var(--bmd-cyan);\r\n clip-path: polygon(100% 0, 100% 100%, 0 100%);\r\n opacity: 0.5;\r\n}\r\n\r\n\/* Cadre photo adaptatif *\/\r\n.bmd-fleet-img-frame {\r\n width: 100%;\r\n height: 250px;\r\n background-size: cover;\r\n background-position: center;\r\n border-bottom: 1px solid rgba(223, 186, 72, 0.08);\r\n filter: grayscale(20%) brightness(85%);\r\n transition: all 0.4s ease;\r\n}\r\n\r\n\/* Contenu des textes *\/\r\n.bmd-fleet-content {\r\n padding: 35px;\r\n flex-grow: 1;\r\n display: flex;\r\n flex-direction: column;\r\n}\r\n\r\n.bmd-fleet-badge {\r\n align-self: flex-start;\r\n padding: 6px 16px;\r\n border: 1px solid var(--bmd-gold);\r\n background: rgba(223, 186, 72, 0.04);\r\n color: #ffffff;\r\n font-family: var(--bmd-font-tech);\r\n font-weight: 600;\r\n font-size: 11px;\r\n letter-spacing: 1.5px;\r\n margin-bottom: 20px;\r\n border-radius: 2px;\r\n clip-path: polygon(6px 0%, 100% 0%, calc(100% - 6px) 100%, 0% 100%);\r\n transition: all 0.3s ease;\r\n}\r\n\r\n.bmd-fleet-content h3 {\r\n color: #ffffff;\r\n font-family: var(--bmd-font-title);\r\n font-size: 20px;\r\n margin: 0 0 20px 0;\r\n text-transform: uppercase;\r\n}\r\n\r\n.bmd-fleet-content h3 span {\r\n color: var(--bmd-gold);\r\n font-family: var(--bmd-font-tech);\r\n font-weight: 700;\r\n}\r\n\r\n\/* Listes d'options \u00e0 puces propres *\/\r\n.bmd-fleet-content ul {\r\n list-style: none;\r\n padding: 0;\r\n margin: 0;\r\n}\r\n\r\n.bmd-fleet-content li {\r\n position: relative;\r\n padding-left: 20px;\r\n color: var(--bmd-slate-grey);\r\n font-size: 14px;\r\n line-height: 1.6;\r\n font-weight: 300;\r\n margin-bottom: 12px;\r\n}\r\n\r\n.bmd-fleet-content li::before {\r\n content: '';\r\n position: absolute;\r\n left: 0;\r\n top: 8px;\r\n width: 6px;\r\n height: 6px;\r\n background-color: var(--bmd-gold);\r\n border-radius: 50%;\r\n box-shadow: 0 0 6px var(--bmd-gold-glow);\r\n transition: all 0.3s ease;\r\n}\r\n\r\n.bmd-fleet-content li strong {\r\n color: #ffffff;\r\n font-weight: 500;\r\n}\r\n\r\n.bmd-fleet-content li:last-child { margin-bottom: 0; }\r\n\r\n\/* HOVER EFFECT *\/\r\n.bmd-fleet-card:hover {\r\n transform: translateY(-4px);\r\n border-color: var(--bmd-cyan);\r\n box-shadow: 0 20px 45px rgba(0, 240, 255, 0.08);\r\n}\r\n\r\n.bmd-fleet-card:hover .bmd-fleet-img-frame { filter: grayscale(0%) brightness(100%); }\r\n\r\n.bmd-fleet-card:hover .bmd-fleet-badge {\r\n border-color: var(--bmd-cyan);\r\n color: var(--bmd-cyan);\r\n box-shadow: inset 0 0 8px var(--bmd-cyan-glow);\r\n}\r\n\r\n.bmd-fleet-card:hover h3 span {\r\n color: var(--bmd-cyan);\r\n text-shadow: 0 0 8px var(--bmd-cyan-glow);\r\n}\r\n\r\n.bmd-fleet-card:hover li::before {\r\n background-color: var(--bmd-cyan);\r\n box-shadow: 0 0 6px var(--bmd-cyan-glow);\r\n}\r\n\r\n\/* ZONE BOUTONS INF\u00c9RIEURS *\/\r\n.bmd-fleet-actions {\r\n margin-top: 60px;\r\n display: flex;\r\n justify-content: center;\r\n gap: 20px;\r\n}\r\n\r\n.bmd-btn-fleet {\r\n display: inline-block;\r\n padding: 18px 40px;\r\n text-decoration: none;\r\n font-weight: 700;\r\n font-family: var(--bmd-font-title);\r\n font-size: 13px;\r\n letter-spacing: 2px;\r\n text-transform: uppercase;\r\n text-align: center;\r\n clip-path: polygon(12px 0%, 100% 0%, calc(100% - 12px) 100%, 0% 100%);\r\n transition: all 0.35s cubic-bezier(0.25, 1, 0.5, 1);\r\n}\r\n\r\n.bmd-btn-fleet-primary {\r\n background: var(--bmd-gold);\r\n color: #000000;\r\n box-shadow: 0 4px 20px var(--bmd-gold-glow);\r\n}\r\n\r\n.bmd-btn-fleet-primary:hover {\r\n transform: translateY(-2px);\r\n background: #ffffff;\r\n box-shadow: 0 10px 25px rgba(255, 255, 255, 0.2);\r\n}\r\n\r\n.bmd-btn-fleet-secondary {\r\n background: transparent;\r\n border: 1px solid var(--bmd-cyan);\r\n color: var(--bmd-cyan);\r\n box-shadow: inset 0 0 10px var(--bmd-cyan-glow);\r\n}\r\n\r\n.bmd-btn-fleet-secondary:hover {\r\n transform: translateY(-2px);\r\n background: var(--bmd-cyan);\r\n color: #000000;\r\n box-shadow: 0 0 25px rgba(0, 240, 255, 0.3);\r\n}\r\n\r\n\/* RESPONSIVE DESIGN AVANC\u00c9 *\/\r\n@media(max-width: 1024px) {\r\n .bmd-fleet-card {\r\n grid-column: span 3 !important;\r\n }\r\n .bmd-fleet-card-wide {\r\n grid-column: span 6 !important; \/* Le dernier prend toute la largeur sur tablette *\/\r\n }\r\n}\r\n\r\n@media(max-width: 768px) {\r\n .bmd-fleet-section { padding: 80px 15px; }\r\n .bmd-fleet-header { margin-bottom: 45px; }\r\n \r\n .bmd-fleet-grid {\r\n grid-template-columns: 1fr;\r\n gap: 25px;\r\n }\r\n .bmd-fleet-card, .bmd-fleet-card-wide {\r\n grid-column: span 1 !important;\r\n }\r\n .bmd-fleet-img-frame { height: 210px; }\r\n .bmd-fleet-content { padding: 25px 20px; }\r\n \r\n .bmd-fleet-actions {\r\n flex-direction: column;\r\n align-items: center;\r\n gap: 15px;\r\n }\r\n .bmd-btn-fleet {\r\n width: 100%;\r\n max-width: 340px;\r\n }\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-1a4e20b e-con e-atomic-element e-flexbox-base e-af6ec74 \" data-id=\"1a4e20b\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"1a4e20b\">\n \t\t<div class=\"elementor-element elementor-element-f669fe1 elementor-widget elementor-widget-html\" data-id=\"f669fe1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cinzel:wght@700;900&family=Montserrat:wght@300;400;500;600&family=Rajdhani:wght@600;700&display=swap\" rel=\"stylesheet\">\r\n\r\n\r\n<section class=\"bmd-archive-section\" id=\"racines-heritage\">\r\n <div class=\"bmd-archive-grid-bg\"><\/div>\r\n\r\n <div class=\"bmd-archive-container\">\r\n\r\n <header class=\"bmd-archive-header\">\r\n <span class=\"bmd-archive-kicker\">\/\/ SOUVENIR_SOURCE \/\/ REPERE_HISTORIQUE<\/span>\r\n <h2 class=\"bmd-archive-title\">\r\n Origines de la \r\n <span>G\u00e9n\u00e9ration Drivers<\/span>\r\n <\/h2>\r\n <\/header>\r\n\r\n \r\n <div class=\"bmd-story-terminal\">\r\n <div class=\"bmd-story-text\">\r\n <strong>[REGISTRE DE FOSSE \/\/ 1920-1960]<\/strong> Avant d'arpenter le bitume avec nos unit\u00e9s technologiques et \u00e9lectriques, nos anc\u00eatres ont brav\u00e9 les profondeurs de la Terre. C'est ici, sous la poussi\u00e8re de charbon et le fer des chevalets du Bassin Minier, qu'est n\u00e9e notre implacable rigueur. Chaque galerie creus\u00e9e exigeait une pr\u00e9cision absolue, chaque lueur de lampe de s\u00e9curit\u00e9 guidait un destin. \r\n <br><br>\r\n Aujourd'hui, <strong>Bassin Minier Drivers<\/strong> ne renie rien de cet ADN de l'effort. Nous avons extrait la fiert\u00e9, la ponctualit\u00e9 et la fraternit\u00e9 de ces anciennes fosses pour les injecter sous le capot de nos vaisseaux premium. Nous connectons le pass\u00e9 h\u00e9ro\u00efque du Nord aux trajectoires fluides du futur.\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"bmd-archive-grid\">\r\n\r\n \r\n <div class=\"bmd-archive-item bmd-item-span4\">\r\n <img decoding=\"async\" src=\"https:\/\/www.xave-vtc-lens-bethune.fr\/fr\/wp-content\/uploads\/2026\/06\/image.jpg\" alt=\"Mineurs du Nord - Archives\">\r\n <div class=\"bmd-item-overlay\">\r\n <div class=\"bmd-item-meta\">SYS.LOG_01 \/\/ FOSSE<\/div>\r\n <div class=\"bmd-item-title\">La cage horizontale<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"bmd-archive-item bmd-item-span5\">\r\n <img decoding=\"async\" src=\"https:\/\/www.xave-vtc-lens-bethune.fr\/fr\/wp-content\/uploads\/2026\/06\/image-1.jpg\" alt=\"Chevalement Mine - Bassin Minier\">\r\n <div class=\"bmd-item-overlay\">\r\n <div class=\"bmd-item-meta\">SYS.LOG_02 \/\/ IRON<\/div>\r\n <div class=\"bmd-item-title\">Les gueules noires<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"bmd-archive-item bmd-item-span3\">\r\n <img decoding=\"async\" src=\"https:\/\/www.xave-vtc-lens-bethune.fr\/fr\/wp-content\/uploads\/2026\/06\/images.jpg\" alt=\"Travail de fond\">\r\n <div class=\"bmd-item-overlay\">\r\n <div class=\"bmd-item-meta\">SYS.LOG_03 \/\/ CORE<\/div>\r\n <div class=\"bmd-item-title\">L'Infiltration Terminus<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"bmd-archive-item bmd-item-span3\">\r\n <img decoding=\"async\" src=\"https:\/\/www.xave-vtc-lens-bethune.fr\/fr\/wp-content\/uploads\/2026\/06\/1614881253.jpg\" alt=\"Vie quotidienne coron\">\r\n <div class=\"bmd-item-overlay\">\r\n <div class=\"bmd-item-meta\">SYS.LOG_04 \/\/ SECTOR<\/div>\r\n <div class=\"bmd-item-title\">G\u00e9ants de fer<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"bmd-archive-item bmd-item-span4\">\r\n <img decoding=\"async\" src=\"https:\/\/www.xave-vtc-lens-bethune.fr\/fr\/wp-content\/uploads\/2026\/06\/116.jpg\" alt=\"Triage du charbon\">\r\n <div class=\"bmd-item-overlay\">\r\n <div class=\"bmd-item-meta\">SYS.LOG_05 \/\/ SORTING<\/div>\r\n <div class=\"bmd-item-title\">Force et Solidarit\u00e9<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"bmd-archive-item bmd-item-span5\">\r\n <img decoding=\"async\" src=\"https:\/\/www.xave-vtc-lens-bethune.fr\/fr\/wp-content\/uploads\/2026\/06\/images-1-1.jpg\" alt=\"Descente de la cage\">\r\n <div class=\"bmd-item-overlay\">\r\n <div class=\"bmd-item-meta\">SYS.LOG_06 \/\/ ELEVATION<\/div>\r\n <div class=\"bmd-item-title\">Les cit\u00e9s corons<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"bmd-archive-item bmd-item-full\">\r\n <img decoding=\"async\" src=\"https:\/\/www.xave-vtc-lens-bethune.fr\/fr\/wp-content\/uploads\/2026\/06\/image-2.jpg\" alt=\"H\u00e9ritage Bassin Minier\">\r\n <div class=\"bmd-item-overlay\">\r\n <div class=\"bmd-item-meta\">SYS.LOG_07 \/\/ MASTER MEMORY<\/div>\r\n <div class=\"bmd-item-title\">L'H\u00e9ritage Sacr\u00e9 d'une R\u00e9gion Immortelle<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<style>\r\n:root {\r\n --bmd-gold: #dfba48;\r\n --bmd-gold-glow: rgba(223, 186, 72, 0.15);\r\n --bmd-dark-space: #030407;\r\n --bmd-card-surface: #090a10;\r\n --bmd-cyan: #00f0ff;\r\n --bmd-cyan-glow: rgba(0, 240, 255, 0.12);\r\n --bmd-slate-grey: #94a3b8;\r\n \r\n --bmd-font-title: 'Cinzel', serif;\r\n --bmd-font-tech: 'Rajdhani', sans-serif;\r\n --bmd-font-body: 'Montserrat', sans-serif;\r\n}\r\n\r\n.bmd-archive-section {\r\n position: relative;\r\n padding: 120px 20px;\r\n background: linear-gradient(180deg, #000000 0%, var(--bmd-dark-space) 50%, #000000 100%);\r\n font-family: var(--bmd-font-body);\r\n overflow: hidden;\r\n color: #ffffff;\r\n box-sizing: border-box;\r\n}\r\n\r\n.bmd-archive-section *,\r\n.bmd-archive-section *::before,\r\n.bmd-archive-section *::after {\r\n box-sizing: border-box;\r\n}\r\n\r\n\/* Grille matricielle fluide *\/\r\n.bmd-archive-grid-bg {\r\n content: \"\";\r\n position: absolute;\r\n inset: 0;\r\n background-image: \r\n linear-gradient(rgba(223, 186, 72, 0.015) 1px, transparent 1px),\r\n linear-gradient(90deg, rgba(223, 186, 72, 0.015) 1px, transparent 1px);\r\n background-size: 35px 35px;\r\n opacity: 0.8;\r\n pointer-events: none;\r\n z-index: 1;\r\n}\r\n\r\n.bmd-archive-container {\r\n position: relative;\r\n max-width: 1240px;\r\n margin: 0 auto;\r\n z-index: 3;\r\n}\r\n\r\n\/* En-t\u00eate de section *\/\r\n.bmd-archive-header {\r\n text-align: center;\r\n margin-bottom: 50px;\r\n}\r\n\r\n.bmd-archive-kicker {\r\n display: block;\r\n font-family: var(--bmd-font-tech);\r\n font-size: 13px;\r\n letter-spacing: 4px;\r\n color: var(--bmd-cyan);\r\n text-shadow: 0 0 8px var(--bmd-cyan-glow);\r\n font-weight: 700;\r\n text-transform: uppercase;\r\n margin-bottom: 15px;\r\n}\r\n\r\n.bmd-archive-title {\r\n font-family: var(--bmd-font-title);\r\n font-size: clamp(26px, 4.5vw, 42px);\r\n font-weight: 900;\r\n text-transform: uppercase;\r\n margin: 0;\r\n line-height: 1.2;\r\n letter-spacing: 1px;\r\n}\r\n\r\n.bmd-archive-title span {\r\n display: block;\r\n color: var(--bmd-gold);\r\n text-shadow: 0 0 15px var(--bmd-gold-glow);\r\n font-family: var(--bmd-font-tech);\r\n font-size: clamp(14px, 2vw, 20px);\r\n letter-spacing: 5px;\r\n font-weight: 600;\r\n margin-top: 10px;\r\n}\r\n\r\n\/* Terminal d'histoire *\/\r\n.bmd-story-terminal {\r\n background: rgba(7, 8, 12, 0.85);\r\n border: 1px solid rgba(223, 186, 72, 0.15);\r\n border-left: 4px solid var(--bmd-gold);\r\n padding: 35px;\r\n max-width: 900px;\r\n margin: 0 auto 60px;\r\n box-shadow: 0 0 35px rgba(223, 186, 72, 0.03);\r\n position: relative;\r\n border-radius: 2px;\r\n}\r\n\r\n.bmd-story-terminal::before {\r\n content: \"[REGISTRE D\u00c9CLASSIFI\u00c9]\";\r\n position: absolute;\r\n top: -11px;\r\n left: 20px;\r\n background: #040406;\r\n padding: 0 10px;\r\n font-family: var(--bmd-font-tech);\r\n font-size: 11px;\r\n font-weight: 700;\r\n color: var(--bmd-gold);\r\n letter-spacing: 2px;\r\n}\r\n\r\n.bmd-story-text {\r\n font-size: 15px;\r\n line-height: 1.85;\r\n color: var(--bmd-slate-grey);\r\n font-weight: 300;\r\n}\r\n\r\n.bmd-story-text strong {\r\n color: #ffffff;\r\n font-weight: 600;\r\n font-family: var(--bmd-font-tech);\r\n font-size: 16.5px;\r\n letter-spacing: 0.5px;\r\n}\r\n\r\n\/* Grille Asym\u00e9trique *\/\r\n.bmd-archive-grid {\r\n display: grid;\r\n grid-template-columns: repeat(12, 1fr);\r\n gap: 24px;\r\n}\r\n\r\n.bmd-archive-item {\r\n position: relative;\r\n background: var(--bmd-card-surface);\r\n border: 1px solid rgba(255, 255, 255, 0.06);\r\n overflow: hidden;\r\n border-radius: 4px;\r\n transition: all 0.45s cubic-bezier(0.25, 1, 0.5, 1);\r\n}\r\n\r\n\/* R\u00e9partition des blocs sur grands \u00e9crans *\/\r\n.bmd-item-span4 { grid-column: span 4; }\r\n.bmd-item-span5 { grid-column: span 5; }\r\n.bmd-item-span3 { grid-column: span 3; }\r\n.bmd-item-full { grid-column: span 12; }\r\n\r\n.bmd-archive-item img {\r\n width: 100%;\r\n height: 260px;\r\n object-fit: cover;\r\n display: block;\r\n filter: sepia(35%) contrast(105%) brightness(80%) grayscale(25%);\r\n transition: all 0.5s ease;\r\n}\r\n\r\n.bmd-item-full img {\r\n height: 420px;\r\n}\r\n\r\n\/* Calques textuels de survol *\/\r\n.bmd-item-overlay {\r\n position: absolute;\r\n inset: 0;\r\n background: linear-gradient(to top, rgba(0, 0, 0, 0.95) 10%, rgba(0, 0, 0, 0.4) 60%, transparent 100%);\r\n padding: 25px;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: flex-end;\r\n transition: all 0.4s ease;\r\n}\r\n\r\n.bmd-item-meta {\r\n font-family: var(--bmd-font-tech);\r\n font-size: 11px;\r\n color: var(--bmd-cyan);\r\n margin-bottom: 6px;\r\n letter-spacing: 2px;\r\n font-weight: 600;\r\n}\r\n\r\n.bmd-item-title {\r\n font-family: var(--bmd-font-title);\r\n font-size: 16px;\r\n font-weight: 700;\r\n color: #ffffff;\r\n text-transform: uppercase;\r\n letter-spacing: 0.5px;\r\n transition: color 0.3s ease;\r\n}\r\n\r\n\/* Interactions fluides au survol *\/\r\n.bmd-archive-item:hover {\r\n transform: translateY(-4px);\r\n border-color: var(--bmd-gold);\r\n box-shadow: 0 15px 35px rgba(223, 186, 72, 0.1);\r\n z-index: 4;\r\n}\r\n\r\n.bmd-archive-item:hover img {\r\n filter: sepia(0%) contrast(100%) brightness(95%) grayscale(0%);\r\n transform: scale(1.02);\r\n}\r\n\r\n.bmd-archive-item:hover .bmd-item-title {\r\n color: var(--bmd-gold);\r\n}\r\n\r\n\/* MEDIA QUERIES ULTRA RESPONSIVES *\/\r\n@media(max-width: 1024px) {\r\n .bmd-item-span4, .bmd-item-span5, .bmd-item-span3 { \r\n grid-column: span 6; \r\n }\r\n .bmd-item-full { \r\n grid-column: span 12; \r\n }\r\n .bmd-archive-item img { \r\n height: 230px; \r\n }\r\n .bmd-item-full img { \r\n height: 320px; \r\n }\r\n}\r\n\r\n@media(max-width: 768px) {\r\n .bmd-archive-section { \r\n padding: 80px 15px; \r\n }\r\n .bmd-story-terminal { \r\n padding: 25px 20px; \r\n margin-bottom: 40px; \r\n }\r\n .bmd-archive-grid {\r\n gap: 20px;\r\n }\r\n .bmd-archive-item { \r\n grid-column: span 12 !important; \r\n }\r\n .bmd-archive-item img, .bmd-item-full img { \r\n height: 210px; \r\n }\r\n .bmd-item-overlay {\r\n padding: 20px;\r\n }\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-fa49550 e-con e-atomic-element e-flexbox-base e-5dd7099 \" data-id=\"fa49550\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"fa49550\">\n \t\t<div class=\"elementor-element elementor-element-db8925a elementor-widget elementor-widget-html\" data-id=\"db8925a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<footer class=\"bmd-footer\">\r\n \r\n <div class=\"footer-top-bar\"><\/div>\r\n\r\n <div class=\"footer-container\">\r\n\r\n \r\n <div class=\"footer-col\">\r\n <h3>Bassin Minier Drivers<\/h3>\r\n <div class=\"footer-indicator\"><span><\/span> NETWORK_CORE<\/div>\r\n <p>\r\n R\u00e9seau d'\u00e9lite de chauffeurs priv\u00e9s VTC dans le Bassin Minier. Transport local, navettes a\u00e9roports, gares, s\u00e9minaires, mariages, \u00e9v\u00e9nements priv\u00e9s et protocoles professionnels.\r\n <\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"footer-col\">\r\n <h4>\/\/ Nos Services<\/h4>\r\n <ul>\r\n <li><a href=\"#services\">Navettes A\u00e9roports<\/a><\/li>\r\n <li><a href=\"#services\">Navettes Gares<\/a><\/li>\r\n <li><a href=\"#services\">Mariages<\/a><\/li>\r\n <li><a href=\"#services\">S\u00e9minaires<\/a><\/li>\r\n <li><a href=\"#services\">\u00c9v\u00e9nements<\/a><\/li>\r\n <li><a href=\"#services\">Transport Toutes Distances<\/a><\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n \r\n <div class=\"footer-col\">\r\n <h4>\/\/ Secteurs Cl\u00e9s<\/h4>\r\n <ul>\r\n <li><a href=\"#zones\">Lens<\/a><\/li>\r\n <li><a href=\"#zones\">B\u00e9thune<\/a><\/li>\r\n <li><a href=\"#zones\">Li\u00e9vin<\/a><\/li>\r\n <li><a href=\"#zones\">Bruay-la-Buissi\u00e8re<\/a><\/li>\r\n <li><a href=\"#zones\">Sains-en-Gohelle<\/a><\/li>\r\n <li><a href=\"#zones\">Bully-les-Mines<\/a><\/li>\r\n <li><a href=\"#zones\">Grenay<\/a><\/li>\r\n <li><a href=\"#zones\">N\u0153ux-les-Mines<\/a><\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n \r\n <div class=\"footer-col\">\r\n <h4>\/\/ Connexion R\u00e9seau<\/h4>\r\n <ul class=\"footer-contact-list\">\r\n <li><span class=\"contact-type\">LINE_01<\/span> <a href=\"tel:0669157643\">06 69 15 76 43<\/a><\/li>\r\n <li><span class=\"contact-type alert\">CRIT_02<\/span> <a href=\"tel:0763886827\">07 63 88 68 27<\/a><\/li>\r\n <li><span class=\"contact-type secure\">MAIL<\/span> <a href=\"mailto:bm.drivers62@gmail.com\">bm.drivers62@gmail.com<\/a><\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n <div class=\"footer-bottom\">\r\n <div class=\"footer-bottom-wrap\">\r\n <p class=\"copyright\">\r\n \u00a9 2026 Bassin Minier Drivers - Tous droits r\u00e9serv\u00e9s.\r\n <\/p>\r\n <p class=\"seo-keywords\">\r\n Transport VTC \u2022 Lens \u2022 B\u00e9thune \u2022 Li\u00e9vin \u2022 Bassin Minier \u2022 Hauts-de-France \/\/ SYS_STATUS: OPERATIONAL\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n<\/footer>\r\n\r\n<style>\r\n:root {\r\n --gold: #d4af37;\r\n --gold-glow: rgba(212, 175, 55, 0.2);\r\n --black: #030305;\r\n --cyber-dark: #07070a;\r\n --cyan-accent: #00f0ff;\r\n --cyan-glow: rgba(0, 240, 255, 0.2);\r\n --emergency-red: #ff3b30;\r\n}\r\n\r\n.bmd-footer {\r\n background: linear-gradient(180deg, var(--black) 0%, #020203 100%);\r\n position: relative;\r\n padding-top: 90px;\r\n font-family: 'Montserrat', sans-serif;\r\n border-top: 1px solid rgba(255, 255, 255, 0.02);\r\n}\r\n\r\n\/* Ligne sup\u00e9rieure de style HUD *\/\r\n.footer-top-bar {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 1px;\r\n background: linear-gradient(90deg, transparent, var(--gold) 20%, var(--cyan-accent) 80%, transparent);\r\n opacity: 0.3;\r\n}\r\n\r\n.footer-container {\r\n max-width: 1400px;\r\n margin: auto;\r\n padding: 0 20px 70px;\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\r\n gap: 50px;\r\n}\r\n\r\n\/* Typographies et en-t\u00eates de colonnes *\/\r\n.footer-col h3 {\r\n color: #fff;\r\n font-size: 20px;\r\n font-weight: 800;\r\n margin-bottom: 5px;\r\n font-family: 'Orbitron', sans-serif;\r\n text-transform: uppercase;\r\n letter-spacing: -0.5px;\r\n}\r\n\r\n.footer-col h4 {\r\n color: var(--gold);\r\n font-size: 14px;\r\n font-weight: 700;\r\n margin-bottom: 25px;\r\n font-family: 'Orbitron', sans-serif;\r\n text-transform: uppercase;\r\n letter-spacing: 1px;\r\n}\r\n\r\n\/* Indicateur syst\u00e8me sous le titre principal *\/\r\n.footer-indicator {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 6px;\r\n font-family: 'Rajdhani', sans-serif;\r\n font-size: 11px;\r\n color: var(--cyan-accent);\r\n letter-spacing: 2px;\r\n font-weight: 600;\r\n margin-bottom: 20px;\r\n}\r\n\r\n.footer-indicator span {\r\n width: 4px;\r\n height: 4px;\r\n background-color: var(--cyan-accent);\r\n border-radius: 50%;\r\n box-shadow: 0 0 6px var(--cyan-accent);\r\n}\r\n\r\n.footer-col p {\r\n color: #90909a;\r\n line-height: 1.8;\r\n font-size: 14px;\r\n font-weight: 300;\r\n text-align: justify;\r\n}\r\n\r\n\/* Listes de liens du Footer *\/\r\n.footer-col ul {\r\n list-style: none;\r\n padding: 0;\r\n margin: 0;\r\n}\r\n\r\n.footer-col li {\r\n margin-bottom: 12px;\r\n font-size: 14px;\r\n font-weight: 300;\r\n display: flex;\r\n align-items: center;\r\n}\r\n\r\n.footer-col a {\r\n color: #a0a0aa;\r\n text-decoration: none;\r\n transition: all 0.3s ease;\r\n display: inline-block;\r\n}\r\n\r\n.footer-col a:hover {\r\n color: #fff;\r\n transform: translateX(4px);\r\n}\r\n\r\n\/* Colonne Sp\u00e9cifique de Contacts *\/\r\n.footer-contact-list li {\r\n gap: 12px;\r\n}\r\n\r\n.contact-type {\r\n font-family: 'Orbitron', sans-serif;\r\n font-size: 9px;\r\n font-weight: 700;\r\n padding: 2px 6px;\r\n background: rgba(255, 255, 255, 0.03);\r\n border: 1px solid rgba(255, 255, 255, 0.08);\r\n color: var(--gold);\r\n border-radius: 2px;\r\n letter-spacing: 0.5px;\r\n}\r\n\r\n.contact-type.alert {\r\n color: var(--emergency-red);\r\n border-color: rgba(255, 59, 48, 0.2);\r\n background: rgba(255, 59, 48, 0.02);\r\n}\r\n\r\n.contact-type.secure {\r\n color: var(--cyan-accent);\r\n border-color: rgba(0, 240, 255, 0.2);\r\n background: rgba(0, 240, 255, 0.02);\r\n}\r\n\r\n.footer-contact-list a {\r\n font-family: 'Orbitron', sans-serif;\r\n font-size: 13px;\r\n font-weight: 500;\r\n}\r\n\r\n\/* Zone inf\u00e9rieure de Copyright *\/\r\n.footer-bottom {\r\n border-top: 1px solid rgba(255, 255, 255, 0.03);\r\n background: #020203;\r\n padding: 30px 20px;\r\n text-align: center;\r\n}\r\n\r\n.footer-bottom-wrap {\r\n max-width: 1400px;\r\n margin: auto;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n flex-wrap: wrap;\r\n gap: 15px;\r\n}\r\n\r\n.footer-bottom p {\r\n margin: 0;\r\n font-size: 13px;\r\n}\r\n\r\n.footer-bottom p.copyright {\r\n color: #60606a;\r\n font-weight: 400;\r\n}\r\n\r\n.footer-bottom p.seo-keywords {\r\n color: #40404a;\r\n font-family: 'Rajdhani', sans-serif;\r\n letter-spacing: 1px;\r\n font-weight: 500;\r\n text-transform: uppercase;\r\n}\r\n\r\n\/* Responsiveness Mobile *\/\r\n@media(max-width: 768px) {\r\n .bmd-footer {\r\n padding-top: 60px;\r\n }\r\n\r\n .footer-container {\r\n gap: 40px;\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .footer-col {\r\n text-align: center;\r\n }\r\n\r\n .footer-col p {\r\n text-align: center;\r\n }\r\n\r\n .footer-indicator {\r\n justify-content: center;\r\n }\r\n\r\n .footer-col h4 {\r\n margin-bottom: 18px;\r\n }\r\n\r\n .footer-contact-list li {\r\n justify-content: center;\r\n }\r\n\r\n .footer-col a:hover {\r\n transform: none;\r\n }\r\n\r\n .footer-bottom-wrap {\r\n flex-direction: column;\r\n text-align: center;\r\n gap: 10px;\r\n }\r\n \r\n .footer-bottom p.seo-keywords {\r\n font-size: 11px;\r\n line-height: 1.5;\r\n }\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Bassin Minier Drivers | VTC Premium & Chauffeur Priv\u00e9 Lens, B\u00e9thune R\u00c9SEAU HAUTS-DE-FRANCE \u2022 LENS \u2022 B\u00c9THUNE \u2022 PREMIUM Bassin Minier Drivers Chauffeur Priv\u00e9 & Solution VTC de Luxe Besoin d’un transfert s\u00e9curis\u00e9 ? Nous assurons votre transport local, navettes gares & a\u00e9roports, s\u00e9minaires professionnels, mariages et \u00e9v\u00e9nements priv\u00e9s. Notre flotte est \u00e0 votre disposition […]<\/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-106","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.xave-vtc-lens-bethune.fr\/fr\/wp-json\/wp\/v2\/pages\/106","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.xave-vtc-lens-bethune.fr\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.xave-vtc-lens-bethune.fr\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.xave-vtc-lens-bethune.fr\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.xave-vtc-lens-bethune.fr\/fr\/wp-json\/wp\/v2\/comments?post=106"}],"version-history":[{"count":79,"href":"https:\/\/www.xave-vtc-lens-bethune.fr\/fr\/wp-json\/wp\/v2\/pages\/106\/revisions"}],"predecessor-version":[{"id":311,"href":"https:\/\/www.xave-vtc-lens-bethune.fr\/fr\/wp-json\/wp\/v2\/pages\/106\/revisions\/311"}],"wp:attachment":[{"href":"https:\/\/www.xave-vtc-lens-bethune.fr\/fr\/wp-json\/wp\/v2\/media?parent=106"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

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

\n\t\t\t\t

\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n Bassin Minier Drivers | VTC Premium & Chauffeur Priv\u00e9 Lens, B\u00e9thune<\/title>\r\n <meta name=\"description\" content=\"R\u00e9servez votre chauffeur priv\u00e9 VTC haut de gamme dans le Bassin Minier (Lens, B\u00e9thune, Arras). Service premium 24h\/24 et 7j\/7 pour gares, a\u00e9roports et \u00e9v\u00e9nements.\">\r\n \r\n \r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cinzel:wght@500;700;900&family=Rajdhani:wght@500;600;700&family=Montserrat:wght@300;400;500;600&display=swap\" rel=\"stylesheet\">\r\n \r\n <style>\r\n :root {\r\n --gold: #dfba48;\r\n --gold-light: #fff5c0;\r\n --gold-glow: rgba(223, 186, 72, 0.25);\r\n --black: #020203;\r\n --cyber-bg: #050508;\r\n --card-bg: rgba(10, 10, 15, 0.8);\r\n --cyan-accent: #00f0ff;\r\n --cyan-glow: rgba(0, 240, 255, 0.15);\r\n --glass-border: rgba(223, 186, 72, 0.15);\r\n --font-luxury: 'Cinzel', serif;\r\n --font-tech: 'Rajdhani', sans-serif;\r\n --font-sans: 'Montserrat', sans-serif;\r\n }\r\n\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n scroll-behavior: smooth;\r\n }\r\n\r\n body {\r\n background-color: var(--black);\r\n color: #ffffff;\r\n font-family: var(--font-sans);\r\n overflow-x: hidden;\r\n line-height: 1.6;\r\n }\r\n\r\n \/* --- HERO SECTION --- *\/\r\n .bmd-hero {\r\n position: relative;\r\n width: 100%;\r\n min-height: 100vh;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n background: \r\n radial-gradient(circle at 50% 25%, rgba(223, 186, 72, 0.07), transparent 55%),\r\n radial-gradient(circle at 15% 75%, rgba(0, 240, 255, 0.03), transparent 40%),\r\n var(--cyber-bg);\r\n padding: 60px 20px;\r\n }\r\n\r\n \/* Grille Matrix \/ Cyber *\/\r\n .bmd-grid {\r\n position: absolute;\r\n inset: 0;\r\n background-image: \r\n linear-gradient(rgba(223, 186, 72, 0.02) 1px, transparent 1px),\r\n linear-gradient(90deg, rgba(223, 186, 72, 0.02) 1px, transparent 1px);\r\n background-size: 60px 60px;\r\n transform: perspective(600px) rotateX(20deg);\r\n transform-origin: top;\r\n mask-image: linear-gradient(to bottom, rgba(0,0,0,1) 40%, rgba(0,0,0,0));\r\n -webkit-mask-image: linear-gradient(to bottom, rgba(0,0,0,1) 40%, rgba(0,0,0,0));\r\n opacity: 0.8;\r\n pointer-events: none;\r\n }\r\n\r\n \/* Scanner Laser Discret *\/\r\n .bmd-hero::before {\r\n content: \"\";\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 2px;\r\n background: linear-gradient(90deg, transparent, var(--gold), var(--cyan-accent), var(--gold), transparent);\r\n box-shadow: 0 0 12px var(--gold), 0 0 20px var(--cyan-accent);\r\n animation: laserScan 8s linear infinite;\r\n z-index: 1;\r\n opacity: 0.4;\r\n }\r\n\r\n @keyframes laserScan {\r\n 0% { top: 0%; opacity: 0; }\r\n 5% { opacity: 0.6; }\r\n 95% { opacity: 0.6; }\r\n 100% { top: 100%; opacity: 0; }\r\n }\r\n\r\n .bmd-container {\r\n position: relative;\r\n z-index: 2;\r\n max-width: 1100px;\r\n width: 100%;\r\n text-align: center;\r\n }\r\n\r\n \/* Logo Central Int\u00e9gr\u00e9 *\/\r\n .bmd-hero-logo {\r\n margin-bottom: 25px;\r\n }\r\n\r\n .bmd-hero-logo img {\r\n width: 80px;\r\n height: 80px;\r\n object-fit: contain;\r\n }\r\n\r\n \/* Badge Localisation *\/\r\n .bmd-badge {\r\n display: inline-block;\r\n padding: 8px 20px;\r\n border: 1px solid var(--gold);\r\n background: rgba(223, 186, 72, 0.03);\r\n border-radius: 2px;\r\n color: #fff;\r\n font-family: var(--font-tech);\r\n font-weight: 600;\r\n font-size: 13px;\r\n letter-spacing: 2px;\r\n margin-bottom: 30px;\r\n box-shadow: inset 0 0 8px var(--gold-glow);\r\n clip-path: polygon(8px 0%, 100% 0%, calc(100% - 8px) 100%, 0% 100%);\r\n }\r\n\r\n .bmd-badge span {\r\n color: var(--cyan-accent);\r\n text-shadow: 0 0 5px var(--cyan-glow);\r\n }\r\n\r\n \/* Titres SEO Optimis\u00e9s *\/\r\n .bmd-hero h1 {\r\n font-family: var(--font-luxury);\r\n font-size: clamp(32px, 5.5vw, 72px);\r\n font-weight: 700;\r\n line-height: 1.1;\r\n color: white;\r\n margin-bottom: 10px;\r\n text-transform: uppercase;\r\n letter-spacing: 1px;\r\n }\r\n\r\n .bmd-hero h1 span {\r\n display: block;\r\n font-size: clamp(16px, 2.5vw, 24px);\r\n color: var(--gold);\r\n font-family: var(--font-tech);\r\n font-weight: 600;\r\n letter-spacing: 5px;\r\n margin-top: 15px;\r\n text-shadow: 0 0 10px var(--gold-glow);\r\n }\r\n\r\n \/* Bloc Description avec image SEO Int\u00e9gr\u00e9e *\/\r\n .bmd-desc {\r\n max-width: 800px;\r\n margin: 35px auto;\r\n font-weight: 300;\r\n font-size: clamp(15px, 1.5vw, 17px);\r\n line-height: 1.8;\r\n color: #ccd;\r\n padding: 35px;\r\n background: \r\n linear-gradient(rgba(5, 5, 8, 0.92), rgba(5, 5, 8, 0.92)), \r\n url('https:\/\/www.xave-vtc-lens-bethune.fr\/fr\/wp-content\/uploads\/2026\/06\/1000015706.png') no-repeat center center;\r\n background-size: cover;\r\n border: 1px solid var(--glass-border);\r\n border-radius: 4px;\r\n backdrop-filter: blur(10px);\r\n -webkit-backdrop-filter: blur(10px);\r\n box-shadow: 0 20px 40px rgba(0, 0, 0, 0.6);\r\n }\r\n \r\n .bmd-desc strong {\r\n color: var(--gold-light);\r\n font-weight: 500;\r\n }\r\n\r\n \/* Boutons d'Action *\/\r\n .bmd-buttons {\r\n display: flex;\r\n justify-content: center;\r\n gap: 20px;\r\n flex-wrap: wrap;\r\n margin-top: 40px;\r\n }\r\n\r\n .bmd-btn {\r\n position: relative;\r\n padding: 16px 35px;\r\n text-decoration: none;\r\n font-weight: 700;\r\n font-family: var(--font-tech);\r\n font-size: 15px;\r\n letter-spacing: 2px;\r\n text-transform: uppercase;\r\n transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);\r\n clip-path: polygon(12px 0%, 100% 0%, calc(100% - 12px) 100%, 0% 100%);\r\n }\r\n\r\n .bmd-btn-gold {\r\n background: var(--gold);\r\n color: var(--black);\r\n box-shadow: 0 4px 15px var(--gold-glow);\r\n }\r\n\r\n .bmd-btn-gold:hover {\r\n transform: translateY(-2px);\r\n background: #ffffff;\r\n box-shadow: 0 0 20px rgba(255,255,255,0.4), 0 4px 20px var(--gold-glow);\r\n }\r\n\r\n .bmd-btn-dark {\r\n background: rgba(5, 5, 8, 0.6);\r\n border: 1px solid var(--cyan-accent);\r\n color: var(--cyan-accent);\r\n box-shadow: inset 0 0 8px var(--cyan-glow);\r\n }\r\n\r\n .bmd-btn-dark:hover {\r\n transform: translateY(-2px);\r\n background: var(--cyan-accent);\r\n color: var(--black);\r\n box-shadow: 0 0 20px var(--cyan-accent);\r\n }\r\n\r\n \/* Grid Contacts \/ Infos *\/\r\n .bmd-infos {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 20px;\r\n margin-top: 70px;\r\n }\r\n\r\n .bmd-info {\r\n background: var(--card-bg);\r\n border: 1px solid rgba(255, 255, 255, 0.03);\r\n border-top: 2px solid var(--gold);\r\n padding: 25px 20px;\r\n backdrop-filter: blur(10px);\r\n -webkit-backdrop-filter: blur(10px);\r\n position: relative;\r\n transition: all 0.3s ease;\r\n text-align: left;\r\n }\r\n\r\n .bmd-info::after {\r\n content: '';\r\n position: absolute;\r\n bottom: 0;\r\n right: 0;\r\n width: 8px;\r\n height: 8px;\r\n background: var(--cyan-accent);\r\n clip-path: polygon(100% 0, 100% 100%, 0 100%);\r\n opacity: 0.4;\r\n }\r\n\r\n .bmd-info:hover {\r\n border-color: var(--cyan-accent);\r\n transform: translateY(-4px);\r\n box-shadow: 0 12px 25px rgba(0, 240, 255, 0.08);\r\n }\r\n\r\n .bmd-info h2 {\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n color: var(--gold);\r\n font-family: var(--font-tech);\r\n font-size: 16px;\r\n font-weight: 600;\r\n letter-spacing: 1px;\r\n margin-bottom: 10px;\r\n text-transform: uppercase;\r\n }\r\n\r\n .bmd-info h2::before {\r\n content: '';\r\n display: inline-block;\r\n width: 4px;\r\n height: 4px;\r\n background-color: currentColor;\r\n border-radius: 50%;\r\n box-shadow: 0 0 6px currentColor;\r\n }\r\n\r\n .bmd-info p {\r\n color: #ffffff;\r\n font-family: var(--font-tech);\r\n font-weight: 500;\r\n font-size: 20px;\r\n letter-spacing: 1px;\r\n }\r\n \r\n .bmd-info a {\r\n color: inherit;\r\n text-decoration: none;\r\n transition: color 0.2s;\r\n }\r\n .bmd-info a:hover {\r\n color: var(--cyan-accent);\r\n }\r\n\r\n \/* --- RESPONSIVE ADJUSTMENTS --- *\/\r\n @media (max-width: 992px) {\r\n .bmd-buttons {\r\n flex-direction: column;\r\n align-items: center;\r\n gap: 15px;\r\n }\r\n\r\n .bmd-btn {\r\n width: 100%;\r\n max-width: 320px;\r\n text-align: center;\r\n }\r\n\r\n .bmd-infos {\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 15px;\r\n margin-top: 45px;\r\n }\r\n\r\n .bmd-info:last-child {\r\n grid-column: span 2;\r\n }\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .bmd-infos {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .bmd-info:last-child {\r\n grid-column: span 1;\r\n }\r\n\r\n .bmd-info p {\r\n font-size: 18px;\r\n }\r\n \r\n .bmd-hero-logo img {\r\n width: 70px;\r\n height: 70px;\r\n }\r\n }\r\n <\/style>\r\n\r\n \r\n <script type=\"application\/ld+json\">\r\n {\r\n \"@context\": \"https:\/\/schema.org\",\r\n \"@type\": \"TaxiService\",\r\n \"name\": \"Bassin Minier Drivers\",\r\n \"image\": \"https:\/\/www.xave-vtc-lens-bethune.fr\/fr\/wp-content\/uploads\/2026\/06\/1000015706.png\",\r\n \"telephone\": \"+33669157643\",\r\n \"email\": \"bm.drivers62@gmail.com\",\r\n \"address\": {\r\n \"@type\": \"PostalAddress\",\r\n \"addressLocality\": \"Lens\",\r\n \"addressRegion\": \"Hauts-de-France\",\r\n \"addressCountry\": \"FR\"\r\n },\r\n \"geo\": {\r\n \"@type\": \"GeoCircle\",\r\n \"geoMidpoint\": {\r\n \"@type\": \"GeoCoordinates\",\r\n \"latitude\": 50.4324,\r\n \"longitude\": 2.8318\r\n },\r\n \"geoRadius\": \"50000\"\r\n },\r\n \"areaServed\": [\r\n { \"@type\": \"AdministrativeArea\", \"name\": \"Lens\" },\r\n { \"@type\": \"AdministrativeArea\", \"name\": \"B\u00e9thune\" },\r\n { \"@type\": \"AdministrativeArea\", \"name\": \"Arras\" },\r\n { \"@type\": \"AdministrativeArea\", \"name\": \"Li\u00e9vin\" },\r\n { \"@type\": \"AdministrativeArea\", \"name\": \"Bruay-la-Buissi\u00e8re\" }\r\n ],\r\n \"openingHoursSpecification\": {\r\n \"@type\": \"OpeningHoursSpecification\",\r\n \"dayOfWeek\": [\r\n \"Monday\", \"Tuesday\", \"Wednesday\", \"Thursday\", \"Friday\", \"Saturday\", \"Sunday\"\r\n ],\r\n \"opens\": \"00:00\",\r\n \"closes\": \"23:59\"\r\n },\r\n \"priceRange\": \"$$\"\r\n }\r\n <\/script>\r\n<\/head>\r\n<body>\r\n\r\n <main>\r\n \r\n <section class=\"bmd-hero\">\r\n <div class=\"bmd-grid\"><\/div>\r\n\r\n <div class=\"bmd-container\">\r\n \r\n \r\n <div class=\"bmd-hero-logo\">\r\n <img decoding=\"async\" src=\"https:\/\/xave-vtc.fr\/wp-content\/uploads\/2026\/05\/Gemini_Generated_Image_qkrwinqkrwinqkrw.png\" alt=\"Bassin Minier Drivers Logo\">\r\n <\/div>\r\n\r\n <div class=\"bmd-badge\">\r\n R\u00c9SEAU HAUTS-DE-FRANCE \u2022 LENS \u2022 B\u00c9THUNE \u2022 <span>PREMIUM<\/span>\r\n <\/div>\r\n\r\n <h1>\r\n Bassin Minier Drivers\r\n <span>Chauffeur Priv\u00e9 & Solution VTC de Luxe<\/span>\r\n <\/h1>\r\n\r\n \r\n <div class=\"bmd-desc\">\r\n Besoin d'un transfert s\u00e9curis\u00e9 ? Nous assurons votre transport local, navettes gares & a\u00e9roports, s\u00e9minaires professionnels, mariages et \u00e9v\u00e9nements priv\u00e9s. Notre flotte est \u00e0 votre disposition <strong>24h\/24<\/strong> et <strong>7j\/7<\/strong> sur Lens, B\u00e9thune, Li\u00e9vin, Bruay-la-Buissi\u00e8re, Arras et l'ensemble de la m\u00e9tropole Lilloise.\r\n <\/div>\r\n\r\n <div class=\"bmd-buttons\">\r\n <a href=\"tel:0669157643\" class=\"bmd-btn bmd-btn-gold\">\r\n R\u00e9server l'unit\u00e9\r\n <\/a>\r\n <a href=\"mailto:bm.drivers62@gmail.com\" class=\"bmd-btn bmd-btn-dark\">\r\n Demander un devis\r\n <\/a>\r\n <\/div>\r\n\r\n \r\n <div class=\"bmd-infos\">\r\n <div class=\"bmd-info\">\r\n <h2>Centrale [24\/7]<\/h2>\r\n <p><a href=\"tel:0669157643\">06 69 15 76 43<\/a><\/p>\r\n <\/div>\r\n\r\n <div class=\"bmd-info\">\r\n <h2>Ligne Urgence<\/h2>\r\n <p><a href=\"tel:0763886827\">07 63 88 68 27<\/a><\/p>\r\n <\/div>\r\n\r\n <div class=\"bmd-info\">\r\n <h2>Canal Digital<\/h2>\r\n <p style=\"font-size: 15px;\"><a href=\"mailto:bm.drivers62@gmail.com\">bm.drivers62@gmail.com<\/a><\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/section>\r\n <\/main>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-107b049 e-flex e-con-boxed e-con e-parent\" data-id=\"107b049\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d80eb75 elementor-widget elementor-widget-html\" data-id=\"d80eb75\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"bmd-photo-showcase\" id=\"a-propos\">\r\n \r\n <div class=\"showcase-cyber-lines\"><\/div>\r\n\r\n <div class=\"photo-container\">\r\n\r\n \r\n <article class=\"photo-frame\">\r\n \r\n <div class=\"hud-corner top-left\"><\/div>\r\n <div class=\"hud-corner top-right\"><\/div>\r\n <div class=\"hud-corner bottom-left\"><\/div>\r\n <div class=\"hud-corner bottom-right\"><\/div>\r\n \r\n <img decoding=\"async\" src=\"https:\/\/www.xave-vtc-lens-bethune.fr\/fr\/wp-content\/uploads\/2026\/06\/file_0000000081a07246970853c5ec1739a8.png\" alt=\"Chauffeur priv\u00e9 VTC - Flotte de v\u00e9hicules Premium Bassin Minier Drivers\">\r\n \r\n \r\n <div class=\"photo-scanner\"><\/div>\r\n <\/article>\r\n\r\n \r\n <div class=\"photo-text\">\r\n\r\n <span class=\"photo-badge\">\r\n SYS.ID \/\/ <span>PREMIUM MOBILITY SERVICE<\/span>\r\n <\/span>\r\n\r\n <h2>\r\n Transport Priv\u00e9 VTC<br>\r\n <span>Particuliers & Professionnels<\/span>\r\n <\/h2>\r\n\r\n <p>\r\n Bassin Minier Drivers red\u00e9finit les codes du transport de personnes \u00e0 travers une offre VTC haut de gamme et exclusive. Disponible <strong>24h\/24<\/strong> et <strong>7j\/7<\/strong>, notre centrale assure la logistique de tous vos d\u00e9placements priv\u00e9s ou corporatifs, des trajets du quotidien aux navettes de gares et terminaux d'a\u00e9roports r\u00e9gionaux et internationaux (Lille Lesquin, Paris CDG, Charleroi).\r\n <\/p>\r\n <br>\r\n <p>\r\n Sp\u00e9cialis\u00e9s dans le transport \u00e9v\u00e9nementiel de pointe, nous mettons \u00e0 disposition des chauffeurs priv\u00e9s chevronn\u00e9s pour vos s\u00e9minaires d'affaires, mariages, soir\u00e9es priv\u00e9es et congr\u00e8s professionnels majeurs. Notre couverture englobe l'int\u00e9gralit\u00e9 du <strong>Bassin Minier<\/strong> (Lens, B\u00e9thune, Li\u00e9vin, Arras, Bruay-la-Buissi\u00e8re) ainsi que l'ensemble de l'axe strat\u00e9gique des <strong>Hauts-de-France<\/strong>. Profitez d'une alternative luxueuse au taxi classique, combinant discr\u00e9tion, ponctualit\u00e9 et confort technologique absolu.\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n<\/section>\r\n\r\n<style>\r\n\/* Variables partag\u00e9es (Synchronis\u00e9es avec le Hero Premium) *\/\r\n:root {\r\n --gold: #dfba48;\r\n --gold-light: #fff5c0;\r\n --gold-glow: rgba(223, 186, 72, 0.25);\r\n --black: #020203;\r\n --cyber-dark: #050508;\r\n --cyan-accent: #00f0ff;\r\n --cyan-glow: rgba(0, 240, 255, 0.2);\r\n --font-luxury: 'Cinzel', serif;\r\n --font-tech: 'Rajdhani', sans-serif;\r\n --font-sans: 'Montserrat', sans-serif;\r\n}\r\n\r\n.bmd-photo-showcase {\r\n padding: 120px 20px;\r\n background: linear-gradient(180deg, #050508 0%, var(--black) 100%);\r\n position: relative;\r\n overflow: hidden;\r\n}\r\n\r\n\/* Lignes de fond technologiques *\/\r\n.showcase-cyber-lines {\r\n position: absolute;\r\n inset: 0;\r\n background: radial-gradient(circle at 80% 40%, rgba(0, 240, 255, 0.02), transparent 50%);\r\n pointer-events: none;\r\n}\r\n\r\n.photo-container {\r\n max-width: 1300px;\r\n margin: auto;\r\n display: grid;\r\n grid-template-columns: 1.1fr 1fr;\r\n gap: 70px;\r\n align-items: center;\r\n position: relative;\r\n z-index: 2;\r\n}\r\n\r\n\/* Frame Photo Futuriste \/ \u00c9cran HUD *\/\r\n.photo-frame {\r\n position: relative;\r\n overflow: hidden;\r\n background: #000;\r\n padding: 4px; \/* Plus fin pour un rendu plus haut de gamme *\/\r\n clip-path: polygon(30px 0%, 100% 0%, 100% calc(100% - 30px), calc(100% - 30px) 100%, 0% 100%, 0% 30px);\r\n box-shadow: 0 0 35px var(--gold-glow);\r\n border: 1px solid rgba(223, 186, 72, 0.15);\r\n}\r\n\r\n.photo-frame img {\r\n width: 100%;\r\n height: 100%;\r\n display: block;\r\n object-fit: cover;\r\n transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1), filter 0.6s ease;\r\n filter: saturate(0.85) brightness(0.85);\r\n clip-path: polygon(28px 0%, 100% 0%, 100% calc(100% - 28px), calc(100% - 28px) 100%, 0% 100%, 0% 28px);\r\n}\r\n\r\n.photo-frame:hover img {\r\n transform: scale(1.03);\r\n filter: saturate(1.05) brightness(1);\r\n}\r\n\r\n\/* \u00c9l\u00e9ments de vis\u00e9e HUD aux angles *\/\r\n.hud-corner {\r\n position: absolute;\r\n width: 12px;\r\n height: 12px;\r\n border: 2px solid var(--cyan-accent);\r\n z-index: 3;\r\n pointer-events: none;\r\n opacity: 0.6;\r\n}\r\n.top-left { top: 15px; left: 35px; border-right: none; border-bottom: none; }\r\n.top-right { top: 15px; right: 15px; border-left: none; border-bottom: none; }\r\n.bottom-left { bottom: 15px; left: 15px; border-right: none; border-top: none; }\r\n.bottom-right { bottom: 35px; right: 15px; border-left: none; border-top: none; }\r\n\r\n\/* Effet de balayage laser sur la photo *\/\r\n.photo-scanner {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 2px;\r\n background: var(--cyan-accent);\r\n box-shadow: 0 0 12px var(--cyan-accent);\r\n opacity: 0;\r\n z-index: 4;\r\n pointer-events: none;\r\n}\r\n\r\n.photo-frame:hover .photo-scanner {\r\n animation: photoScan 2.5s linear infinite;\r\n}\r\n\r\n@keyframes photoScan {\r\n 0% { top: 0%; opacity: 0.8; }\r\n 40% { opacity: 0.8; }\r\n 100% { top: 100%; opacity: 0; }\r\n}\r\n\r\n\/* D\u00e9grad\u00e9 sombre par-dessus l'image *\/\r\n.photo-frame::after {\r\n content: \"\";\r\n position: absolute;\r\n inset: 0;\r\n background: linear-gradient(to top, rgba(2, 2, 3, 0.6), transparent 50%);\r\n pointer-events: none;\r\n z-index: 2;\r\n}\r\n\r\n\/* Contenu Texte *\/\r\n.photo-badge {\r\n display: inline-block;\r\n padding: 8px 16px;\r\n border: 1px solid var(--cyan-accent);\r\n background: rgba(0, 240, 255, 0.02);\r\n color: #fff;\r\n margin-bottom: 25px;\r\n font-family: var(--font-tech);\r\n font-weight: 600;\r\n font-size: 12px;\r\n letter-spacing: 2px;\r\n clip-path: polygon(6px 0%, 100% 0%, calc(100% - 6px) 100%, 0% 100%);\r\n}\r\n\r\n.photo-badge span {\r\n color: var(--gold);\r\n}\r\n\r\n.photo-text h2 {\r\n font-family: var(--font-luxury);\r\n font-size: clamp(28px, 4vw, 46px);\r\n font-weight: 700;\r\n line-height: 1.2;\r\n color: #fff;\r\n margin-bottom: 25px;\r\n text-transform: uppercase;\r\n letter-spacing: 1px;\r\n}\r\n\r\n.photo-text h2 span {\r\n display: block;\r\n color: var(--gold);\r\n font-family: var(--font-tech);\r\n font-weight: 600;\r\n font-size: clamp(20px, 3vw, 32px);\r\n letter-spacing: 2px;\r\n margin-top: 5px;\r\n}\r\n\r\n.photo-text p {\r\n color: #ccd;\r\n font-family: var(--font-sans);\r\n font-weight: 300;\r\n font-size: 16px;\r\n line-height: 1.8;\r\n}\r\n\r\n.photo-text p strong {\r\n color: var(--gold-light);\r\n font-weight: 500;\r\n}\r\n\r\n\/* Responsiveness Mobile \/ Tablette *\/\r\n@media(max-width: 1199px) {\r\n .photo-container {\r\n gap: 40px;\r\n }\r\n}\r\n\r\n@media(max-width: 991px) {\r\n .bmd-photo-showcase {\r\n padding: 80px 20px;\r\n }\r\n .photo-container {\r\n grid-template-columns: 1fr;\r\n gap: 45px;\r\n }\r\n .photo-text {\r\n text-align: center;\r\n }\r\n .top-left { left: 15px; }\r\n .bottom-right { bottom: 15px; }\r\n}\r\n\r\n@media(max-width: 768px) {\r\n .bmd-photo-showcase {\r\n padding: 60px 20px;\r\n }\r\n .photo-text h2 {\r\n font-size: 26px;\r\n }\r\n .photo-text h2 span {\r\n font-size: 20px;\r\n }\r\n .photo-text p {\r\n font-size: 15px;\r\n text-align: justify;\r\n }\r\n}\r\n<\/style>\r\n\r\n\r\n<script type=\"application\/ld+json\">\r\n{\r\n \"@context\": \"https:\/\/schema.org\",\r\n \"@type\": \"Service\",\r\n \"serviceType\": \"Chauffeur Priv\u00e9 VTC\",\r\n \"provider\": {\r\n \"@type\": \"LocalBusiness\",\r\n \"name\": \"Bassin Minier Drivers\",\r\n \"telephone\": \"+33669157643\",\r\n \"priceRange\": \"$$\"\r\n },\r\n \"areaServed\": [\r\n { \"@type\": \"City\", \"name\": \"Lens\" },\r\n { \"@type\": \"City\", \"name\": \"B\u00e9thune\" },\r\n { \"@type\": \"City\", \"name\": \"Arras\" },\r\n { \"@type\": \"City\", \"name\": \"Li\u00e9vin\" },\r\n { \"@type\": \"City\", \"name\": \"Bruay-la-Buissi\u00e8re\" }\r\n ],\r\n \"description\": \"Service de transport premium par chauffeur priv\u00e9 VTC dans le Bassin Minier et les Hauts-de-France. Navettes a\u00e9roports, gares, mariages et d\u00e9placements professionnels 24h\/7j.\"\r\n}\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ff23fb3 e-flex e-con-boxed e-con e-parent\" data-id=\"ff23fb3\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7b57233 elementor-widget elementor-widget-html\" data-id=\"7b57233\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"bmd-section\" id=\"secteurs\">\r\n \r\n <div class=\"bmd-cyber-bg-overlay\"><\/div>\r\n\r\n <div class=\"bmd-wrap\">\r\n\r\n \r\n <h2>\r\n <span class=\"title-index\">\/\/ MODULE_01 \/\/ ZONE G\u00c9OGRAPHIQUE<\/span><br>\r\n Votre R\u00e9seau de Chauffeurs Priv\u00e9s dans le Bassin Minier\r\n <\/h2>\r\n\r\n \r\n <article class=\"bmd-data-block\">\r\n <div class=\"data-status\"><span><\/span> READY<\/div>\r\n <p>\r\n <strong>Bassin Minier Drivers<\/strong> regroupe un r\u00e9seau d'\u00e9lite de chauffeurs priv\u00e9s VTC titulaires de la carte professionnelle. Sp\u00e9cialis\u00e9s dans le transport strat\u00e9gique et la mobilit\u00e9 haut de gamme, nous mettons un point d'honneur \u00e0 offrir une alternative d'exception aux taxis traditionnels pour les exigences des particuliers et des professionnels de la r\u00e9gion.\r\n <\/p>\r\n <\/article>\r\n\r\n \r\n <article class=\"bmd-data-block zone-active\">\r\n <div class=\"data-status cyan\"><span><\/span> SECTEURS DE PRISE EN CHARGE<\/div>\r\n <p>\r\n Nos unit\u00e9s interconnect\u00e9es d\u00e9ploient quotidiennement leurs services premium sur les communes de <strong>Lens<\/strong>, <strong>B\u00e9thune<\/strong>, <strong>Li\u00e9vin<\/strong>, Bully-les-Mines, Grenay, Sains-en-Gohelle, Mazingarbe, N\u0153ux-les-Mines, <strong>Bruay-la-Buissi\u00e8re<\/strong>, H\u00e9nin-Beaumont, <strong>Arras<\/strong> et l'ensemble du maillage territorial des <strong>Hauts-de-France<\/strong>. Qu'il s'agisse d'une course locale ou d'une liaison interurbaine, notre r\u00e9activit\u00e9 est absolue.\r\n <\/p>\r\n <\/article>\r\n\r\n \r\n <article class=\"bmd-data-block\">\r\n <div class=\"data-status\"><span><\/span> PROTOCOLE SYS<\/div>\r\n <p>\r\n Notre engagement absolu repose sur une ponctualit\u00e9 chirurgicale, une discr\u00e9tion totale (v\u00e9hicules aux vitres teint\u00e9es sans signes distinctifs) et une s\u00e9curit\u00e9 routi\u00e8re irr\u00e9prochable. Installez-vous \u00e0 bord de berlines modernes \u00e9quip\u00e9es des derni\u00e8res technologies pour un transfert en toute s\u00e9r\u00e9nit\u00e9 vers vos rendez-vous d'affaires ou personnels.\r\n <\/p>\r\n <\/article>\r\n\r\n <\/div>\r\n<\/section>\r\n\r\n<style>\r\n\/* Variables partag\u00e9es (Synchronis\u00e9es avec le style Premium global) *\/\r\n:root {\r\n --gold: #dfba48;\r\n --gold-light: #fff5c0;\r\n --gold-glow: rgba(223, 186, 72, 0.15);\r\n --black: #020203;\r\n --cyber-dark: #050508;\r\n --cyan-accent: #00f0ff;\r\n --cyan-glow: rgba(0, 240, 255, 0.15);\r\n --font-luxury: 'Cinzel', serif;\r\n --font-tech: 'Rajdhani', sans-serif;\r\n --font-sans: 'Montserrat', sans-serif;\r\n}\r\n\r\n.bmd-section {\r\n padding: 120px 20px;\r\n background: linear-gradient(180deg, var(--black) 0%, var(--cyber-dark) 50%, var(--black) 100%);\r\n color: white;\r\n position: relative;\r\n overflow: hidden;\r\n font-family: var(--font-sans);\r\n}\r\n\r\n\/* Overlay de scanlines l\u00e9g\u00e8res en arri\u00e8re-plan *\/\r\n.bmd-cyber-bg-overlay {\r\n position: absolute;\r\n inset: 0;\r\n background: linear-gradient(rgba(18, 16, 16, 0) 50%, rgba(0, 0, 0, 0.3) 50%), linear-gradient(90deg, rgba(255, 0, 0, 0.01), rgba(0, 255, 0, 0.005), rgba(0, 0, 255, 0.01));\r\n background-size: 100% 4px, 6px 100%;\r\n pointer-events: none;\r\n opacity: 0.3;\r\n}\r\n\r\n.bmd-wrap {\r\n max-width: 1100px;\r\n margin: auto;\r\n position: relative;\r\n z-index: 2;\r\n}\r\n\r\n\/* Titre principal de la section *\/\r\n.bmd-section h2 {\r\n text-align: center;\r\n font-size: clamp(26px, 3.8vw, 42px);\r\n color: #fff;\r\n margin-bottom: 70px;\r\n font-family: var(--font-luxury);\r\n font-weight: 700;\r\n text-transform: uppercase;\r\n line-height: 1.3;\r\n letter-spacing: 0.5px;\r\n}\r\n\r\n.bmd-section h2 .title-index {\r\n display: inline-block;\r\n font-family: var(--font-tech);\r\n font-size: 13px;\r\n color: var(--gold);\r\n letter-spacing: 3px;\r\n font-weight: 600;\r\n margin-bottom: 5px;\r\n}\r\n\r\n\/* Blocs de Donn\u00e9es \/ Paragraphes futuristes *\/\r\n.bmd-data-block {\r\n position: relative;\r\n max-width: 900px;\r\n margin: 40px auto;\r\n padding: 28px 35px 25px 40px;\r\n background: rgba(255, 255, 255, 0.01);\r\n border-left: 2px solid var(--gold);\r\n border-radius: 0 4px 4px 0;\r\n box-shadow: inset 10px 0 20px rgba(223, 186, 72, 0.01);\r\n transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);\r\n}\r\n\r\n.bmd-data-block::before {\r\n content: '';\r\n position: absolute;\r\n left: -2px;\r\n top: 0;\r\n width: 2px;\r\n height: 20px;\r\n background: white;\r\n box-shadow: 0 0 10px #fff;\r\n}\r\n\r\n\/* Version accent Cyan pour la zone active *\/\r\n.bmd-data-block.zone-active {\r\n border-left-color: var(--cyan-accent);\r\n box-shadow: inset 10px 0 20px rgba(0, 240, 255, 0.01);\r\n}\r\n\r\n.bmd-data-block.zone-active::before {\r\n background: var(--cyan-accent);\r\n box-shadow: 0 0 10px var(--cyan-accent);\r\n}\r\n\r\n.bmd-data-block:hover {\r\n background: rgba(255, 255, 255, 0.02);\r\n transform: translateX(4px);\r\n border-color: #ffffff;\r\n}\r\n\r\n.bmd-data-block.zone-active:hover {\r\n border-color: var(--cyan-accent);\r\n}\r\n\r\n\/* Indicateur de Statut Syst\u00e8me *\/\r\n.data-status {\r\n position: absolute;\r\n top: -12px;\r\n left: 20px;\r\n background: #050508;\r\n padding: 3px 12px;\r\n font-family: var(--font-tech);\r\n font-size: 12px;\r\n font-weight: 600;\r\n color: var(--gold);\r\n letter-spacing: 1.5px;\r\n border: 1px solid rgba(223, 186, 72, 0.25);\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n}\r\n\r\n.data-status.cyan {\r\n color: var(--cyan-accent);\r\n border-color: rgba(0, 240, 255, 0.25);\r\n}\r\n\r\n.data-status span {\r\n width: 5px;\r\n height: 5px;\r\n background-color: currentColor;\r\n border-radius: 50%;\r\n display: inline-block;\r\n box-shadow: 0 0 6px currentColor;\r\n}\r\n\r\n\/* Texte des paragraphes *\/\r\n.bmd-section p {\r\n margin: 0;\r\n text-align: left;\r\n line-height: 1.8;\r\n font-size: 16px;\r\n color: #ccd;\r\n font-weight: 300;\r\n}\r\n\r\n.bmd-section p strong {\r\n color: #fff;\r\n font-weight: 500;\r\n}\r\n\r\n.bmd-section .zone-active p strong {\r\n color: var(--gold-light);\r\n}\r\n\r\n\/* Responsiveness Mobile Adapt\u00e9 *\/\r\n@media(max-width: 768px) {\r\n .bmd-section {\r\n padding: 80px 20px;\r\n }\r\n \r\n .bmd-section h2 {\r\n font-size: 24px;\r\n margin-bottom: 50px;\r\n }\r\n \r\n .bmd-data-block {\r\n padding: 32px 20px 22px 20px;\r\n margin: 40px auto;\r\n }\r\n \r\n .bmd-section p {\r\n font-size: 15px;\r\n line-height: 1.7;\r\n text-align: justify;\r\n }\r\n}\r\n<\/style>\r\n\r\n\r\n<script type=\"application\/ld+json\">\r\n{\r\n \"@context\": \"https:\/\/schema.org\",\r\n \"@type\": \"LocalBusiness\",\r\n \"name\": \"Bassin Minier Drivers\",\r\n \"telephone\": \"+33669157643\",\r\n \"priceRange\": \"$$\",\r\n \"address\": {\r\n \"@type\": \"PostalAddress\",\r\n \"addressLocality\": \"Lens\",\r\n \"addressRegion\": \"Hauts-de-France\",\r\n \"addressCountry\": \"FR\"\r\n },\r\n \"serviceArea\": {\r\n \"@type\": \"GeoCircle\",\r\n \"geoMidpoint\": {\r\n \"@type\": \"GeoCoordinates\",\r\n \"latitude\": 50.4324,\r\n \"longitude\": 2.8318\r\n },\r\n \"geoRadius\": \"40000\"\r\n }\r\n}\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ee864b9 e-flex e-con-boxed e-con e-parent\" data-id=\"ee864b9\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-987852d elementor-widget elementor-widget-html\" data-id=\"987852d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"services-bmd\" id=\"solutions-transport\">\r\n \r\n <div class=\"services-cyber-bg\"><\/div>\r\n\r\n <div class=\"services-wrap\">\r\n\r\n <h2>\r\n <span class=\"services-index\">\/\/ PROTOCOLES_DISPONIBLES \/\/ SOLUTIONS VTC<\/span><br>\r\n Nos Services de Chauffeur Priv\u00e9\r\n <\/h2>\r\n\r\n <div class=\"services-grid\">\r\n\r\n \r\n <article class=\"service-card\">\r\n <div class=\"card-glow\"><\/div>\r\n <div class=\"service-icon\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M6 12L3.269 3.126A1 1 0 014.17 1.854l16.12 6.044a1 1 0 01.01 1.868l-16.12 6.13a1 1 0 01-1.02-1.28L6 12zm0 0h7.5\" \/>\r\n <\/svg>\r\n <\/div>\r\n <h3>Navettes A\u00e9roports<\/h3>\r\n <p>Transferts premium et liaisons directes vers les terminaux de <strong>Lille-Lesquin<\/strong>, <strong>Paris Roissy CDG<\/strong>, Orly, Beauvais, Bruxelles et <strong>Charleroi<\/strong>.<\/p>\r\n <\/article>\r\n\r\n \r\n <article class=\"service-card\">\r\n <div class=\"card-glow\"><\/div>\r\n <div class=\"service-icon\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M5 4h14M5 20h14M6 8h12M7 16h10M9 8v8M15 8v8M12 4v4M12 16v4\" \/>\r\n <\/svg>\r\n <\/div>\r\n <h3>Navettes Gares TGV<\/h3>\r\n <p>Accueil personnalis\u00e9 en t\u00eate de quai aux gares de <strong>Lens<\/strong>, <strong>B\u00e9thune<\/strong>, <strong>Arras<\/strong>, ainsi que <strong>Lille Europe<\/strong> et Lille Flandres.<\/p>\r\n <\/article>\r\n\r\n \r\n <article class=\"service-card\">\r\n <div class=\"card-glow\"><\/div>\r\n <div class=\"service-icon\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M3.75 21h16.5M4.5 3h15M5.25 3v18M18.75 3v18M9 7.5h1.5M9 10.5h1.5M9 13.5h1.5M9 16.5h1.5M13.5 7.5H15M13.5 10.5H15M13.5 13.5H15M13.5 16.5H15\" \/>\r\n <\/svg>\r\n <\/div>\r\n <h3>Chauffeur d'Affaires<\/h3>\r\n <p>Logistique de transport corporate pour vos rendez-vous clients, roadshows, s\u00e9minaires, congr\u00e8s et \u00e9v\u00e9nements d'entreprise dans les <strong>Hauts-de-France<\/strong>.<\/p>\r\n <\/article>\r\n\r\n \r\n <article class=\"service-card\">\r\n <div class=\"card-glow\"><\/div>\r\n <div class=\"service-icon\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M21 8.25c0-2.485-2.099-4.5-4.688-4.5-1.935 0-3.597 1.126-4.312 2.733-.715-1.607-2.377-2.733-4.313-2.733C5.1 3.75 3 5.765 3 8.25c0 7.22 9 12 9 12s9-4.78 9-12z\" \/>\r\n <\/svg>\r\n <\/div>\r\n <h3>\u00c9v\u00e9nements & Mariages<\/h3>\r\n <p>Mise \u00e0 disposition d'un chauffeur priv\u00e9 protocolaire en costume d'affaires avec berline lustr\u00e9e pour la parfaite s\u00e9r\u00e9nit\u00e9 des mari\u00e9s et des invit\u00e9s VIP.<\/p>\r\n <\/article>\r\n\r\n \r\n <article class=\"service-card\">\r\n <div class=\"card-glow\"><\/div>\r\n <div class=\"service-icon\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 9l10.5-3m0 0v5.25m0-5.25l-10.5 3M9 9v11.25M9 20.25a3 3 0 11-6 0 3 3 0 016 0zm10.5-3a3 3 0 11-6 0 3 3 0 016 0z\" \/>\r\n <\/svg>\r\n <\/div>\r\n <h3>Loisirs Premium<\/h3>\r\n <p>Prise en charge nocturne ou diurne pour vos concerts au Stade Bollaert, anniversaires, soir\u00e9es priv\u00e9es haut de gamme et grands \u00e9v\u00e9nements sportifs r\u00e9gionaux.<\/p>\r\n <\/article>\r\n\r\n \r\n <article class=\"service-card\">\r\n <div class=\"card-glow\"><\/div>\r\n <div class=\"service-icon\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 6.75l3 3m0 0l3-3m-3 3v7.5M21 12a9 9 0 11-18 0 9 9 0 0118 0z\" \/>\r\n <\/svg>\r\n <\/div>\r\n <h3>Trajets Toutes Distances<\/h3>\r\n <p>Alternative luxueuse au taxi pour vos liaisons s\u00e9curis\u00e9es au niveau local (Bassin Minier) comme pour vos trajets interurbains longue distance.<\/p>\r\n <\/article>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n<\/section>\r\n\r\n<style>\r\n:root {\r\n --gold: #dfba48;\r\n --gold-light: #fff5c0;\r\n --gold-glow: rgba(223, 186, 72, 0.15);\r\n --black: #020203;\r\n --cyber-bg: #050508;\r\n --card-bg: rgba(10, 10, 14, 0.75);\r\n --cyan-accent: #00f0ff;\r\n --cyan-glow: rgba(0, 240, 255, 0.2);\r\n --font-luxury: 'Cinzel', serif;\r\n --font-tech: 'Rajdhani', sans-serif;\r\n --font-sans: 'Montserrat', sans-serif;\r\n}\r\n\r\n.services-bmd {\r\n padding: 120px 20px;\r\n background: linear-gradient(180deg, var(--black) 0%, var(--cyber-bg) 100%);\r\n position: relative;\r\n overflow: hidden;\r\n}\r\n\r\n.services-cyber-bg {\r\n position: absolute;\r\n inset: 0;\r\n background-image: radial-gradient(circle at 15% 75%, rgba(0, 240, 255, 0.03), transparent 45%);\r\n pointer-events: none;\r\n}\r\n\r\n.services-wrap {\r\n max-width: 1300px;\r\n margin: auto;\r\n position: relative;\r\n z-index: 2;\r\n}\r\n\r\n\/* Titre de section revisit\u00e9 Premium *\/\r\n.services-wrap h2 {\r\n text-align: center;\r\n font-size: clamp(26px, 3.8vw, 42px);\r\n color: #fff;\r\n margin-bottom: 75px;\r\n font-family: var(--font-luxury);\r\n font-weight: 700;\r\n text-transform: uppercase;\r\n line-height: 1.3;\r\n letter-spacing: 0.5px;\r\n}\r\n\r\n.services-index {\r\n display: inline-block;\r\n font-family: var(--font-tech);\r\n font-size: 13px;\r\n color: var(--cyan-accent);\r\n letter-spacing: 4px;\r\n font-weight: 600;\r\n text-shadow: 0 0 8px var(--cyan-glow);\r\n margin-bottom: 5px;\r\n}\r\n\r\n\/* Grid des Services parfaitement fluide *\/\r\n.services-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\r\n gap: 30px;\r\n}\r\n\r\n\/* Cartes de Service Style Interface \u00c9lectronique *\/\r\n.service-card {\r\n background: var(--card-bg);\r\n padding: 55px 35px;\r\n border: 1px solid rgba(223, 186, 72, 0.12);\r\n border-bottom: 2px solid rgba(223, 186, 72, 0.35);\r\n text-align: center;\r\n color: white;\r\n backdrop-filter: blur(12px);\r\n -webkit-backdrop-filter: blur(12px);\r\n position: relative;\r\n transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);\r\n clip-path: polygon(0 0, 100% 0, 100% calc(100% - 20px), calc(100% - 20px) 100%, 0 100%);\r\n}\r\n\r\n\/* Halo interne masqu\u00e9 qui s'active au survol *\/\r\n.service-card .card-glow {\r\n position: absolute;\r\n inset: 0;\r\n background: radial-gradient(circle at 50% 0%, rgba(0, 240, 255, 0.08), transparent 70%);\r\n opacity: 0;\r\n transition: opacity 0.4s ease;\r\n pointer-events: none;\r\n}\r\n\r\n\/* Conteneur d'ic\u00f4ne technologique *\/\r\n.service-icon {\r\n width: 65px;\r\n height: 65px;\r\n margin: 0 auto 25px auto;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n color: var(--gold);\r\n background: rgba(223, 186, 72, 0.03);\r\n border: 1px solid rgba(223, 186, 72, 0.2);\r\n border-radius: 50%;\r\n padding: 16px;\r\n transition: all 0.4s ease;\r\n}\r\n\r\n.service-icon svg {\r\n width: 100%;\r\n height: 100%;\r\n}\r\n\r\n.service-card h3 {\r\n font-family: var(--font-luxury);\r\n font-size: 19px;\r\n font-weight: 700;\r\n margin-bottom: 18px;\r\n color: #fff;\r\n letter-spacing: 0.5px;\r\n text-transform: uppercase;\r\n transition: color 0.3s ease;\r\n}\r\n\r\n.service-card p {\r\n color: #ccd;\r\n font-family: var(--font-sans);\r\n font-weight: 300;\r\n font-size: 15px;\r\n line-height: 1.8;\r\n}\r\n\r\n.service-card p strong {\r\n color: var(--gold-light);\r\n font-weight: 400;\r\n}\r\n\r\n\/* Effets de Survol Cyber *\/\r\n.service-card:hover {\r\n transform: translateY(-6px);\r\n border-color: var(--cyan-accent);\r\n border-bottom-color: var(--cyan-accent);\r\n box-shadow: 0 15px 40px rgba(0, 240, 255, 0.08);\r\n}\r\n\r\n.service-card:hover .card-glow {\r\n opacity: 1;\r\n}\r\n\r\n.service-card:hover .service-icon {\r\n color: var(--cyan-accent);\r\n background: rgba(0, 240, 255, 0.05);\r\n border-color: var(--cyan-accent);\r\n box-shadow: 0 0 15px var(--cyan-glow);\r\n transform: scale(1.05);\r\n}\r\n\r\n.service-card:hover h3 {\r\n color: var(--gold);\r\n}\r\n\r\n\/* Responsiveness Mobile Adapt\u00e9 *\/\r\n@media(max-width: 991px) {\r\n .services-grid {\r\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\r\n gap: 25px;\r\n }\r\n}\r\n\r\n@media(max-width: 768px) {\r\n .services-bmd {\r\n padding: 80px 20px;\r\n }\r\n .services-wrap h2 {\r\n font-size: 24px;\r\n margin-bottom: 50px;\r\n }\r\n .service-card {\r\n padding: 40px 25px;\r\n }\r\n .services-grid {\r\n grid-template-columns: 1fr;\r\n gap: 20px;\r\n }\r\n .service-card p {\r\n font-size: 14.5px;\r\n text-align: justify;\r\n text-align-last: center;\r\n }\r\n}\r\n<\/style>\r\n\r\n\r\n<script type=\"application\/ld+json\">\r\n{\r\n \"@context\": \"https:\/\/schema.org\",\r\n \"@type\": \"TaxiService\",\r\n \"name\": \"Bassin Minier Drivers - Services VTC\",\r\n \"provider\": {\r\n \"@type\": \"LocalBusiness\",\r\n \"name\": \"Bassin Minier Drivers\",\r\n \"telephone\": \"+33669157643\"\r\n },\r\n \"serviceType\": [\r\n \"Navette A\u00e9roport VTC\",\r\n \"Transfert Gare TGV\",\r\n \"Chauffeur d'Affaires Corporate\",\r\n \"VTC Mariage\",\r\n \"Chauffeur \u00c9v\u00e9nementiel\",\r\n \"Transport Toutes Distances\"\r\n ],\r\n \"areaServed\": [\r\n { \"@type\": \"City\", \"name\": \"Lens\" },\r\n { \"@type\": \"City\", \"name\": \"B\u00e9thune\" },\r\n { \"@type\": \"City\", \"name\": \"Arras\" },\r\n { \"@type\": \"City\", \"name\": \"Lille\" }\r\n ],\r\n \"hasOfferCatalog\": {\r\n \"@type\": \"OfferCatalog\",\r\n \"name\": \"Prestations de transport priv\u00e9\",\r\n \"itemListElement\": [\r\n {\r\n \"@type\": \"Offer\",\r\n \"itemOffered\": {\r\n \"@type\": \"Service\",\r\n \"name\": \"Navettes A\u00e9roports\",\r\n \"description\": \"Liaisons VTC haut de gamme vers Lille, Roissy CDG, Orly, Beauvais, Bruxelles et Charleroi.\"\r\n }\r\n },\r\n {\r\n \"@type\": \"Offer\",\r\n \"itemOffered\": {\r\n \"@type\": \"Service\",\r\n \"name\": \"Navettes Gares TGV\",\r\n \"description\": \"Prise en charge et accueil personnalis\u00e9 aux gares de Lens, B\u00e9thune, Arras et Lille.\"\r\n }\r\n }\r\n ]\r\n }\r\n}\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8f930db e-flex e-con-boxed e-con e-parent\" data-id=\"8f930db\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-eace99e elementor-widget elementor-widget-html\" data-id=\"eace99e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cinzel:wght@500;700&family=Montserrat:wght@300;400;500;600;700&family=Rajdhani:wght@500;600;700&display=swap\" rel=\"stylesheet\">\r\n\r\n\r\n<section class=\"pro-bmd\" id=\"solutions-professionnelles\">\r\n <div class=\"pro-cyber-matrix\"><\/div>\r\n\r\n <div class=\"pro-wrap\">\r\n <h2>\r\n <span class=\"pro-sub\">\/\/ CORPORATE_SOLUTIONS \/\/ SOLUTIONS B2B<\/span><br>\r\n Solutions pour les professionnels\r\n <\/h2>\r\n\r\n <div class=\"pro-grid\">\r\n \r\n <div class=\"pro-card\">\r\n <div class=\"pro-card-header\">\r\n <span class=\"pro-code\">DATA.B2B \/\/ 01<\/span>\r\n <span class=\"pro-status-light\"><\/span>\r\n <\/div>\r\n <h3>Entreprises<\/h3>\r\n <div class=\"pro-divider\"><\/div>\r\n <p>\r\n Optimisation globale de la mobilit\u00e9 et des d\u00e9placements de vos collaborateurs, gestion rigoureuse de vos rendez-vous clients critiques et services exclusifs de <strong>chauffeur priv\u00e9 VTC<\/strong> haut de gamme.\r\n <\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"pro-card\">\r\n <div class=\"pro-card-header\">\r\n <span class=\"pro-code\">DATA.B2B \/\/ 02<\/span>\r\n <span class=\"pro-status-light\"><\/span>\r\n <\/div>\r\n <h3>S\u00e9minaires<\/h3>\r\n <div class=\"pro-divider\"><\/div>\r\n <p>\r\n Logistique de transport sur mesure pour vos groupes de toutes tailles, coordination millim\u00e9tr\u00e9e des transferts et accompagnement \u00e9v\u00e9nementiel personnalis\u00e9 \u00e0 travers les <strong>Hauts-de-France<\/strong>.\r\n <\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"pro-card\">\r\n <div class=\"pro-card-header\">\r\n <span class=\"pro-code\">DATA.B2B \/\/ 03<\/span>\r\n <span class=\"pro-status-light\"><\/span>\r\n <\/div>\r\n <h3>\u00c9v\u00e9nements<\/h3>\r\n <div class=\"pro-divider\"><\/div>\r\n <p>\r\n Prise en charge op\u00e9rationnelle compl\u00e8te pour vos congr\u00e8s, salons professionnels, lancements de produits et r\u00e9ceptions corporatives dans les secteurs de <strong>Lens<\/strong>, <strong>Arras<\/strong> et <strong>Lille<\/strong>.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<section class=\"b2b-container\" id=\"expertises-metiers\">\r\n <header class=\"b2b-header\">\r\n <div class=\"b2b-kicker\">\/\/ SERVICE_PROTOCOLE \/\/ MOBILIT\u00c9 PROFESSIONNELLE<\/div>\r\n <h2>CHAUFFEUR PRIV\u00c9 POUR <span>LES ENTREPRISES<\/span><\/h2>\r\n <p>Bassin MInier Drivers red\u00e9finit le transport d'affaires et les services de <strong>chauffeur VIP<\/strong> dans le <strong>Bassin Minier<\/strong>. De <strong>Lens<\/strong> \u00e0 Douai, en passant par <strong>B\u00e9thune<\/strong>, <strong>Arras<\/strong> et Lille, nous mettons \u00e0 votre disposition une flotte de berlines et vans de prestige ainsi que des chauffeurs d'\u00e9lite pour r\u00e9pondre aux exigences de votre activit\u00e9 corporative.<\/p>\r\n <\/header>\r\n\r\n \r\n <nav class=\"b2b-tabs\">\r\n <button class=\"b2b-tab-btn active\" onclick=\"openB2BPage(event, 'notaires')\">\u2696\ufe0f Notaires & Professions Juridiques<\/button>\r\n <button class=\"b2b-tab-btn\" onclick=\"openB2BPage(event, 'comptables')\">\ud83d\udcca Cabinets d'Expertise Comptable<\/button>\r\n <button class=\"b2b-tab-btn\" onclick=\"openB2BPage(event, 'dirigeants')\">\ud83d\udc54 Dirigeants & Cadres VIP<\/button>\r\n <button class=\"b2b-tab-btn\" onclick=\"openB2BPage(event, 'visiteurs')\">\ud83e\udd1d Visiteurs & Partenaires<\/button>\r\n <\/nav>\r\n\r\n \r\n <div class=\"b2b-content-wrapper\">\r\n\r\n \r\n <article id=\"notaires\" class=\"b2b-page active\">\r\n <div class=\"b2b-banner\" style=\"background: linear-gradient(rgba(5, 12, 23, 0.2), rgba(5, 12, 23, 0.8)), url('https:\/\/images.unsplash.com\/photo-1589829545856-d10d557cf95f?auto=format&fit=crop&w=1200&q=80') center\/cover no-repeat;\"><\/div>\r\n <div class=\"b2b-body\">\r\n <h3>Chauffeur Priv\u00e9 pour \u00c9tudes Notariales & Juridiques<\/h3>\r\n <p class=\"b2b-intro-text\">\r\n Les offices notariaux et cabinets d'avocats sont r\u00e9gis par des imp\u00e9ratifs stricts : gestion du temps \u00e0 la minute pr\u00e8s, pr\u00e9servation absolue du secret professionnel et d\u00e9placements fr\u00e9quents pour la signature d'actes authentiques hors de l\u2019\u00e9tude. Votre service de <strong>chauffeur priv\u00e9 VTC<\/strong> s'\u00e9tablit comme le prolongement logistique de votre \u00e9tude, assurant la transition fluide de vos collaborateurs et de vos dossiers hautement sensibles.\r\n <\/p>\r\n \r\n <div class=\"b2b-features\">\r\n <div class=\"b2b-feature-card\">\r\n <h4>\ud83e\udd2b Secret Professionnel<\/h4>\r\n <p>Nos chauffeurs sont soumis \u00e0 une clause de confidentialit\u00e9 absolue. Vos \u00e9changes t\u00e9l\u00e9phoniques juridiques et l'examen de vos pi\u00e8ces de proc\u00e9dure restent strictement confidentiels \u00e0 bord de nos v\u00e9hicules de prestige.<\/p>\r\n <\/div>\r\n <div class=\"b2b-feature-card\">\r\n <h4>\ud83d\udcdc Signatures Hors \u00c9tude<\/h4>\r\n <p>D\u00e9placements s\u00e9curis\u00e9s pour vous-m\u00eame ou vos clercs de notaire lors des rendez-vous de signatures en agences bancaires, complexes immobiliers, ou aupr\u00e8s de clients \u00e0 mobilit\u00e9 r\u00e9duite dans le <strong>Nord-Pas-de-Calais<\/strong>.<\/p>\r\n <\/div>\r\n <div class=\"b2b-feature-card\">\r\n <h4>\ud83c\udfdb\ufe0f Standing de l'Office<\/h4>\r\n <p>L\u2019accueil de clients majeurs (acqu\u00e9reurs institutionnels, promoteurs) \u00e0 bord de berlines premium souligne le prestige, le s\u00e9rieux et l'image de marque de votre \u00e9tude notariale.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"b2b-details-grid\">\r\n <div class=\"b2b-detail-block\">\r\n <h5>\ud83d\udcbc Services D\u00e9di\u00e9s aux Notaires<\/h5>\r\n <ul>\r\n <li>Mise \u00e0 disposition horaire flexible pour les tourn\u00e9es de signatures en r\u00e9gion.<\/li>\r\n <li>Transport s\u00e9curis\u00e9 de documents officiels, d'actes originaux et de minutes.<\/li>\r\n <li>Acheminement prioritaire vers les instances judiciaires et les chambres notariales.<\/li>\r\n <\/ul>\r\n <\/div>\r\n <div class=\"b2b-detail-block\">\r\n <h5>\ud83d\udee1\ufe0f Avantages de la Convention<\/h5>\r\n <ul>\r\n <li>Facturation mensuelle globale avec relev\u00e9 transparent et d\u00e9taill\u00e9 de chaque trajet.<\/li>\r\n <li>Garantie de disponibilit\u00e9 imm\u00e9diate m\u00eame en cas d'urgence contractuelle majeure.<\/li>\r\n <li>V\u00e9hicules r\u00e9cents (Berlines & Vans) dot\u00e9s de vitres teint\u00e9es pour un maximum de discr\u00e9tion.<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"b2b-cta-box\">\r\n <a href=\"https:\/\/xave-vtc.fr\/contact\/\" class=\"b2b-btn\">Ouvrir un compte \u00c9tude Notariale<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/article>\r\n\r\n \r\n <article id=\"comptables\" class=\"b2b-page\">\r\n <div class=\"b2b-banner\" style=\"background: linear-gradient(rgba(5, 12, 23, 0.2), rgba(5, 12, 23, 0.8)), url('https:\/\/images.unsplash.com\/photo-1454165804606-c3d57bc86b40?auto=format&fit=crop&w=1200&q=80') center\/cover no-repeat;\"><\/div>\r\n <div class=\"b2b-body\">\r\n <h3>Chauffeur pour Cabinets d'Expertise Comptable & d'Audit<\/h3>\r\n <p class=\"b2b-intro-text\">\r\n La vie d'un cabinet comptable est rythm\u00e9e par des cycles intenses : bilans de fin d\u2019ann\u00e9e, audits financiers sur site, conseils strat\u00e9giques aux assembl\u00e9es g\u00e9n\u00e9rales. Vos experts-comptables et commissaires aux comptes passent de nombreuses heures sur la route. Nous transformons ce temps de trajet improductif en une extension de votre bureau pour maximiser l\u2019efficacit\u00e9 de vos \u00e9quipes.\r\n <\/p>\r\n \r\n <div class=\"b2b-features\">\r\n <div class=\"b2b-feature-card\">\r\n <h4>\ud83d\udcbb Bureau de Travail Embarqu\u00e9<\/h4>\r\n <p>Nos v\u00e9hicules int\u00e8grent des connexions Wi-Fi s\u00e9curis\u00e9es haut d\u00e9bit, des prises de recharge et des tablettes de travail. Vos auditeurs pr\u00e9parent et finalisent leurs fichiers Excel en route en toute s\u00e9r\u00e9nit\u00e9.<\/p>\r\n <\/div>\r\n <div class=\"b2b-feature-card\">\r\n <h4>\u23f1\ufe0f Gestion de la P\u00e9riode Fiscale<\/h4>\r\n <p>En p\u00e9riode de forte charge de travail, d\u00e9chargez vos collaborateurs de la fatigue de la conduite et du stress du trafic routier aux abords de la m\u00e9tropole de <strong>Lille<\/strong> et des grands axes r\u00e9gionaux.<\/p>\r\n <\/div>\r\n <div class=\"b2b-feature-card\">\r\n <h4>\ud83d\udcca Cl\u00f4tures de Comptes Sereines<\/h4>\r\n <p>Arrivez chez vos clients parfaitement pr\u00e9par\u00e9 et d\u00e9tendu pour la pr\u00e9sentation des bilans financiers et des projections de tr\u00e9sorerie strat\u00e9giques.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"b2b-details-grid\">\r\n <div class=\"b2b-detail-block\">\r\n <h5>\ud83d\udcc8 Solutions Expertise Comptable<\/h5>\r\n <ul>\r\n <li>Navettes r\u00e9guli\u00e8res entre vos diff\u00e9rents cabinets secondaires en <strong>Bassin Minier<\/strong>.<\/li>\r\n <li>Acheminement de vos collaborateurs sur des missions d'audit de plusieurs jours.<\/li>\r\n <li>Espace de travail \u00e0 bord calme, silencieux et propice \u00e0 la concentration financi\u00e8re.<\/li>\r\n <\/ul>\r\n <\/div>\r\n <div class=\"b2b-detail-block\">\r\n <h5>\u2699\ufe0f Logistique Simplifi\u00e9e<\/h5>\r\n <ul>\r\n <li>Fin des notes de frais fastidieuses : un compte unique centralis\u00e9 pour tout le cabinet.<\/li>\r\n <li>R\u00e9servation simple, fluide et rapide via notre plateforme ou par email d\u00e9di\u00e9.<\/li>\r\n <li>Respect strict des horaires pour garantir le d\u00e9marrage des audits \u00e0 l'heure dite.<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"b2b-cta-box\">\r\n <a href=\"https:\/\/xave-vtc.fr\/contact\/\" class=\"b2b-btn\">Contacter Xave'VTC Entreprises<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/article>\r\n\r\n \r\n <article id=\"dirigeants\" class=\"b2b-page\">\r\n <div class=\"b2b-banner\" style=\"background: linear-gradient(rgba(5, 12, 23, 0.2), rgba(5, 12, 23, 0.8)), url('https:\/\/images.unsplash.com\/photo-1507679799987-c73779587ccf?auto=format&fit=crop&w=1200&q=80') center\/cover no-repeat;\"><\/div>\r\n <div class=\"b2b-body\">\r\n <h3>Service Chauffeur Priv\u00e9 pour Dirigeants & Cadres Ex\u00e9cutifs<\/h3>\r\n <p class=\"b2b-intro-text\">\r\n Pour les chefs d'entreprise, pr\u00e9sidents et directeurs, le temps est la ressource la plus pr\u00e9cieuse. Devoir conduire, chercher une place de stationnement ou subir les ralentissements du trafic impacte directement votre productivit\u00e9. Profitez d'un accompagnement sur mesure, combinant discr\u00e9tion absolue, confort d'h\u00f4tellerie \u00e0 bord et r\u00e9activit\u00e9 op\u00e9rationnelle de chaque instant.\r\n <\/p>\r\n \r\n <div class=\"b2b-features\">\r\n <div class=\"b2b-feature-card\">\r\n <h4>\ud83d\udc51 Standing Executive<\/h4>\r\n <p>Une conduite souple et fluide, un accueil personnalis\u00e9 et un protocole strict. Nos berlines ex\u00e9cutives int\u00e8grent des finitions haut de gamme pour votre plus grand confort de transport.<\/p>\r\n <\/div>\r\n <div class=\"b2b-feature-card\">\r\n <h4>\ud83d\udd04 Mise \u00e0 Disposition Flexible<\/h4>\r\n <p>Votre chauffeur premium vous est totalement d\u00e9di\u00e9 pour la demi-journ\u00e9e ou la journ\u00e9e compl\u00e8te. Il s'adapte en temps r\u00e9el aux variations de votre agenda et vous attend au bas de chaque rendez-vous.<\/p>\r\n <\/div>\r\n <div class=\"b2b-feature-card\">\r\n <h4>\u2708\ufe0f Connexions Gares & Hubs<\/h4>\r\n <p>Liaisons prioritaires et navettes d\u00e9di\u00e9es vers l'<strong>A\u00e9roport de Lille-Lesquin<\/strong>, Paris CDG, Orly, Bruxelles-Zaventem ou Charleroi, ainsi que les terminaux de <strong>Lille Europe<\/strong>, Arras, Lens et Paris Gare du Nord.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"b2b-details-grid\">\r\n <div class=\"b2b-detail-block\">\r\n <h5>\u2b50 Confort Premium Inclus<\/h5>\r\n <ul>\r\n <li>Bouteilles d\u2019eau fra\u00eeche, presse du jour et rafra\u00eechissements \u00e0 disposition.<\/li>\r\n <li>Chargeurs multi-embouts rapides pour smartphones, tablettes et ordinateurs portables.<\/li>\r\n <li>Temp\u00e9rature de l'habitacle et ambiance sonore ajust\u00e9es selon vos strictes pr\u00e9f\u00e9rences.<\/li>\r\n <\/ul>\r\n <\/div>\r\n <div class=\"b2b-detail-block\">\r\n <h5>\ud83d\udee1\ufe0f Gestion des Imp\u00e9ratifs<\/h5>\r\n <ul>\r\n <li>Ajustement d'itin\u00e9raire en temps r\u00e9el selon l\u2019\u00e9tat du trafic gr\u00e2ce \u00e0 des outils connect\u00e9s.<\/li>\r\n <li>Suivi automatis\u00e9 de l'\u00e9tat de vos vols et trains pour parer \u00e0 tout retard ou avance.<\/li>\r\n <li>Chauffeur professionnel rigoureux en costume d'affaires sombre, bilingue sur demande.<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"b2b-cta-box\">\r\n <a href=\"https:\/\/xave-vtc.fr\/reservation\/\" class=\"b2b-btn\">R\u00e9server un Chauffeur de Direction<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/article>\r\n\r\n \r\n <article id=\"visiteurs\" class=\"b2b-page\">\r\n <div class=\"b2b-banner\" style=\"background: linear-gradient(rgba(5, 12, 23, 0.2), rgba(5, 12, 23, 0.8)), url('https:\/\/images.unsplash.com\/photo-1556761175-5973dc0f32e7?auto=format&fit=crop&w=1200&q=80') center\/cover no-repeat;\"><\/div>\r\n <div class=\"b2b-body\">\r\n <h3>Accueil & Transport de Vos Visiteurs, Clients & Partenaires d'Affaires<\/h3>\r\n <p class=\"b2b-intro-text\">\r\n La qualit\u00e9 de l'accueil r\u00e9serv\u00e9 \u00e0 vos partenaires commerciaux ext\u00e9rieurs, investisseurs potentiels ou auditeurs internationaux refl\u00e8te directement le niveau d'excellence de votre entreprise. Ne laissez pas vos invit\u00e9s chercher un transport. Offrez-leur une prise en charge premium d\u00e8s leur arriv\u00e9e dans la r\u00e9gion pour maximiser votre image de marque.\r\n <\/p>\r\n \r\n <div class=\"b2b-features\">\r\n <div class=\"b2b-feature-card\">\r\n <h4>\ud83d\udc4b Accueil Nominatif Pancarte<\/h4>\r\n <p>Nos chauffeurs attendent vos visiteurs aux barri\u00e8res des arriv\u00e9es dans les a\u00e9roports ou en bout de quai dans les gares (Lille Europe, Arras, Lens), munis d'une tablette affichant votre logo ou le nom de l'invit\u00e9.<\/p>\r\n <\/div>\r\n <div class=\"b2b-feature-card\">\r\n <h4>\ud83c\udf0d Accueil Multilingue<\/h4>\r\n <p>Nos chauffeurs aguerris communiquent parfaitement en anglais avec vos clients internationaux pour leur assurer un trajet rassurant, fluide et agr\u00e9able jusqu'\u00e0 vos locaux ou leur h\u00f4tel.<\/p>\r\n <\/div>\r\n <div class=\"b2b-feature-card\">\r\n <h4>\ud83d\udcc8 Valorisation Commerciale<\/h4>\r\n <p>Initiez vos n\u00e9gociations commerciales ou vos audits de mani\u00e8re id\u00e9ale en offrant \u00e0 vos interlocuteurs un voyage serein sans la moindre contrainte logistique.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"b2b-details-grid\">\r\n <div class=\"b2b-detail-block\">\r\n <h5>\ud83e\udd1d Services aux Visiteurs<\/h5>\r\n <ul>\r\n <li>Transferts directs depuis les gares et a\u00e9roports vers votre si\u00e8ge social ou site industriel.<\/li>\r\n <li>Navettes personnalis\u00e9es exclusives entre l'h\u00f4tel de vos invit\u00e9s et vos restaurants d'affaires.<\/li>\r\n <li>Prise en charge int\u00e9grale de la manutention des bagages, de l\u2019accueil jusqu'au d\u00e9barquement.<\/li>\r\n <\/ul>\r\n <\/div>\r\n <div class=\"b2b-detail-block\">\r\n <h5>\ud83d\udee1\ufe0f Transparence et S\u00e9curit\u00e9<\/h5>\r\n <ul>\r\n <li>Notification en temps r\u00e9el envoy\u00e9e \u00e0 votre secr\u00e9tariat d\u00e8s que l'invit\u00e9 est pris en charge.<\/li>\r\n <li>Flotte de Vans haut de gamme (Mercedes Classe V) disponible pour vos d\u00e9l\u00e9gations et groupes.<\/li>\r\n <li>Tarifs fixes transparents annonc\u00e9s \u00e0 l'avance, sans aucune mauvaise surprise de facturation.<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"b2b-cta-box\">\r\n <a href=\"https:\/\/xave-vtc.fr\/contact\/\" class=\"b2b-btn\">Planifier un Accueil Invit\u00e9 VIP<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/article>\r\n\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<style>\r\n:root {\r\n --gold: #dfba48;\r\n --gold-light: #fff5c0;\r\n --gold-glow: rgba(223, 186, 72, 0.15);\r\n --black: #020203;\r\n --cyber-dark: #050508;\r\n --navy-dark: #050c17;\r\n --navy-light: #0d1b2e;\r\n --white: #ffffff;\r\n --cyan-accent: #00f0ff;\r\n --cyan-glow: rgba(0, 240, 255, 0.2);\r\n --card-bg: rgba(10, 10, 14, 0.75);\r\n --glass: rgba(255, 255, 255, 0.02);\r\n --glass-border: rgba(223, 186, 72, 0.15);\r\n --text-slate: #cbd5e1;\r\n --text-muted: #94a3b8;\r\n --font-luxury: 'Cinzel', serif;\r\n --font-tech: 'Rajdhani', sans-serif;\r\n --font-sans: 'Montserrat', sans-serif;\r\n}\r\n\r\n\/* SECTION 1 : GRILLE HAUT DE GAMME *\/\r\n.pro-bmd {\r\n padding: 120px 20px;\r\n background: linear-gradient(180deg, var(--cyber-dark) 0%, var(--black) 100%);\r\n color: white;\r\n position: relative;\r\n overflow: hidden;\r\n font-family: var(--font-sans);\r\n}\r\n\r\n.pro-cyber-matrix {\r\n position: absolute;\r\n inset: 0;\r\n background-image: radial-gradient(circle at 50% 100%, rgba(223, 186, 72, 0.03), transparent 60%);\r\n pointer-events: none;\r\n}\r\n\r\n.pro-wrap {\r\n max-width: 1300px;\r\n margin: auto;\r\n position: relative;\r\n z-index: 2;\r\n}\r\n\r\n.pro-wrap h2 {\r\n text-align: center;\r\n color: #fff;\r\n font-family: var(--font-luxury);\r\n font-size: clamp(26px, 3.8vw, 42px);\r\n font-weight: 700;\r\n margin-bottom: 75px;\r\n text-transform: uppercase;\r\n line-height: 1.3;\r\n letter-spacing: 0.5px;\r\n}\r\n\r\n.pro-sub {\r\n font-family: var(--font-tech);\r\n font-size: 13px;\r\n color: var(--gold);\r\n letter-spacing: 4px;\r\n font-weight: 600;\r\n text-shadow: 0 0 8px var(--gold-glow);\r\n display: inline-block;\r\n margin-bottom: 5px;\r\n}\r\n\r\n.pro-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\r\n gap: 30px;\r\n}\r\n\r\n.pro-card {\r\n background: var(--card-bg);\r\n padding: 55px 35px;\r\n border: 1px solid rgba(223, 186, 72, 0.12);\r\n border-top: 2px solid var(--gold);\r\n backdrop-filter: blur(12px);\r\n -webkit-backdrop-filter: blur(12px);\r\n position: relative;\r\n transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);\r\n clip-path: polygon(0 0, 100% 0, 100% calc(100% - 20px), calc(100% - 20px) 100%, 0 100%);\r\n}\r\n\r\n.pro-card-header {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n margin-bottom: 25px;\r\n}\r\n\r\n.pro-code {\r\n font-family: var(--font-tech);\r\n font-size: 11px;\r\n color: rgba(255, 255, 255, 0.4);\r\n letter-spacing: 2px;\r\n}\r\n\r\n.pro-status-light {\r\n width: 6px;\r\n height: 6px;\r\n background-color: var(--cyan-accent);\r\n border-radius: 50%;\r\n box-shadow: 0 0 8px var(--cyan-accent);\r\n transition: all 0.4s ease;\r\n}\r\n\r\n.pro-card h3 {\r\n font-family: var(--font-luxury);\r\n font-size: 20px;\r\n font-weight: 700;\r\n color: #fff;\r\n text-transform: uppercase;\r\n letter-spacing: 0.5px;\r\n margin-bottom: 15px;\r\n transition: color 0.3s ease;\r\n}\r\n\r\n.pro-divider {\r\n width: 40px;\r\n height: 2px;\r\n background-color: var(--gold);\r\n margin-bottom: 22px;\r\n transition: width 0.4s cubic-bezier(0.165, 0.84, 0.44, 1), background-color 0.4s ease;\r\n}\r\n\r\n.pro-card p {\r\n color: #ccd;\r\n font-size: 15px;\r\n line-height: 1.8;\r\n font-weight: 300;\r\n text-align: justify;\r\n}\r\n\r\n.pro-card p strong {\r\n color: var(--gold-light);\r\n font-weight: 400;\r\n}\r\n\r\n.pro-card:hover {\r\n border-color: rgba(0, 240, 255, 0.3);\r\n border-top-color: var(--cyan-accent);\r\n transform: translateY(-6px);\r\n box-shadow: 0 15px 40px rgba(0, 240, 255, 0.08);\r\n}\r\n\r\n.pro-card:hover h3 {\r\n color: var(--gold);\r\n}\r\n\r\n.pro-card:hover .pro-divider {\r\n width: 100%;\r\n background-color: var(--cyan-accent);\r\n box-shadow: 0 0 8px var(--cyan-accent);\r\n}\r\n\r\n.pro-card:hover .pro-status-light {\r\n background-color: var(--gold);\r\n box-shadow: 0 0 8px var(--gold);\r\n}\r\n\r\n\/* SECTION 2 : MODULE ONGLETS DYNAMIQUES B2B *\/\r\n.b2b-container {\r\n background: linear-gradient(180deg, var(--black) 0%, var(--navy-dark) 100%);\r\n font-family: var(--font-sans);\r\n color: var(--text-slate);\r\n padding: 120px 20px;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n box-sizing: border-box;\r\n}\r\n\r\n.b2b-header {\r\n text-align: center;\r\n max-width: 900px;\r\n margin-bottom: 65px;\r\n}\r\n\r\n.b2b-kicker {\r\n color: var(--cyan-accent);\r\n font-family: var(--font-tech);\r\n letter-spacing: 4px;\r\n font-size: 13px;\r\n font-weight: 600;\r\n text-shadow: 0 0 8px var(--cyan-glow);\r\n margin-bottom: 15px;\r\n}\r\n\r\n.b2b-header h2 {\r\n font-family: var(--font-luxury);\r\n font-size: clamp(26px, 3.8vw, 42px);\r\n color: var(--white);\r\n margin: 0 0 25px 0;\r\n font-weight: 700;\r\n line-height: 1.2;\r\n letter-spacing: 0.5px;\r\n}\r\n\r\n.b2b-header h2 span {\r\n background: linear-gradient(120deg, var(--gold) 0%, var(--gold-light) 100%);\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n}\r\n\r\n.b2b-header p {\r\n font-size: 15px;\r\n line-height: 1.8;\r\n font-weight: 300;\r\n color: #ccd;\r\n}\r\n\r\n.b2b-header p strong {\r\n color: var(--gold-light);\r\n font-weight: 400;\r\n}\r\n\r\n.b2b-tabs {\r\n display: flex;\r\n justify-content: center;\r\n gap: 15px;\r\n flex-wrap: wrap;\r\n max-width: 1200px;\r\n width: 100%;\r\n margin-bottom: 60px;\r\n padding-bottom: 30px;\r\n border-bottom: 1px solid rgba(223, 186, 72, 0.1);\r\n}\r\n\r\n.b2b-tab-btn {\r\n background: rgba(255, 255, 255, 0.02);\r\n border: 1px solid rgba(255, 255, 255, 0.08);\r\n color: var(--text-muted);\r\n padding: 14px 28px;\r\n font-size: 12px;\r\n font-family: var(--font-sans);\r\n font-weight: 600;\r\n text-transform: uppercase;\r\n letter-spacing: 1.5px;\r\n border-radius: 50px;\r\n cursor: pointer;\r\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\r\n}\r\n\r\n.b2b-tab-btn:hover {\r\n border-color: var(--gold);\r\n color: var(--white);\r\n background: rgba(223, 186, 72, 0.03);\r\n}\r\n\r\n.b2b-tab-btn.active {\r\n background: linear-gradient(90deg, var(--gold), var(--gold-light));\r\n color: var(--black);\r\n border-color: transparent;\r\n box-shadow: 0 6px 20px rgba(223, 186, 72, 0.3);\r\n}\r\n\r\n.b2b-content-wrapper {\r\n width: 100%;\r\n max-width: 1100px;\r\n}\r\n\r\n.b2b-page {\r\n display: none;\r\n animation: fadeInB2B 0.6s cubic-bezier(0.4, 0, 0.2, 1) forwards;\r\n background: var(--card-bg);\r\n border: 1px solid var(--glass-border);\r\n backdrop-filter: blur(16px);\r\n -webkit-backdrop-filter: blur(16px);\r\n border-radius: 24px;\r\n overflow: hidden;\r\n box-shadow: 0 25px 60px rgba(0, 0, 0, 0.45);\r\n}\r\n\r\n.b2b-page.active {\r\n display: block;\r\n}\r\n\r\n.b2b-banner {\r\n width: 100%;\r\n height: 320px;\r\n position: relative;\r\n}\r\n\r\n.b2b-banner::after {\r\n content: \"\";\r\n position: absolute;\r\n bottom: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n background: linear-gradient(to top, var(--navy-dark) 0%, rgba(5, 12, 23, 0.4) 60%, rgba(5, 12, 23, 0) 100%);\r\n}\r\n\r\n.b2b-body {\r\n padding: 50px clamp(25px, 6vw, 60px);\r\n margin-top: -60px;\r\n position: relative;\r\n z-index: 2;\r\n}\r\n\r\n.b2b-body h3 {\r\n font-family: var(--font-luxury);\r\n color: var(--white);\r\n font-size: clamp(20px, 3vw, 28px);\r\n margin: 0 0 25px 0;\r\n letter-spacing: 0.5px;\r\n}\r\n\r\n.b2b-intro-text {\r\n font-size: 15.5px;\r\n line-height: 1.85;\r\n font-weight: 300;\r\n margin-bottom: 45px;\r\n text-align: justify;\r\n color: #e2e8f0;\r\n}\r\n\r\n.b2b-intro-text strong {\r\n color: var(--gold-light);\r\n font-weight: 400;\r\n}\r\n\r\n.b2b-features {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\r\n gap: 25px;\r\n margin-bottom: 45px;\r\n}\r\n\r\n.b2b-feature-card {\r\n background: rgba(255, 255, 255, 0.01);\r\n border-left: 3px solid var(--gold);\r\n padding: 25px;\r\n border-radius: 0 16px 16px 0;\r\n border-top: 1px solid rgba(255, 255, 255, 0.02);\r\n border-right: 1px solid rgba(255, 255, 255, 0.02);\r\n border-bottom: 1px solid rgba(255, 255, 255, 0.02);\r\n}\r\n\r\n.b2b-feature-card h4 {\r\n color: var(--white);\r\n margin: 0 0 15px 0;\r\n font-size: 16px;\r\n font-weight: 600;\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n}\r\n\r\n.b2b-feature-card p {\r\n font-size: 14px;\r\n color: var(--text-muted);\r\n line-height: 1.6;\r\n margin: 0;\r\n text-align: justify;\r\n}\r\n\r\n.b2b-details-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(380px, 1fr));\r\n gap: 35px;\r\n margin-bottom: 50px;\r\n padding-top: 30px;\r\n border-top: 1px solid rgba(255, 255, 255, 0.05);\r\n}\r\n\r\n.b2b-detail-block h5 {\r\n font-family: var(--font-luxury);\r\n color: var(--gold);\r\n font-size: 17px;\r\n margin: 0 0 20px 0;\r\n letter-spacing: 0.5px;\r\n}\r\n\r\n.b2b-detail-block ul {\r\n list-style: none;\r\n padding: 0;\r\n margin: 0;\r\n}\r\n\r\n.b2b-detail-block ul li {\r\n font-size: 14px;\r\n line-height: 1.7;\r\n margin-bottom: 12px;\r\n color: var(--text-slate);\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 12px;\r\n}\r\n\r\n.b2b-detail-block ul li::before {\r\n content: \"\ud83d\udd38\";\r\n font-size: 10px;\r\n margin-top: 2px;\r\n}\r\n\r\n.b2b-cta-box {\r\n text-align: center;\r\n border-top: 1px solid rgba(223, 186, 72, 0.15);\r\n padding-top: 45px;\r\n}\r\n\r\n.b2b-btn {\r\n display: inline-block;\r\n padding: 16px 45px;\r\n background: transparent;\r\n color: var(--white);\r\n border: 1px solid var(--gold);\r\n text-decoration: none;\r\n font-size: 13px;\r\n font-weight: 600;\r\n letter-spacing: 2px;\r\n text-transform: uppercase;\r\n border-radius: 50px;\r\n transition: all 0.35s ease;\r\n}\r\n\r\n.b2b-btn:hover {\r\n background: linear-gradient(90deg, var(--gold), var(--gold-light));\r\n color: var(--black);\r\n border-color: transparent;\r\n box-shadow: 0 8px 25px rgba(223, 186, 72, 0.3);\r\n transform: translateY(-3px);\r\n}\r\n\r\n@keyframes fadeInB2B {\r\n from { opacity: 0; transform: translateY(20px); }\r\n to { opacity: 1; transform: translateY(0); }\r\n}\r\n\r\n\/* RESPONSIVE DESIGN *\/\r\n@media (max-width: 900px) {\r\n .b2b-tabs {\r\n flex-direction: column;\r\n align-items: stretch;\r\n }\r\n .b2b-tab-btn {\r\n text-align: center;\r\n }\r\n}\r\n\r\n@media(max-width: 768px) {\r\n .pro-bmd, .b2b-container {\r\n padding: 80px 20px;\r\n }\r\n .pro-wrap h2, .b2b-header h2 {\r\n font-size: 24px;\r\n margin-bottom: 50px;\r\n }\r\n .pro-card, .b2b-body {\r\n padding: 40px 25px;\r\n }\r\n .pro-grid, .b2b-details-grid {\r\n grid-template-columns: 1fr;\r\n gap: 20px;\r\n }\r\n .pro-card p, .b2b-intro-text {\r\n font-size: 14.5px;\r\n }\r\n}\r\n<\/style>\r\n\r\n\r\n<script>\r\nfunction openB2BPage(evt, pageId) {\r\n const b2bPages = document.getElementsByClassName(\"b2b-page\");\r\n for (let i = 0; i < b2bPages.length; i++) {\r\n b2bPages[i].classList.remove(\"active\");\r\n }\r\n\r\n const tabButtons = document.getElementsByClassName(\"b2b-tab-btn\");\r\n for (let i = 0; i < tabButtons.length; i++) {\r\n tabButtons[i].classList.remove(\"active\");\r\n }\r\n\r\n document.getElementById(pageId).classList.add(\"active\");\r\n evt.currentTarget.classList.add(\"active\");\r\n}\r\n<\/script>\r\n\r\n\r\n<script type=\"application\/ld+json\">\r\n{\r\n \"@context\": \"https:\/\/schema.org\",\r\n \"@type\": \"Service\",\r\n \"serviceType\": \"Chauffeur Priv\u00e9 pour Entreprises et VTC Professionnel\",\r\n \"provider\": {\r\n \"@type\": \"LocalBusiness\",\r\n \"name\": \"Xave'VTC\",\r\n \"telephone\": \"+33669157643\",\r\n \"url\": \"https:\/\/xave-vtc.fr\"\r\n },\r\n \"areaServed\": [\r\n { \"@type\": \"City\", \"name\": \"Lens\" },\r\n { \"@type\": \"City\", \"name\": \"Arras\" },\r\n { \"@type\": \"City\", \"name\": \"B\u00e9thune\" },\r\n { \"@type\": \"City\", \"name\": \"Lille\" },\r\n { \"@type\": \"State\", \"name\": \"Hauts-de-France\" }\r\n ],\r\n \"description\": \"Solutions de transport et de mobilit\u00e9 corporate haut de gamme pour les entreprises, professions juridiques, experts-comptables et dirigeants dans le Bassin Minier.\",\r\n \"hasOfferCatalog\": {\r\n \"@type\": \"OfferCatalog\",\r\n \"name\": \"Catalogue de Solutions Transport B2B\",\r\n \"itemListElement\": [\r\n {\r\n \"@type\": \"Offer\",\r\n \"itemOffered\": {\r\n \"@type\": \"Service\",\r\n \"name\": \"Chauffeur Priv\u00e9 pour \u00c9tudes Notariales & Juridiques\",\r\n \"description\": \"Transport confidentiel, signatures hors \u00e9tude et gestion de la logistique juridique s\u00e9curis\u00e9e.\"\r\n }\r\n },\r\n {\r\n \"@type\": \"Offer\",\r\n \"itemOffered\": {\r\n \"@type\": \"Service\",\r\n \"name\": \"Chauffeur pour Cabinets d'Expertise Comptable & d'Audit\",\r\n \"description\": \"Espace de travail embarqu\u00e9 avec Wi-Fi pour auditeurs et experts en p\u00e9riode de cl\u00f4ture fiscale.\"\r\n }\r\n },\r\n {\r\n \"@type\": \"Offer\",\r\n \"itemOffered\": {\r\n \"@type\": \"Service\",\r\n \"name\": \"Service Chauffeur Priv\u00e9 pour Dirigeants & Cadres Ex\u00e9cutifs\",\r\n \"description\": \"Mise \u00e0 disposition horaire flexible, berlines premium ex\u00e9cutives et liaisons hubs gares\/a\u00e9roports.\"\r\n }\r\n },\r\n {\r\n \"@type\": \"Offer\",\r\n \"itemOffered\": {\r\n \"@type\": \"Service\",\r\n \"name\": \"Accueil & Transport de Vos Visiteurs & Partenaires d'Affaires\",\r\n \"description\": \"Accueil personnalis\u00e9 nominatif avec pancarte aux gares et a\u00e9roports, gestion multilingue.\"\r\n }\r\n }\r\n ]\r\n }\r\n}\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-cdbd7cd e-flex e-con-boxed e-con e-parent\" data-id=\"cdbd7cd\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2b53724 elementor-widget elementor-widget-html\" data-id=\"2b53724\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"cta-bmd\">\r\n \r\n <div class=\"cta-grid-bg\"><\/div>\r\n\r\n <div class=\"cta-wrap\">\r\n\r\n <h2>\r\n <span class=\"cta-tag\">\/\/ TRANSMISSION_DIRECTE \/\/<\/span><br>\r\n Besoin d'un chauffeur ?\r\n <\/h2>\r\n\r\n <p>\r\n Initialisation imm\u00e9diate de votre course, devis instantan\u00e9 gratuit. Transport local, liaison a\u00e9roportuaire, logistique mariage, s\u00e9minaire ou urgence \u00e9v\u00e9nementielle.\r\n <\/p>\r\n\r\n <div class=\"cta-buttons\">\r\n\r\n \r\n <a href=\"tel:0669157643\" class=\"cta-btn btn-call\">\r\n <span class=\"btn-meta\">LINE_01 \/\/<\/span> 06 69 15 76 43\r\n <\/a>\r\n\r\n \r\n <a href=\"tel:0763886827\" class=\"cta-btn btn-emergency\">\r\n <span class=\"pulse-dot\"><\/span> <span class=\"btn-meta\">CRITICAL \/\/<\/span> 07 63 88 68 27\r\n <\/a>\r\n\r\n \r\n <a href=\"mailto:bm.drivers62@gmail.com\" class=\"cta-btn btn-mail\">\r\n <span class=\"btn-meta\">SECURE_MAIL \/\/<\/span> Envoyer un email\r\n <\/a>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n<\/section>\r\n\r\n<style>\r\n:root {\r\n --gold: #d4af37;\r\n --gold-glow: rgba(212, 175, 55, 0.4);\r\n --black: #050505;\r\n --cyber-bg: #0b0b0f;\r\n --cyan-accent: #00f0ff;\r\n --cyan-glow: rgba(0, 240, 255, 0.3);\r\n --emergency-red: #ff3b30;\r\n}\r\n\r\n.cta-bmd {\r\n padding: 130px 20px;\r\n background: \r\n radial-gradient(circle at 50% 0%, rgba(212, 175, 55, 0.12), transparent 60%),\r\n linear-gradient(135deg, var(--black) 0%, var(--cyber-bg) 100%);\r\n text-align: center;\r\n position: relative;\r\n overflow: hidden;\r\n font-family: 'Montserrat', sans-serif;\r\n border-top: 1px solid rgba(212, 175, 55, 0.15);\r\n}\r\n\r\n\/* Grille en arri\u00e8re-plan *\/\r\n.cta-grid-bg {\r\n position: absolute;\r\n inset: 0;\r\n background-image: \r\n linear-gradient(rgba(212, 175, 55, 0.015) 1px, transparent 1px),\r\n linear-gradient(90deg, rgba(212, 175, 55, 0.015) 1px, transparent 1px);\r\n background-size: 40px 40px;\r\n pointer-events: none;\r\n}\r\n\r\n.cta-wrap {\r\n max-width: 1100px;\r\n margin: auto;\r\n position: relative;\r\n z-index: 2;\r\n}\r\n\r\n\/* Titre Principal *\/\r\n.cta-wrap h2 {\r\n color: #fff;\r\n font-family: 'Orbitron', sans-serif;\r\n font-size: clamp(34px, 5vw, 56px);\r\n font-weight: 900;\r\n margin-bottom: 25px;\r\n text-transform: uppercase;\r\n letter-spacing: -1px;\r\n}\r\n\r\n.cta-tag {\r\n font-family: 'Rajdhani', sans-serif;\r\n font-size: 13px;\r\n color: var(--gold);\r\n letter-spacing: 5px;\r\n font-weight: 600;\r\n text-shadow: 0 0 8px var(--gold-glow);\r\n}\r\n\r\n\/* Description *\/\r\n.cta-wrap p {\r\n font-size: clamp(16px, 2vw, 20px);\r\n margin-bottom: 50px;\r\n color: #b0b0b8;\r\n max-width: 850px;\r\n margin-left: auto;\r\n margin-right: auto;\r\n line-height: 1.8;\r\n font-weight: 300;\r\n}\r\n\r\n\/* Conteneur Boutons *\/\r\n.cta-buttons {\r\n display: flex;\r\n justify-content: center;\r\n gap: 20px;\r\n flex-wrap: wrap;\r\n}\r\n\r\n\/* Base Bouton Cyber *\/\r\n.cta-btn {\r\n position: relative;\r\n color: #fff;\r\n padding: 20px 35px;\r\n text-decoration: none;\r\n font-family: 'Orbitron', sans-serif;\r\n font-weight: 700;\r\n font-size: 14px;\r\n letter-spacing: 1px;\r\n background: rgba(14, 14, 20, 0.8);\r\n border: 1px solid rgba(255, 255, 255, 0.1);\r\n transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);\r\n backdrop-filter: blur(5px);\r\n -webkit-backdrop-filter: blur(5px);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 10px;\r\n clip-path: polygon(15px 0%, 100% 0%, calc(100% - 15px) 100%, 0% 100%);\r\n}\r\n\r\n.btn-meta {\r\n font-family: 'Rajdhani', sans-serif;\r\n font-size: 12px;\r\n font-weight: 500;\r\n opacity: 0.5;\r\n}\r\n\r\n\/* Style Bouton R\u00e9servation Normale (Or) *\/\r\n.btn-call {\r\n border-bottom: 2px solid var(--gold);\r\n}\r\n\r\n.btn-call:hover {\r\n background: var(--gold);\r\n color: var(--black);\r\n box-shadow: 0 10px 30px var(--gold-glow);\r\n transform: translateY(-3px);\r\n}\r\n\r\n.btn-call:hover .btn-meta {\r\n color: var(--black);\r\n opacity: 0.7;\r\n}\r\n\r\n\/* Style Bouton Urgence (Rouge Cyber\/N\u00e9on) *\/\r\n.btn-emergency {\r\n border-bottom: 2px solid var(--emergency-red);\r\n}\r\n\r\n.btn-emergency:hover {\r\n background: var(--emergency-red);\r\n color: #fff;\r\n box-shadow: 0 10px 30px rgba(255, 59, 48, 0.4);\r\n transform: translateY(-3px);\r\n border-color: var(--emergency-red);\r\n}\r\n\r\n\/* Point pulsant pour l'urgence *\/\r\n.pulse-dot {\r\n width: 8px;\r\n height: 8px;\r\n background-color: var(--emergency-red);\r\n border-radius: 50%;\r\n box-shadow: 0 0 10px var(--emergency-red);\r\n animation: ctaPulse 1.5s infinite;\r\n}\r\n\r\n@keyframes ctaPulse {\r\n 0% { transform: scale(0.9); opacity: 1; box-shadow: 0 0 0 0 rgba(255, 59, 48, 0.7); }\r\n 70% { transform: scale(1.1); opacity: 0.5; box-shadow: 0 0 0 8px rgba(255, 59, 48, 0); }\r\n 100% { transform: scale(0.9); opacity: 1; box-shadow: 0 0 0 0 rgba(255, 59, 48, 0); }\r\n}\r\n\r\n\/* Style Bouton Email (Cyan) *\/\r\n.btn-mail {\r\n border-bottom: 2px solid var(--cyan-accent);\r\n}\r\n\r\n.btn-mail:hover {\r\n background: var(--cyan-accent);\r\n color: var(--black);\r\n box-shadow: 0 10px 30px var(--cyan-glow);\r\n transform: translateY(-3px);\r\n border-color: var(--cyan-accent);\r\n}\r\n\r\n.btn-mail:hover .btn-meta {\r\n color: var(--black);\r\n opacity: 0.7;\r\n}\r\n\r\n\/* Responsiveness Mobile *\/\r\n@media(max-width: 768px) {\r\n .cta-bmd {\r\n padding: 80px 20px;\r\n }\r\n\r\n .cta-wrap h2 {\r\n font-size: 30px;\r\n }\r\n\r\n .cta-wrap p {\r\n font-size: 15px;\r\n margin-bottom: 40px;\r\n }\r\n\r\n .cta-buttons {\r\n flex-direction: column;\r\n align-items: center;\r\n gap: 15px;\r\n }\r\n\r\n .cta-btn {\r\n width: 100%;\r\n max-width: 360px;\r\n padding: 18px 25px;\r\n }\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-01f8db8 e-con e-atomic-element e-flexbox-base e-4276821 \" data-id=\"01f8db8\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"01f8db8\">\n \t\t<div class=\"elementor-element elementor-element-02d7527 elementor-widget elementor-widget-html\" data-id=\"02d7527\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"values-bmd\">\r\n <div class=\"values-wrap\">\r\n <div class=\"values-grid\">\r\n <div class=\"value-item\">\r\n <div class=\"value-num\">01 \/\/<\/div>\r\n <h3>Prix Fixe Garanti<\/h3>\r\n <p>Le tarif est d\u00e9termin\u00e9 \u00e0 la r\u00e9servation. Pas de mauvaise surprise, m\u00eame en cas d'embouteillages sur l'A1 ou l'A21.<\/p>\r\n <\/div>\r\n <div class=\"value-item\">\r\n <div class=\"value-num\">02 \/\/<\/div>\r\n <h3>Suivi des Vols & Trains<\/h3>\r\n <p>Nous ajustons l'heure de notre arriv\u00e9e en temps r\u00e9el selon les retards de vos vols (Lesquin, CDG) ou de vos trains.<\/p>\r\n <\/div>\r\n <div class=\"value-item\">\r\n <div class=\"value-num\">03 \/\/<\/div>\r\n <h3>Discr\u00e9tion & S\u00e9curit\u00e9<\/h3>\r\n <p>Chauffeurs professionnels form\u00e9s \u00e0 la conduite souple, au protocole corporate et tenus au secret professionnel absolu.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<style>\r\n.values-bmd { padding: 80px 20px; background: #08080c; border-top: 1px solid rgba(255,255,255,0.02); color: white; font-family: 'Montserrat', sans-serif; }\r\n.values-wrap { max-width: 1200px; margin: auto; }\r\n.values-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 40px; }\r\n.value-item { padding: 20px; }\r\n.value-num { font-family: 'Orbitron', sans-serif; font-size: 14px; color: #00f0ff; margin-bottom: 10px; }\r\n.value-item h3 { font-family: 'Orbitron', sans-serif; font-size: 20px; color: #fff; margin-bottom: 15px; text-transform: uppercase; }\r\n.value-item p { color: #a0a0aa; font-size: 14px; line-height: 1.7; font-weight: 300; }\r\n<\/style>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-49c23c1 e-con e-atomic-element e-flexbox-base e-b273464 \" data-id=\"49c23c1\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"49c23c1\">\n \t\t<div class=\"elementor-element elementor-element-c93ef93 elementor-widget elementor-widget-html\" data-id=\"c93ef93\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n<section class=\"bmd-booking-section\" id=\"manifeste-reservation\">\r\n \r\n <div class=\"bmd-radar-grid\"><\/div>\r\n\r\n <div class=\"bmd-booking-container\">\r\n\r\n <header class=\"bmd-booking-header\">\r\n <h2>\r\n <span class=\"bmd-booking-tag\">\/\/ FLIGHT_TRAIN_LOCAL_DISPATCH \/\/<\/span><br>\r\n Planifier un d\u00e9placement\r\n <\/h2>\r\n <p class=\"bmd-booking-desc\">\r\n Compl\u00e9tez le manifeste ci-dessous pour obtenir une estimation de tarif ou valider une demande de prise en charge par nos chauffeurs.\r\n <\/p>\r\n <\/header>\r\n\r\n <form class=\"bmd-booking-form\" onsubmit=\"event.preventDefault(); alert('Transmission du manifeste r\u00e9ussie ! (Simulation)');\">\r\n \r\n <div class=\"bmd-form-grid\">\r\n \r\n <div class=\"bmd-field-group col-span-12\">\r\n <label for=\"bmd-prest-type\">\/\/ TYPE_DE_MISSION<\/label>\r\n <select id=\"bmd-prest-type\" required>\r\n <option value=\"\" disabled selected hidden>S\u00e9lectionnez le protocole...<\/option>\r\n <option value=\"airport\">Navette A\u00e9roport (Lille, Roissy CDG, Bruxelles...)<\/option>\r\n <option value=\"station\">Navette Gare (Lens, Arras, B\u00e9thune, Lille Europe...)<\/option>\r\n <option value=\"local\">Trajet Local \/ Pro (Bassin Minier & M\u00e9tropole)<\/option>\r\n <option value=\"long\">Longue Distance \/ France & Europe<\/option>\r\n <\/select>\r\n <\/div>\r\n\r\n \r\n <div class=\"bmd-field-group col-span-6 md-span-12\">\r\n <label for=\"bmd-p-up\">\/\/ POINT_DE_DEPART<\/label>\r\n <input type=\"text\" id=\"bmd-p-up\" placeholder=\"Adresse, Gare ou A\u00e9roport...\" required>\r\n <\/div>\r\n <div class=\"bmd-field-group col-span-6 md-span-12\">\r\n <label for=\"bmd-d-off\">\/\/ DESTINATION<\/label>\r\n <input type=\"text\" id=\"bmd-d-off\" placeholder=\"Adresse, Gare ou A\u00e9roport...\" required>\r\n <\/div>\r\n\r\n \r\n <div class=\"bmd-field-group col-span-4 md-span-12\">\r\n <label for=\"bmd-p-date\">\/\/ DATE_DE_PRISE_EN_CHARGE<\/label>\r\n <input type=\"date\" id=\"bmd-p-date\" required>\r\n <\/div>\r\n <div class=\"bmd-field-group col-span-4 md-span-12\">\r\n <label for=\"bmd-p-time\">\/\/ HEURE_PRECISE<\/label>\r\n <input type=\"time\" id=\"bmd-p-time\" required>\r\n <\/div>\r\n <div class=\"bmd-field-group col-span-4 md-span-12\">\r\n <label for=\"bmd-p-pax\">\/\/ CAPACITE_VEHICULE<\/label>\r\n <select id=\"bmd-p-pax\" required>\r\n <option value=\"1-3\">Berline Premium (1 \u00e0 3 PAX)<\/option>\r\n <option value=\"4-7\">Van Executive (4 \u00e0 7 PAX)<\/option>\r\n <\/select>\r\n <\/div>\r\n\r\n \r\n <div class=\"bmd-field-group col-span-6 md-span-12\">\r\n <label for=\"bmd-c-name\">\/\/ IDENTIT\u00c9_CLIENT<\/label>\r\n <input type=\"text\" id=\"bmd-c-name\" placeholder=\"Nom complet ou Entit\u00e9\" required>\r\n <\/div>\r\n <div class=\"bmd-field-group col-span-6 md-span-12\">\r\n <label for=\"bmd-c-contact\">\/\/ COORDONN\u00c9ES_NUM\u00c9RIQUES<\/label>\r\n <input type=\"text\" id=\"bmd-c-contact\" placeholder=\"T\u00e9l\u00e9phone ou adresse e-mail\" required>\r\n <\/div>\r\n\r\n \r\n <div class=\"bmd-field-group col-span-12\">\r\n <label for=\"bmd-c-notes\">\/\/ DETAILS_COMPLEMENTAIRES (OPTIONNEL)<\/label>\r\n <textarea id=\"bmd-c-notes\" rows=\"3\" placeholder=\"Num\u00e9ro de vol\/train, volume de bagages, demandes sp\u00e9cifiques...\"><\/textarea>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"bmd-submit-container\">\r\n <button type=\"submit\" class=\"bmd-submit-action\">\r\n <span class=\"bmd-btn-meta\">EXECUTE \/\/<\/span> Transmettre le manifeste\r\n <\/button>\r\n <\/div>\r\n\r\n <\/form>\r\n\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<style>\r\n:root {\r\n --bmd-gold: #dfba48;\r\n --bmd-gold-glow: rgba(223, 186, 72, 0.15);\r\n --bmd-dark-bg: #030305;\r\n --bmd-cockpit-bg: #07080e;\r\n --bmd-input-bg: #0c0d14;\r\n --bmd-cyan: #00f0ff;\r\n --bmd-cyan-glow: rgba(0, 240, 255, 0.15);\r\n \r\n --bmd-f-title: 'Cinzel', serif;\r\n --bmd-f-tech: 'Rajdhani', sans-serif;\r\n --bmd-f-body: 'Montserrat', sans-serif;\r\n}\r\n\r\n.bmd-booking-section {\r\n padding: 120px 20px;\r\n background: linear-gradient(180deg, var(--bmd-dark-bg) 0%, #000000 100%);\r\n color: #ffffff;\r\n position: relative;\r\n overflow: hidden;\r\n font-family: var(--bmd-f-body);\r\n box-sizing: border-box;\r\n}\r\n\r\n.bmd-booking-section *, \r\n.bmd-booking-section *::before, \r\n.bmd-booking-section *::after {\r\n box-sizing: border-box;\r\n}\r\n\r\n\/* Grille cyber-tactique fluide *\/\r\n.bmd-radar-grid {\r\n position: absolute;\r\n inset: 0;\r\n background-image: linear-gradient(rgba(0, 240, 255, 0.01) 1px, transparent 1px), linear-gradient(90deg, rgba(0, 240, 255, 0.01) 1px, transparent 1px);\r\n background-size: 40px 40px;\r\n pointer-events: none;\r\n opacity: 0.4;\r\n mask-image: radial-gradient(circle at center, black, transparent 85%);\r\n -webkit-mask-image: radial-gradient(circle at center, black, transparent 85%);\r\n}\r\n\r\n.bmd-booking-container {\r\n max-width: 950px;\r\n margin: 0 auto;\r\n position: relative;\r\n z-index: 3;\r\n}\r\n\r\n\/* En-t\u00eate *\/\r\n.bmd-booking-header {\r\n text-align: center;\r\n margin-bottom: 55px;\r\n}\r\n\r\n.bmd-booking-header h2 {\r\n font-family: var(--bmd-f-title);\r\n font-size: clamp(24px, 4.5vw, 38px);\r\n font-weight: 700;\r\n text-transform: uppercase;\r\n margin: 0 0 15px 0;\r\n letter-spacing: 0.5px;\r\n line-height: 1.3;\r\n}\r\n\r\n.bmd-booking-tag {\r\n font-family: var(--bmd-f-tech);\r\n font-size: 13px;\r\n color: var(--bmd-cyan);\r\n letter-spacing: 4px;\r\n font-weight: 600;\r\n text-shadow: 0 0 8px var(--bmd-cyan-glow);\r\n}\r\n\r\n.bmd-booking-desc {\r\n color: #94a3b8;\r\n font-size: 15px;\r\n font-weight: 300;\r\n max-width: 700px;\r\n margin: 0 auto;\r\n line-height: 1.6;\r\n}\r\n\r\n\/* Bo\u00eetier du Formulaire *\/\r\n.bmd-booking-form {\r\n background: var(--bmd-cockpit-bg);\r\n border: 1px solid rgba(223, 186, 72, 0.12);\r\n border-top: 3px solid var(--bmd-gold);\r\n padding: 50px 40px;\r\n border-radius: 4px;\r\n box-shadow: 0 35px 80px rgba(0, 0, 0, 0.6);\r\n backdrop-filter: blur(15px);\r\n -webkit-backdrop-filter: blur(15px);\r\n}\r\n\r\n\/* Syst\u00e8me Grid Adaptatif 12 colonnes *\/\r\n.bmd-form-grid {\r\n display: grid;\r\n grid-template-columns: repeat(12, 1fr);\r\n gap: 24px;\r\n}\r\n\r\n.bmd-field-group {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 8px;\r\n}\r\n\r\n\/* Positionnement des colonnes *\/\r\n.col-span-12 { grid-column: span 12; }\r\n.col-span-6 { grid-column: span 6; }\r\n.col-span-4 { grid-column: span 4; }\r\n\r\n\/* Libell\u00e9s Style Radar *\/\r\n.bmd-field-group label {\r\n font-family: var(--bmd-f-tech);\r\n font-size: 12px;\r\n font-weight: 600;\r\n color: var(--bmd-gold);\r\n letter-spacing: 1.5px;\r\n text-transform: uppercase;\r\n}\r\n\r\n\/* Champs de saisie *\/\r\n.bmd-field-group input,\r\n.bmd-field-group select,\r\n.bmd-field-group textarea {\r\n background: var(--bmd-input-bg);\r\n border: 1px solid rgba(255, 255, 255, 0.08);\r\n padding: 14px 18px;\r\n color: #ffffff;\r\n font-family: var(--bmd-f-body);\r\n font-size: 14px;\r\n border-radius: 4px;\r\n outline: none;\r\n width: 100%;\r\n transition: all 0.3s cubic-bezier(0.25, 1, 0.5, 1);\r\n}\r\n\r\n\/* Fl\u00e8che personnalis\u00e9e propre pour le Select *\/\r\n.bmd-field-group select {\r\n cursor: pointer;\r\n appearance: none;\r\n -webkit-appearance: none;\r\n background-image: url(\"data:image\/svg+xml;utf8,<svg xmlns='http:\/\/www.w3.org\/2000\/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23dfba48' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'><\/polyline><\/svg>\");\r\n background-repeat: no-repeat;\r\n background-position: right 18px center;\r\n background-size: 15px;\r\n padding-right: 45px;\r\n}\r\n\r\n\/* Focus Technologique Cyan *\/\r\n.bmd-field-group input:focus,\r\n.bmd-field-group select:focus,\r\n.bmd-field-group textarea:focus {\r\n border-color: var(--bmd-cyan);\r\n box-shadow: 0 0 12px var(--bmd-cyan-glow);\r\n background: rgba(12, 14, 24, 1);\r\n}\r\n\r\n\/* Forcer la couleur claire sur les s\u00e9lecteurs natifs de date\/time *\/\r\n.bmd-field-group input[type=\"date\"]::-webkit-calendar-picker-indicator,\r\n.bmd-field-group input[type=\"time\"]::-webkit-calendar-picker-indicator {\r\n filter: invert(1) sepia(1) saturate(5) hue-rotate(145deg);\r\n cursor: pointer;\r\n}\r\n\r\n\/* Zone et Bouton d'action *\/\r\n.bmd-submit-container {\r\n margin-top: 40px;\r\n text-align: center;\r\n}\r\n\r\n.bmd-submit-action {\r\n background: var(--bmd-gold);\r\n color: #000000;\r\n border: none;\r\n padding: 18px 45px;\r\n font-family: var(--bmd-f-title);\r\n font-weight: 700;\r\n font-size: 13.5px;\r\n letter-spacing: 2px;\r\n text-transform: uppercase;\r\n cursor: pointer;\r\n transition: all 0.35s ease;\r\n clip-path: polygon(12px 0%, 100% 0%, calc(100% - 12px) 100%, 0% 100%);\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 12px;\r\n}\r\n\r\n.bmd-btn-meta {\r\n font-family: var(--bmd-f-tech);\r\n font-size: 12px;\r\n font-weight: 600;\r\n opacity: 0.75;\r\n}\r\n\r\n.bmd-submit-action:hover {\r\n background: #ffffff;\r\n box-shadow: 0 12px 35px rgba(255, 255, 255, 0.2);\r\n transform: translateY(-2px);\r\n}\r\n\r\n\/* --- MEDIA QUERIES TOTALEMENT RESPONSIVE --- *\/\r\n\r\n@media (max-width: 900px) {\r\n \/* Forcer le passage en colonnes compl\u00e8tes sur tablettes et mobiles pour \u00e9viter le tassement *\/\r\n .md-span-12 {\r\n grid-column: span 12 !important;\r\n }\r\n .bmd-booking-form {\r\n padding: 40px 25px;\r\n }\r\n}\r\n\r\n@media (max-width: 600px) {\r\n .bmd-booking-section {\r\n padding: 70px 15px;\r\n }\r\n .bmd-booking-header {\r\n margin-bottom: 40px;\r\n }\r\n .bmd-booking-form {\r\n padding: 30px 15px;\r\n }\r\n .bmd-form-grid {\r\n gap: 18px; \/* R\u00e9duction de l'espace sur petits \u00e9crans *\/\r\n }\r\n .bmd-submit-action {\r\n width: 100%;\r\n justify-content: center;\r\n padding: 16px 20px;\r\n }\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-a15a88b e-con e-atomic-element e-flexbox-base e-3206afe \" data-id=\"a15a88b\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"a15a88b\">\n \t\t<div class=\"elementor-element elementor-element-7e19485 elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"7e19485\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cinzel:wght@700;900&family=Montserrat:wght@300;400;500;600&family=Rajdhani:wght@600;700&display=swap\" rel=\"stylesheet\">\r\n\r\n\r\n<section class=\"bmd-tourisme-section\" id=\"trajectoires-tourisme\">\r\n <div class=\"bmd-tourisme-grid-bg\"><\/div>\r\n\r\n <div class=\"bmd-tourisme-container\">\r\n\r\n <header class=\"bmd-tourisme-header\">\r\n <span class=\"bmd-tourisme-kicker\">\/\/ PARCOURS_EXPLORATION \/\/ REGIONAL_DISCOVERY<\/span>\r\n <h2 class=\"bmd-tourisme-title\">\r\n Trajectoires de D\u00e9couverte\r\n <span>Immersion au C\u0153ur du Patrimoine des Hauts-de-France<\/span>\r\n <\/h2>\r\n <p class=\"bmd-tourisme-intro\">\r\n Bassin Minier Drivers d\u00e9ploie ses unit\u00e9s premium pour vos protocoles de d\u00e9couverte et d'exploration r\u00e9gionale. Sous la conduite de nos chauffeurs experts, franchissez les fronti\u00e8res du patrimoine de l'UNESCO, des places fortes historiques et des complexes d'avant-garde de la zone. Optimisez vos transferts vers les p\u00f4les d'int\u00e9r\u00eat majeurs de Lens, Arras, B\u00e9thune, Lille ou Douai.\r\n <\/p>\r\n <\/header>\r\n\r\n \r\n <div class=\"bmd-tourisme-cards-layout\">\r\n\r\n \r\n <div class=\"bmd-tourisme-card\">\r\n <div class=\"bmd-card-img-wrapper\" style=\"background-image: var(--bmd-img-louvre, url('https:\/\/www.xave-vtc-lens-bethune.fr\/fr\/wp-content\/uploads\/2026\/06\/louvre-lens-by-sanaa-17.jpg'));\"><\/div>\r\n <div class=\"bmd-card-content\">\r\n <h3>Louvre-<span>Lens<\/span><\/h3>\r\n <p>Infiltration au c\u0153ur d'une architecture de verre \u00e9pur\u00e9e. Un p\u00f4le artistique d'avant-garde implant\u00e9 sur les anciennes lignes du bassin d'extraction mini\u00e8re.<\/p>\r\n <a href=\"https:\/\/bassinminierdrivers.fr\/vtc-louvre-lens\/\" class=\"bmd-card-link\">Consulter l'itin\u00e9raire \u2192<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"bmd-tourisme-card\">\r\n <div class=\"bmd-card-img-wrapper\" style=\"background-image: var(--bmd-img-bollaert, url('https:\/\/xave-vtc.fr\/wp-content\/uploads\/2026\/06\/d263418e-f57b-4d2d-a7bf-3edb5c355404.png'));\"><\/div>\r\n <div class=\"bmd-card-content\">\r\n <h3>Chaudron <span>Bollaert<\/span><\/h3>\r\n <p>Le temple de la ferveur collective nordiste. Un complexe mythique charg\u00e9 d'une \u00e9nergie unique, symbole fort de l'histoire et de l'identit\u00e9 art\u00e9sienne.<\/p>\r\n <a href=\"https:\/\/bassinminierdrivers.fr\/vtc-stade-bollaert\/\" class=\"bmd-card-link\">Consulter l'itin\u00e9raire \u2192<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"bmd-tourisme-card\">\r\n <div class=\"bmd-card-img-wrapper\" style=\"background-image: var(--bmd-img-lewarde, url('https:\/\/xave-vtc.fr\/wp-content\/uploads\/2026\/05\/Lewarde.jpg'));\"><\/div>\r\n <div class=\"bmd-card-content\">\r\n <h3>Sanctuaire <span>Lewarde<\/span><\/h3>\r\n <p>Le plus vaste centre de m\u00e9moire industrielle de France. Une immersion captivante retra\u00e7ant trois si\u00e8cles d'\u00e9pop\u00e9e ouvri\u00e8re et technique.<\/p>\r\n <a href=\"https:\/\/bassinminierdrivers.fr\/vtc-lewarde\/\" class=\"bmd-card-link\">Consulter l'itin\u00e9raire \u2192<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"bmd-tourisme-card\">\r\n <div class=\"bmd-card-img-wrapper\" style=\"background-image: var(--bmd-img-lorette, url('https:\/\/xave-vtc.fr\/wp-content\/uploads\/2026\/05\/Notre-Dame-de-Lorette-scaled.jpg'));\"><\/div>\r\n <div class=\"bmd-card-content\">\r\n <h3>M\u00e9morial <span>Lorette<\/span><\/h3>\r\n <p>Haut lieu de m\u00e9moire internationale abritant l'Anneau de la M\u00e9moire, une prouesse structurelle offrant un panorama unique sur toute la plaine de Gohelle.<\/p>\r\n <a href=\"https:\/\/bassinminierdrivers.fr\/notre-dame-de-lorette\/\" class=\"bmd-card-link\">Consulter l'itin\u00e9raire \u2192<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"bmd-tourisme-card\">\r\n <div class=\"bmd-card-img-wrapper\" style=\"background-image: var(--bmd-img-vimy, url('https:\/\/xave-vtc.fr\/wp-content\/uploads\/2026\/06\/le-memorial-national-du-canada-a-vimy.jpg'));\"><\/div>\r\n <div class=\"bmd-card-content\">\r\n <h3>Vecteur <span>Vimy<\/span><\/h3>\r\n <p>Monument m\u00e9moriel national dominant les cr\u00eates g\u00e9ographiques. Un parc historique pr\u00e9serv\u00e9 jalonn\u00e9 par ses r\u00e9seaux de tranch\u00e9es d'\u00e9poque.<\/p>\r\n <a href=\"https:\/\/bassinminierdrivers.fr\/vtc-memorial-canadien-vimy\/\" class=\"bmd-card-link\">Consulter l'itin\u00e9raire \u2192<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"bmd-tourisme-card\">\r\n <div class=\"bmd-card-img-wrapper\" style=\"background-image: var(--bmd-img-wellington, url('https:\/\/xave-vtc.fr\/wp-content\/uploads\/2026\/06\/1-mur-carriere-wellington-cituation-et-ensemble.jpg'));\"><\/div>\r\n <div class=\"bmd-card-content\">\r\n <h3>R\u00e9seau <span>Wellington<\/span><\/h3>\r\n <p>Incursion \u00e0 vingt m\u00e8tres sous les pav\u00e9s d'Arras. D\u00e9couvrez les galeries souterraines ultra-secr\u00e8tes am\u00e9nag\u00e9es par les forces du Commonwealth en 1917.<\/p>\r\n <a href=\"https:\/\/bassinminierdrivers.fr\/vtc-carriere-wellington\/\" class=\"bmd-card-link\">Consulter l'itin\u00e9raire \u2192<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n <div class=\"bmd-tourisme-action-zone\">\r\n <a href=\"mailto:bm.drivers62@gmail.com?subject=Demande%20de%20circuit%20touristique%20-%20Bassin%20Minier%20Drivers\" class=\"bmd-btn-tourisme\">Planifier mon circuit<\/a>\r\n <\/div>\r\n\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<style>\r\n:root {\r\n --bmd-gold: #dfba48;\r\n --bmd-gold-glow: rgba(223, 186, 72, 0.15);\r\n --bmd-dark-space: #030407;\r\n --bmd-card-surface: #090a10;\r\n --bmd-cyan: #00f0ff;\r\n --bmd-cyan-glow: rgba(0, 240, 255, 0.12);\r\n --bmd-slate-grey: #94a3b8;\r\n \r\n --bmd-font-title: 'Cinzel', serif;\r\n --bmd-font-tech: 'Rajdhani', sans-serif;\r\n --bmd-font-body: 'Montserrat', sans-serif;\r\n}\r\n\r\n.bmd-tourisme-section {\r\n position: relative;\r\n padding: 120px 20px;\r\n background: linear-gradient(180deg, var(--bmd-dark-space) 0%, #000000 100%);\r\n font-family: var(--bmd-font-body);\r\n overflow: hidden;\r\n box-sizing: border-box;\r\n}\r\n\r\n.bmd-tourisme-section *,\r\n.bmd-tourisme-section *::before,\r\n.bmd-tourisme-section *::after {\r\n box-sizing: border-box;\r\n}\r\n\r\n\/* Grille matricielle technologique en perspective *\/\r\n.bmd-tourisme-grid-bg {\r\n content: \"\";\r\n position: absolute;\r\n inset: 0;\r\n background-image: \r\n linear-gradient(rgba(223, 186, 72, 0.02) 1px, transparent 1px),\r\n linear-gradient(90deg, rgba(223, 186, 72, 0.02) 1px, transparent 1px);\r\n background-size: 50px 50px;\r\n background-position: center top;\r\n transform: perspective(600px) rotateX(12deg);\r\n transform-origin: top;\r\n mask-image: linear-gradient(to bottom, black 20%, transparent 90%);\r\n -webkit-mask-image: linear-gradient(to bottom, black 20%, transparent 90%);\r\n opacity: 0.7;\r\n pointer-events: none;\r\n z-index: 1;\r\n}\r\n\r\n.bmd-tourisme-container {\r\n position: relative;\r\n max-width: 1240px;\r\n margin: 0 auto;\r\n z-index: 3;\r\n}\r\n\r\n\/* En-t\u00eate de section *\/\r\n.bmd-tourisme-header {\r\n text-align: center;\r\n max-width: 850px;\r\n margin: 0 auto 70px;\r\n}\r\n\r\n.bmd-tourisme-kicker {\r\n display: block;\r\n font-family: var(--bmd-font-tech);\r\n color: var(--bmd-cyan);\r\n font-size: 13px;\r\n letter-spacing: 4px;\r\n font-weight: 700;\r\n text-shadow: 0 0 8px var(--bmd-cyan-glow);\r\n margin-bottom: 15px;\r\n}\r\n\r\n.bmd-tourisme-title {\r\n font-family: var(--bmd-font-title);\r\n font-size: clamp(26px, 4.5vw, 42px);\r\n font-weight: 900;\r\n text-transform: uppercase;\r\n color: #ffffff;\r\n line-height: 1.2;\r\n margin: 0 0 25px 0;\r\n}\r\n\r\n.bmd-tourisme-title span {\r\n display: block;\r\n font-family: var(--bmd-font-tech);\r\n font-size: clamp(13px, 2vw, 18px);\r\n color: var(--bmd-gold);\r\n letter-spacing: 5px;\r\n font-weight: 600;\r\n margin-top: 10px;\r\n}\r\n\r\n.bmd-tourisme-intro {\r\n color: var(--bmd-slate-grey);\r\n font-size: 15.5px;\r\n line-height: 1.75;\r\n font-weight: 300;\r\n margin: 0;\r\n}\r\n\r\n\/* Grille de cartes adaptative intelligente *\/\r\n.bmd-tourisme-cards-layout {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\r\n gap: 30px;\r\n}\r\n\r\n\/* Cartes individuelles *\/\r\n.bmd-tourisme-card {\r\n background: var(--bmd-card-surface);\r\n border: 1px solid rgba(223, 186, 72, 0.12);\r\n border-top: 3px solid var(--bmd-gold);\r\n display: flex;\r\n flex-direction: column;\r\n border-radius: 4px;\r\n overflow: hidden;\r\n position: relative;\r\n transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1);\r\n}\r\n\r\n\/* Encoche technique en bas \u00e0 droite *\/\r\n.bmd-tourisme-card::after {\r\n content: '';\r\n position: absolute;\r\n bottom: 0;\r\n right: 0;\r\n width: 10px;\r\n height: 10px;\r\n background: var(--bmd-cyan);\r\n clip-path: polygon(100% 0, 100% 100%, 0 100%);\r\n opacity: 0.5;\r\n}\r\n\r\n\/* Conteneur d'images fluides *\/\r\n.bmd-card-img-wrapper {\r\n width: 100%;\r\n height: 230px;\r\n background-size: cover;\r\n background-position: center;\r\n border-bottom: 1px solid rgba(223, 186, 72, 0.08);\r\n filter: grayscale(25%) brightness(85%);\r\n transition: all 0.4s ease;\r\n}\r\n\r\n\/* Contenu textuel interne *\/\r\n.bmd-card-content {\r\n padding: 30px;\r\n display: flex;\r\n flex-direction: column;\r\n flex-grow: 1;\r\n}\r\n\r\n.bmd-card-content h3 {\r\n color: #ffffff;\r\n font-family: var(--bmd-font-title);\r\n font-size: 20px;\r\n margin: 0 0 15px 0;\r\n text-transform: uppercase;\r\n}\r\n\r\n.bmd-card-content h3 span {\r\n color: var(--bmd-gold);\r\n font-family: var(--bmd-font-tech);\r\n font-weight: 700;\r\n letter-spacing: 0.5px;\r\n}\r\n\r\n.bmd-card-content p {\r\n color: var(--bmd-slate-grey);\r\n font-size: 14px;\r\n line-height: 1.6;\r\n font-weight: 300;\r\n margin: 0 0 25px 0;\r\n flex-grow: 1;\r\n}\r\n\r\n\/* Liens d'itin\u00e9raires *\/\r\n.bmd-card-link {\r\n color: var(--bmd-gold);\r\n font-family: var(--bmd-font-tech);\r\n font-size: 13px;\r\n text-transform: uppercase;\r\n text-decoration: none;\r\n font-weight: 600;\r\n letter-spacing: 1px;\r\n display: inline-block;\r\n transition: color 0.3s ease, transform 0.3s ease;\r\n}\r\n\r\n\/* \u00c9l\u00e9ments interactifs au survol *\/\r\n.bmd-tourisme-card:hover {\r\n transform: translateY(-5px);\r\n border-color: var(--bmd-cyan);\r\n box-shadow: 0 20px 45px rgba(0, 240, 255, 0.08);\r\n}\r\n\r\n.bmd-tourisme-card:hover .bmd-card-img-wrapper {\r\n filter: grayscale(0%) brightness(100%);\r\n}\r\n\r\n.bmd-tourisme-card:hover h3 span {\r\n color: var(--bmd-cyan);\r\n text-shadow: 0 0 8px var(--bmd-cyan-glow);\r\n}\r\n\r\n.bmd-tourisme-card:hover .bmd-card-link {\r\n color: #ffffff;\r\n transform: translateX(4px);\r\n}\r\n\r\n\/* Zone d'appel \u00e0 l'action principal *\/\r\n.bmd-tourisme-action-zone {\r\n margin-top: 60px;\r\n text-align: center;\r\n}\r\n\r\n.bmd-btn-tourisme {\r\n display: inline-block;\r\n padding: 18px 42px;\r\n text-decoration: none;\r\n font-weight: 700;\r\n font-family: var(--bmd-font-title);\r\n font-size: 13px;\r\n letter-spacing: 2px;\r\n text-transform: uppercase;\r\n background: var(--bmd-gold);\r\n color: #000000;\r\n box-shadow: 0 4px 20px var(--bmd-gold-glow);\r\n clip-path: polygon(12px 0%, 100% 0%, calc(100% - 12px) 100%, 0% 100%);\r\n transition: all 0.35s cubic-bezier(0.25, 1, 0.5, 1);\r\n}\r\n\r\n.bmd-btn-tourisme:hover {\r\n transform: translateY(-2px);\r\n background: var(--bmd-cyan);\r\n color: #000000;\r\n box-shadow: 0 0 25px rgba(0, 240, 255, 0.3);\r\n}\r\n\r\n\/* AJUSTEMENTS RESPONSIFS POUR SMARTPHONES *\/\r\n@media(max-width: 768px) {\r\n .bmd-tourisme-section {\r\n padding: 80px 15px;\r\n }\r\n .bmd-tourisme-header {\r\n margin-bottom: 45px;\r\n }\r\n .bmd-tourisme-cards-layout {\r\n grid-template-columns: 1fr;\r\n gap: 25px;\r\n }\r\n .bmd-card-img-wrapper {\r\n height: 200px;\r\n }\r\n .bmd-card-content {\r\n padding: 25px 20px;\r\n }\r\n .bmd-btn-tourisme {\r\n width: 100%;\r\n max-width: 320px;\r\n text-align: center;\r\n }\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-e128d31 e-con e-atomic-element e-flexbox-base e-9fc0c61 \" data-id=\"e128d31\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"e128d31\">\n \t\t<div class=\"elementor-element elementor-element-f472069 elementor-widget elementor-widget-html\" data-id=\"f472069\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cinzel:wght@700;900&family=Montserrat:wght@300;400;500;600&family=Rajdhani:wght@600;700&display=swap\" rel=\"stylesheet\">\r\n\r\n<section class=\"bmd-fleet-section\" id=\"flotte-vecteurs\">\r\n <div class=\"bmd-fleet-grid-bg\"><\/div>\r\n\r\n <div class=\"bmd-fleet-container\">\r\n\r\n <header class=\"bmd-fleet-header\">\r\n <span class=\"bmd-fleet-kicker\">\/\/ FLOTTE_ACTIVE \/\/ HAUTS_DE_FRANCE<\/span>\r\n <h2 class=\"bmd-fleet-title\">\r\n Gamme Tactique\r\n <span>Unit\u00e9s Haut de Gamme D\u00e9ploy\u00e9es pour votre Confort<\/span>\r\n <\/h2>\r\n <p class=\"bmd-fleet-intro\">\r\n Pour vos transferts d'\u00e9lite, trajectoires longue distance, navettes a\u00e9roports ou protocoles priv\u00e9s, Bassin Minier Drivers active ses vecteurs de transport nouvelle g\u00e9n\u00e9ration. D\u00e9couvrez le standing adapt\u00e9 \u00e0 vos exigences de transit.\r\n <\/p>\r\n <\/header>\r\n\r\n <div class=\"bmd-fleet-grid\">\r\n\r\n <div class=\"bmd-fleet-card\">\r\n <div class=\"bmd-fleet-img-frame\" style=\"background-image: var(--bmd-car-tesla, url('https:\/\/xave-vtc.fr\/wp-content\/uploads\/2026\/06\/febad726-1a96-4e09-b929-043974fdbb95.jpg'));\"><\/div>\r\n <div class=\"bmd-fleet-content\">\r\n <div class=\"bmd-fleet-badge\">VECTEUR \u00c9LECTRIQUE<\/div>\r\n <h3>Liaison <span>\u00c9co-Futuriste<\/span><\/h3>\r\n <ul>\r\n <li><strong>Insonorisation totale<\/strong> pour un transit hors du temps.<\/li>\r\n <li><strong>Propulsion \u00e9co-responsable<\/strong> : l'\u00e9l\u00e9gance z\u00e9ro \u00e9mission.<\/li>\r\n <li><strong>\u00c9cosyst\u00e8me digital<\/strong> connect\u00e9 en temps r\u00e9el \u00e0 bord.<\/li>\r\n <li><strong>Configuration id\u00e9ale<\/strong> pour vos navettes business rapides.<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"bmd-fleet-card\">\r\n <div class=\"bmd-fleet-img-frame\" style=\"background-image: var(--bmd-car-408, url('https:\/\/www.xave-vtc-lens-bethune.fr\/fr\/wp-content\/uploads\/2026\/04\/7d7ca68f-944a-4e94-ba89-a6dd91f27255.jpg'));\"><\/div>\r\n <div class=\"bmd-fleet-content\">\r\n <div class=\"bmd-fleet-badge\">FASTBACK TACTIQUE<\/div>\r\n <h3>A\u00e9rodynamisme & <span>Style<\/span><\/h3>\r\n <ul>\r\n <li><strong>Finition GT haut de gamme<\/strong> aux courbes aff\u00fbt\u00e9es et rac\u00e9es.<\/li>\r\n <li><strong>Capacit\u00e9 de soute optimis\u00e9e<\/strong> pour s\u00e9curiser vos bagages.<\/li>\r\n <li><strong>Dynamisme de trajectoire<\/strong> pour une fluidit\u00e9 routi\u00e8re maximale.<\/li>\r\n <li><strong>Polyvalence absolue<\/strong> sur les r\u00e9seaux urbains et autoroutiers.<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"bmd-fleet-card\">\r\n <div class=\"bmd-fleet-img-frame\" style=\"background-image: var(--bmd-car-vito, url('https:\/\/xave-vtc.fr\/wp-content\/uploads\/2026\/06\/Gemini_Generated_Image_l2w966l2w966l2w9.png'));\"><\/div>\r\n <div class=\"bmd-fleet-content\">\r\n <div class=\"bmd-fleet-badge\">SALON EX\u00c9CUTIF<\/div>\r\n <h3>Prestige & <span>Espace VIP<\/span><\/h3>\r\n <ul>\r\n <li><strong>\u00c9dition Executive<\/strong> avec finitions sombres et soign\u00e9es.<\/li>\r\n <li><strong>Configuration cockpit modulaire<\/strong> : parfait pour travailler \u00e0 bord.<\/li>\r\n <li><strong>Id\u00e9al pour les \u00e9quipages d'affaires<\/strong> et d\u00e9l\u00e9gations corporate.<\/li>\r\n <li><strong>Confort First-Class<\/strong> garanti pour chaque passager.<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"bmd-fleet-card\">\r\n <div class=\"bmd-fleet-img-frame\" style=\"background-image: var(--bmd-car-trafic, url('https:\/\/www.xave-vtc-lens-bethune.fr\/fr\/wp-content\/uploads\/2026\/04\/Gemini_Generated_Image_vkl7flvkl7flvkl7.png'));\"><\/div>\r\n <div class=\"bmd-fleet-content\">\r\n <div class=\"bmd-fleet-badge\">MODULE CHRONOS<\/div>\r\n <h3>Transits Groupes & <span>Hubs<\/span><\/h3>\r\n <ul>\r\n <li><strong>Capacit\u00e9 de charge maximale<\/strong> pour l'emport de larges groupes.<\/li>\r\n <li><strong>Volume utile hors normes<\/strong> pour bagages encombrants.<\/li>\r\n <li><strong>Logistique sur-mesure<\/strong> pour mariages et \u00e9v\u00e9nements.<\/li>\r\n <li><strong>Synchronisation parfaite<\/strong> avec les arriv\u00e9es gares et a\u00e9roports.<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"bmd-fleet-card bmd-fleet-card-wide\">\r\n <div class=\"bmd-fleet-img-frame\" style=\"background-image: var(--bmd-car-space, url('https:\/\/www.xave-vtc-lens-bethune.fr\/fr\/wp-content\/uploads\/2026\/04\/34842300-16e9-4569-ab01-660b2ffad64c.jpg'));\"><\/div>\r\n <div class=\"bmd-fleet-content\">\r\n <div class=\"bmd-fleet-badge\">VAISSEAU LONG-COURRIER<\/div>\r\n <h3>Ultra Confort & <span>Longue Distance<\/span><\/h3>\r\n <ul>\r\n <li><strong>Espace int\u00e9rieur XXL<\/strong> pens\u00e9 pour effacer la fatigue du voyage.<\/li>\r\n <li><strong>Amorti Premium Haute Densit\u00e9<\/strong> adapt\u00e9 aux longs itin\u00e9raires.<\/li>\r\n <li><strong>Interconnexion totale<\/strong> pour assurer vos liaisons transfrontali\u00e8res.<\/li>\r\n <li><strong>Finition VIP exclusive<\/strong> d\u00e9di\u00e9e \u00e0 notre client\u00e8le exigeante.<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <div class=\"bmd-fleet-actions\">\r\n <a href=\"tel:0763886827\" class=\"bmd-btn-fleet bmd-btn-fleet-primary\">Appeler le dispatch<\/a>\r\n <a href=\"https:\/\/bassinminierdrivers.fr\/reservation\/\" class=\"bmd-btn-fleet bmd-btn-fleet-secondary\">R\u00e9server en ligne<\/a>\r\n <\/div>\r\n\r\n <\/div>\r\n<\/section>\r\n\r\n<style>\r\n:root {\r\n --bmd-gold: #dfba48;\r\n --bmd-gold-glow: rgba(223, 186, 72, 0.15);\r\n --bmd-dark-space: #030407;\r\n --bmd-card-surface: #090a10;\r\n --bmd-cyan: #00f0ff;\r\n --bmd-cyan-glow: rgba(0, 240, 255, 0.12);\r\n --bmd-slate-grey: #94a3b8;\r\n \r\n --bmd-font-title: 'Cinzel', serif;\r\n --bmd-font-tech: 'Rajdhani', sans-serif;\r\n --bmd-font-body: 'Montserrat', sans-serif;\r\n}\r\n\r\n.bmd-fleet-section {\r\n position: relative;\r\n padding: 120px 20px;\r\n background: linear-gradient(180deg, var(--bmd-dark-space) 0%, #000000 100%);\r\n font-family: var(--bmd-font-body);\r\n overflow: hidden;\r\n box-sizing: border-box;\r\n}\r\n\r\n.bmd-fleet-section *,\r\n.bmd-fleet-section *::before,\r\n.bmd-fleet-section *::after {\r\n box-sizing: border-box;\r\n}\r\n\r\n\/* Grille HUD technique de fond *\/\r\n.bmd-fleet-grid-bg {\r\n content: \"\";\r\n position: absolute;\r\n inset: 0;\r\n background-image: \r\n linear-gradient(rgba(223, 186, 72, 0.02) 1px, transparent 1px),\r\n linear-gradient(90deg, rgba(223, 186, 72, 0.02) 1px, transparent 1px);\r\n background-size: 45px 45px;\r\n background-position: center top;\r\n transform: perspective(500px) rotateX(10deg);\r\n transform-origin: top;\r\n mask-image: linear-gradient(to bottom, black 10%, transparent 85%);\r\n -webkit-mask-image: linear-gradient(to bottom, black 10%, transparent 85%);\r\n opacity: 0.6;\r\n pointer-events: none;\r\n z-index: 1;\r\n}\r\n\r\n.bmd-fleet-container {\r\n position: relative;\r\n max-width: 1240px;\r\n margin: 0 auto;\r\n z-index: 3;\r\n}\r\n\r\n\/* Header *\/\r\n.bmd-fleet-header {\r\n text-align: center;\r\n max-width: 850px;\r\n margin: 0 auto 70px;\r\n}\r\n\r\n.bmd-fleet-kicker {\r\n display: block;\r\n font-family: var(--bmd-font-tech);\r\n color: var(--bmd-cyan);\r\n font-size: 13px;\r\n letter-spacing: 4px;\r\n font-weight: 700;\r\n text-shadow: 0 0 8px var(--bmd-cyan-glow);\r\n margin-bottom: 15px;\r\n}\r\n\r\n.bmd-fleet-title {\r\n font-family: var(--bmd-font-title);\r\n font-size: clamp(26px, 4.5vw, 42px);\r\n font-weight: 900;\r\n text-transform: uppercase;\r\n color: #ffffff;\r\n line-height: 1.2;\r\n margin: 0 0 25px 0;\r\n}\r\n\r\n.bmd-fleet-title span {\r\n display: block;\r\n font-family: var(--bmd-font-tech);\r\n font-size: clamp(13px, 2vw, 18px);\r\n color: var(--bmd-gold);\r\n letter-spacing: 5px;\r\n font-weight: 600;\r\n margin-top: 10px;\r\n}\r\n\r\n.bmd-fleet-intro {\r\n color: var(--bmd-slate-grey);\r\n font-size: 15.5px;\r\n line-height: 1.75;\r\n font-weight: 300;\r\n margin: 0;\r\n}\r\n\r\n\/* Grille Multi-Colonnes Intelligente *\/\r\n.bmd-fleet-grid {\r\n display: grid;\r\n grid-template-columns: repeat(6, 1fr);\r\n gap: 30px;\r\n}\r\n\r\n\/* Structuration des cartes *\/\r\n.bmd-fleet-card {\r\n grid-column: span 3; \/* Mode 2 colonnes par d\u00e9faut *\/\r\n background: var(--bmd-card-surface);\r\n border: 1px solid rgba(223, 186, 72, 0.12);\r\n border-top: 3px solid var(--bmd-gold);\r\n border-radius: 4px;\r\n overflow: hidden;\r\n position: relative;\r\n display: flex;\r\n flex-direction: column;\r\n transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1);\r\n}\r\n\r\n\/* Centrage \u00e9quilibr\u00e9 de la 5\u00e8me carte *\/\r\n.bmd-fleet-card-wide {\r\n grid-column: 2 \/ span 4;\r\n}\r\n\r\n.bmd-fleet-card::after {\r\n content: '';\r\n position: absolute;\r\n bottom: 0;\r\n right: 0;\r\n width: 10px;\r\n height: 10px;\r\n background: var(--bmd-cyan);\r\n clip-path: polygon(100% 0, 100% 100%, 0 100%);\r\n opacity: 0.5;\r\n}\r\n\r\n\/* Cadre photo adaptatif *\/\r\n.bmd-fleet-img-frame {\r\n width: 100%;\r\n height: 250px;\r\n background-size: cover;\r\n background-position: center;\r\n border-bottom: 1px solid rgba(223, 186, 72, 0.08);\r\n filter: grayscale(20%) brightness(85%);\r\n transition: all 0.4s ease;\r\n}\r\n\r\n\/* Contenu des textes *\/\r\n.bmd-fleet-content {\r\n padding: 35px;\r\n flex-grow: 1;\r\n display: flex;\r\n flex-direction: column;\r\n}\r\n\r\n.bmd-fleet-badge {\r\n align-self: flex-start;\r\n padding: 6px 16px;\r\n border: 1px solid var(--bmd-gold);\r\n background: rgba(223, 186, 72, 0.04);\r\n color: #ffffff;\r\n font-family: var(--bmd-font-tech);\r\n font-weight: 600;\r\n font-size: 11px;\r\n letter-spacing: 1.5px;\r\n margin-bottom: 20px;\r\n border-radius: 2px;\r\n clip-path: polygon(6px 0%, 100% 0%, calc(100% - 6px) 100%, 0% 100%);\r\n transition: all 0.3s ease;\r\n}\r\n\r\n.bmd-fleet-content h3 {\r\n color: #ffffff;\r\n font-family: var(--bmd-font-title);\r\n font-size: 20px;\r\n margin: 0 0 20px 0;\r\n text-transform: uppercase;\r\n}\r\n\r\n.bmd-fleet-content h3 span {\r\n color: var(--bmd-gold);\r\n font-family: var(--bmd-font-tech);\r\n font-weight: 700;\r\n}\r\n\r\n\/* Listes d'options \u00e0 puces propres *\/\r\n.bmd-fleet-content ul {\r\n list-style: none;\r\n padding: 0;\r\n margin: 0;\r\n}\r\n\r\n.bmd-fleet-content li {\r\n position: relative;\r\n padding-left: 20px;\r\n color: var(--bmd-slate-grey);\r\n font-size: 14px;\r\n line-height: 1.6;\r\n font-weight: 300;\r\n margin-bottom: 12px;\r\n}\r\n\r\n.bmd-fleet-content li::before {\r\n content: '';\r\n position: absolute;\r\n left: 0;\r\n top: 8px;\r\n width: 6px;\r\n height: 6px;\r\n background-color: var(--bmd-gold);\r\n border-radius: 50%;\r\n box-shadow: 0 0 6px var(--bmd-gold-glow);\r\n transition: all 0.3s ease;\r\n}\r\n\r\n.bmd-fleet-content li strong {\r\n color: #ffffff;\r\n font-weight: 500;\r\n}\r\n\r\n.bmd-fleet-content li:last-child { margin-bottom: 0; }\r\n\r\n\/* HOVER EFFECT *\/\r\n.bmd-fleet-card:hover {\r\n transform: translateY(-4px);\r\n border-color: var(--bmd-cyan);\r\n box-shadow: 0 20px 45px rgba(0, 240, 255, 0.08);\r\n}\r\n\r\n.bmd-fleet-card:hover .bmd-fleet-img-frame { filter: grayscale(0%) brightness(100%); }\r\n\r\n.bmd-fleet-card:hover .bmd-fleet-badge {\r\n border-color: var(--bmd-cyan);\r\n color: var(--bmd-cyan);\r\n box-shadow: inset 0 0 8px var(--bmd-cyan-glow);\r\n}\r\n\r\n.bmd-fleet-card:hover h3 span {\r\n color: var(--bmd-cyan);\r\n text-shadow: 0 0 8px var(--bmd-cyan-glow);\r\n}\r\n\r\n.bmd-fleet-card:hover li::before {\r\n background-color: var(--bmd-cyan);\r\n box-shadow: 0 0 6px var(--bmd-cyan-glow);\r\n}\r\n\r\n\/* ZONE BOUTONS INF\u00c9RIEURS *\/\r\n.bmd-fleet-actions {\r\n margin-top: 60px;\r\n display: flex;\r\n justify-content: center;\r\n gap: 20px;\r\n}\r\n\r\n.bmd-btn-fleet {\r\n display: inline-block;\r\n padding: 18px 40px;\r\n text-decoration: none;\r\n font-weight: 700;\r\n font-family: var(--bmd-font-title);\r\n font-size: 13px;\r\n letter-spacing: 2px;\r\n text-transform: uppercase;\r\n text-align: center;\r\n clip-path: polygon(12px 0%, 100% 0%, calc(100% - 12px) 100%, 0% 100%);\r\n transition: all 0.35s cubic-bezier(0.25, 1, 0.5, 1);\r\n}\r\n\r\n.bmd-btn-fleet-primary {\r\n background: var(--bmd-gold);\r\n color: #000000;\r\n box-shadow: 0 4px 20px var(--bmd-gold-glow);\r\n}\r\n\r\n.bmd-btn-fleet-primary:hover {\r\n transform: translateY(-2px);\r\n background: #ffffff;\r\n box-shadow: 0 10px 25px rgba(255, 255, 255, 0.2);\r\n}\r\n\r\n.bmd-btn-fleet-secondary {\r\n background: transparent;\r\n border: 1px solid var(--bmd-cyan);\r\n color: var(--bmd-cyan);\r\n box-shadow: inset 0 0 10px var(--bmd-cyan-glow);\r\n}\r\n\r\n.bmd-btn-fleet-secondary:hover {\r\n transform: translateY(-2px);\r\n background: var(--bmd-cyan);\r\n color: #000000;\r\n box-shadow: 0 0 25px rgba(0, 240, 255, 0.3);\r\n}\r\n\r\n\/* RESPONSIVE DESIGN AVANC\u00c9 *\/\r\n@media(max-width: 1024px) {\r\n .bmd-fleet-card {\r\n grid-column: span 3 !important;\r\n }\r\n .bmd-fleet-card-wide {\r\n grid-column: span 6 !important; \/* Le dernier prend toute la largeur sur tablette *\/\r\n }\r\n}\r\n\r\n@media(max-width: 768px) {\r\n .bmd-fleet-section { padding: 80px 15px; }\r\n .bmd-fleet-header { margin-bottom: 45px; }\r\n \r\n .bmd-fleet-grid {\r\n grid-template-columns: 1fr;\r\n gap: 25px;\r\n }\r\n .bmd-fleet-card, .bmd-fleet-card-wide {\r\n grid-column: span 1 !important;\r\n }\r\n .bmd-fleet-img-frame { height: 210px; }\r\n .bmd-fleet-content { padding: 25px 20px; }\r\n \r\n .bmd-fleet-actions {\r\n flex-direction: column;\r\n align-items: center;\r\n gap: 15px;\r\n }\r\n .bmd-btn-fleet {\r\n width: 100%;\r\n max-width: 340px;\r\n }\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-1a4e20b e-con e-atomic-element e-flexbox-base e-af6ec74 \" data-id=\"1a4e20b\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"1a4e20b\">\n \t\t<div class=\"elementor-element elementor-element-f669fe1 elementor-widget elementor-widget-html\" data-id=\"f669fe1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cinzel:wght@700;900&family=Montserrat:wght@300;400;500;600&family=Rajdhani:wght@600;700&display=swap\" rel=\"stylesheet\">\r\n\r\n\r\n<section class=\"bmd-archive-section\" id=\"racines-heritage\">\r\n <div class=\"bmd-archive-grid-bg\"><\/div>\r\n\r\n <div class=\"bmd-archive-container\">\r\n\r\n <header class=\"bmd-archive-header\">\r\n <span class=\"bmd-archive-kicker\">\/\/ SOUVENIR_SOURCE \/\/ REPERE_HISTORIQUE<\/span>\r\n <h2 class=\"bmd-archive-title\">\r\n Origines de la \r\n <span>G\u00e9n\u00e9ration Drivers<\/span>\r\n <\/h2>\r\n <\/header>\r\n\r\n \r\n <div class=\"bmd-story-terminal\">\r\n <div class=\"bmd-story-text\">\r\n <strong>[REGISTRE DE FOSSE \/\/ 1920-1960]<\/strong> Avant d'arpenter le bitume avec nos unit\u00e9s technologiques et \u00e9lectriques, nos anc\u00eatres ont brav\u00e9 les profondeurs de la Terre. C'est ici, sous la poussi\u00e8re de charbon et le fer des chevalets du Bassin Minier, qu'est n\u00e9e notre implacable rigueur. Chaque galerie creus\u00e9e exigeait une pr\u00e9cision absolue, chaque lueur de lampe de s\u00e9curit\u00e9 guidait un destin. \r\n <br><br>\r\n Aujourd'hui, <strong>Bassin Minier Drivers<\/strong> ne renie rien de cet ADN de l'effort. Nous avons extrait la fiert\u00e9, la ponctualit\u00e9 et la fraternit\u00e9 de ces anciennes fosses pour les injecter sous le capot de nos vaisseaux premium. Nous connectons le pass\u00e9 h\u00e9ro\u00efque du Nord aux trajectoires fluides du futur.\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"bmd-archive-grid\">\r\n\r\n \r\n <div class=\"bmd-archive-item bmd-item-span4\">\r\n <img decoding=\"async\" src=\"https:\/\/www.xave-vtc-lens-bethune.fr\/fr\/wp-content\/uploads\/2026\/06\/image.jpg\" alt=\"Mineurs du Nord - Archives\">\r\n <div class=\"bmd-item-overlay\">\r\n <div class=\"bmd-item-meta\">SYS.LOG_01 \/\/ FOSSE<\/div>\r\n <div class=\"bmd-item-title\">La cage horizontale<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"bmd-archive-item bmd-item-span5\">\r\n <img decoding=\"async\" src=\"https:\/\/www.xave-vtc-lens-bethune.fr\/fr\/wp-content\/uploads\/2026\/06\/image-1.jpg\" alt=\"Chevalement Mine - Bassin Minier\">\r\n <div class=\"bmd-item-overlay\">\r\n <div class=\"bmd-item-meta\">SYS.LOG_02 \/\/ IRON<\/div>\r\n <div class=\"bmd-item-title\">Les gueules noires<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"bmd-archive-item bmd-item-span3\">\r\n <img decoding=\"async\" src=\"https:\/\/www.xave-vtc-lens-bethune.fr\/fr\/wp-content\/uploads\/2026\/06\/images.jpg\" alt=\"Travail de fond\">\r\n <div class=\"bmd-item-overlay\">\r\n <div class=\"bmd-item-meta\">SYS.LOG_03 \/\/ CORE<\/div>\r\n <div class=\"bmd-item-title\">L'Infiltration Terminus<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"bmd-archive-item bmd-item-span3\">\r\n <img decoding=\"async\" src=\"https:\/\/www.xave-vtc-lens-bethune.fr\/fr\/wp-content\/uploads\/2026\/06\/1614881253.jpg\" alt=\"Vie quotidienne coron\">\r\n <div class=\"bmd-item-overlay\">\r\n <div class=\"bmd-item-meta\">SYS.LOG_04 \/\/ SECTOR<\/div>\r\n <div class=\"bmd-item-title\">G\u00e9ants de fer<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"bmd-archive-item bmd-item-span4\">\r\n <img decoding=\"async\" src=\"https:\/\/www.xave-vtc-lens-bethune.fr\/fr\/wp-content\/uploads\/2026\/06\/116.jpg\" alt=\"Triage du charbon\">\r\n <div class=\"bmd-item-overlay\">\r\n <div class=\"bmd-item-meta\">SYS.LOG_05 \/\/ SORTING<\/div>\r\n <div class=\"bmd-item-title\">Force et Solidarit\u00e9<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"bmd-archive-item bmd-item-span5\">\r\n <img decoding=\"async\" src=\"https:\/\/www.xave-vtc-lens-bethune.fr\/fr\/wp-content\/uploads\/2026\/06\/images-1-1.jpg\" alt=\"Descente de la cage\">\r\n <div class=\"bmd-item-overlay\">\r\n <div class=\"bmd-item-meta\">SYS.LOG_06 \/\/ ELEVATION<\/div>\r\n <div class=\"bmd-item-title\">Les cit\u00e9s corons<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"bmd-archive-item bmd-item-full\">\r\n <img decoding=\"async\" src=\"https:\/\/www.xave-vtc-lens-bethune.fr\/fr\/wp-content\/uploads\/2026\/06\/image-2.jpg\" alt=\"H\u00e9ritage Bassin Minier\">\r\n <div class=\"bmd-item-overlay\">\r\n <div class=\"bmd-item-meta\">SYS.LOG_07 \/\/ MASTER MEMORY<\/div>\r\n <div class=\"bmd-item-title\">L'H\u00e9ritage Sacr\u00e9 d'une R\u00e9gion Immortelle<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<style>\r\n:root {\r\n --bmd-gold: #dfba48;\r\n --bmd-gold-glow: rgba(223, 186, 72, 0.15);\r\n --bmd-dark-space: #030407;\r\n --bmd-card-surface: #090a10;\r\n --bmd-cyan: #00f0ff;\r\n --bmd-cyan-glow: rgba(0, 240, 255, 0.12);\r\n --bmd-slate-grey: #94a3b8;\r\n \r\n --bmd-font-title: 'Cinzel', serif;\r\n --bmd-font-tech: 'Rajdhani', sans-serif;\r\n --bmd-font-body: 'Montserrat', sans-serif;\r\n}\r\n\r\n.bmd-archive-section {\r\n position: relative;\r\n padding: 120px 20px;\r\n background: linear-gradient(180deg, #000000 0%, var(--bmd-dark-space) 50%, #000000 100%);\r\n font-family: var(--bmd-font-body);\r\n overflow: hidden;\r\n color: #ffffff;\r\n box-sizing: border-box;\r\n}\r\n\r\n.bmd-archive-section *,\r\n.bmd-archive-section *::before,\r\n.bmd-archive-section *::after {\r\n box-sizing: border-box;\r\n}\r\n\r\n\/* Grille matricielle fluide *\/\r\n.bmd-archive-grid-bg {\r\n content: \"\";\r\n position: absolute;\r\n inset: 0;\r\n background-image: \r\n linear-gradient(rgba(223, 186, 72, 0.015) 1px, transparent 1px),\r\n linear-gradient(90deg, rgba(223, 186, 72, 0.015) 1px, transparent 1px);\r\n background-size: 35px 35px;\r\n opacity: 0.8;\r\n pointer-events: none;\r\n z-index: 1;\r\n}\r\n\r\n.bmd-archive-container {\r\n position: relative;\r\n max-width: 1240px;\r\n margin: 0 auto;\r\n z-index: 3;\r\n}\r\n\r\n\/* En-t\u00eate de section *\/\r\n.bmd-archive-header {\r\n text-align: center;\r\n margin-bottom: 50px;\r\n}\r\n\r\n.bmd-archive-kicker {\r\n display: block;\r\n font-family: var(--bmd-font-tech);\r\n font-size: 13px;\r\n letter-spacing: 4px;\r\n color: var(--bmd-cyan);\r\n text-shadow: 0 0 8px var(--bmd-cyan-glow);\r\n font-weight: 700;\r\n text-transform: uppercase;\r\n margin-bottom: 15px;\r\n}\r\n\r\n.bmd-archive-title {\r\n font-family: var(--bmd-font-title);\r\n font-size: clamp(26px, 4.5vw, 42px);\r\n font-weight: 900;\r\n text-transform: uppercase;\r\n margin: 0;\r\n line-height: 1.2;\r\n letter-spacing: 1px;\r\n}\r\n\r\n.bmd-archive-title span {\r\n display: block;\r\n color: var(--bmd-gold);\r\n text-shadow: 0 0 15px var(--bmd-gold-glow);\r\n font-family: var(--bmd-font-tech);\r\n font-size: clamp(14px, 2vw, 20px);\r\n letter-spacing: 5px;\r\n font-weight: 600;\r\n margin-top: 10px;\r\n}\r\n\r\n\/* Terminal d'histoire *\/\r\n.bmd-story-terminal {\r\n background: rgba(7, 8, 12, 0.85);\r\n border: 1px solid rgba(223, 186, 72, 0.15);\r\n border-left: 4px solid var(--bmd-gold);\r\n padding: 35px;\r\n max-width: 900px;\r\n margin: 0 auto 60px;\r\n box-shadow: 0 0 35px rgba(223, 186, 72, 0.03);\r\n position: relative;\r\n border-radius: 2px;\r\n}\r\n\r\n.bmd-story-terminal::before {\r\n content: \"[REGISTRE D\u00c9CLASSIFI\u00c9]\";\r\n position: absolute;\r\n top: -11px;\r\n left: 20px;\r\n background: #040406;\r\n padding: 0 10px;\r\n font-family: var(--bmd-font-tech);\r\n font-size: 11px;\r\n font-weight: 700;\r\n color: var(--bmd-gold);\r\n letter-spacing: 2px;\r\n}\r\n\r\n.bmd-story-text {\r\n font-size: 15px;\r\n line-height: 1.85;\r\n color: var(--bmd-slate-grey);\r\n font-weight: 300;\r\n}\r\n\r\n.bmd-story-text strong {\r\n color: #ffffff;\r\n font-weight: 600;\r\n font-family: var(--bmd-font-tech);\r\n font-size: 16.5px;\r\n letter-spacing: 0.5px;\r\n}\r\n\r\n\/* Grille Asym\u00e9trique *\/\r\n.bmd-archive-grid {\r\n display: grid;\r\n grid-template-columns: repeat(12, 1fr);\r\n gap: 24px;\r\n}\r\n\r\n.bmd-archive-item {\r\n position: relative;\r\n background: var(--bmd-card-surface);\r\n border: 1px solid rgba(255, 255, 255, 0.06);\r\n overflow: hidden;\r\n border-radius: 4px;\r\n transition: all 0.45s cubic-bezier(0.25, 1, 0.5, 1);\r\n}\r\n\r\n\/* R\u00e9partition des blocs sur grands \u00e9crans *\/\r\n.bmd-item-span4 { grid-column: span 4; }\r\n.bmd-item-span5 { grid-column: span 5; }\r\n.bmd-item-span3 { grid-column: span 3; }\r\n.bmd-item-full { grid-column: span 12; }\r\n\r\n.bmd-archive-item img {\r\n width: 100%;\r\n height: 260px;\r\n object-fit: cover;\r\n display: block;\r\n filter: sepia(35%) contrast(105%) brightness(80%) grayscale(25%);\r\n transition: all 0.5s ease;\r\n}\r\n\r\n.bmd-item-full img {\r\n height: 420px;\r\n}\r\n\r\n\/* Calques textuels de survol *\/\r\n.bmd-item-overlay {\r\n position: absolute;\r\n inset: 0;\r\n background: linear-gradient(to top, rgba(0, 0, 0, 0.95) 10%, rgba(0, 0, 0, 0.4) 60%, transparent 100%);\r\n padding: 25px;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: flex-end;\r\n transition: all 0.4s ease;\r\n}\r\n\r\n.bmd-item-meta {\r\n font-family: var(--bmd-font-tech);\r\n font-size: 11px;\r\n color: var(--bmd-cyan);\r\n margin-bottom: 6px;\r\n letter-spacing: 2px;\r\n font-weight: 600;\r\n}\r\n\r\n.bmd-item-title {\r\n font-family: var(--bmd-font-title);\r\n font-size: 16px;\r\n font-weight: 700;\r\n color: #ffffff;\r\n text-transform: uppercase;\r\n letter-spacing: 0.5px;\r\n transition: color 0.3s ease;\r\n}\r\n\r\n\/* Interactions fluides au survol *\/\r\n.bmd-archive-item:hover {\r\n transform: translateY(-4px);\r\n border-color: var(--bmd-gold);\r\n box-shadow: 0 15px 35px rgba(223, 186, 72, 0.1);\r\n z-index: 4;\r\n}\r\n\r\n.bmd-archive-item:hover img {\r\n filter: sepia(0%) contrast(100%) brightness(95%) grayscale(0%);\r\n transform: scale(1.02);\r\n}\r\n\r\n.bmd-archive-item:hover .bmd-item-title {\r\n color: var(--bmd-gold);\r\n}\r\n\r\n\/* MEDIA QUERIES ULTRA RESPONSIVES *\/\r\n@media(max-width: 1024px) {\r\n .bmd-item-span4, .bmd-item-span5, .bmd-item-span3 { \r\n grid-column: span 6; \r\n }\r\n .bmd-item-full { \r\n grid-column: span 12; \r\n }\r\n .bmd-archive-item img { \r\n height: 230px; \r\n }\r\n .bmd-item-full img { \r\n height: 320px; \r\n }\r\n}\r\n\r\n@media(max-width: 768px) {\r\n .bmd-archive-section { \r\n padding: 80px 15px; \r\n }\r\n .bmd-story-terminal { \r\n padding: 25px 20px; \r\n margin-bottom: 40px; \r\n }\r\n .bmd-archive-grid {\r\n gap: 20px;\r\n }\r\n .bmd-archive-item { \r\n grid-column: span 12 !important; \r\n }\r\n .bmd-archive-item img, .bmd-item-full img { \r\n height: 210px; \r\n }\r\n .bmd-item-overlay {\r\n padding: 20px;\r\n }\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-fa49550 e-con e-atomic-element e-flexbox-base e-5dd7099 \" data-id=\"fa49550\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"fa49550\">\n \t\t<div class=\"elementor-element elementor-element-db8925a elementor-widget elementor-widget-html\" data-id=\"db8925a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<footer class=\"bmd-footer\">\r\n \r\n <div class=\"footer-top-bar\"><\/div>\r\n\r\n <div class=\"footer-container\">\r\n\r\n \r\n <div class=\"footer-col\">\r\n <h3>Bassin Minier Drivers<\/h3>\r\n <div class=\"footer-indicator\"><span><\/span> NETWORK_CORE<\/div>\r\n <p>\r\n R\u00e9seau d'\u00e9lite de chauffeurs priv\u00e9s VTC dans le Bassin Minier. Transport local, navettes a\u00e9roports, gares, s\u00e9minaires, mariages, \u00e9v\u00e9nements priv\u00e9s et protocoles professionnels.\r\n <\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"footer-col\">\r\n <h4>\/\/ Nos Services<\/h4>\r\n <ul>\r\n <li><a href=\"#services\">Navettes A\u00e9roports<\/a><\/li>\r\n <li><a href=\"#services\">Navettes Gares<\/a><\/li>\r\n <li><a href=\"#services\">Mariages<\/a><\/li>\r\n <li><a href=\"#services\">S\u00e9minaires<\/a><\/li>\r\n <li><a href=\"#services\">\u00c9v\u00e9nements<\/a><\/li>\r\n <li><a href=\"#services\">Transport Toutes Distances<\/a><\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n \r\n <div class=\"footer-col\">\r\n <h4>\/\/ Secteurs Cl\u00e9s<\/h4>\r\n <ul>\r\n <li><a href=\"#zones\">Lens<\/a><\/li>\r\n <li><a href=\"#zones\">B\u00e9thune<\/a><\/li>\r\n <li><a href=\"#zones\">Li\u00e9vin<\/a><\/li>\r\n <li><a href=\"#zones\">Bruay-la-Buissi\u00e8re<\/a><\/li>\r\n <li><a href=\"#zones\">Sains-en-Gohelle<\/a><\/li>\r\n <li><a href=\"#zones\">Bully-les-Mines<\/a><\/li>\r\n <li><a href=\"#zones\">Grenay<\/a><\/li>\r\n <li><a href=\"#zones\">N\u0153ux-les-Mines<\/a><\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n \r\n <div class=\"footer-col\">\r\n <h4>\/\/ Connexion R\u00e9seau<\/h4>\r\n <ul class=\"footer-contact-list\">\r\n <li><span class=\"contact-type\">LINE_01<\/span> <a href=\"tel:0669157643\">06 69 15 76 43<\/a><\/li>\r\n <li><span class=\"contact-type alert\">CRIT_02<\/span> <a href=\"tel:0763886827\">07 63 88 68 27<\/a><\/li>\r\n <li><span class=\"contact-type secure\">MAIL<\/span> <a href=\"mailto:bm.drivers62@gmail.com\">bm.drivers62@gmail.com<\/a><\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n <div class=\"footer-bottom\">\r\n <div class=\"footer-bottom-wrap\">\r\n <p class=\"copyright\">\r\n \u00a9 2026 Bassin Minier Drivers - Tous droits r\u00e9serv\u00e9s.\r\n <\/p>\r\n <p class=\"seo-keywords\">\r\n Transport VTC \u2022 Lens \u2022 B\u00e9thune \u2022 Li\u00e9vin \u2022 Bassin Minier \u2022 Hauts-de-France \/\/ SYS_STATUS: OPERATIONAL\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n<\/footer>\r\n\r\n<style>\r\n:root {\r\n --gold: #d4af37;\r\n --gold-glow: rgba(212, 175, 55, 0.2);\r\n --black: #030305;\r\n --cyber-dark: #07070a;\r\n --cyan-accent: #00f0ff;\r\n --cyan-glow: rgba(0, 240, 255, 0.2);\r\n --emergency-red: #ff3b30;\r\n}\r\n\r\n.bmd-footer {\r\n background: linear-gradient(180deg, var(--black) 0%, #020203 100%);\r\n position: relative;\r\n padding-top: 90px;\r\n font-family: 'Montserrat', sans-serif;\r\n border-top: 1px solid rgba(255, 255, 255, 0.02);\r\n}\r\n\r\n\/* Ligne sup\u00e9rieure de style HUD *\/\r\n.footer-top-bar {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 1px;\r\n background: linear-gradient(90deg, transparent, var(--gold) 20%, var(--cyan-accent) 80%, transparent);\r\n opacity: 0.3;\r\n}\r\n\r\n.footer-container {\r\n max-width: 1400px;\r\n margin: auto;\r\n padding: 0 20px 70px;\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\r\n gap: 50px;\r\n}\r\n\r\n\/* Typographies et en-t\u00eates de colonnes *\/\r\n.footer-col h3 {\r\n color: #fff;\r\n font-size: 20px;\r\n font-weight: 800;\r\n margin-bottom: 5px;\r\n font-family: 'Orbitron', sans-serif;\r\n text-transform: uppercase;\r\n letter-spacing: -0.5px;\r\n}\r\n\r\n.footer-col h4 {\r\n color: var(--gold);\r\n font-size: 14px;\r\n font-weight: 700;\r\n margin-bottom: 25px;\r\n font-family: 'Orbitron', sans-serif;\r\n text-transform: uppercase;\r\n letter-spacing: 1px;\r\n}\r\n\r\n\/* Indicateur syst\u00e8me sous le titre principal *\/\r\n.footer-indicator {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 6px;\r\n font-family: 'Rajdhani', sans-serif;\r\n font-size: 11px;\r\n color: var(--cyan-accent);\r\n letter-spacing: 2px;\r\n font-weight: 600;\r\n margin-bottom: 20px;\r\n}\r\n\r\n.footer-indicator span {\r\n width: 4px;\r\n height: 4px;\r\n background-color: var(--cyan-accent);\r\n border-radius: 50%;\r\n box-shadow: 0 0 6px var(--cyan-accent);\r\n}\r\n\r\n.footer-col p {\r\n color: #90909a;\r\n line-height: 1.8;\r\n font-size: 14px;\r\n font-weight: 300;\r\n text-align: justify;\r\n}\r\n\r\n\/* Listes de liens du Footer *\/\r\n.footer-col ul {\r\n list-style: none;\r\n padding: 0;\r\n margin: 0;\r\n}\r\n\r\n.footer-col li {\r\n margin-bottom: 12px;\r\n font-size: 14px;\r\n font-weight: 300;\r\n display: flex;\r\n align-items: center;\r\n}\r\n\r\n.footer-col a {\r\n color: #a0a0aa;\r\n text-decoration: none;\r\n transition: all 0.3s ease;\r\n display: inline-block;\r\n}\r\n\r\n.footer-col a:hover {\r\n color: #fff;\r\n transform: translateX(4px);\r\n}\r\n\r\n\/* Colonne Sp\u00e9cifique de Contacts *\/\r\n.footer-contact-list li {\r\n gap: 12px;\r\n}\r\n\r\n.contact-type {\r\n font-family: 'Orbitron', sans-serif;\r\n font-size: 9px;\r\n font-weight: 700;\r\n padding: 2px 6px;\r\n background: rgba(255, 255, 255, 0.03);\r\n border: 1px solid rgba(255, 255, 255, 0.08);\r\n color: var(--gold);\r\n border-radius: 2px;\r\n letter-spacing: 0.5px;\r\n}\r\n\r\n.contact-type.alert {\r\n color: var(--emergency-red);\r\n border-color: rgba(255, 59, 48, 0.2);\r\n background: rgba(255, 59, 48, 0.02);\r\n}\r\n\r\n.contact-type.secure {\r\n color: var(--cyan-accent);\r\n border-color: rgba(0, 240, 255, 0.2);\r\n background: rgba(0, 240, 255, 0.02);\r\n}\r\n\r\n.footer-contact-list a {\r\n font-family: 'Orbitron', sans-serif;\r\n font-size: 13px;\r\n font-weight: 500;\r\n}\r\n\r\n\/* Zone inf\u00e9rieure de Copyright *\/\r\n.footer-bottom {\r\n border-top: 1px solid rgba(255, 255, 255, 0.03);\r\n background: #020203;\r\n padding: 30px 20px;\r\n text-align: center;\r\n}\r\n\r\n.footer-bottom-wrap {\r\n max-width: 1400px;\r\n margin: auto;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n flex-wrap: wrap;\r\n gap: 15px;\r\n}\r\n\r\n.footer-bottom p {\r\n margin: 0;\r\n font-size: 13px;\r\n}\r\n\r\n.footer-bottom p.copyright {\r\n color: #60606a;\r\n font-weight: 400;\r\n}\r\n\r\n.footer-bottom p.seo-keywords {\r\n color: #40404a;\r\n font-family: 'Rajdhani', sans-serif;\r\n letter-spacing: 1px;\r\n font-weight: 500;\r\n text-transform: uppercase;\r\n}\r\n\r\n\/* Responsiveness Mobile *\/\r\n@media(max-width: 768px) {\r\n .bmd-footer {\r\n padding-top: 60px;\r\n }\r\n\r\n .footer-container {\r\n gap: 40px;\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .footer-col {\r\n text-align: center;\r\n }\r\n\r\n .footer-col p {\r\n text-align: center;\r\n }\r\n\r\n .footer-indicator {\r\n justify-content: center;\r\n }\r\n\r\n .footer-col h4 {\r\n margin-bottom: 18px;\r\n }\r\n\r\n .footer-contact-list li {\r\n justify-content: center;\r\n }\r\n\r\n .footer-col a:hover {\r\n transform: none;\r\n }\r\n\r\n .footer-bottom-wrap {\r\n flex-direction: column;\r\n text-align: center;\r\n gap: 10px;\r\n }\r\n \r\n .footer-bottom p.seo-keywords {\r\n font-size: 11px;\r\n line-height: 1.5;\r\n }\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Bassin Minier Drivers | VTC Premium & Chauffeur Priv\u00e9 Lens, B\u00e9thune R\u00c9SEAU HAUTS-DE-FRANCE \u2022 LENS \u2022 B\u00c9THUNE \u2022 PREMIUM Bassin Minier Drivers Chauffeur Priv\u00e9 & Solution VTC de Luxe Besoin d’un transfert s\u00e9curis\u00e9 ? Nous assurons votre transport local, navettes gares & a\u00e9roports, s\u00e9minaires professionnels, mariages et \u00e9v\u00e9nements priv\u00e9s. Notre flotte est \u00e0 votre disposition […]<\/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-106","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.xave-vtc-lens-bethune.fr\/fr\/wp-json\/wp\/v2\/pages\/106","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.xave-vtc-lens-bethune.fr\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.xave-vtc-lens-bethune.fr\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.xave-vtc-lens-bethune.fr\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.xave-vtc-lens-bethune.fr\/fr\/wp-json\/wp\/v2\/comments?post=106"}],"version-history":[{"count":79,"href":"https:\/\/www.xave-vtc-lens-bethune.fr\/fr\/wp-json\/wp\/v2\/pages\/106\/revisions"}],"predecessor-version":[{"id":311,"href":"https:\/\/www.xave-vtc-lens-bethune.fr\/fr\/wp-json\/wp\/v2\/pages\/106\/revisions\/311"}],"wp:attachment":[{"href":"https:\/\/www.xave-vtc-lens-bethune.fr\/fr\/wp-json\/wp\/v2\/media?parent=106"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}