{"id":106,"date":"2026-04-30T13:43:59","date_gmt":"2026-04-30T13:43:59","guid":{"rendered":"https:\/\/www.xave-vtc-lens-bethune.fr\/fr\/?page_id=106"},"modified":"2026-09-04T05:41:03","modified_gmt":"2026-09-04T05:41:03","slug":"acceuil","status":"publish","type":"page","link":"https:\/\/www.xave-vtc-lens-bethune.fr\/fr\/","title":{"rendered":"Bassin Minier Drivers"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n\r\n\r\n\r\nBassin Minier Drivers | R\u00e9servation VTC particuliers & professionnels<\/title>\r\n\r\n<meta name=\"description\" content=\"Bassin Minier Drivers centralise vos demandes de transport VTC : particuliers, entreprises, h\u00f4tels, agences de voyages, gares, a\u00e9roports, longues distances et \u00e9v\u00e9nements.\">\r\n\r\n<meta name=\"robots\" content=\"index,follow,max-image-preview:large,max-snippet:-1,max-video-preview:-1\">\r\n\r\n<link rel=\"canonical\" href=\"https:\/\/bassinminierdrivers.fr\/\">\r\n\r\n<meta name=\"theme-color\" content=\"#02050a\">\r\n\r\n<meta property=\"og:type\" content=\"website\">\r\n<meta property=\"og:locale\" content=\"fr_FR\">\r\n<meta property=\"og:site_name\" content=\"Bassin Minier Drivers\">\r\n\r\n<meta property=\"og:title\" content=\"Bassin Minier Drivers | Un trajet \u00e0 organiser ? BMD trouve la solution.\">\r\n\r\n<meta property=\"og:description\" content=\"Une seule demande, un tarif propos\u00e9 avant validation, puis BMD organise l'attribution d'un chauffeur professionnel du r\u00e9seau.\">\r\n\r\n<meta property=\"og:url\" content=\"https:\/\/bassinminierdrivers.fr\/\">\r\n\r\n<meta property=\"og:image\" content=\"https:\/\/www.xave-vtc-lens-bethune.fr\/fr\/wp-content\/uploads\/2026\/08\/afe36364-26f5-469f-a19c-4f7027a15b16.png\">\r\n\r\n<link rel=\"preconnect\" href=\"https:\/\/www.xave-vtc-lens-bethune.fr\" crossorigin>\r\n\r\n<link rel=\"preload\"\r\n as=\"image\"\r\n href=\"https:\/\/www.xave-vtc-lens-bethune.fr\/fr\/wp-content\/uploads\/2026\/04\/Gemini_Generated_Image_qkrwinqkrwinqkrw.png\"\r\n fetchpriority=\"high\">\r\n\r\n<style>\r\n\r\n:root{\r\n --bg:#02050a;\r\n --bg2:#07111e;\r\n\r\n --panel:rgba(6,13,24,.84);\r\n\r\n --white:#f7fcff;\r\n\r\n --muted:#96aabd;\r\n --muted2:#62778d;\r\n\r\n --cyan:#00ecff;\r\n --cyan2:#c6fcff;\r\n\r\n --gold:#efc34d;\r\n --gold2:#ffedb2;\r\n\r\n --violet:#8d7cff;\r\n --green:#5cffba;\r\n\r\n --line:rgba(255,255,255,.09);\r\n\r\n --shadow:0 28px 90px rgba(0,0,0,.46);\r\n\r\n --display:\"Arial Narrow\",\"Segoe UI\",Arial,sans-serif;\r\n --text:\"Segoe UI\",Arial,sans-serif;\r\n}\r\n\r\n*{\r\n box-sizing:border-box;\r\n}\r\n\r\nhtml{\r\n scroll-behavior:smooth;\r\n background:var(--bg);\r\n}\r\n\r\nbody{\r\n margin:0;\r\n\r\n color:var(--white);\r\n\r\n font-family:var(--text);\r\n\r\n overflow-x:hidden;\r\n\r\n background:\r\n\r\n radial-gradient(\r\n circle at 12% 2%,\r\n rgba(0,236,255,.13),\r\n transparent 28rem\r\n ),\r\n\r\n radial-gradient(\r\n circle at 90% 16%,\r\n rgba(141,124,255,.10),\r\n transparent 27rem\r\n ),\r\n\r\n radial-gradient(\r\n circle at 42% 94%,\r\n rgba(239,195,77,.07),\r\n transparent 32rem\r\n ),\r\n\r\n linear-gradient(\r\n 180deg,\r\n #010308,\r\n #020711 45%,\r\n #030b16 76%,\r\n #010308\r\n );\r\n}\r\n\r\nbody:before{\r\n\r\n content:\"\";\r\n\r\n position:fixed;\r\n\r\n inset:0;\r\n\r\n z-index:-5;\r\n\r\n pointer-events:none;\r\n\r\n background-image:\r\n\r\n linear-gradient(\r\n rgba(255,255,255,.015) 1px,\r\n transparent 1px\r\n ),\r\n\r\n linear-gradient(\r\n 90deg,\r\n rgba(255,255,255,.015) 1px,\r\n transparent 1px\r\n );\r\n\r\n background-size:52px 52px;\r\n\r\n mask-image:\r\n linear-gradient(\r\n to bottom,\r\n #000,\r\n transparent 88%\r\n );\r\n}\r\n\r\nbody:after{\r\n\r\n content:\"\";\r\n\r\n position:fixed;\r\n\r\n inset:0;\r\n\r\n z-index:9999;\r\n\r\n pointer-events:none;\r\n\r\n opacity:.08;\r\n\r\n background:\r\n repeating-linear-gradient(\r\n to bottom,\r\n rgba(255,255,255,.025) 0 1px,\r\n transparent 1px 5px\r\n );\r\n}\r\n\r\nimg{\r\n display:block;\r\n max-width:100%;\r\n}\r\n\r\na{\r\n color:inherit;\r\n}\r\n\r\nbutton,\r\ninput,\r\nselect,\r\ntextarea{\r\n font:inherit;\r\n}\r\n\r\nbutton{\r\n color:inherit;\r\n}\r\n\r\n.shell{\r\n\r\n width:min(\r\n 1240px,\r\n calc(100% - 34px)\r\n );\r\n\r\n margin:auto;\r\n}\r\n\r\n.section{\r\n padding:96px 0;\r\n position:relative;\r\n}\r\n\r\n.section.compact{\r\n padding:64px 0;\r\n}\r\n\r\n.alt{\r\n\r\n border-block:\r\n 1px solid rgba(255,255,255,.035);\r\n\r\n background:\r\n rgba(255,255,255,.012);\r\n}\r\n\r\n.defer{\r\n\r\n content-visibility:auto;\r\n\r\n contain-intrinsic-size:850px;\r\n}\r\n\r\n\r\n\/* =========================\r\n NAVIGATION\r\n========================= *\/\r\n\r\n.nav{\r\n\r\n position:fixed;\r\n\r\n z-index:1000;\r\n\r\n top:10px;\r\n\r\n left:50%;\r\n\r\n transform:translateX(-50%);\r\n\r\n width:min(\r\n 1260px,\r\n calc(100% - 20px)\r\n );\r\n\r\n min-height:70px;\r\n\r\n padding:9px 11px;\r\n\r\n display:flex;\r\n\r\n align-items:center;\r\n\r\n gap:16px;\r\n\r\n border:\r\n 1px solid var(--line);\r\n\r\n border-radius:19px;\r\n\r\n background:\r\n rgba(3,8,15,.84);\r\n\r\n backdrop-filter:\r\n blur(16px);\r\n\r\n box-shadow:\r\n 0 18px 50px rgba(0,0,0,.34);\r\n}\r\n\r\n.brand{\r\n\r\n display:flex;\r\n\r\n align-items:center;\r\n\r\n gap:11px;\r\n\r\n text-decoration:none;\r\n\r\n min-width:255px;\r\n}\r\n\r\n.brand img{\r\n\r\n width:48px;\r\n\r\n height:48px;\r\n\r\n object-fit:contain;\r\n}\r\n\r\n.brand strong{\r\n\r\n display:block;\r\n\r\n font:\r\n 900 12px\/1.1 var(--display);\r\n\r\n letter-spacing:.13em;\r\n\r\n text-transform:uppercase;\r\n}\r\n\r\n.brand small{\r\n\r\n display:block;\r\n\r\n margin-top:5px;\r\n\r\n color:var(--muted2);\r\n\r\n font-size:8px;\r\n\r\n font-weight:800;\r\n\r\n letter-spacing:.17em;\r\n\r\n text-transform:uppercase;\r\n}\r\n\r\n.navlinks{\r\n\r\n display:flex;\r\n\r\n gap:4px;\r\n\r\n justify-content:center;\r\n\r\n flex:1;\r\n}\r\n\r\n.navlinks a{\r\n\r\n text-decoration:none;\r\n\r\n padding:10px 11px;\r\n\r\n border-radius:10px;\r\n\r\n color:#b7c7d5;\r\n\r\n font-size:11px;\r\n\r\n font-weight:800;\r\n}\r\n\r\n.navlinks a:hover{\r\n\r\n color:#fff;\r\n\r\n background:\r\n rgba(0,236,255,.06);\r\n}\r\n\r\n.navright{\r\n\r\n display:flex;\r\n\r\n align-items:center;\r\n\r\n gap:8px;\r\n}\r\n\r\n.online{\r\n\r\n display:flex;\r\n\r\n align-items:center;\r\n\r\n gap:7px;\r\n\r\n color:#d2fff0;\r\n\r\n font-size:9px;\r\n\r\n font-weight:900;\r\n\r\n letter-spacing:.12em;\r\n}\r\n\r\n.online i{\r\n\r\n width:7px;\r\n\r\n height:7px;\r\n\r\n border-radius:50%;\r\n\r\n background:var(--green);\r\n\r\n box-shadow:\r\n 0 0 12px var(--green);\r\n}\r\n\r\n\r\n\/* =========================\r\n BUTTONS\r\n========================= *\/\r\n\r\n.btn{\r\n\r\n display:inline-flex;\r\n\r\n align-items:center;\r\n\r\n justify-content:center;\r\n\r\n gap:8px;\r\n\r\n min-height:44px;\r\n\r\n padding:0 17px;\r\n\r\n border:\r\n 1px solid transparent;\r\n\r\n border-radius:12px;\r\n\r\n text-decoration:none;\r\n\r\n text-transform:uppercase;\r\n\r\n letter-spacing:.08em;\r\n\r\n font-size:10px;\r\n\r\n font-weight:900;\r\n\r\n cursor:pointer;\r\n\r\n transition:.2s;\r\n}\r\n\r\n.btn:hover{\r\n transform:translateY(-2px);\r\n}\r\n\r\n.btn.gold{\r\n\r\n background:\r\n linear-gradient(\r\n 135deg,\r\n var(--gold),\r\n var(--gold2)\r\n );\r\n\r\n color:#090703;\r\n\r\n box-shadow:\r\n 0 12px 30px rgba(239,195,77,.13);\r\n}\r\n\r\n.btn.cyan{\r\n\r\n background:\r\n linear-gradient(\r\n 135deg,\r\n var(--cyan),\r\n var(--cyan2)\r\n );\r\n\r\n color:#001216;\r\n}\r\n\r\n.btn.ghost{\r\n\r\n border-color:var(--line);\r\n\r\n background:\r\n rgba(255,255,255,.025);\r\n\r\n color:#fff;\r\n}\r\n\r\n.btn.ghost:hover{\r\n\r\n border-color:\r\n rgba(0,236,255,.38);\r\n\r\n background:\r\n rgba(0,236,255,.05);\r\n}\r\n\r\n.menu{\r\n\r\n display:none;\r\n\r\n width:42px;\r\n\r\n height:42px;\r\n\r\n border:\r\n 1px solid var(--line);\r\n\r\n border-radius:12px;\r\n\r\n background:\r\n rgba(255,255,255,.02);\r\n\r\n cursor:pointer;\r\n}\r\n\r\n.mobile{\r\n\r\n display:none;\r\n\r\n position:fixed;\r\n\r\n z-index:990;\r\n\r\n top:88px;\r\n\r\n left:10px;\r\n\r\n right:10px;\r\n\r\n padding:10px;\r\n\r\n border:\r\n 1px solid var(--line);\r\n\r\n border-radius:16px;\r\n\r\n background:\r\n rgba(3,8,15,.98);\r\n\r\n box-shadow:\r\n 0 20px 60px rgba(0,0,0,.45);\r\n}\r\n\r\n.mobile.open{\r\n display:grid;\r\n}\r\n\r\n.mobile a{\r\n\r\n padding:13px;\r\n\r\n border-radius:10px;\r\n\r\n text-decoration:none;\r\n\r\n color:#c7d4df;\r\n}\r\n\r\n.mobile a:hover{\r\n\r\n background:\r\n rgba(0,236,255,.06);\r\n\r\n color:#fff;\r\n}\r\n\r\n\r\n\/* =========================\r\n HERO\r\n========================= *\/\r\n\r\n.hero{\r\n\r\n min-height:100svh;\r\n\r\n padding:\r\n 120px 0 64px;\r\n\r\n display:flex;\r\n\r\n align-items:center;\r\n\r\n position:relative;\r\n\r\n overflow:hidden;\r\n}\r\n\r\n.hero:before{\r\n\r\n content:\"\";\r\n\r\n position:absolute;\r\n\r\n width:820px;\r\n\r\n height:820px;\r\n\r\n border:\r\n 1px solid rgba(0,236,255,.06);\r\n\r\n border-radius:50%;\r\n\r\n right:-290px;\r\n\r\n top:-190px;\r\n\r\n box-shadow:\r\n 0 0 160px rgba(0,236,255,.04) inset;\r\n}\r\n\r\n.hero-grid{\r\n\r\n display:grid;\r\n\r\n grid-template-columns:\r\n 1.02fr .98fr;\r\n\r\n gap:52px;\r\n\r\n align-items:center;\r\n}\r\n\r\n.kicker{\r\n\r\n display:inline-flex;\r\n\r\n align-items:center;\r\n\r\n gap:10px;\r\n\r\n color:var(--cyan);\r\n\r\n font-size:10px;\r\n\r\n font-weight:900;\r\n\r\n letter-spacing:.23em;\r\n\r\n text-transform:uppercase;\r\n}\r\n\r\n.kicker:before{\r\n\r\n content:\"\";\r\n\r\n width:35px;\r\n\r\n height:1px;\r\n\r\n background:currentColor;\r\n\r\n box-shadow:\r\n 0 0 8px currentColor;\r\n}\r\n\r\n.hero h1,\r\n.title{\r\n\r\n font-family:\r\n var(--display);\r\n\r\n text-transform:uppercase;\r\n\r\n letter-spacing:-.05em;\r\n}\r\n\r\n.hero h1{\r\n\r\n margin:\r\n 17px 0 23px;\r\n\r\n font-size:\r\n clamp(\r\n 44px,\r\n 6.2vw,\r\n 82px\r\n );\r\n\r\n line-height:.98;\r\n\r\n font-weight:950;\r\n}\r\n\r\n.hero h1 span,\r\n.grad{\r\n\r\n background:\r\n linear-gradient(\r\n 110deg,\r\n #fff,\r\n var(--cyan2) 36%,\r\n var(--gold2) 72%,\r\n #fff\r\n );\r\n\r\n -webkit-background-clip:text;\r\n\r\n background-clip:text;\r\n\r\n color:transparent;\r\n}\r\n\r\n.hero p,\r\n.lead{\r\n\r\n color:var(--muted);\r\n\r\n line-height:1.78;\r\n}\r\n\r\n.hero p{\r\n\r\n font-size:\r\n clamp(\r\n 15px,\r\n 1.55vw,\r\n 18px\r\n );\r\n\r\n max-width:740px;\r\n}\r\n\r\n.actions{\r\n\r\n display:flex;\r\n\r\n gap:10px;\r\n\r\n flex-wrap:wrap;\r\n\r\n margin-top:27px;\r\n}\r\n\r\n.pills{\r\n\r\n display:flex;\r\n\r\n gap:8px;\r\n\r\n flex-wrap:wrap;\r\n\r\n margin-top:22px;\r\n}\r\n\r\n.pill{\r\n\r\n padding:7px 9px;\r\n\r\n border:\r\n 1px solid var(--line);\r\n\r\n border-radius:999px;\r\n\r\n background:\r\n rgba(255,255,255,.02);\r\n\r\n color:#c7d3dd;\r\n\r\n font-size:8px;\r\n\r\n font-weight:900;\r\n\r\n letter-spacing:.13em;\r\n\r\n text-transform:uppercase;\r\n}\r\n\r\n.micro{\r\n\r\n margin-top:20px;\r\n\r\n padding:14px 16px;\r\n\r\n border:\r\n 1px solid rgba(0,236,255,.18);\r\n\r\n border-radius:14px;\r\n\r\n background:\r\n rgba(0,236,255,.035);\r\n\r\n color:#d7e8f0;\r\n\r\n font-size:11px;\r\n\r\n line-height:1.65;\r\n}\r\n\r\n.micro strong{\r\n color:var(--cyan);\r\n}\r\n\r\n\r\n\/* =========================\r\n FUTURISTIC NEXUS\r\n========================= *\/\r\n\r\n.nexus{\r\n\r\n position:relative;\r\n\r\n min-height:590px;\r\n\r\n display:grid;\r\n\r\n place-items:center;\r\n\r\n isolation:isolate;\r\n}\r\n\r\n.nexus:before{\r\n\r\n content:\"\";\r\n\r\n position:absolute;\r\n\r\n inset:7%;\r\n\r\n border-radius:50%;\r\n\r\n background:\r\n radial-gradient(\r\n circle,\r\n rgba(0,236,255,.13),\r\n transparent 56%\r\n );\r\n\r\n filter:blur(12px);\r\n\r\n z-index:-2;\r\n}\r\n\r\n.gridfloor{\r\n\r\n position:absolute;\r\n\r\n left:-4%;\r\n\r\n right:-4%;\r\n\r\n bottom:1%;\r\n\r\n height:40%;\r\n\r\n background:\r\n\r\n linear-gradient(\r\n rgba(0,236,255,.08) 1px,\r\n transparent 1px\r\n ),\r\n\r\n linear-gradient(\r\n 90deg,\r\n rgba(0,236,255,.08) 1px,\r\n transparent 1px\r\n );\r\n\r\n background-size:\r\n 32px 32px;\r\n\r\n transform:\r\n perspective(560px)\r\n rotateX(68deg);\r\n\r\n transform-origin:\r\n center bottom;\r\n\r\n mask-image:\r\n linear-gradient(\r\n to top,\r\n #000,\r\n transparent 88%\r\n );\r\n\r\n opacity:.55;\r\n\r\n z-index:-1;\r\n}\r\n\r\n.ring{\r\n\r\n position:absolute;\r\n\r\n border-radius:50%;\r\n\r\n border:\r\n 1px solid rgba(0,236,255,.18);\r\n}\r\n\r\n.r1{\r\n\r\n width:500px;\r\n\r\n height:500px;\r\n\r\n animation:\r\n spin 23s linear infinite;\r\n}\r\n\r\n.r2{\r\n\r\n width:410px;\r\n\r\n height:410px;\r\n\r\n border-style:dashed;\r\n\r\n border-color:\r\n rgba(239,195,77,.25);\r\n\r\n animation:\r\n spinR 16s linear infinite;\r\n}\r\n\r\n.r3{\r\n\r\n width:320px;\r\n\r\n height:320px;\r\n\r\n border-color:\r\n rgba(141,124,255,.24);\r\n\r\n animation:\r\n spin 11s linear infinite;\r\n}\r\n\r\n.r4{\r\n\r\n width:550px;\r\n\r\n height:550px;\r\n\r\n border-color:\r\n rgba(255,255,255,.07);\r\n\r\n animation:\r\n spinR 35s linear infinite;\r\n}\r\n\r\n.ring:before{\r\n\r\n content:\"\";\r\n\r\n position:absolute;\r\n\r\n width:8px;\r\n\r\n height:8px;\r\n\r\n left:50%;\r\n\r\n top:-4px;\r\n\r\n border-radius:50%;\r\n\r\n background:var(--cyan);\r\n\r\n box-shadow:\r\n 0 0 18px var(--cyan);\r\n}\r\n\r\n.r2:before{\r\n\r\n background:var(--gold);\r\n\r\n box-shadow:\r\n 0 0 18px var(--gold);\r\n}\r\n\r\n@keyframes spin{\r\n to{\r\n transform:rotate(360deg);\r\n }\r\n}\r\n\r\n@keyframes spinR{\r\n to{\r\n transform:rotate(-360deg);\r\n }\r\n}\r\n\r\n.core{\r\n\r\n width:235px;\r\n\r\n height:235px;\r\n\r\n border-radius:50%;\r\n\r\n display:grid;\r\n\r\n place-items:center;\r\n\r\n position:relative;\r\n\r\n z-index:4;\r\n\r\n background:\r\n radial-gradient(\r\n circle,\r\n #0d1825,\r\n #050a12 64%,\r\n transparent 66%\r\n );\r\n\r\n filter:\r\n drop-shadow(\r\n 0 0 40px\r\n rgba(0,236,255,.16)\r\n );\r\n}\r\n\r\n.core:before,\r\n.core:after{\r\n\r\n content:\"\";\r\n\r\n position:absolute;\r\n\r\n border-radius:50%;\r\n}\r\n\r\n.core:before{\r\n\r\n inset:24px;\r\n\r\n border:\r\n 1px solid rgba(0,236,255,.21);\r\n}\r\n\r\n.core:after{\r\n\r\n inset:53px;\r\n\r\n border:\r\n 1px dashed rgba(255,255,255,.13);\r\n}\r\n\r\n.core img{\r\n\r\n width:112px;\r\n\r\n height:112px;\r\n\r\n object-fit:contain;\r\n}\r\n\r\n.node{\r\n\r\n position:absolute;\r\n\r\n z-index:5;\r\n\r\n width:126px;\r\n\r\n padding:6px;\r\n\r\n border:\r\n 1px solid var(--line);\r\n\r\n border-radius:14px;\r\n\r\n background:\r\n rgba(4,9,17,.90);\r\n\r\n box-shadow:\r\n 0 14px 38px rgba(0,0,0,.34);\r\n}\r\n\r\n.node img{\r\n\r\n width:100%;\r\n\r\n height:62px;\r\n\r\n object-fit:cover;\r\n\r\n border-radius:9px;\r\n\r\n filter:\r\n saturate(.85)\r\n brightness(.80);\r\n}\r\n\r\n.node small{\r\n\r\n display:block;\r\n\r\n margin-top:6px;\r\n\r\n color:#b9cbd9;\r\n\r\n font-size:7px;\r\n\r\n font-weight:900;\r\n\r\n letter-spacing:.16em;\r\n\r\n text-transform:uppercase;\r\n}\r\n\r\n.n1{\r\n left:2%;\r\n top:15%;\r\n}\r\n\r\n.n2{\r\n right:-1%;\r\n top:21%;\r\n}\r\n\r\n.n3{\r\n right:5%;\r\n bottom:15%;\r\n}\r\n\r\n.n4{\r\n left:9%;\r\n bottom:11%;\r\n}\r\n\r\n.hud{\r\n\r\n position:absolute;\r\n\r\n z-index:6;\r\n\r\n left:50%;\r\n\r\n bottom:0;\r\n\r\n transform:\r\n translateX(-50%);\r\n\r\n width:79%;\r\n\r\n display:grid;\r\n\r\n grid-template-columns:\r\n repeat(3,1fr);\r\n\r\n gap:8px;\r\n\r\n padding:11px;\r\n\r\n border:\r\n 1px solid var(--line);\r\n\r\n border-radius:15px;\r\n\r\n background:\r\n rgba(3,8,15,.90);\r\n}\r\n\r\n.hud div{\r\n\r\n color:var(--muted2);\r\n\r\n font-size:7px;\r\n\r\n font-weight:900;\r\n\r\n letter-spacing:.13em;\r\n\r\n text-transform:uppercase;\r\n}\r\n\r\n.hud b{\r\n\r\n display:block;\r\n\r\n color:#ddfbfc;\r\n\r\n font-size:9px;\r\n\r\n margin-top:4px;\r\n}\r\n\r\n.hud i{\r\n\r\n display:block;\r\n\r\n height:2px;\r\n\r\n margin-top:7px;\r\n\r\n border-radius:9px;\r\n\r\n background:\r\n linear-gradient(\r\n 90deg,\r\n var(--cyan),\r\n var(--gold)\r\n );\r\n}\r\n\r\n\r\n\/* =========================\r\n STRIPS \/ HEADINGS\r\n========================= *\/\r\n\r\n.marquee{\r\n\r\n border-block:\r\n 1px solid var(--line);\r\n\r\n overflow:hidden;\r\n\r\n background:\r\n rgba(255,255,255,.01);\r\n}\r\n\r\n.marquee div{\r\n\r\n display:flex;\r\n\r\n gap:42px;\r\n\r\n width:max-content;\r\n\r\n padding:11px 0;\r\n\r\n color:#70859a;\r\n\r\n font-size:9px;\r\n\r\n font-weight:900;\r\n\r\n letter-spacing:.16em;\r\n\r\n text-transform:uppercase;\r\n\r\n animation:\r\n marquee 30s linear infinite;\r\n}\r\n\r\n.marquee span:before{\r\n\r\n content:\"\u25c6\";\r\n\r\n font-size:6px;\r\n\r\n color:var(--cyan);\r\n\r\n margin-right:9px;\r\n}\r\n\r\n@keyframes marquee{\r\n\r\n to{\r\n transform:translateX(-50%);\r\n }\r\n}\r\n\r\n.trust-strip{\r\n\r\n display:flex;\r\n\r\n align-items:center;\r\n\r\n justify-content:center;\r\n\r\n gap:10px;\r\n\r\n flex-wrap:wrap;\r\n\r\n padding:13px 16px;\r\n\r\n border-bottom:\r\n 1px solid var(--line);\r\n\r\n background:\r\n linear-gradient(\r\n 90deg,\r\n rgba(0,236,255,.025),\r\n rgba(239,195,77,.025),\r\n rgba(0,236,255,.025)\r\n );\r\n\r\n color:#dbe7ee;\r\n\r\n font-size:10px;\r\n\r\n font-weight:900;\r\n\r\n letter-spacing:.07em;\r\n\r\n text-transform:uppercase;\r\n}\r\n\r\n.trust-strip b{\r\n color:var(--cyan);\r\n}\r\n\r\n.stats{\r\n\r\n display:grid;\r\n\r\n grid-template-columns:\r\n repeat(4,1fr);\r\n\r\n border:\r\n 1px solid var(--line);\r\n\r\n border-radius:22px;\r\n\r\n overflow:hidden;\r\n\r\n background:\r\n rgba(255,255,255,.012);\r\n}\r\n\r\n.stat{\r\n\r\n padding:24px;\r\n\r\n border-right:\r\n 1px solid var(--line);\r\n}\r\n\r\n.stat:last-child{\r\n border-right:0;\r\n}\r\n\r\n.stat strong{\r\n\r\n font:\r\n 950\r\n clamp(22px,3vw,31px)\r\n var(--display);\r\n}\r\n\r\n.stat span{\r\n\r\n display:block;\r\n\r\n margin-top:8px;\r\n\r\n color:var(--muted);\r\n\r\n font-size:11px;\r\n\r\n line-height:1.55;\r\n}\r\n\r\n.head{\r\n\r\n max-width:890px;\r\n\r\n margin-bottom:47px;\r\n}\r\n\r\n.head.center{\r\n\r\n text-align:center;\r\n\r\n margin-inline:auto;\r\n}\r\n\r\n.head.center .kicker{\r\n justify-content:center;\r\n}\r\n\r\n.title{\r\n\r\n margin:\r\n 14px 0 16px;\r\n\r\n font-size:\r\n clamp(\r\n 32px,\r\n 5vw,\r\n 60px\r\n );\r\n\r\n line-height:1.02;\r\n\r\n font-weight:950;\r\n}\r\n\r\n.title.sm{\r\n\r\n font-size:\r\n clamp(\r\n 29px,\r\n 4vw,\r\n 47px\r\n );\r\n}\r\n\r\n.lead{\r\n\r\n margin:0;\r\n\r\n font-size:\r\n clamp(\r\n 15px,\r\n 1.5vw,\r\n 18px\r\n );\r\n}\r\n\r\n\r\n\/* =========================\r\n QUICK BOOKING\r\n========================= *\/\r\n\r\n.quick-book{\r\n\r\n position:sticky;\r\n\r\n top:88px;\r\n\r\n z-index:700;\r\n\r\n width:min(\r\n 1180px,\r\n calc(100% - 28px)\r\n );\r\n\r\n margin:\r\n 0 auto 24px;\r\n\r\n padding:10px;\r\n\r\n border:\r\n 1px solid rgba(0,236,255,.18);\r\n\r\n border-radius:17px;\r\n\r\n background:\r\n rgba(3,8,15,.92);\r\n\r\n backdrop-filter:\r\n blur(16px);\r\n\r\n box-shadow:\r\n 0 14px 46px rgba(0,0,0,.30);\r\n}\r\n\r\n.quick-book-inner{\r\n\r\n display:grid;\r\n\r\n grid-template-columns:\r\n 1fr\r\n 1fr\r\n 180px\r\n auto;\r\n\r\n gap:8px;\r\n}\r\n\r\n.quick-book input{\r\n\r\n min-height:44px;\r\n\r\n width:100%;\r\n\r\n border:\r\n 1px solid var(--line);\r\n\r\n border-radius:10px;\r\n\r\n background:#07111d;\r\n\r\n color:#fff;\r\n\r\n padding:0 12px;\r\n\r\n outline:none;\r\n}\r\n\r\n.quick-book input:focus{\r\n\r\n border-color:\r\n rgba(0,236,255,.45);\r\n}\r\n\r\n\r\n\/* =========================\r\n CARDS\r\n========================= *\/\r\n\r\n.cards{\r\n\r\n display:grid;\r\n\r\n grid-template-columns:\r\n repeat(3,1fr);\r\n\r\n gap:17px;\r\n}\r\n\r\n.card{\r\n\r\n position:relative;\r\n\r\n min-height:250px;\r\n\r\n padding:25px;\r\n\r\n border:\r\n 1px solid var(--line);\r\n\r\n border-radius:22px;\r\n\r\n background:\r\n linear-gradient(\r\n 180deg,\r\n rgba(8,16,29,.80),\r\n rgba(4,9,17,.91)\r\n );\r\n\r\n overflow:hidden;\r\n\r\n box-shadow:var(--shadow);\r\n\r\n transition:.22s;\r\n}\r\n\r\n.card:hover{\r\n\r\n transform:\r\n translateY(-3px);\r\n\r\n border-color:\r\n rgba(0,236,255,.29);\r\n}\r\n\r\n.card:after{\r\n\r\n content:\"\";\r\n\r\n position:absolute;\r\n\r\n width:145px;\r\n\r\n height:145px;\r\n\r\n right:-70px;\r\n\r\n top:-70px;\r\n\r\n border:\r\n 1px solid rgba(0,236,255,.10);\r\n\r\n border-radius:50%;\r\n}\r\n\r\n.tag{\r\n\r\n display:flex;\r\n\r\n justify-content:\r\n space-between;\r\n\r\n color:var(--muted2);\r\n\r\n font-size:8px;\r\n\r\n font-weight:900;\r\n\r\n letter-spacing:.16em;\r\n}\r\n\r\n.tag i{\r\n\r\n width:7px;\r\n\r\n height:7px;\r\n\r\n border-radius:50%;\r\n\r\n background:var(--cyan);\r\n\r\n box-shadow:\r\n 0 0 8px var(--cyan);\r\n}\r\n\r\n.icon{\r\n\r\n width:47px;\r\n\r\n height:47px;\r\n\r\n margin:\r\n 20px 0 18px;\r\n\r\n display:grid;\r\n\r\n place-items:center;\r\n\r\n border:\r\n 1px solid rgba(0,236,255,.19);\r\n\r\n border-radius:13px;\r\n\r\n color:var(--cyan);\r\n\r\n background:\r\n rgba(0,236,255,.035);\r\n\r\n font-size:19px;\r\n}\r\n\r\n.card h3{\r\n\r\n margin:\r\n 0 0 11px;\r\n\r\n font:\r\n 900 15px\/1.35 var(--display);\r\n\r\n text-transform:uppercase;\r\n}\r\n\r\n.card p{\r\n\r\n margin:0;\r\n\r\n color:var(--muted);\r\n\r\n font-size:12px;\r\n\r\n line-height:1.72;\r\n}\r\n\r\n.promise-grid{\r\n\r\n display:grid;\r\n\r\n grid-template-columns:\r\n repeat(3,1fr);\r\n\r\n gap:16px;\r\n}\r\n\r\n.promise-card{\r\n\r\n padding:\r\n 28px 24px;\r\n\r\n border:\r\n 1px solid var(--line);\r\n\r\n border-radius:22px;\r\n\r\n background:\r\n linear-gradient(\r\n 180deg,\r\n rgba(8,16,29,.78),\r\n rgba(4,9,17,.92)\r\n );\r\n\r\n text-align:center;\r\n\r\n box-shadow:\r\n var(--shadow);\r\n}\r\n\r\n.promise-icon{\r\n\r\n width:64px;\r\n\r\n height:64px;\r\n\r\n margin:\r\n 0 auto 20px;\r\n\r\n display:grid;\r\n\r\n place-items:center;\r\n\r\n border:\r\n 1px solid rgba(0,236,255,.20);\r\n\r\n border-radius:18px;\r\n\r\n background:\r\n rgba(0,236,255,.04);\r\n\r\n color:var(--cyan);\r\n\r\n font-size:25px;\r\n}\r\n\r\n.promise-card h3{\r\n\r\n margin:\r\n 0 0 10px;\r\n\r\n font:\r\n 950 18px\/1.2 var(--display);\r\n\r\n text-transform:uppercase;\r\n}\r\n\r\n.promise-card p{\r\n\r\n margin:0;\r\n\r\n color:var(--muted);\r\n\r\n font-size:12px;\r\n\r\n line-height:1.75;\r\n}\r\n\r\n\r\n\/* =========================\r\n SPLIT \/ VISUAL\r\n========================= *\/\r\n\r\n.split{\r\n\r\n display:grid;\r\n\r\n grid-template-columns:\r\n 1fr 1fr;\r\n\r\n gap:48px;\r\n\r\n align-items:center;\r\n}\r\n\r\n.visual{\r\n\r\n position:relative;\r\n\r\n min-height:510px;\r\n\r\n border:\r\n 1px solid rgba(0,236,255,.18);\r\n\r\n border-radius:27px;\r\n\r\n overflow:hidden;\r\n\r\n background:#040a13;\r\n\r\n box-shadow:\r\n var(--shadow);\r\n}\r\n\r\n.visual img{\r\n\r\n position:absolute;\r\n\r\n inset:0;\r\n\r\n width:100%;\r\n\r\n height:100%;\r\n\r\n object-fit:cover;\r\n\r\n filter:\r\n saturate(.90)\r\n brightness(.62);\r\n}\r\n\r\n.visual:after{\r\n\r\n content:\"\";\r\n\r\n position:absolute;\r\n\r\n inset:0;\r\n\r\n background:\r\n\r\n linear-gradient(\r\n to top,\r\n rgba(2,7,13,.94),\r\n transparent 58%\r\n ),\r\n\r\n linear-gradient(\r\n 90deg,\r\n rgba(0,236,255,.12),\r\n transparent 35%,\r\n rgba(239,195,77,.05)\r\n );\r\n}\r\n\r\n.visual-ui{\r\n\r\n position:absolute;\r\n\r\n inset:0;\r\n\r\n z-index:2;\r\n\r\n padding:20px;\r\n\r\n display:flex;\r\n\r\n flex-direction:column;\r\n\r\n justify-content:\r\n space-between;\r\n}\r\n\r\n.codes{\r\n\r\n display:flex;\r\n\r\n gap:8px;\r\n\r\n flex-wrap:wrap;\r\n\r\n justify-content:\r\n space-between;\r\n}\r\n\r\n.code{\r\n\r\n padding:6px 8px;\r\n\r\n border:\r\n 1px solid rgba(0,236,255,.17);\r\n\r\n border-radius:999px;\r\n\r\n background:\r\n rgba(0,236,255,.04);\r\n\r\n color:#d5f8fa;\r\n\r\n font-size:8px;\r\n\r\n font-weight:900;\r\n\r\n letter-spacing:.16em;\r\n\r\n text-transform:uppercase;\r\n}\r\n\r\n.visual-title{\r\n\r\n font:\r\n 950\r\n clamp(28px,4vw,44px)\/1.04\r\n var(--display);\r\n\r\n text-transform:uppercase;\r\n}\r\n\r\n.visual-title span{\r\n color:var(--gold);\r\n}\r\n\r\n.list{\r\n\r\n display:grid;\r\n\r\n gap:10px;\r\n\r\n padding:0;\r\n\r\n margin:\r\n 23px 0 0;\r\n\r\n list-style:none;\r\n}\r\n\r\n.list li{\r\n\r\n display:flex;\r\n\r\n gap:10px;\r\n\r\n color:var(--muted);\r\n\r\n font-size:12px;\r\n\r\n line-height:1.65;\r\n}\r\n\r\n.list li:before{\r\n\r\n content:\"\";\r\n\r\n width:6px;\r\n\r\n height:6px;\r\n\r\n flex:0 0 auto;\r\n\r\n margin-top:7px;\r\n\r\n border-radius:50%;\r\n\r\n background:var(--cyan);\r\n\r\n box-shadow:\r\n 0 0 8px var(--cyan);\r\n}\r\n\r\n\r\n\/* =========================\r\n CONSOLE \/ FORMS\r\n========================= *\/\r\n\r\n.console{\r\n\r\n border:\r\n 1px solid rgba(0,236,255,.18);\r\n\r\n border-radius:24px;\r\n\r\n background:\r\n linear-gradient(\r\n 180deg,\r\n rgba(6,13,24,.96),\r\n rgba(3,8,15,.94)\r\n );\r\n\r\n overflow:hidden;\r\n\r\n box-shadow:\r\n var(--shadow);\r\n}\r\n\r\n.console-head{\r\n\r\n height:48px;\r\n\r\n padding:0 17px;\r\n\r\n display:flex;\r\n\r\n align-items:center;\r\n\r\n justify-content:\r\n space-between;\r\n\r\n border-bottom:\r\n 1px solid var(--line);\r\n}\r\n\r\n.dots{\r\n\r\n display:flex;\r\n\r\n gap:6px;\r\n}\r\n\r\n.dots i{\r\n\r\n width:7px;\r\n\r\n height:7px;\r\n\r\n border-radius:50%;\r\n}\r\n\r\n.dots i:nth-child(1){\r\n background:#ff4f66;\r\n}\r\n\r\n.dots i:nth-child(2){\r\n background:var(--gold);\r\n}\r\n\r\n.dots i:nth-child(3){\r\n background:var(--green);\r\n}\r\n\r\n.console-head b{\r\n\r\n color:var(--muted2);\r\n\r\n font-size:8px;\r\n\r\n letter-spacing:.18em;\r\n\r\n text-transform:uppercase;\r\n}\r\n\r\n.console-body{\r\n padding:23px;\r\n}\r\n\r\n.smartform{\r\n\r\n display:grid;\r\n\r\n gap:16px;\r\n}\r\n\r\n.formgrid{\r\n\r\n display:grid;\r\n\r\n grid-template-columns:\r\n 1fr 1fr;\r\n\r\n gap:12px;\r\n}\r\n\r\n.field{\r\n\r\n display:flex;\r\n\r\n flex-direction:column;\r\n\r\n gap:6px;\r\n}\r\n\r\n.field.full{\r\n grid-column:1\/-1;\r\n}\r\n\r\n.field label{\r\n\r\n color:var(--gold);\r\n\r\n font-size:9px;\r\n\r\n font-weight:900;\r\n\r\n letter-spacing:.13em;\r\n\r\n text-transform:uppercase;\r\n}\r\n\r\n.field input,\r\n.field select,\r\n.field textarea{\r\n\r\n width:100%;\r\n\r\n min-height:46px;\r\n\r\n padding:0 12px;\r\n\r\n border:\r\n 1px solid rgba(255,255,255,.09);\r\n\r\n border-radius:10px;\r\n\r\n outline:none;\r\n\r\n color:#fff;\r\n\r\n background:#07111d;\r\n}\r\n\r\n.field textarea{\r\n\r\n min-height:95px;\r\n\r\n padding-top:11px;\r\n\r\n resize:vertical;\r\n}\r\n\r\n.field input:focus,\r\n.field select:focus,\r\n.field textarea:focus{\r\n\r\n border-color:\r\n rgba(0,236,255,.48);\r\n\r\n box-shadow:\r\n 0 0 0 3px\r\n rgba(0,236,255,.06);\r\n}\r\n\r\n.choice-row{\r\n\r\n display:flex;\r\n\r\n gap:8px;\r\n\r\n flex-wrap:wrap;\r\n}\r\n\r\n.choice{\r\n\r\n position:relative;\r\n\r\n display:inline-flex;\r\n\r\n align-items:center;\r\n\r\n gap:8px;\r\n\r\n min-height:42px;\r\n\r\n padding:0 13px;\r\n\r\n border:\r\n 1px solid var(--line);\r\n\r\n border-radius:999px;\r\n\r\n background:\r\n rgba(255,255,255,.02);\r\n\r\n color:#c7d5df;\r\n\r\n cursor:pointer;\r\n\r\n font-size:9px;\r\n\r\n font-weight:900;\r\n\r\n letter-spacing:.08em;\r\n\r\n text-transform:uppercase;\r\n}\r\n\r\n.choice input{\r\n\r\n position:absolute;\r\n\r\n opacity:0;\r\n\r\n pointer-events:none;\r\n}\r\n\r\n.choice.active{\r\n\r\n border-color:\r\n rgba(0,236,255,.45);\r\n\r\n background:\r\n rgba(0,236,255,.08);\r\n\r\n color:#fff;\r\n\r\n box-shadow:\r\n 0 0 20px rgba(0,236,255,.06);\r\n}\r\n\r\n.dynamic-box{\r\n\r\n display:none;\r\n\r\n padding:14px;\r\n\r\n border:\r\n 1px solid rgba(0,236,255,.14);\r\n\r\n border-radius:15px;\r\n\r\n background:\r\n rgba(0,236,255,.025);\r\n}\r\n\r\n.dynamic-box.show{\r\n display:block;\r\n}\r\n\r\n.form-note{\r\n\r\n color:var(--muted2);\r\n\r\n font-size:9px;\r\n\r\n line-height:1.55;\r\n}\r\n\r\n.checkline{\r\n\r\n display:flex;\r\n\r\n gap:9px;\r\n\r\n align-items:flex-start;\r\n\r\n color:#b9c8d5;\r\n\r\n font-size:10px;\r\n\r\n line-height:1.5;\r\n}\r\n\r\n.checkline input{\r\n\r\n margin-top:2px;\r\n\r\n accent-color:\r\n var(--cyan);\r\n}\r\n\r\n.dual-actions{\r\n\r\n display:flex;\r\n\r\n gap:9px;\r\n\r\n flex-wrap:wrap;\r\n}\r\n\r\n.dual-actions .btn{\r\n\r\n flex:1;\r\n\r\n min-width:185px;\r\n}\r\n\r\n.log{\r\n\r\n padding:12px 13px;\r\n\r\n border-left:\r\n 2px solid var(--cyan);\r\n\r\n background:\r\n rgba(0,236,255,.035);\r\n\r\n color:#b8d7db;\r\n\r\n font-size:10px;\r\n\r\n font-weight:800;\r\n\r\n line-height:1.55;\r\n}\r\n\r\n.booking-result{\r\n\r\n display:none;\r\n\r\n padding:13px 14px;\r\n\r\n border:\r\n 1px solid rgba(92,255,186,.18);\r\n\r\n border-radius:13px;\r\n\r\n background:\r\n rgba(92,255,186,.04);\r\n\r\n color:#cffff0;\r\n\r\n font-size:10px;\r\n\r\n line-height:1.55;\r\n}\r\n\r\n.booking-result.show{\r\n display:block;\r\n}\r\n\r\n.missions{\r\n\r\n display:grid;\r\n\r\n gap:12px;\r\n\r\n margin-top:12px;\r\n}\r\n\r\n.mission-card{\r\n\r\n position:relative;\r\n\r\n padding:16px;\r\n\r\n border:\r\n 1px solid var(--line);\r\n\r\n border-radius:16px;\r\n\r\n background:\r\n rgba(255,255,255,.012);\r\n}\r\n\r\n.mission-card h4{\r\n\r\n margin:\r\n 0 0 13px;\r\n\r\n color:var(--cyan);\r\n\r\n font-size:9px;\r\n\r\n letter-spacing:.16em;\r\n\r\n text-transform:uppercase;\r\n}\r\n\r\n.remove-mission{\r\n\r\n position:absolute;\r\n\r\n right:10px;\r\n\r\n top:10px;\r\n\r\n width:30px;\r\n\r\n height:30px;\r\n\r\n border:\r\n 1px solid var(--line);\r\n\r\n border-radius:9px;\r\n\r\n background:\r\n rgba(255,255,255,.02);\r\n\r\n cursor:pointer;\r\n}\r\n\r\n\r\n\/* =========================\r\n REASSURANCE\r\n========================= *\/\r\n\r\n.reassure{\r\n\r\n padding:40px;\r\n\r\n border:\r\n 1px solid rgba(0,236,255,.20);\r\n\r\n border-radius:26px;\r\n\r\n background:\r\n\r\n radial-gradient(\r\n circle at 90% 0%,\r\n rgba(0,236,255,.10),\r\n transparent 35%\r\n ),\r\n\r\n radial-gradient(\r\n circle at 0 100%,\r\n rgba(239,195,77,.08),\r\n transparent 35%\r\n ),\r\n\r\n rgba(4,10,18,.90);\r\n}\r\n\r\n.reassure-steps{\r\n\r\n display:grid;\r\n\r\n grid-template-columns:\r\n repeat(4,1fr);\r\n\r\n gap:12px;\r\n\r\n margin-top:27px;\r\n}\r\n\r\n.reassure-step{\r\n\r\n padding:16px;\r\n\r\n border:\r\n 1px solid var(--line);\r\n\r\n border-radius:15px;\r\n\r\n background:\r\n rgba(255,255,255,.015);\r\n}\r\n\r\n.reassure-step b{\r\n\r\n display:block;\r\n\r\n color:var(--cyan);\r\n\r\n font-size:10px;\r\n\r\n letter-spacing:.12em;\r\n\r\n text-transform:uppercase;\r\n\r\n margin-bottom:8px;\r\n}\r\n\r\n.reassure-step span{\r\n\r\n color:var(--muted);\r\n\r\n font-size:11px;\r\n\r\n line-height:1.55;\r\n}\r\n\r\n\r\n\/* =========================\r\n COMPARISON\r\n========================= *\/\r\n\r\n.compare{\r\n\r\n display:grid;\r\n\r\n grid-template-columns:\r\n 1fr 1fr;\r\n\r\n gap:18px;\r\n}\r\n\r\n.compare-card{\r\n\r\n padding:30px;\r\n\r\n border:\r\n 1px solid var(--line);\r\n\r\n border-radius:24px;\r\n\r\n background:\r\n rgba(255,255,255,.012);\r\n}\r\n\r\n.compare-card.good{\r\n\r\n border-color:\r\n rgba(0,236,255,.28);\r\n\r\n background:\r\n linear-gradient(\r\n 180deg,\r\n rgba(0,236,255,.07),\r\n rgba(4,9,17,.92)\r\n );\r\n}\r\n\r\n.compare-card h3{\r\n\r\n margin:\r\n 0 0 7px;\r\n\r\n font:\r\n 950 23px var(--display);\r\n\r\n text-transform:uppercase;\r\n}\r\n\r\n.compare-card small{\r\n\r\n display:block;\r\n\r\n color:var(--muted2);\r\n\r\n margin-bottom:24px;\r\n}\r\n\r\n.compare-list{\r\n\r\n list-style:none;\r\n\r\n margin:0;\r\n\r\n padding:0;\r\n\r\n display:grid;\r\n\r\n gap:15px;\r\n}\r\n\r\n.compare-list li{\r\n\r\n display:flex;\r\n\r\n gap:12px;\r\n\r\n align-items:flex-start;\r\n\r\n color:#bccbd7;\r\n\r\n font-size:13px;\r\n\r\n line-height:1.55;\r\n}\r\n\r\n.compare-list li:before{\r\n\r\n content:\"\u00d7\";\r\n\r\n width:25px;\r\n\r\n height:25px;\r\n\r\n flex:0 0 auto;\r\n\r\n display:grid;\r\n\r\n place-items:center;\r\n\r\n border-radius:50%;\r\n\r\n border:\r\n 1px solid rgba(255,85,100,.22);\r\n\r\n color:#ff5c70;\r\n\r\n background:\r\n rgba(255,85,100,.04);\r\n\r\n font-weight:900;\r\n}\r\n\r\n.compare-card.good\r\n.compare-list li:before{\r\n\r\n content:\"\u2713\";\r\n\r\n color:var(--cyan);\r\n\r\n border-color:\r\n rgba(0,236,255,.25);\r\n\r\n background:\r\n rgba(0,236,255,.05);\r\n}\r\n\r\n\r\n\/* =========================\r\n FAQ\r\n========================= *\/\r\n\r\n.faq{\r\n\r\n display:grid;\r\n\r\n gap:12px;\r\n}\r\n\r\n.faq details{\r\n\r\n border:\r\n 1px solid var(--line);\r\n\r\n border-radius:16px;\r\n\r\n background:\r\n rgba(255,255,255,.015);\r\n\r\n overflow:hidden;\r\n}\r\n\r\n.faq summary{\r\n\r\n padding:\r\n 18px 20px;\r\n\r\n cursor:pointer;\r\n\r\n list-style:none;\r\n\r\n font-weight:800;\r\n\r\n font-size:13px;\r\n\r\n display:flex;\r\n\r\n justify-content:\r\n space-between;\r\n\r\n gap:15px;\r\n}\r\n\r\n.faq summary:after{\r\n\r\n content:\"+\";\r\n\r\n color:var(--cyan);\r\n\r\n font-size:20px;\r\n}\r\n\r\n.faq details[open]\r\nsummary:after{\r\n content:\"\u2212\";\r\n}\r\n\r\n.faq p{\r\n\r\n padding:\r\n 0 20px 19px;\r\n\r\n margin:0;\r\n\r\n color:var(--muted);\r\n\r\n font-size:12px;\r\n\r\n line-height:1.7;\r\n}\r\n\r\n\r\n\/* =========================\r\n FOOTER\r\n========================= *\/\r\n\r\n.cta{\r\n\r\n padding:46px;\r\n\r\n border:\r\n 1px solid rgba(0,236,255,.18);\r\n\r\n border-radius:28px;\r\n\r\n background:\r\n\r\n radial-gradient(\r\n circle at 82% 25%,\r\n rgba(0,236,255,.11),\r\n transparent 30%\r\n ),\r\n\r\n radial-gradient(\r\n circle at 16% 80%,\r\n rgba(239,195,77,.08),\r\n transparent 30%\r\n ),\r\n\r\n rgba(5,11,21,.90);\r\n}\r\n\r\n.footer{\r\n\r\n padding:\r\n 58px 0 26px;\r\n\r\n border-top:\r\n 1px solid var(--line);\r\n\r\n background:\r\n rgba(1,3,7,.84);\r\n}\r\n\r\n.footer-grid{\r\n\r\n display:grid;\r\n\r\n grid-template-columns:\r\n 1.5fr 1fr 1fr;\r\n\r\n gap:34px;\r\n}\r\n\r\n.footbrand{\r\n\r\n display:flex;\r\n\r\n gap:12px;\r\n\r\n align-items:flex-start;\r\n}\r\n\r\n.footbrand img{\r\n\r\n width:60px;\r\n\r\n height:60px;\r\n\r\n object-fit:contain;\r\n}\r\n\r\n.footer h4{\r\n\r\n margin:\r\n 0 0 13px;\r\n\r\n font:\r\n 900 10px var(--display);\r\n\r\n text-transform:uppercase;\r\n}\r\n\r\n.footer p,\r\n.footer a{\r\n\r\n color:var(--muted);\r\n\r\n font-size:10px;\r\n\r\n line-height:1.75;\r\n}\r\n\r\n.footer a{\r\n text-decoration:none;\r\n}\r\n\r\n.footer a:hover{\r\n color:var(--cyan);\r\n}\r\n\r\n.footer ul{\r\n\r\n list-style:none;\r\n\r\n padding:0;\r\n\r\n margin:0;\r\n\r\n display:grid;\r\n\r\n gap:7px;\r\n}\r\n\r\n.footer-bottom{\r\n\r\n margin-top:34px;\r\n\r\n padding-top:18px;\r\n\r\n border-top:\r\n 1px solid var(--line);\r\n\r\n display:flex;\r\n\r\n justify-content:\r\n space-between;\r\n\r\n gap:12px;\r\n\r\n flex-wrap:wrap;\r\n\r\n color:var(--muted2);\r\n\r\n font-size:9px;\r\n}\r\n\r\n.dock{\r\n\r\n position:fixed;\r\n\r\n z-index:880;\r\n\r\n right:13px;\r\n\r\n bottom:13px;\r\n\r\n display:grid;\r\n\r\n gap:7px;\r\n}\r\n\r\n.dock a{\r\n\r\n width:45px;\r\n\r\n height:45px;\r\n\r\n display:grid;\r\n\r\n place-items:center;\r\n\r\n border:\r\n 1px solid var(--line);\r\n\r\n border-radius:13px;\r\n\r\n background:\r\n rgba(4,9,16,.90);\r\n\r\n backdrop-filter:\r\n blur(12px);\r\n\r\n color:#fff;\r\n\r\n text-decoration:none;\r\n}\r\n\r\n.dock a:hover{\r\n\r\n border-color:\r\n rgba(0,236,255,.44);\r\n\r\n color:var(--cyan);\r\n}\r\n\r\n.mobile-cta{\r\n\r\n display:none;\r\n\r\n position:fixed;\r\n\r\n z-index:900;\r\n\r\n left:10px;\r\n\r\n right:68px;\r\n\r\n bottom:10px;\r\n}\r\n\r\n.reveal{\r\n\r\n opacity:0;\r\n\r\n transform:\r\n translateY(14px);\r\n\r\n transition:\r\n opacity .55s ease,\r\n transform .55s ease;\r\n}\r\n\r\n.reveal.in{\r\n\r\n opacity:1;\r\n\r\n transform:none;\r\n}\r\n\r\n\r\n\/* =========================\r\n RESPONSIVE\r\n========================= *\/\r\n\r\n@media(max-width:1050px){\r\n\r\n .navlinks,\r\n .online{\r\n display:none;\r\n }\r\n\r\n .brand{\r\n min-width:0;\r\n flex:1;\r\n }\r\n\r\n .menu{\r\n display:grid;\r\n place-items:center;\r\n }\r\n\r\n .hero-grid,\r\n .split{\r\n grid-template-columns:1fr;\r\n }\r\n\r\n .hero-copy{\r\n text-align:center;\r\n }\r\n\r\n .hero-copy p{\r\n margin-inline:auto;\r\n }\r\n\r\n .actions,\r\n .pills{\r\n justify-content:center;\r\n }\r\n\r\n .cards,\r\n .promise-grid{\r\n grid-template-columns:\r\n repeat(2,1fr);\r\n }\r\n\r\n .footer-grid{\r\n grid-template-columns:\r\n 1fr 1fr;\r\n }\r\n\r\n .quick-book-inner{\r\n grid-template-columns:\r\n 1fr 1fr;\r\n }\r\n\r\n .quick-book .btn{\r\n grid-column:1\/-1;\r\n }\r\n}\r\n\r\n@media(max-width:720px){\r\n\r\n .shell{\r\n\r\n width:min(\r\n 100% - 24px,\r\n 1240px\r\n );\r\n }\r\n\r\n .section{\r\n padding:76px 0;\r\n }\r\n\r\n .section.compact{\r\n padding:52px 0;\r\n }\r\n\r\n .nav{\r\n\r\n top:7px;\r\n\r\n min-height:63px;\r\n\r\n border-radius:15px;\r\n }\r\n\r\n .brand img{\r\n\r\n width:42px;\r\n\r\n height:42px;\r\n }\r\n\r\n .brand strong{\r\n font-size:9px;\r\n }\r\n\r\n .brand small{\r\n font-size:7px;\r\n }\r\n\r\n .navright .btn{\r\n display:none;\r\n }\r\n\r\n .hero{\r\n\r\n min-height:auto;\r\n\r\n padding-top:98px;\r\n\r\n padding-bottom:42px;\r\n }\r\n\r\n .hero h1{\r\n\r\n font-size:\r\n clamp(\r\n 38px,\r\n 13vw,\r\n 58px\r\n );\r\n }\r\n\r\n .nexus{\r\n min-height:410px;\r\n }\r\n\r\n .r1{\r\n width:345px;\r\n height:345px;\r\n }\r\n\r\n .r2{\r\n width:285px;\r\n height:285px;\r\n }\r\n\r\n .r3{\r\n width:220px;\r\n height:220px;\r\n }\r\n\r\n .r4{\r\n width:380px;\r\n height:380px;\r\n }\r\n\r\n .core{\r\n\r\n width:165px;\r\n\r\n height:165px;\r\n }\r\n\r\n .core img{\r\n\r\n width:78px;\r\n\r\n height:78px;\r\n }\r\n\r\n .node{\r\n\r\n width:84px;\r\n\r\n padding:4px;\r\n }\r\n\r\n .node img{\r\n height:42px;\r\n }\r\n\r\n .node small{\r\n font-size:5px;\r\n }\r\n\r\n .n1{\r\n left:0;\r\n }\r\n\r\n .n2{\r\n right:0;\r\n }\r\n\r\n .n3{\r\n right:2%;\r\n }\r\n\r\n .n4{\r\n left:3%;\r\n }\r\n\r\n .hud{\r\n\r\n width:92%;\r\n\r\n grid-template-columns:\r\n 1fr 1fr;\r\n\r\n padding:8px;\r\n }\r\n\r\n .hud div:nth-child(3){\r\n display:none;\r\n }\r\n\r\n .stats,\r\n .cards,\r\n .promise-grid,\r\n .formgrid,\r\n .reassure-steps{\r\n\r\n grid-template-columns:1fr;\r\n }\r\n\r\n .stat{\r\n\r\n border-right:0;\r\n\r\n border-bottom:\r\n 1px solid var(--line);\r\n }\r\n\r\n .stat:last-child{\r\n border-bottom:0;\r\n }\r\n\r\n .compare{\r\n grid-template-columns:1fr;\r\n }\r\n\r\n .quick-book{\r\n top:78px;\r\n }\r\n\r\n .quick-book-inner{\r\n grid-template-columns:1fr;\r\n }\r\n\r\n .quick-book .btn{\r\n grid-column:auto;\r\n }\r\n\r\n .visual{\r\n min-height:430px;\r\n }\r\n\r\n .footer-grid{\r\n grid-template-columns:1fr;\r\n }\r\n\r\n .mobile-cta{\r\n display:block;\r\n }\r\n\r\n .dock{\r\n bottom:66px;\r\n }\r\n\r\n .dual-actions .btn{\r\n min-width:100%;\r\n }\r\n}\r\n\r\n@media(prefers-reduced-motion:reduce){\r\n\r\n *,\r\n *:before,\r\n *:after{\r\n\r\n animation:none!important;\r\n\r\n transition:none!important;\r\n\r\n scroll-behavior:auto!important;\r\n }\r\n\r\n .reveal{\r\n\r\n opacity:1;\r\n\r\n transform:none;\r\n }\r\n}\r\n\r\n<\/style>\r\n<\/head>\r\n\r\n<body>\r\n\r\n<nav class=\"nav\" aria-label=\"Navigation principale\">\r\n\r\n <a class=\"brand\" href=\"#accueil\">\r\n\r\n <img fetchpriority=\"high\" decoding=\"async\"\r\n src=\"https:\/\/www.xave-vtc-lens-bethune.fr\/fr\/wp-content\/uploads\/2026\/04\/Gemini_Generated_Image_qkrwinqkrwinqkrw.png\"\r\n width=\"48\"\r\n height=\"48\"\r\n alt=\"Logo Bassin Minier Drivers\"\r\n fetchpriority=\"high\"\r\n >\r\n\r\n <div>\r\n <strong>Bassin Minier Drivers<\/strong>\r\n <small>Smart Dispatch \/\/ Bassin Minier<\/small>\r\n <\/div>\r\n\r\n <\/a>\r\n\r\n <div class=\"navlinks\">\r\n\r\n <a href=\"#reservation\">R\u00e9server<\/a>\r\n\r\n <a href=\"#particuliers\">Particuliers<\/a>\r\n\r\n <a href=\"#professionnels\">Professionnels<\/a>\r\n\r\n <a href=\"fonctionnement\">Comment \u00e7a marche<\/a>\r\n\r\n <a href=\"#contact\">Contact<\/a>\r\n\r\n <\/div>\r\n\r\n <div class=\"navright\">\r\n\r\n <div class=\"online\">\r\n <i><\/i>\r\n NETWORK ONLINE\r\n <\/div>\r\n\r\n <a class=\"btn gold\" href=\"#reservation\">\r\n Demander un tarif\r\n <\/a>\r\n\r\n <button\r\n class=\"menu\"\r\n id=\"menuBtn\"\r\n aria-label=\"Ouvrir le menu\"\r\n >\r\n \u2630\r\n <\/button>\r\n\r\n <\/div>\r\n\r\n<\/nav>\r\n\r\n\r\n<div class=\"mobile\" id=\"mobile\">\r\n\r\n <a href=\"#reservation\">R\u00e9server<\/a>\r\n\r\n <a href=\"#particuliers\">Particuliers<\/a>\r\n\r\n <a href=\"#professionnels\">Professionnels<\/a>\r\n\r\n <a href=\"fonctionnement.html\">\r\n Comment \u00e7a marche\r\n <\/a>\r\n\r\n <a href=\"#contact\">Contact<\/a>\r\n\r\n<\/div>\r\n\r\n\r\n<main>\r\n\r\n\r\n<!-- =========================\r\n HERO\r\n========================= -->\r\n\r\n<section class=\"hero\" id=\"accueil\">\r\n\r\n <div class=\"shell hero-grid\">\r\n\r\n <div class=\"hero-copy reveal\">\r\n\r\n <div class=\"kicker\">\r\n BMD \/\/ LOCAL RIDE MATCHING\r\n <\/div>\r\n\r\n <h1>\r\n Un trajet \u00e0 organiser ?\r\n <span>BMD trouve la solution.<\/span>\r\n <\/h1>\r\n\r\n <p>\r\n\r\n Particulier, entreprise, h\u00f4tel ou agence de voyages :\r\n transmettez votre besoin une seule fois.\r\n\r\n Bassin Minier Drivers \u00e9tudie le trajet,\r\n vous propose un tarif,\r\n puis organise la mission avec un chauffeur professionnel\r\n du r\u00e9seau apr\u00e8s votre validation.\r\n\r\n <\/p>\r\n\r\n <div class=\"actions\">\r\n\r\n <a\r\n class=\"btn gold\"\r\n href=\"#reservation\"\r\n >\r\n Demander mon tarif\r\n <\/a>\r\n\r\n <a\r\n class=\"btn ghost\"\r\n href=\"fonctionnement.html\"\r\n >\r\n Comment \u00e7a marche ?\r\n <\/a>\r\n\r\n <a\r\n class=\"btn ghost\"\r\n href=\"tel:0669157643\"\r\n >\r\n Appeler BMD\r\n <\/a>\r\n\r\n <\/div>\r\n\r\n <div class=\"pills\">\r\n\r\n <span class=\"pill\">\r\n 1 demande\r\n <\/span>\r\n\r\n <span class=\"pill\">\r\n tarif avant validation\r\n <\/span>\r\n\r\n <span class=\"pill\">\r\n attribution r\u00e9seau\r\n <\/span>\r\n\r\n <span class=\"pill\">\r\n confirmation apr\u00e8s validation\r\n <\/span>\r\n\r\n <\/div>\r\n\r\n <div class=\"micro\">\r\n\r\n <strong>\r\n UNE SEULE DEMANDE.\r\n <\/strong>\r\n\r\n BMD centralise le trajet,\r\n le tarif,\r\n les contraintes\r\n et l\u2019attribution du chauffeur.\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n <div\r\n class=\"nexus reveal\"\r\n aria-label=\"Nexus Bassin Minier Drivers\"\r\n >\r\n\r\n <div class=\"gridfloor\"><\/div>\r\n\r\n <div class=\"ring r4\"><\/div>\r\n\r\n <div class=\"ring r1\"><\/div>\r\n\r\n <div class=\"ring r2\"><\/div>\r\n\r\n <div class=\"ring r3\"><\/div>\r\n\r\n\r\n <div class=\"core\">\r\n\r\n <img\r\n src=\"https:\/\/www.xave-vtc-lens-bethune.fr\/fr\/wp-content\/uploads\/2026\/04\/Gemini_Generated_Image_qkrwinqkrwinqkrw.png\"\r\n width=\"112\"\r\n height=\"112\"\r\n alt=\"Bassin Minier Drivers\"\r\n decoding=\"async\"\r\n >\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"node n1\">\r\n\r\n <img\r\n src=\"https:\/\/www.xave-vtc-lens-bethune.fr\/fr\/wp-content\/uploads\/2026\/08\/afe36364-26f5-469f-a19c-4f7027a15b16.png\"\r\n alt=\"Bassin Minier futuriste\"\r\n decoding=\"async\"\r\n >\r\n\r\n <small>\r\n NODE_LENS\r\n <\/small>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"node n2\">\r\n\r\n <img\r\n src=\"https:\/\/www.xave-vtc-lens-bethune.fr\/fr\/wp-content\/uploads\/2026\/08\/684c3f9a-73f4-4596-9b5d-44f2e0ada897.png\"\r\n alt=\"Mobilit\u00e9 futuriste\"\r\n loading=\"lazy\"\r\n decoding=\"async\"\r\n >\r\n\r\n <small>\r\n NODE_AIR\r\n <\/small>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"node n3\">\r\n\r\n <img\r\n src=\"https:\/\/www.xave-vtc-lens-bethune.fr\/fr\/wp-content\/uploads\/2026\/06\/unnamed.jpg\"\r\n alt=\"Bassin Minier\"\r\n loading=\"lazy\"\r\n decoding=\"async\"\r\n >\r\n\r\n <small>\r\n NODE_LOCAL\r\n <\/small>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"node n4\">\r\n\r\n <img\r\n src=\"https:\/\/www.xave-vtc-lens-bethune.fr\/fr\/wp-content\/uploads\/2026\/08\/24516228-aa7f-40ea-ae58-030b7495b3e0.png\"\r\n alt=\"R\u00e9seau BMD\"\r\n loading=\"lazy\"\r\n decoding=\"async\"\r\n >\r\n\r\n <small>\r\n NODE_B2B\r\n <\/small>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"hud\">\r\n\r\n <div>\r\n\r\n RIDE MATCH\r\n\r\n <b>ONLINE<\/b>\r\n\r\n <i style=\"width:92%\"><\/i>\r\n\r\n <\/div>\r\n\r\n <div>\r\n\r\n LOCAL NETWORK\r\n\r\n <b>ACTIVE<\/b>\r\n\r\n <i style=\"width:83%\"><\/i>\r\n\r\n <\/div>\r\n\r\n <div>\r\n\r\n BOOKING CORE\r\n\r\n <b>READY<\/b>\r\n\r\n <i style=\"width:88%\"><\/i>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<div class=\"marquee\">\r\n\r\n <div>\r\n\r\n <span>Lens<\/span>\r\n\r\n <span>B\u00e9thune<\/span>\r\n\r\n <span>Li\u00e9vin<\/span>\r\n\r\n <span>Bruay-la-Buissi\u00e8re<\/span>\r\n\r\n <span>Arras<\/span>\r\n\r\n <span>Lille<\/span>\r\n\r\n <span>Lesquin<\/span>\r\n\r\n <span>CDG<\/span>\r\n\r\n <span>Orly<\/span>\r\n\r\n <span>Zaventem<\/span>\r\n\r\n <span>Charleroi<\/span>\r\n\r\n <span>Lens<\/span>\r\n\r\n <span>B\u00e9thune<\/span>\r\n\r\n <span>Li\u00e9vin<\/span>\r\n\r\n <span>Bruay-la-Buissi\u00e8re<\/span>\r\n\r\n <span>Arras<\/span>\r\n\r\n <span>Lille<\/span>\r\n\r\n <span>Lesquin<\/span>\r\n\r\n <span>CDG<\/span>\r\n\r\n <span>Orly<\/span>\r\n\r\n <span>Zaventem<\/span>\r\n\r\n <span>Charleroi<\/span>\r\n\r\n <\/div>\r\n\r\n<\/div>\r\n\r\n\r\n<div class=\"trust-strip\">\r\n\r\n <span>\r\n <b>\u25c6<\/b>\r\n Chauffeurs professionnels du r\u00e9seau\r\n <\/span>\r\n\r\n <span>\u2022<\/span>\r\n\r\n <span>\r\n Tarif propos\u00e9 avant validation\r\n <\/span>\r\n\r\n <span>\u2022<\/span>\r\n\r\n <span>\r\n Un seul contact BMD\r\n <\/span>\r\n\r\n<\/div>\r\n\r\n\r\n<section class=\"section compact\">\r\n\r\n <div class=\"shell\">\r\n\r\n <div class=\"stats reveal\">\r\n\r\n <div class=\"stat\">\r\n\r\n <strong>1<\/strong>\r\n\r\n <span>\r\n Une seule demande pour lancer l\u2019\u00e9tude du trajet.\r\n <\/span>\r\n\r\n <\/div>\r\n\r\n <div class=\"stat\">\r\n\r\n <strong>FIXE<\/strong>\r\n\r\n <span>\r\n Tarif propos\u00e9 avant votre validation.\r\n <\/span>\r\n\r\n <\/div>\r\n\r\n <div class=\"stat\">\r\n\r\n <strong>PRO<\/strong>\r\n\r\n <span>\r\n Chauffeurs professionnels du r\u00e9seau.\r\n <\/span>\r\n\r\n <\/div>\r\n\r\n <div class=\"stat\">\r\n\r\n <strong>APR\u00c8S<\/strong>\r\n\r\n <span>\r\n Confirmation apr\u00e8s validation et attribution.\r\n <\/span>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<!-- =========================\r\n QUICK BOOK\r\n========================= -->\r\n\r\n<div class=\"quick-book reveal\">\r\n\r\n <form\r\n class=\"quick-book-inner\"\r\n id=\"quickBook\"\r\n >\r\n\r\n <input\r\n name=\"D\u00e9part\"\r\n placeholder=\"Lieu de prise en charge\"\r\n required\r\n >\r\n\r\n <input\r\n name=\"Destination\"\r\n placeholder=\"Destination\"\r\n required\r\n >\r\n\r\n <input\r\n type=\"date\"\r\n name=\"Date\"\r\n required\r\n >\r\n\r\n <button\r\n class=\"btn gold\"\r\n type=\"submit\"\r\n >\r\n Demander mon tarif\r\n <\/button>\r\n\r\n <\/form>\r\n\r\n<\/div>\r\n\r\n\r\n<!-- =========================\r\n CLIENTS\r\n========================= -->\r\n\r\n<section\r\n class=\"section alt defer\"\r\n id=\"particuliers\"\r\n>\r\n\r\n <div class=\"shell\">\r\n\r\n <header class=\"head center reveal\">\r\n\r\n <div class=\"kicker\">\r\n BMD \/\/ POUR QUI ?\r\n <\/div>\r\n\r\n <h2 class=\"title\">\r\n\r\n Un seul contact pour\r\n\r\n <span class=\"grad\">\r\n tous vos transports.\r\n <\/span>\r\n\r\n <\/h2>\r\n\r\n <p class=\"lead\">\r\n\r\n Particulier,\r\n famille,\r\n voyageur d\u2019affaires,\r\n h\u00f4tel,\r\n agence ou entreprise :\r\n\r\n le m\u00eame point d\u2019entr\u00e9e\r\n pour organiser la mission.\r\n\r\n <\/p>\r\n\r\n <\/header>\r\n\r\n\r\n <div class=\"cards\">\r\n\r\n\r\n <article class=\"card reveal\">\r\n\r\n <div class=\"tag\">\r\n <span>PARTICULIERS<\/span>\r\n <i><\/i>\r\n <\/div>\r\n\r\n <div class=\"icon\">\r\n \u2316\r\n <\/div>\r\n\r\n <h3>\r\n Trajets du quotidien\r\n <\/h3>\r\n\r\n <p>\r\n D\u00e9placements locaux,\r\n rendez-vous,\r\n sorties,\r\n gares,\r\n a\u00e9roports,\r\n vacances\r\n et longues distances.\r\n <\/p>\r\n\r\n <\/article>\r\n\r\n\r\n <article class=\"card reveal\">\r\n\r\n <div class=\"tag\">\r\n <span>FAMILLES<\/span>\r\n <i><\/i>\r\n <\/div>\r\n\r\n <div class=\"icon\">\r\n \u25c7\r\n <\/div>\r\n\r\n <h3>\r\n Familles & vacances\r\n <\/h3>\r\n\r\n <p>\r\n\r\n Passagers,\r\n bagages,\r\n enfants,\r\n aller-retour\r\n et contraintes particuli\u00e8res\r\n\r\n renseign\u00e9s d\u00e8s la demande.\r\n\r\n <\/p>\r\n\r\n <\/article>\r\n\r\n\r\n <article class=\"card reveal\">\r\n\r\n <div class=\"tag\">\r\n <span>BUSINESS<\/span>\r\n <i><\/i>\r\n <\/div>\r\n\r\n <div class=\"icon\">\r\n \u25a6\r\n <\/div>\r\n\r\n <h3>\r\n Voyageurs d\u2019affaires\r\n <\/h3>\r\n\r\n <p>\r\n\r\n Gares,\r\n rendez-vous,\r\n s\u00e9minaires,\r\n transferts a\u00e9roport\r\n\r\n et missions professionnelles\r\n avec un interlocuteur unique.\r\n\r\n <\/p>\r\n\r\n <\/article>\r\n\r\n\r\n <article class=\"card reveal\">\r\n\r\n <div class=\"tag\">\r\n <span>AIR \/ RAIL<\/span>\r\n <i><\/i>\r\n <\/div>\r\n\r\n <div class=\"icon\">\r\n \u2708\r\n <\/div>\r\n\r\n <h3>\r\n A\u00e9roports & gares\r\n <\/h3>\r\n\r\n <p>\r\n\r\n Num\u00e9ro de vol ou de train,\r\n terminal,\r\n heure\r\n et bagages\r\n\r\n peuvent \u00eatre transmis\r\n directement dans le formulaire.\r\n\r\n <\/p>\r\n\r\n <\/article>\r\n\r\n\r\n <article class=\"card reveal\">\r\n\r\n <div class=\"tag\">\r\n <span>LONG DISTANCE<\/span>\r\n <i><\/i>\r\n <\/div>\r\n\r\n <div class=\"icon\">\r\n \u221e\r\n <\/div>\r\n\r\n <h3>\r\n Longues distances\r\n <\/h3>\r\n\r\n <p>\r\n\r\n Trajets porte-\u00e0-porte\r\n en France ou transfrontaliers,\r\n\r\n organis\u00e9s \u00e0 l\u2019avance\r\n avec un tarif propos\u00e9\r\n avant validation.\r\n\r\n <\/p>\r\n\r\n <\/article>\r\n\r\n\r\n <article class=\"card reveal\">\r\n\r\n <div class=\"tag\">\r\n <span>EVENT<\/span>\r\n <i><\/i>\r\n <\/div>\r\n\r\n <div class=\"icon\">\r\n \u25c6\r\n <\/div>\r\n\r\n <h3>\r\n \u00c9v\u00e9nements\r\n <\/h3>\r\n\r\n <p>\r\n\r\n Mariages,\r\n matchs,\r\n concerts,\r\n salons,\r\n soir\u00e9es\r\n\r\n et sc\u00e9narios de transport\r\n sur r\u00e9servation.\r\n\r\n <\/p>\r\n\r\n <\/article>\r\n\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<!-- =========================\r\n REASSURANCE\r\n========================= -->\r\n\r\n<section\r\n class=\"section defer\"\r\n id=\"serenite\"\r\n>\r\n\r\n <div class=\"shell\">\r\n\r\n <header class=\"head center reveal\">\r\n\r\n <div class=\"kicker\">\r\n BMD \/\/ PEACE OF MIND\r\n <\/div>\r\n\r\n <h2 class=\"title\">\r\n\r\n Partez l\u2019esprit tranquille\r\n avec une\r\n\r\n <span class=\"grad\">\r\n course organis\u00e9e \u00e0 l\u2019avance.\r\n <\/span>\r\n\r\n <\/h2>\r\n\r\n <p class=\"lead\">\r\n\r\n Vous transmettez votre trajet,\r\n\r\n nous l\u2019\u00e9tudions,\r\n\r\n nous vous proposons un tarif,\r\n\r\n puis nous organisons la mission\r\n apr\u00e8s votre validation.\r\n\r\n <\/p>\r\n\r\n <\/header>\r\n\r\n\r\n <div class=\"promise-grid\">\r\n\r\n\r\n <article class=\"promise-card reveal\">\r\n\r\n <div class=\"promise-icon\">\r\n \u20ac\r\n <\/div>\r\n\r\n <h3>\r\n Tarif annonc\u00e9\r\n <\/h3>\r\n\r\n <p>\r\n\r\n Le montant propos\u00e9\r\n est communiqu\u00e9\r\n avant validation.\r\n\r\n <\/p>\r\n\r\n <\/article>\r\n\r\n\r\n <article class=\"promise-card reveal\">\r\n\r\n <div class=\"promise-icon\">\r\n \u25ce\r\n <\/div>\r\n\r\n <h3>\r\n Course organis\u00e9e\r\n <\/h3>\r\n\r\n <p>\r\n\r\n Apr\u00e8s validation,\r\n\r\n le dispatch recherche\r\n la solution adapt\u00e9e\r\n \u00e0 la mission.\r\n\r\n <\/p>\r\n\r\n <\/article>\r\n\r\n\r\n <article class=\"promise-card reveal\">\r\n\r\n <div class=\"promise-icon\">\r\n \u260e\r\n <\/div>\r\n\r\n <h3>\r\n Contact identifiable\r\n <\/h3>\r\n\r\n <p>\r\n\r\n Vous disposez\r\n d\u2019un point de contact BMD\r\n pour votre r\u00e9servation.\r\n\r\n <\/p>\r\n\r\n <\/article>\r\n\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<!-- =========================\r\n BOOKING\r\n========================= -->\r\n\r\n<section\r\n class=\"section alt defer\"\r\n id=\"reservation\"\r\n>\r\n\r\n <div class=\"shell split\">\r\n\r\n\r\n <div class=\"reveal\">\r\n\r\n <div class=\"kicker\">\r\n BMD BOOKING \/\/ SMART REQUEST\r\n <\/div>\r\n\r\n <h2 class=\"title sm\">\r\n\r\n Une demande.\r\n\r\n Un tarif.\r\n\r\n <span class=\"grad\">\r\n Puis la validation.\r\n <\/span>\r\n\r\n <\/h2>\r\n\r\n <p class=\"lead\">\r\n\r\n Le formulaire s\u2019adapte automatiquement\r\n au type de trajet :\r\n\r\n aller-retour,\r\n a\u00e9roport,\r\n gare\r\n\r\n ou r\u00e9servation\r\n pour une autre personne.\r\n\r\n <\/p>\r\n\r\n\r\n <ul class=\"list\">\r\n\r\n <li>\r\n Pas de choix de v\u00e9hicule :\r\n le dispatch choisit\r\n la solution adapt\u00e9e.\r\n <\/li>\r\n\r\n <li>\r\n Le tarif est propos\u00e9\r\n avant la validation de la course.\r\n <\/li>\r\n\r\n <li>\r\n La confirmation arrive\r\n apr\u00e8s validation\r\n et attribution du chauffeur.\r\n <\/li>\r\n\r\n <li>\r\n WhatsApp de r\u00e9servation\r\n envoy\u00e9 directement au dispatch.\r\n <\/li>\r\n\r\n <\/ul>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"console reveal\">\r\n\r\n <div class=\"console-head\">\r\n\r\n <div class=\"dots\">\r\n <i><\/i>\r\n <i><\/i>\r\n <i><\/i>\r\n <\/div>\r\n\r\n <b>\r\n SMART BOOKING \/\/ PARTICULIER\r\n <\/b>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"console-body\">\r\n\r\n\r\n <form\r\n id=\"bookingForm\"\r\n class=\"smartform\"\r\n >\r\n\r\n\r\n <div class=\"field full\">\r\n\r\n <label>\r\n Type de trajet\r\n <\/label>\r\n\r\n <select\r\n name=\"Type de trajet\"\r\n id=\"rideType\"\r\n required\r\n >\r\n\r\n <option value=\"\">\r\n S\u00e9lectionner\u2026\r\n <\/option>\r\n\r\n <option value=\"Trajet classique\">\r\n Trajet classique\r\n <\/option>\r\n\r\n <option value=\"A\u00e9roport\">\r\n A\u00e9roport\r\n <\/option>\r\n\r\n <option value=\"Gare\">\r\n Gare \/ Train\r\n <\/option>\r\n\r\n <option value=\"Longue distance\">\r\n Longue distance\r\n <\/option>\r\n\r\n <option value=\"\u00c9v\u00e9nement\">\r\n \u00c9v\u00e9nement\r\n <\/option>\r\n\r\n <\/select>\r\n\r\n <\/div>\r\n\r\n\r\n <div>\r\n\r\n <label\r\n style=\"\r\n display:block;\r\n color:var(--gold);\r\n font-size:9px;\r\n font-weight:900;\r\n letter-spacing:.13em;\r\n text-transform:uppercase;\r\n margin-bottom:8px;\r\n \"\r\n >\r\n Sens\r\n <\/label>\r\n\r\n\r\n <div class=\"choice-row\">\r\n\r\n <label class=\"choice active\">\r\n\r\n <input\r\n type=\"radio\"\r\n name=\"Sens\"\r\n value=\"Aller simple\"\r\n checked\r\n >\r\n\r\n Aller simple\r\n\r\n <\/label>\r\n\r\n\r\n <label class=\"choice\">\r\n\r\n <input\r\n type=\"radio\"\r\n name=\"Sens\"\r\n value=\"Aller-retour\"\r\n >\r\n\r\n Aller-retour\r\n\r\n <\/label>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"formgrid\">\r\n\r\n\r\n <div class=\"field\">\r\n\r\n <label>\r\n D\u00e9part\r\n <\/label>\r\n\r\n <input\r\n name=\"D\u00e9part\"\r\n required\r\n placeholder=\"Ville \/ adresse\"\r\n >\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"field\">\r\n\r\n <label>\r\n Destination\r\n <\/label>\r\n\r\n <input\r\n name=\"Destination\"\r\n required\r\n placeholder=\"Ville \/ adresse\"\r\n >\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"field\">\r\n\r\n <label>\r\n Date aller\r\n <\/label>\r\n\r\n <input\r\n type=\"date\"\r\n name=\"Date aller\"\r\n required\r\n >\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"field\">\r\n\r\n <label>\r\n Heure prise en charge\r\n <\/label>\r\n\r\n <input\r\n type=\"time\"\r\n name=\"Heure aller\"\r\n required\r\n >\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"field\">\r\n\r\n <label>\r\n Passagers\r\n <\/label>\r\n\r\n <select\r\n name=\"Passagers\"\r\n required\r\n >\r\n\r\n <option>1<\/option>\r\n <option>2<\/option>\r\n <option>3<\/option>\r\n <option>4<\/option>\r\n <option>5<\/option>\r\n <option>6<\/option>\r\n <option>7<\/option>\r\n <option>8<\/option>\r\n\r\n <\/select>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"field\">\r\n\r\n <label>\r\n Bagages\r\n <\/label>\r\n\r\n <select name=\"Bagages\">\r\n\r\n <option>0<\/option>\r\n <option>1<\/option>\r\n <option>2<\/option>\r\n <option>3<\/option>\r\n <option>4<\/option>\r\n <option>5<\/option>\r\n <option>6+<\/option>\r\n\r\n <\/select>\r\n\r\n <\/div>\r\n\r\n\r\n <\/div>\r\n\r\n\r\n <!-- RETOUR -->\r\n\r\n <div\r\n class=\"dynamic-box\"\r\n id=\"returnBox\"\r\n >\r\n\r\n <div class=\"formgrid\">\r\n\r\n <div class=\"field\">\r\n\r\n <label>\r\n Date retour\r\n <\/label>\r\n\r\n <input\r\n type=\"date\"\r\n name=\"Date retour\"\r\n >\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"field\">\r\n\r\n <label>\r\n Heure retour\r\n <\/label>\r\n\r\n <input\r\n type=\"time\"\r\n name=\"Heure retour\"\r\n >\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"field full\">\r\n\r\n <label>\r\n Pr\u00e9cision retour\r\n <\/label>\r\n\r\n <input\r\n name=\"Pr\u00e9cision retour\"\r\n placeholder=\"Adresse diff\u00e9rente, attente \u00e9ventuelle\u2026\"\r\n >\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n <!-- AIRPORT -->\r\n\r\n <div\r\n class=\"dynamic-box\"\r\n id=\"airportBox\"\r\n >\r\n\r\n <div class=\"formgrid\">\r\n\r\n\r\n <div class=\"field full\">\r\n\r\n <label>\r\n Situation a\u00e9roport\r\n <\/label>\r\n\r\n <select\r\n name=\"Situation a\u00e9roport\"\r\n >\r\n\r\n <option value=\"\">\r\n S\u00e9lectionner\u2026\r\n <\/option>\r\n\r\n <option>\r\n D\u00e9pose \u00e0 l\u2019a\u00e9roport\r\n <\/option>\r\n\r\n <option>\r\n Prise en charge \u00e0 l\u2019a\u00e9roport\r\n <\/option>\r\n\r\n <\/select>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"field\">\r\n\r\n <label>\r\n Compagnie\r\n <\/label>\r\n\r\n <input\r\n name=\"Compagnie a\u00e9rienne\"\r\n placeholder=\"Air France, Ryanair\u2026\"\r\n >\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"field\">\r\n\r\n <label>\r\n Num\u00e9ro de vol\r\n <\/label>\r\n\r\n <input\r\n name=\"Num\u00e9ro de vol\"\r\n placeholder=\"AF1234\"\r\n >\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"field\">\r\n\r\n <label>\r\n Terminal\r\n <\/label>\r\n\r\n <input\r\n name=\"Terminal\"\r\n placeholder=\"Terminal 2E\u2026\"\r\n >\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"field\">\r\n\r\n <label>\r\n Heure du vol\r\n <\/label>\r\n\r\n <input\r\n type=\"time\"\r\n name=\"Heure du vol\"\r\n >\r\n\r\n <\/div>\r\n\r\n\r\n <\/div>\r\n\r\n\r\n <div\r\n class=\"form-note\"\r\n style=\"margin-top:9px\"\r\n >\r\n\r\n Pour une prise en charge \u00e0 l\u2019a\u00e9roport,\r\n indiquez si possible le num\u00e9ro de vol.\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n <!-- TRAIN -->\r\n\r\n <div\r\n class=\"dynamic-box\"\r\n id=\"trainBox\"\r\n >\r\n\r\n <div class=\"formgrid\">\r\n\r\n\r\n <div class=\"field\">\r\n\r\n <label>\r\n Gare\r\n <\/label>\r\n\r\n <input\r\n name=\"Gare\"\r\n placeholder=\"Lens, Lille-Europe, Arras\u2026\"\r\n >\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"field\">\r\n\r\n <label>\r\n Num\u00e9ro de train\r\n <\/label>\r\n\r\n <input\r\n name=\"Num\u00e9ro de train\"\r\n placeholder=\"TGV 7021\u2026\"\r\n >\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"field\">\r\n\r\n <label>\r\n Heure train\r\n <\/label>\r\n\r\n <input\r\n type=\"time\"\r\n name=\"Heure train\"\r\n >\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"field\">\r\n\r\n <label>\r\n Situation\r\n <\/label>\r\n\r\n <select\r\n name=\"Situation gare\"\r\n >\r\n\r\n <option value=\"\">\r\n S\u00e9lectionner\u2026\r\n <\/option>\r\n\r\n <option>\r\n D\u00e9pose en gare\r\n <\/option>\r\n\r\n <option>\r\n Prise en charge en gare\r\n <\/option>\r\n\r\n <\/select>\r\n\r\n <\/div>\r\n\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n <!-- AUTRE PERSONNE -->\r\n\r\n <label class=\"checkline\">\r\n\r\n <input\r\n type=\"checkbox\"\r\n id=\"otherPerson\"\r\n name=\"R\u00e9servation pour une autre personne\"\r\n value=\"Oui\"\r\n >\r\n\r\n <span>\r\n Je r\u00e9serve pour quelqu\u2019un d\u2019autre\r\n <\/span>\r\n\r\n <\/label>\r\n\r\n\r\n <div\r\n class=\"dynamic-box\"\r\n id=\"passengerBox\"\r\n >\r\n\r\n <div class=\"formgrid\">\r\n\r\n\r\n <div class=\"field\">\r\n\r\n <label>\r\n Nom du passager\r\n <\/label>\r\n\r\n <input\r\n name=\"Nom passager\"\r\n placeholder=\"Nom \/ pr\u00e9nom\"\r\n >\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"field\">\r\n\r\n <label>\r\n T\u00e9l\u00e9phone du passager\r\n <\/label>\r\n\r\n <input\r\n name=\"T\u00e9l\u00e9phone passager\"\r\n placeholder=\"06\u2026\"\r\n >\r\n\r\n <\/div>\r\n\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n <!-- CONTACT -->\r\n\r\n <div class=\"formgrid\">\r\n\r\n\r\n <div class=\"field\">\r\n\r\n <label>\r\n Votre nom\r\n <\/label>\r\n\r\n <input\r\n name=\"Nom r\u00e9servant\"\r\n required\r\n placeholder=\"Nom \/ pr\u00e9nom\"\r\n >\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"field\">\r\n\r\n <label>\r\n Votre t\u00e9l\u00e9phone\r\n <\/label>\r\n\r\n <input\r\n name=\"T\u00e9l\u00e9phone r\u00e9servant\"\r\n required\r\n placeholder=\"06\u2026\"\r\n >\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"field full\">\r\n\r\n <label>\r\n Votre email\r\n <\/label>\r\n\r\n <input\r\n type=\"email\"\r\n name=\"Email client\"\r\n required\r\n placeholder=\"vous@exemple.fr\"\r\n >\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"field full\">\r\n\r\n <label>\r\n D\u00e9tails utiles\r\n <\/label>\r\n\r\n <textarea\r\n name=\"D\u00e9tails\"\r\n placeholder=\"Si\u00e8ge enfant, attente, accessibilit\u00e9, \u00e9v\u00e9nement, contraintes particuli\u00e8res\u2026\"\r\n ><\/textarea>\r\n\r\n <\/div>\r\n\r\n\r\n <\/div>\r\n\r\n\r\n <label class=\"checkline\">\r\n\r\n <input\r\n type=\"checkbox\"\r\n name=\"Accord donn\u00e9es\"\r\n value=\"Oui\"\r\n required\r\n >\r\n\r\n <span>\r\n\r\n J\u2019accepte que ces informations\r\n soient utilis\u00e9es pour \u00e9tudier,\r\n organiser et confirmer mon transport.\r\n\r\n <\/span>\r\n\r\n <\/label>\r\n\r\n\r\n <div class=\"dual-actions\">\r\n\r\n <button\r\n class=\"btn cyan\"\r\n type=\"button\"\r\n id=\"sendEmail\"\r\n >\r\n Envoyer ma demande\r\n <\/button>\r\n\r\n\r\n <button\r\n class=\"btn gold\"\r\n type=\"button\"\r\n id=\"sendWhatsapp\"\r\n >\r\n R\u00e9server via WhatsApp\r\n <\/button>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"log\">\r\n\r\n BMD_BOOKING \/\/\r\n\r\n Demande \u2192\r\n tarif \u2192\r\n validation \u2192\r\n attribution chauffeur \u2192\r\n confirmation.\r\n\r\n <\/div>\r\n\r\n\r\n <div\r\n class=\"booking-result\"\r\n id=\"bookingResult\"\r\n ><\/div>\r\n\r\n\r\n <\/form>\r\n\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<!-- =========================\r\n COMPARISON\r\n========================= -->\r\n\r\n<section\r\n class=\"section defer\"\r\n id=\"difference\"\r\n>\r\n\r\n <div class=\"shell\">\r\n\r\n <header class=\"head center reveal\">\r\n\r\n <div class=\"kicker\">\r\n BMD DIFFERENCE \/\/ LOCAL DISPATCH\r\n <\/div>\r\n\r\n <h2 class=\"title\">\r\n\r\n Une r\u00e9servation organis\u00e9e\r\n plut\u00f4t qu\u2019une\r\n\r\n <span class=\"grad\">\r\n recherche au hasard.\r\n <\/span>\r\n\r\n <\/h2>\r\n\r\n <\/header>\r\n\r\n\r\n <div class=\"compare\">\r\n\r\n\r\n <div class=\"compare-card reveal\">\r\n\r\n <h3>\r\n Recherche de derni\u00e8re minute\r\n <\/h3>\r\n\r\n <small>\r\n Quand vous devez tout g\u00e9rer vous-m\u00eame\r\n <\/small>\r\n\r\n\r\n <ul class=\"compare-list\">\r\n\r\n <li>\r\n Multiplier les appels\r\n pour trouver une disponibilit\u00e9\r\n <\/li>\r\n\r\n <li>\r\n Recommencer si le premier chauffeur\r\n est indisponible\r\n <\/li>\r\n\r\n <li>\r\n Expliquer plusieurs fois\r\n les m\u00eames informations\r\n <\/li>\r\n\r\n <li>\r\n Organiser s\u00e9par\u00e9ment\r\n aller,\r\n retour,\r\n gare\r\n ou a\u00e9roport\r\n <\/li>\r\n\r\n <li>\r\n Pas de point de contact unique\r\n <\/li>\r\n\r\n <\/ul>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"compare-card good reveal\">\r\n\r\n <h3>\r\n Bassin Minier Drivers\r\n <\/h3>\r\n\r\n <small>\r\n R\u00e9servation et coordination r\u00e9seau\r\n <\/small>\r\n\r\n\r\n <ul class=\"compare-list\">\r\n\r\n <li>\r\n Une seule demande\r\n transmise au dispatch\r\n <\/li>\r\n\r\n <li>\r\n Tarif propos\u00e9\r\n avant validation\r\n <\/li>\r\n\r\n <li>\r\n Recherche d\u2019une solution adapt\u00e9e\r\n dans le r\u00e9seau\r\n <\/li>\r\n\r\n <li>\r\n Aller-retour,\r\n gare,\r\n a\u00e9roport\r\n et contraintes centralis\u00e9s\r\n <\/li>\r\n\r\n <li>\r\n Un seul point de contact\r\n pour organiser le transport\r\n <\/li>\r\n\r\n <\/ul>\r\n\r\n <\/div>\r\n\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<!-- =========================\r\n PROFESSIONNELS\r\n========================= -->\r\n\r\n<section\r\n class=\"section alt defer\"\r\n id=\"professionnels\"\r\n>\r\n\r\n <div class=\"shell\">\r\n\r\n <header class=\"head center reveal\">\r\n\r\n <div class=\"kicker\">\r\n BMD PRO \/\/ UN SEUL INTERLOCUTEUR\r\n <\/div>\r\n\r\n <h2 class=\"title\">\r\n\r\n Entreprises,\r\n h\u00f4tels,\r\n agences :\r\n\r\n <span class=\"grad\">\r\n envoyez-nous les missions.\r\n <\/span>\r\n\r\n <\/h2>\r\n\r\n <p class=\"lead\">\r\n\r\n Votre client,\r\n collaborateur\r\n ou voyageur\r\n a besoin d\u2019un transport ?\r\n\r\n Vous n\u2019avez pas \u00e0 chercher\r\n un chauffeur \u00e0 chaque fois.\r\n\r\n <\/p>\r\n\r\n <\/header>\r\n\r\n\r\n <div class=\"promise-grid\">\r\n\r\n\r\n <article class=\"promise-card reveal\">\r\n\r\n <div class=\"promise-icon\">\r\n 1\r\n <\/div>\r\n\r\n <h3>\r\n Un seul contact\r\n <\/h3>\r\n\r\n <p>\r\n\r\n Transferts,\r\n gares,\r\n a\u00e9roports,\r\n rendez-vous\r\n et \u00e9v\u00e9nements\r\n\r\n centralis\u00e9s.\r\n\r\n <\/p>\r\n\r\n <\/article>\r\n\r\n\r\n <article class=\"promise-card reveal\">\r\n\r\n <div class=\"promise-icon\">\r\n \uff0b\r\n <\/div>\r\n\r\n <h3>\r\n Plusieurs missions\r\n <\/h3>\r\n\r\n <p>\r\n\r\n Regroupez plusieurs passagers,\r\n horaires\r\n ou trajets\r\n\r\n dans une m\u00eame demande.\r\n\r\n <\/p>\r\n\r\n <\/article>\r\n\r\n\r\n <article class=\"promise-card reveal\">\r\n\r\n <div class=\"promise-icon\">\r\n \u25ce\r\n <\/div>\r\n\r\n <h3>\r\n Organisation r\u00e9seau\r\n <\/h3>\r\n\r\n <p>\r\n\r\n BMD recherche une solution\r\n apr\u00e8s validation du tarif\r\n et des contraintes.\r\n\r\n <\/p>\r\n\r\n <\/article>\r\n\r\n\r\n <\/div>\r\n\r\n\r\n <div\r\n class=\"reassure reveal\"\r\n style=\"margin-top:24px\"\r\n >\r\n\r\n <div class=\"kicker\">\r\n PRO USE CASES\r\n <\/div>\r\n\r\n <h2 class=\"title sm\">\r\n\r\n Des besoins diff\u00e9rents.\r\n\r\n <span class=\"grad\">\r\n Un seul point d\u2019entr\u00e9e.\r\n <\/span>\r\n\r\n <\/h2>\r\n\r\n\r\n <div class=\"reassure-steps\">\r\n\r\n\r\n <div class=\"reassure-step\">\r\n\r\n <b>H\u00d4TEL<\/b>\r\n\r\n <span>\r\n\r\n Votre client demande\r\n un transfert demain matin ?\r\n\r\n Envoyez-nous les informations.\r\n\r\n <\/span>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"reassure-step\">\r\n\r\n <b>AGENCE<\/b>\r\n\r\n <span>\r\n\r\n Plusieurs voyageurs,\r\n plusieurs horaires ?\r\n\r\n Regroupez tout.\r\n\r\n <\/span>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"reassure-step\">\r\n\r\n <b>ENTREPRISE<\/b>\r\n\r\n <span>\r\n\r\n Dirigeant,\r\n visiteur\r\n ou collaborateur ?\r\n\r\n Un seul contact.\r\n\r\n <\/span>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"reassure-step\">\r\n\r\n <b>\u00c9V\u00c9NEMENT<\/b>\r\n\r\n <span>\r\n\r\n S\u00e9minaire,\r\n match,\r\n soir\u00e9e\r\n ou groupe :\r\n\r\n transmettez le sc\u00e9nario.\r\n\r\n <\/span>\r\n\r\n <\/div>\r\n\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n <div\r\n class=\"console reveal\"\r\n style=\"margin-top:28px\"\r\n >\r\n\r\n <div class=\"console-head\">\r\n\r\n <div class=\"dots\">\r\n <i><\/i>\r\n <i><\/i>\r\n <i><\/i>\r\n <\/div>\r\n\r\n <b>\r\n BMD PRO \/\/ MULTI-MISSIONS\r\n <\/b>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"console-body\">\r\n\r\n\r\n <form\r\n id=\"proForm\"\r\n class=\"smartform\"\r\n >\r\n\r\n\r\n <div class=\"formgrid\">\r\n\r\n\r\n <div class=\"field\">\r\n\r\n <label>\r\n Structure\r\n <\/label>\r\n\r\n <select\r\n name=\"Type de structure\"\r\n required\r\n >\r\n\r\n <option value=\"\">\r\n S\u00e9lectionner\u2026\r\n <\/option>\r\n\r\n <option>\r\n Entreprise\r\n <\/option>\r\n\r\n <option>\r\n H\u00f4tel\r\n <\/option>\r\n\r\n <option>\r\n Agence de voyages\r\n <\/option>\r\n\r\n <option>\r\n Conciergerie\r\n <\/option>\r\n\r\n <option>\r\n Association \/ Organisateur\r\n <\/option>\r\n\r\n <option>\r\n Autre\r\n <\/option>\r\n\r\n <\/select>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"field\">\r\n\r\n <label>\r\n Nom de la structure\r\n <\/label>\r\n\r\n <input\r\n name=\"Structure\"\r\n required\r\n placeholder=\"Entreprise \/ h\u00f4tel \/ agence\"\r\n >\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"field\">\r\n\r\n <label>\r\n Contact\r\n <\/label>\r\n\r\n <input\r\n name=\"Contact professionnel\"\r\n required\r\n placeholder=\"Nom \/ pr\u00e9nom\"\r\n >\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"field\">\r\n\r\n <label>\r\n T\u00e9l\u00e9phone\r\n <\/label>\r\n\r\n <input\r\n name=\"T\u00e9l\u00e9phone professionnel\"\r\n required\r\n placeholder=\"06\u2026\"\r\n >\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"field full\">\r\n\r\n <label>\r\n Email\r\n <\/label>\r\n\r\n <input\r\n type=\"email\"\r\n name=\"Email professionnel\"\r\n required\r\n placeholder=\"contact@entreprise.fr\"\r\n >\r\n\r\n <\/div>\r\n\r\n\r\n <\/div>\r\n\r\n\r\n <div>\r\n\r\n\r\n <div\r\n style=\"\r\n display:flex;\r\n align-items:center;\r\n justify-content:space-between;\r\n gap:10px;\r\n flex-wrap:wrap;\r\n \"\r\n >\r\n\r\n <div>\r\n\r\n <label\r\n style=\"\r\n display:block;\r\n color:var(--gold);\r\n font-size:9px;\r\n font-weight:900;\r\n letter-spacing:.13em;\r\n text-transform:uppercase;\r\n \"\r\n >\r\n Missions \u00e0 organiser\r\n <\/label>\r\n\r\n\r\n <div\r\n class=\"form-note\"\r\n style=\"margin-top:6px\"\r\n >\r\n Ajoutez plusieurs trajets\r\n dans une seule demande.\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n <button\r\n class=\"btn ghost\"\r\n type=\"button\"\r\n id=\"addMission\"\r\n >\r\n + Ajouter une mission\r\n <\/button>\r\n\r\n\r\n <\/div>\r\n\r\n\r\n <div\r\n class=\"missions\"\r\n id=\"missions\"\r\n ><\/div>\r\n\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"field full\">\r\n\r\n <label>\r\n Informations compl\u00e9mentaires\r\n <\/label>\r\n\r\n <textarea\r\n name=\"Informations professionnelles\"\r\n placeholder=\"Facturation, consignes h\u00f4tel, num\u00e9ro de dossier, groupe, contraintes horaires\u2026\"\r\n ><\/textarea>\r\n\r\n <\/div>\r\n\r\n\r\n <label class=\"checkline\">\r\n\r\n <input\r\n type=\"checkbox\"\r\n name=\"Accord donn\u00e9es\"\r\n value=\"Oui\"\r\n required\r\n >\r\n\r\n <span>\r\n\r\n J\u2019accepte que ces informations\r\n soient utilis\u00e9es pour organiser\r\n les transports demand\u00e9s.\r\n\r\n <\/span>\r\n\r\n <\/label>\r\n\r\n\r\n <div class=\"dual-actions\">\r\n\r\n\r\n <button\r\n class=\"btn cyan\"\r\n type=\"button\"\r\n id=\"sendProEmail\"\r\n >\r\n Envoyer la demande professionnelle\r\n <\/button>\r\n\r\n\r\n <button\r\n class=\"btn gold\"\r\n type=\"button\"\r\n id=\"sendProWhatsapp\"\r\n >\r\n WhatsApp BMD\r\n <\/button>\r\n\r\n\r\n <\/div>\r\n\r\n\r\n <div\r\n class=\"booking-result\"\r\n id=\"proResult\"\r\n ><\/div>\r\n\r\n\r\n <\/form>\r\n\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<!-- =========================\r\n NETWORK\r\n========================= -->\r\n\r\n<section class=\"section defer\">\r\n\r\n <div class=\"shell split\">\r\n\r\n\r\n <div class=\"visual reveal\">\r\n\r\n <img\r\n src=\"https:\/\/www.xave-vtc-lens-bethune.fr\/fr\/wp-content\/uploads\/2026\/08\/d8bc7052-03cd-480b-a7ee-6afb12376708.png\"\r\n alt=\"Bassin Minier Drivers futuriste\"\r\n loading=\"lazy\"\r\n decoding=\"async\"\r\n >\r\n\r\n\r\n <div class=\"visual-ui\">\r\n\r\n <div class=\"codes\">\r\n\r\n <span class=\"code\">\r\n NETWORK_MATCH\r\n <\/span>\r\n\r\n <span class=\"code\">\r\n DISPATCH_OS\r\n <\/span>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"visual-title\">\r\n\r\n Bassin Minier\r\n\r\n <span>Drivers<\/span>\r\n\r\n <br>\r\n\r\n future-ready.\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"reveal\">\r\n\r\n <div class=\"kicker\">\r\n NETWORK CORE \/\/ LOCAL DISPATCH\r\n <\/div>\r\n\r\n <h2 class=\"title sm\">\r\n\r\n Derri\u00e8re une r\u00e9servation,\r\n\r\n <span class=\"grad\">\r\n tout un r\u00e9seau.\r\n <\/span>\r\n\r\n <\/h2>\r\n\r\n\r\n <p class=\"lead\">\r\n\r\n BMD centralise la demande\r\n et organise l\u2019attribution\r\n apr\u00e8s validation.\r\n\r\n Le client n\u2019a pas \u00e0 choisir\r\n lui-m\u00eame le v\u00e9hicule\r\n\r\n ni \u00e0 appeler\r\n plusieurs chauffeurs.\r\n\r\n <\/p>\r\n\r\n\r\n <ul class=\"list\">\r\n\r\n <li>\r\n Lens,\r\n B\u00e9thune,\r\n Li\u00e9vin,\r\n Arras,\r\n Lille\r\n et secteurs voisins.\r\n <\/li>\r\n\r\n <li>\r\n Gares,\r\n a\u00e9roports,\r\n longues distances\r\n et entreprises.\r\n <\/li>\r\n\r\n <li>\r\n Berline ou van\r\n d\u00e9cid\u00e9 c\u00f4t\u00e9 dispatch\r\n selon la mission.\r\n <\/li>\r\n\r\n <li>\r\n Confirmation communiqu\u00e9e\r\n apr\u00e8s validation\r\n et attribution.\r\n <\/li>\r\n\r\n <\/ul>\r\n\r\n <\/div>\r\n\r\n\r\n <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<!-- =========================\r\n FAQ\r\n========================= -->\r\n\r\n<section class=\"section alt defer\">\r\n\r\n <div class=\"shell\">\r\n\r\n <header class=\"head center reveal\">\r\n\r\n <div class=\"kicker\">\r\n FAQ \/\/ BMD\r\n <\/div>\r\n\r\n <h2 class=\"title sm\">\r\n\r\n Les r\u00e9ponses avant\r\n\r\n <span class=\"grad\">\r\n de r\u00e9server.\r\n <\/span>\r\n\r\n <\/h2>\r\n\r\n <\/header>\r\n\r\n\r\n <div class=\"faq reveal\">\r\n\r\n\r\n <details>\r\n\r\n <summary>\r\n Ma demande est-elle imm\u00e9diatement confirm\u00e9e ?\r\n <\/summary>\r\n\r\n <p>\r\n\r\n Non.\r\n\r\n La demande est d\u2019abord \u00e9tudi\u00e9e.\r\n\r\n Un tarif vous est propos\u00e9.\r\n\r\n La r\u00e9servation est confirm\u00e9e\r\n apr\u00e8s votre validation\r\n et l\u2019attribution de la mission.\r\n\r\n <\/p>\r\n\r\n <\/details>\r\n\r\n\r\n <details>\r\n\r\n <summary>\r\n Dois-je choisir une berline ou un van ?\r\n <\/summary>\r\n\r\n <p>\r\n\r\n Non.\r\n\r\n Vous indiquez les passagers,\r\n bagages\r\n et contraintes.\r\n\r\n Le dispatch choisit\r\n la solution adapt\u00e9e.\r\n\r\n <\/p>\r\n\r\n <\/details>\r\n\r\n\r\n <details>\r\n\r\n <summary>\r\n Puis-je r\u00e9server un aller-retour ?\r\n <\/summary>\r\n\r\n <p>\r\n\r\n Oui.\r\n\r\n Le formulaire fait appara\u00eetre\r\n les informations du retour\r\n dans la m\u00eame demande.\r\n\r\n <\/p>\r\n\r\n <\/details>\r\n\r\n\r\n <details>\r\n\r\n <summary>\r\n Puis-je r\u00e9server pour quelqu\u2019un d\u2019autre ?\r\n <\/summary>\r\n\r\n <p>\r\n\r\n Oui.\r\n\r\n Vous pouvez renseigner\r\n le nom\r\n et le t\u00e9l\u00e9phone du passager\r\n\r\n diff\u00e9rent de la personne\r\n qui r\u00e9serve.\r\n\r\n <\/p>\r\n\r\n <\/details>\r\n\r\n\r\n <details>\r\n\r\n <summary>\r\n Comment fonctionne une r\u00e9servation a\u00e9roport ou gare ?\r\n <\/summary>\r\n\r\n <p>\r\n\r\n Lorsque vous s\u00e9lectionnez\r\n A\u00e9roport ou Gare,\r\n\r\n des champs d\u00e9di\u00e9s apparaissent\r\n pour le vol,\r\n le terminal,\r\n le train,\r\n l\u2019heure\r\n et les bagages.\r\n\r\n <\/p>\r\n\r\n <\/details>\r\n\r\n\r\n <details>\r\n\r\n <summary>\r\n Et pour un h\u00f4tel, une agence ou une entreprise ?\r\n <\/summary>\r\n\r\n <p>\r\n\r\n Le formulaire professionnel\r\n permet de regrouper\r\n\r\n plusieurs passagers\r\n ou plusieurs missions\r\n\r\n dans une seule demande.\r\n\r\n <\/p>\r\n\r\n <\/details>\r\n\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<!-- =========================\r\n FINAL CTA\r\n========================= -->\r\n\r\n<section class=\"section compact\">\r\n\r\n <div class=\"shell\">\r\n\r\n <div class=\"cta reveal\">\r\n\r\n <div class=\"kicker\">\r\n READY \/\/ BMD BOOKING\r\n <\/div>\r\n\r\n <h2 class=\"title sm\">\r\n\r\n Particulier ou professionnel ?\r\n\r\n <span class=\"grad\">\r\n Envoyez-nous votre besoin.\r\n <\/span>\r\n\r\n <\/h2>\r\n\r\n <p class=\"lead\">\r\n\r\n Une seule demande suffit.\r\n\r\n BMD \u00e9tudie le trajet,\r\n\r\n vous propose un tarif,\r\n\r\n puis organise l\u2019attribution\r\n apr\u00e8s votre validation.\r\n\r\n <\/p>\r\n\r\n\r\n <div class=\"actions\">\r\n\r\n <a\r\n class=\"btn gold\"\r\n href=\"#reservation\"\r\n >\r\n Demander mon tarif\r\n <\/a>\r\n\r\n <a\r\n class=\"btn ghost\"\r\n href=\"#professionnels\"\r\n >\r\n Demande professionnelle\r\n <\/a>\r\n\r\n <a\r\n class=\"btn ghost\"\r\n href=\"tel:0669157643\"\r\n >\r\n 06 69 15 76 43\r\n <\/a>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<\/main>\r\n\r\n\r\n<!-- =========================\r\n FOOTER\r\n========================= -->\r\n\r\n<footer\r\n class=\"footer\"\r\n id=\"contact\"\r\n>\r\n\r\n <div class=\"shell\">\r\n\r\n\r\n <div class=\"footer-grid\">\r\n\r\n\r\n <div>\r\n\r\n <div class=\"footbrand\">\r\n\r\n <img loading=\"lazy\" decoding=\"async\"\r\n src=\"https:\/\/www.xave-vtc-lens-bethune.fr\/fr\/wp-content\/uploads\/2026\/04\/Gemini_Generated_Image_qkrwinqkrwinqkrw.png\"\r\n width=\"60\"\r\n height=\"60\"\r\n alt=\"Logo BMD\"\r\n loading=\"lazy\"\r\n >\r\n\r\n <div>\r\n\r\n <h4>\r\n Bassin Minier Drivers\r\n <\/h4>\r\n\r\n <p>\r\n\r\n R\u00e9servation,\r\n coordination\r\n et dispatch de trajets VTC\r\n\r\n pour particuliers\r\n et professionnels\r\n\r\n dans le Bassin Minier\r\n et les Hauts-de-France.\r\n\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n <div>\r\n\r\n <h4>\r\n Navigation\r\n <\/h4>\r\n\r\n <ul>\r\n\r\n <li>\r\n <a href=\"#reservation\">\r\n R\u00e9server\r\n <\/a>\r\n <\/li>\r\n\r\n <li>\r\n <a href=\"#professionnels\">\r\n Professionnels\r\n <\/a>\r\n <\/li>\r\n\r\n <li>\r\n <a href=\"fonctionnement.html\">\r\n Comment \u00e7a marche\r\n <\/a>\r\n <\/li>\r\n\r\n <\/ul>\r\n\r\n <\/div>\r\n\r\n\r\n <div>\r\n\r\n <h4>\r\n Contact BMD\r\n <\/h4>\r\n\r\n <ul>\r\n\r\n <li>\r\n <a href=\"tel:0669157643\">\r\n 06 69 15 76 43\r\n <\/a>\r\n <\/li>\r\n\r\n <li>\r\n <a href=\"mailto:bm.drivers62@gmail.com\">\r\n bm.drivers62@gmail.com\r\n <\/a>\r\n <\/li>\r\n\r\n <\/ul>\r\n\r\n <\/div>\r\n\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"footer-bottom\">\r\n\r\n <span>\r\n \u00a9 <span id=\"year\"><\/span>\r\n Bassin Minier Drivers\r\n \u2014 Tous droits r\u00e9serv\u00e9s.\r\n <\/span>\r\n\r\n <span>\r\n DEMANDE \u2192\r\n TARIF \u2192\r\n VALIDATION \u2192\r\n ATTRIBUTION \u2192\r\n CONFIRMATION\r\n <\/span>\r\n\r\n <\/div>\r\n\r\n\r\n <\/div>\r\n\r\n<\/footer>\r\n\r\n\r\n<!-- APPEL PUBLIC BMD -->\r\n\r\n<div class=\"dock\">\r\n\r\n <a\r\n href=\"tel:0669157643\"\r\n aria-label=\"Appeler BMD\"\r\n >\r\n \u260e\r\n <\/a>\r\n\r\n\r\n <!-- WHATSAPP R\u00c9SERVATIONS\r\n -> 07 63 88 68 27 -->\r\n\r\n <a\r\n href=\"https:\/\/wa.me\/33763886827\"\r\n aria-label=\"WhatsApp r\u00e9servation\"\r\n >\r\n W\r\n <\/a>\r\n\r\n<\/div>\r\n\r\n\r\n<a\r\n class=\"btn gold mobile-cta\"\r\n href=\"#reservation\"\r\n>\r\n Demander mon tarif\r\n<\/a>\r\n\r\n\r\n<script>\r\n\r\n(()=>{\r\n\r\nconst $=(s,c=document)=>\r\n c.querySelector(s);\r\n\r\nconst $$=(s,c=document)=>\r\n [...c.querySelectorAll(s)];\r\n\r\n\r\n\/* =========================\r\n MENU\r\n========================= *\/\r\n\r\nconst menu=\r\n $('#menuBtn');\r\n\r\nconst mobile=\r\n $('#mobile');\r\n\r\nif(menu && mobile){\r\n\r\n menu.onclick=\r\n ()=>\r\n mobile.classList.toggle('open');\r\n\r\n $$('#mobile a')\r\n .forEach(\r\n a=>\r\n a.onclick=\r\n ()=>\r\n mobile.classList.remove('open')\r\n );\r\n}\r\n\r\n\r\n\/* =========================\r\n REVEAL\r\n========================= *\/\r\n\r\nconst io=\r\n 'IntersectionObserver' in window\r\n\r\n ? new IntersectionObserver(\r\n\r\n entries=>\r\n entries.forEach(\r\n\r\n entry=>{\r\n\r\n if(entry.isIntersecting){\r\n\r\n entry.target\r\n .classList\r\n .add('in');\r\n\r\n io.unobserve(\r\n entry.target\r\n );\r\n\r\n }\r\n\r\n }\r\n\r\n ),\r\n\r\n {\r\n threshold:.08,\r\n rootMargin:'0px 0px 80px'\r\n }\r\n\r\n )\r\n\r\n : null;\r\n\r\n\r\n$$('.reveal')\r\n .forEach(\r\n\r\n element=>\r\n\r\n io\r\n\r\n ? io.observe(element)\r\n\r\n : element.classList.add('in')\r\n\r\n );\r\n\r\n\r\n$('#year').textContent=\r\n new Date().getFullYear();\r\n\r\n\r\n\/* =========================\r\n ROUTAGE\r\n========================= *\/\r\n\r\n\/*\r\nEMAIL :\r\n\r\nbmd-reservation.php\r\ndoit envoyer simultan\u00e9ment vers :\r\n\r\n- bm.drivers62@gmail.com\r\n- xavevtc62@gmail.com\r\n\r\n\r\nWHATSAPP :\r\n\r\n33763886827\r\n=\r\n07 63 88 68 27\r\n\r\n\r\nAPPEL PUBLIC :\r\n\r\n06 69 15 76 43\r\n*\/\r\n\r\nconst EMAIL_ENDPOINT=\r\n 'bmd-reservation.php';\r\n\r\nconst WA=\r\n '33763886827';\r\n\r\n\r\n\/* =========================\r\n VALIDATION\r\n========================= *\/\r\n\r\nfunction validate(form){\r\n\r\n for(\r\n const element\r\n of $$('[required]',form)\r\n ){\r\n\r\n const invalidCheckbox=\r\n\r\n element.type==='checkbox'\r\n &&\r\n !element.checked;\r\n\r\n\r\n const empty=\r\n\r\n !String(\r\n element.value || ''\r\n ).trim();\r\n\r\n\r\n if(\r\n invalidCheckbox\r\n ||\r\n empty\r\n ){\r\n\r\n element\r\n .reportValidity?.();\r\n\r\n element.focus();\r\n\r\n return false;\r\n\r\n }\r\n\r\n }\r\n\r\n return true;\r\n\r\n}\r\n\r\n\r\n\/* =========================\r\n WHATSAPP MESSAGE\r\n========================= *\/\r\n\r\nfunction linesFrom(\r\n form,\r\n title\r\n){\r\n\r\n const lines=[\r\n title\r\n ];\r\n\r\n\r\n new FormData(form)\r\n .forEach(\r\n\r\n (value,key)=>{\r\n\r\n if(\r\n String(value).trim()\r\n ){\r\n\r\n lines.push(\r\n `${key}: ${value}`\r\n );\r\n\r\n }\r\n\r\n }\r\n\r\n );\r\n\r\n\r\n lines.push(\r\n\r\n 'R\u00e9f\u00e9rence: BMD-'\r\n +\r\n Date.now()\r\n .toString()\r\n .slice(-7)\r\n\r\n );\r\n\r\n\r\n return lines;\r\n\r\n}\r\n\r\n\r\nfunction openWa(\r\n form,\r\n title\r\n){\r\n\r\n if(\r\n !validate(form)\r\n ){\r\n return;\r\n }\r\n\r\n\r\n const message=\r\n\r\n linesFrom(\r\n form,\r\n title\r\n )\r\n .join('\\n');\r\n\r\n\r\n window.open(\r\n\r\n 'https:\/\/wa.me\/'\r\n +\r\n WA\r\n +\r\n '?text='\r\n +\r\n encodeURIComponent(message),\r\n\r\n '_blank',\r\n\r\n 'noopener'\r\n\r\n );\r\n\r\n}\r\n\r\n\r\n\/* =========================\r\n EMAIL\r\n========================= *\/\r\n\r\nasync function sendMail(\r\n form,\r\n result,\r\n button,\r\n kind\r\n){\r\n\r\n if(\r\n !validate(form)\r\n ){\r\n return;\r\n }\r\n\r\n\r\n const old=\r\n button.textContent;\r\n\r\n\r\n button.disabled=true;\r\n\r\n button.textContent=\r\n 'Transmission\u2026';\r\n\r\n\r\n try{\r\n\r\n\r\n const fd=\r\n new FormData(form);\r\n\r\n\r\n fd.append(\r\n 'Formulaire',\r\n kind\r\n );\r\n\r\n\r\n const response=\r\n\r\n await fetch(\r\n\r\n EMAIL_ENDPOINT,\r\n\r\n {\r\n method:'POST',\r\n body:fd,\r\n\r\n headers:{\r\n 'X-Requested-With':\r\n 'XMLHttpRequest'\r\n }\r\n }\r\n\r\n );\r\n\r\n\r\n const data=\r\n\r\n await response\r\n .json()\r\n .catch(\r\n ()=>({\r\n ok:false\r\n })\r\n );\r\n\r\n\r\n if(\r\n !response.ok\r\n ||\r\n !data.ok\r\n ){\r\n\r\n throw new Error();\r\n\r\n }\r\n\r\n\r\n result.textContent=\r\n\r\n data.message\r\n ||\r\n 'Votre demande a bien \u00e9t\u00e9 transmise \u00e0 Bassin Minier Drivers.';\r\n\r\n\r\n result.classList.add(\r\n 'show'\r\n );\r\n\r\n\r\n button.textContent=\r\n 'Demande envoy\u00e9e \u2713';\r\n\r\n\r\n }catch(error){\r\n\r\n\r\n result.textContent=\r\n\r\n 'La transmission email n\u2019a pas abouti. Utilisez WhatsApp ou appelez le 06 69 15 76 43.';\r\n\r\n\r\n result.classList.add(\r\n 'show'\r\n );\r\n\r\n\r\n button.textContent=\r\n old;\r\n\r\n\r\n }finally{\r\n\r\n\r\n button.disabled=\r\n false;\r\n\r\n }\r\n\r\n}\r\n\r\n\r\n\/* =========================\r\n FORMULAIRE PARTICULIER\r\n========================= *\/\r\n\r\nconst booking=\r\n $('#bookingForm');\r\n\r\nconst ride=\r\n $('#rideType');\r\n\r\nconst returnBox=\r\n $('#returnBox');\r\n\r\nconst airportBox=\r\n $('#airportBox');\r\n\r\nconst trainBox=\r\n $('#trainBox');\r\n\r\nconst otherPerson=\r\n $('#otherPerson');\r\n\r\nconst passengerBox=\r\n $('#passengerBox');\r\n\r\n\r\nfunction syncBooking(){\r\n\r\n\r\n const direction=\r\n\r\n $(\r\n 'input[name=\"Sens\"]:checked',\r\n booking\r\n )?.value;\r\n\r\n\r\n const roundTrip=\r\n\r\n direction\r\n ===\r\n 'Aller-retour';\r\n\r\n\r\n returnBox\r\n .classList\r\n .toggle(\r\n 'show',\r\n roundTrip\r\n );\r\n\r\n\r\n airportBox\r\n .classList\r\n .toggle(\r\n\r\n 'show',\r\n\r\n ride.value\r\n ===\r\n 'A\u00e9roport'\r\n\r\n );\r\n\r\n\r\n trainBox\r\n .classList\r\n .toggle(\r\n\r\n 'show',\r\n\r\n ride.value\r\n ===\r\n 'Gare'\r\n\r\n );\r\n\r\n\r\n passengerBox\r\n .classList\r\n .toggle(\r\n\r\n 'show',\r\n\r\n otherPerson.checked\r\n\r\n );\r\n\r\n\r\n $$('.choice',booking)\r\n .forEach(\r\n\r\n label=>\r\n\r\n label.classList.toggle(\r\n\r\n 'active',\r\n\r\n $('input',label)?.checked\r\n\r\n )\r\n\r\n );\r\n\r\n}\r\n\r\n\r\nbooking.addEventListener(\r\n 'change',\r\n syncBooking\r\n);\r\n\r\n\r\nsyncBooking();\r\n\r\n\r\n$('#sendWhatsapp').onclick=\r\n\r\n ()=>openWa(\r\n\r\n booking,\r\n\r\n '*BASSIN MINIER DRIVERS \/\/ DEMANDE DE R\u00c9SERVATION*'\r\n\r\n );\r\n\r\n\r\n$('#sendEmail').onclick=\r\n\r\n ()=>sendMail(\r\n\r\n booking,\r\n\r\n $('#bookingResult'),\r\n\r\n $('#sendEmail'),\r\n\r\n 'R\u00e9servation particulier BMD'\r\n\r\n );\r\n\r\n\r\n\/* =========================\r\n QUICK BOOK\r\n========================= *\/\r\n\r\n$('#quickBook')\r\n .addEventListener(\r\n\r\n 'submit',\r\n\r\n event=>{\r\n\r\n\r\n event.preventDefault();\r\n\r\n\r\n const data=\r\n\r\n new FormData(\r\n event.currentTarget\r\n );\r\n\r\n\r\n booking.elements[\r\n 'D\u00e9part'\r\n ].value=\r\n\r\n data.get('D\u00e9part')\r\n ||\r\n '';\r\n\r\n\r\n booking.elements[\r\n 'Destination'\r\n ].value=\r\n\r\n data.get('Destination')\r\n ||\r\n '';\r\n\r\n\r\n booking.elements[\r\n 'Date aller'\r\n ].value=\r\n\r\n data.get('Date')\r\n ||\r\n '';\r\n\r\n\r\n location.hash=\r\n 'reservation';\r\n\r\n\r\n setTimeout(\r\n\r\n ()=>booking\r\n .elements[\r\n 'Heure aller'\r\n ]\r\n .focus(),\r\n\r\n 350\r\n\r\n );\r\n\r\n }\r\n\r\n );\r\n\r\n\r\n\/* =========================\r\n B2B MULTI MISSIONS\r\n========================= *\/\r\n\r\nlet missionCount=0;\r\n\r\n\r\nconst missions=\r\n $('#missions');\r\n\r\n\r\nfunction addMission(){\r\n\r\n\r\n missionCount++;\r\n\r\n\r\n const n=\r\n missionCount;\r\n\r\n\r\n missions.insertAdjacentHTML(\r\n\r\n 'beforeend',\r\n\r\n `\r\n\r\n<div class=\"mission-card\">\r\n\r\n <button\r\n type=\"button\"\r\n class=\"remove-mission\"\r\n aria-label=\"Supprimer\"\r\n >\r\n \u00d7\r\n <\/button>\r\n\r\n\r\n <h4>\r\n Mission ${n}\r\n <\/h4>\r\n\r\n\r\n <div class=\"formgrid\">\r\n\r\n\r\n <div class=\"field\">\r\n\r\n <label>\r\n Date\r\n <\/label>\r\n\r\n <input\r\n type=\"date\"\r\n name=\"Mission ${n} - Date\"\r\n required\r\n >\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"field\">\r\n\r\n <label>\r\n Heure\r\n <\/label>\r\n\r\n <input\r\n type=\"time\"\r\n name=\"Mission ${n} - Heure\"\r\n required\r\n >\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"field\">\r\n\r\n <label>\r\n D\u00e9part\r\n <\/label>\r\n\r\n <input\r\n name=\"Mission ${n} - D\u00e9part\"\r\n required\r\n placeholder=\"Adresse \/ ville\"\r\n >\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"field\">\r\n\r\n <label>\r\n Destination\r\n <\/label>\r\n\r\n <input\r\n name=\"Mission ${n} - Destination\"\r\n required\r\n placeholder=\"Adresse \/ ville\"\r\n >\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"field\">\r\n\r\n <label>\r\n Passager(s)\r\n <\/label>\r\n\r\n <input\r\n name=\"Mission ${n} - Passagers\"\r\n placeholder=\"Nom(s) \/ nombre\"\r\n >\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"field\">\r\n\r\n <label>\r\n T\u00e9l\u00e9phone passager\r\n <\/label>\r\n\r\n <input\r\n name=\"Mission ${n} - T\u00e9l\u00e9phone passager\"\r\n placeholder=\"06\u2026\"\r\n >\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"field\">\r\n\r\n <label>\r\n Bagages\r\n <\/label>\r\n\r\n <input\r\n name=\"Mission ${n} - Bagages\"\r\n placeholder=\"Nombre \/ volume\"\r\n >\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"field\">\r\n\r\n <label>\r\n Vol \/ Train\r\n <\/label>\r\n\r\n <input\r\n name=\"Mission ${n} - Vol ou train\"\r\n placeholder=\"AF1234 \/ TGV 7021\"\r\n >\r\n\r\n <\/div>\r\n\r\n\r\n <\/div>\r\n\r\n<\/div>\r\n\r\n `\r\n\r\n );\r\n\r\n}\r\n\r\n\r\naddMission();\r\n\r\n\r\n$('#addMission').onclick=\r\n addMission;\r\n\r\n\r\nmissions.addEventListener(\r\n\r\n 'click',\r\n\r\n event=>{\r\n\r\n\r\n if(\r\n\r\n event.target\r\n .classList\r\n .contains(\r\n 'remove-mission'\r\n )\r\n\r\n &&\r\n\r\n $$('.mission-card',missions)\r\n .length\r\n >\r\n 1\r\n\r\n ){\r\n\r\n event.target\r\n .closest(\r\n '.mission-card'\r\n )\r\n .remove();\r\n\r\n }\r\n\r\n }\r\n\r\n);\r\n\r\n\r\n\/* =========================\r\n B2B SEND\r\n========================= *\/\r\n\r\nconst pro=\r\n $('#proForm');\r\n\r\n\r\n$('#sendProWhatsapp').onclick=\r\n\r\n ()=>openWa(\r\n\r\n pro,\r\n\r\n '*BASSIN MINIER DRIVERS \/\/ DEMANDE PROFESSIONNELLE*'\r\n\r\n );\r\n\r\n\r\n$('#sendProEmail').onclick=\r\n\r\n ()=>sendMail(\r\n\r\n pro,\r\n\r\n $('#proResult'),\r\n\r\n $('#sendProEmail'),\r\n\r\n 'Demande professionnelle BMD'\r\n\r\n );\r\n\r\n\r\n})();\r\n\r\n<\/script>\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\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Bassin Minier Drivers | R\u00e9servation VTC particuliers & professionnels Bassin Minier Drivers Smart Dispatch \/\/ Bassin Minier R\u00e9server Particuliers Professionnels Comment \u00e7a marche Contact NETWORK ONLINE Demander un tarif \u2630 R\u00e9server Particuliers Professionnels Comment \u00e7a marche Contact BMD \/\/ LOCAL RIDE MATCHING Un trajet \u00e0 organiser ? BMD trouve la solution. Particulier, entreprise, h\u00f4tel ou […]<\/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":106,"href":"https:\/\/www.xave-vtc-lens-bethune.fr\/fr\/wp-json\/wp\/v2\/pages\/106\/revisions"}],"predecessor-version":[{"id":369,"href":"https:\/\/www.xave-vtc-lens-bethune.fr\/fr\/wp-json\/wp\/v2\/pages\/106\/revisions\/369"}],"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}]}}