R\u00e9servation Skills n'Drive<\/title>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\n <style>\n :root {\n --bg-dark: #0a0f1c; \n --panel-bg: #141b2d; \n --panel-hover: #1e273f;\n --accent-orange: #ff5a00; \n --text-main: #ffffff; \n --text-muted: #abb8cc;\n --border-radius: 24px;\n }\n \n body, html { \n margin: 0; padding: 0; min-height: 100vh; \n background: var(--bg-dark); \n font-family: 'Poppins', sans-serif; \n color: var(--text-main); \n scroll-behavior: smooth; \n }\n \n .snd-booking-wrapper { \n width: 100%; max-width: 1200px; \n margin: 0 auto; padding: 50px 20px; \n box-sizing: border-box; \n }\n \n .snd-header { text-align: center; margin-bottom: 60px; }\n .snd-header h2 { font-size: 42px; margin-bottom: 15px; font-weight: 800; color: #fff; letter-spacing: -1px; }\n .snd-header p { color: var(--text-muted); font-size: 18px; max-width: 700px; margin: 0 auto; line-height: 1.6; }\n .snd-header .highlight { color: var(--accent-orange); font-weight: 600; }\n\n \/* Style des blocs d'\u00e9tapes *\/\n .snd-step-container {\n background: var(--panel-bg);\n border-radius: var(--border-radius);\n padding: 40px 50px;\n margin-bottom: 30px;\n box-shadow: 0 10px 40px rgba(0,0,0,0.2);\n transition: all 0.5s ease;\n \/* On ajoute une marge pour que le scroll 'start' ne colle pas trop au bord *\/\n scroll-margin-top: 20px; \n }\n \n .h-hidden { display: none; opacity: 0; transform: translateY(20px); }\n \n h3 { font-size: 16px; color: var(--accent-orange); text-transform: uppercase; letter-spacing: 2px; margin-top: 0; margin-bottom: 30px; font-weight: 700; }\n\n .snd-grid-circuits { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 25px; }\n .snd-grid-formulas { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 20px; }\n \n .snd-card { \n background: rgba(255,255,255,0.03); border: 2px solid rgba(255,255,255,0.05); \n border-radius: 20px; padding: 30px 25px; cursor: pointer; \n text-align: center; color: #fff; transition: 0.3s; \n display: flex; flex-direction: column; justify-content: center;\n }\n .snd-card:hover { transform: translateY(-5px); background: var(--panel-hover); border-color: rgba(255,255,255,0.1); }\n .snd-card.active { border-color: var(--accent-orange); background: rgba(255, 90, 0, 0.1); box-shadow: 0 0 25px rgba(255, 90, 0, 0.15); }\n \n \/* ===== BOITES DES MOIS ===== *\/\n .snd-month-group {\n background: rgba(255, 255, 255, 0.02);\n border-radius: 20px;\n border: 1px solid rgba(255, 255, 255, 0.05);\n padding: 30px;\n margin-bottom: 40px;\n }\n .snd-month-title {\n color: var(--accent-orange);\n font-size: 22px;\n font-weight: 800;\n text-transform: uppercase;\n margin: 0 0 20px 0;\n padding-bottom: 12px;\n border-bottom: 2px solid rgba(255, 255, 255, 0.08);\n display: block !important;\n }\n .snd-dates-grid {\n display: flex;\n flex-wrap: wrap;\n gap: 12px;\n }\n\n .snd-date-badge { \n background: rgba(255,255,255,0.05); padding: 14px 24px; border-radius: 12px; \n cursor: pointer; font-size: 15px; font-weight: 500; transition: 0.2s; \n border: 1px solid rgba(255,255,255,0.1);\n }\n .snd-date-badge:hover { background: rgba(255,255,255,0.1); transform: translateY(-2px); }\n .snd-date-badge.selected { background: var(--accent-orange); font-weight: 700; border-color: var(--accent-orange); box-shadow: 0 5px 15px rgba(255, 90, 0, 0.3); }\n \n .snd-time-slot { \n background: rgba(255,255,255,0.05); padding: 16px 35px; \n border-radius: 14px; cursor: pointer; font-weight: 600; \n margin: 0 12px 12px 0; display: inline-block; \n transition: 0.2s; border: 1px solid rgba(255,255,255,0.1); font-size: 17px;\n }\n .snd-time-slot.selected { background: #fff; color: var(--bg-dark); font-weight: 800; box-shadow: 0 5px 15px rgba(255, 255, 255, 0.2); }\n \n .snd-option-row {\n display: flex; justify-content: space-between; align-items: center; \n padding: 22px 25px; background: rgba(255,255,255,0.03); \n margin-bottom: 15px; border-radius: 16px; border: 1px solid rgba(255,255,255,0.05);\n }\n\n .snd-form { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }\n .snd-form.full { grid-column: span 2; }\n .snd-form input { \n background: rgba(255,255,255,0.03); border: 1px solid rgba(255,255,255,0.1); \n padding: 22px; border-radius: 16px; color: #fff; font-size: 16px; outline: none; font-family: 'Poppins', sans-serif;\n width: 100%; box-sizing: border-box;\n }\n \n .snd-summary { font-size: 36px; font-weight: 800; margin-top: 30px; padding-top: 30px; text-align: center; border-top: 1px solid rgba(255,255,255,0.1);}\n #price-display { color: var(--accent-orange); }\n \n .snd-cta-btn { \n background: var(--accent-orange); color: #fff; border: none; \n padding: 24px; border-radius: 16px; font-size: 20px; \n font-weight: 700; cursor: pointer; margin-top: 35px; \n width: 100%; transition: 0.3s;\n }\n\n @media (max-width: 768px) { \n .snd-booking-wrapper { padding: 30px 15px; }\n .snd-form { grid-template-columns: 1fr; }\n .snd-form.full { grid-column: span 1; }\n .snd-step-container { padding: 30px 20px; }\n }\n <\/style>\n<\/head>\n<body>\n\n<div class=\"snd-booking-wrapper\">\n \n <div class=\"snd-header\">\n <h2>Configurez votre stage sur mesure \ufe0f<\/h2>\n <p>Pr\u00eat \u00e0 faire le plein de sensations ? S\u00e9lectionnez <span class=\"highlight\">votre circuit<\/span>, choisissez la <span class=\"highlight\">date parfaite<\/span> et fa\u00e7onnez <span class=\"highlight\">l'exp\u00e9rience de pilotage<\/span> de vos r\u00eaves.<\/p>\n <\/div>\n\n <div class=\"snd-step-container\" id=\"step-1\">\n <h3>1. Choisissez votre circuit<\/h3>\n <div class=\"snd-grid-circuits\" id=\"circuit-selection\">\n <div class=\"snd-card\" onclick=\"nextStep('circuit', 'Le Mans', this)\">\n <div style=\"font-weight: 800; font-size: 20px; margin-bottom: 5px;\">Le Mans<\/div>\n <div style=\"font-size: 13px; opacity: 0.7;\">Circuit Bugatti<\/div>\n <\/div>\n <div class=\"snd-card\" onclick=\"nextStep('circuit', 'Dreux', this)\">\n <div style=\"font-weight: 800; font-size: 20px; margin-bottom: 5px;\">Dreux<\/div>\n <div style=\"font-size: 13px; opacity: 0.7;\">Ouest Parisien<\/div>\n <\/div>\n <div class=\"snd-card\" onclick=\"nextStep('circuit', 'Magny-Cours', this)\">\n <div style=\"font-weight: 800; font-size: 20px; margin-bottom: 5px;\">Magny-Cours<\/div>\n <div style=\"font-size: 13px; opacity: 0.7;\">Circuit F1<\/div>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"snd-step-container h-hidden\" id=\"step-2\">\n <h3>2. R\u00e9servez votre date<\/h3>\n <div id=\"date-list-container\"><\/div>\n <\/div>\n \n <div class=\"snd-step-container h-hidden\" id=\"step-3\">\n <h3>3. D\u00e9finissez votre cr\u00e9neau horaire<\/h3>\n <div id=\"time-slots-container\"><\/div>\n <\/div>\n\n <div class=\"snd-step-container h-hidden\" id=\"step-4\">\n <h3>4. S\u00e9lectionnez votre formule<\/h3>\n <div class=\"snd-grid-formulas\" id=\"formula-options\" style=\"margin-bottom: 30px;\"><\/div>\n \n <h3 style=\"margin-top: 50px; border-top: 1px solid rgba(255,255,255,0.1); padding-top: 40px;\">Compl\u00e9tez votre exp\u00e9rience (Options)<\/h3>\n <div id=\"extra-options-container\"><\/div>\n \n <div class=\"snd-summary\">Total : <span id=\"price-display\">0\u20ac<\/span><\/div>\n <button class=\"snd-cta-btn\" onclick=\"showCustomerForm()\" style=\"background:#2a3655\">Passer aux informations du pilote<\/button>\n <\/div>\n \n <div class=\"snd-step-container h-hidden\" id=\"step-5\">\n <h3>5. Informations du pilote<\/h3>\n <div class=\"snd-form\">\n <input type=\"text\" id=\"cust-lastname\" placeholder=\"Nom\">\n <input type=\"text\" id=\"cust-firstname\" placeholder=\"Pr\u00e9nom\">\n <input type=\"email\" id=\"cust-email\" placeholder=\"Adresse Email\" class=\"snd-form full\">\n <input type=\"tel\" id=\"cust-tel\" placeholder=\"Num\u00e9ro de T\u00e9l\u00e9phone\" class=\"snd-form full\">\n <\/div>\n <button class=\"snd-cta-btn\" onclick=\"sendFinalRequest()\">R\u00e9server mon stage maintenant<\/button>\n <\/div>\n\n<\/div>\n\n<script>\n const database = {\n \"Le Mans\": {\n dates: [\n { jour: \"14 Mars 2026\", creneaux: [\"08:30\", \"10:30\", \"14:00\", \"16:00\"] },\n { jour: \"18 Mars 2026\", creneaux: [\"08:30\", \"10:30\", \"14:00\", \"16:00\"] },\n { jour: \"25 Juillet 2026\", creneaux: [\"08:30\", \"10:30\", \"14:00\", \"16:00\"] },\n { jour: \"26 Juillet 2026\", creneaux: [\"08:30\", \"10:30\", \"14:00\", \"16:00\"] },\n { jour: \"31 Juillet 2026\", creneaux: [\"08:30\", \"10:30\", \"14:00\", \"16:00\"] },\n { jour: \"26 Ao\u00fbt 2026\", creneaux: [\"08:30\", \"10:30\", \"14:00\", \"16:00\"] },\n { jour: \"31 Ao\u00fbt 2026\", creneaux: [\"08:30\", \"10:30\", \"14:00\", \"16:00\"] },\n { jour: \"06 Septembre 2026\", creneaux: [\"08:30\", \"10:30\", \"14:00\", \"16:00\"] },\n { jour: \"20 Septembre 2026\", creneaux: [\"08:30\", \"10:30\", \"14:00\", \"16:00\"] },\n { jour: \"31 Octobre 2026\", creneaux: [\"08:30\", \"10:30\", \"14:00\", \"16:00\"] },\n { jour: \"01 Novembre 2026\", creneaux: [\"08:30\", \"10:30\", \"14:00\", \"16:00\"] },\n { jour: \"21 Novembre 2026\", creneaux: [\"08:30\", \"10:30\", \"14:00\", \"16:00\"] },\n { jour: \"22 Novembre 2026\", creneaux: [\"08:30\", \"10:30\", \"14:00\", \"16:00\"] }\n ],\n formulas: [\n { name: \"Initiation\", desc: \"5 tours\", price: 399 },\n { name: \"D\u00e9couverte\", desc: \"8 tours\", price: 649 },\n { name: \"Performance\", desc: \"15 tours\", price: 1149 },\n { name: \"Intensif\", desc: \"20 tours\", price: 1499 },\n { name: \"24h \u2013 100 km\", desc: \"24 tours \/ 100 km\", price: 1800 },\n { name: \"Grand Prix\", desc: \"50 tours \/ 210 km\", price: 3600 },\n { name: \"Endurance\", desc: \"60 tours \/ 250 km\", price: 4200 }\n ],\n options: [{ name: \"Bapt\u00eame de piste (1 tour)\", price: 59 }, { name: \"Bapt\u00eame de piste (2 tours)\", price: 99 }, { name: \"Vid\u00e9o embarqu\u00e9e\", price: 59 }]\n },\n \"Dreux\": {\n dates: [{ jour: \"24 Mai 2026\", creneaux: [\"08:30\", \"10:30\", \"14:00\", \"16:00\"] }],\n formulas: [{ name: \"D\u00e9couverte\", desc: \"10 tours\", price: 299 }, { name: \"Performance\", desc: \"15 tours\", price: 429 }, { name: \"Intensif\", desc: \"20 tours\", price: 549 }, { name: \"Grand Prix\", desc: \"40 tours\", price: 1099 }],\n options: [{ name: \"Bapt\u00eame de piste (1 tour)\", price: 29 }, { name: \"Bapt\u00eame de piste (2 tours)\", price: 49 }, { name: \"Vid\u00e9o embarqu\u00e9e\", price: 39 }]\n },\n \"Magny-Cours\": {\n dates: [{ jour: \"22 Mai 2026\", creneaux: [\"08:30\", \"10:30\", \"14:00\", \"16:00\"] }],\n formulas: [{ name: \"D\u00e9couverte\", desc: \"8 tours\", price: 699 }, { name: \"Performance\", desc: \"15 tours\", price: 1199 }, { name: \"Intensif\", desc: \"20 tours\", price: 1549 }, { name: \"Sprint\", desc: \"25 tours\", price: 1900 }, { name: \"Grand Prix\", desc: \"50 tours \/ 220 km\", price: 3600 }, { name: \"Endurance\", desc: \"60 tours \/ 260 km\", price: 4200 }],\n options: [{ name: \"Bapt\u00eame de piste (1 tour)\", price: 59 }, { name: \"Bapt\u00eame de piste (2 tours)\", price: 99 }, { name: \"Vid\u00e9o embarqu\u00e9e\", price: 59 }]\n }\n };\n\n let selection = { circuit: '', date: '', availableTimes: [], time: '', formula: '', formulaPrice: 0, options: [], total: 0 };\n\n \/\/ FIX : On remplace 'center' par 'start' pour arriver pile en haut de section\n function showStep(id) { \n document.getElementById(id).classList.remove('h-hidden'); \n setTimeout(() => { \n document.getElementById(id).scrollIntoView({ behavior: 'smooth', block: 'start' }); \n }, 150);\n }\n\n function nextStep(type, value, el) {\n if (type === 'circuit') {\n selection.circuit = value;\n document.querySelectorAll('#circuit-selection .snd-card').forEach(c => c.classList.remove('active'));\n el.classList.add('active');\n renderDates(); showStep('step-2');\n } \n else if (type === 'date') {\n selection.date = value.jour; \n selection.availableTimes = value.creneaux;\n document.querySelectorAll('.snd-date-badge').forEach(b => b.classList.remove('selected'));\n el.classList.add('selected');\n renderTimes(); showStep('step-3');\n } \n else if (type === 'time') {\n selection.time = value;\n document.querySelectorAll('.snd-time-slot').forEach(s => s.classList.remove('selected'));\n el.classList.add('selected');\n renderFormulas(); showStep('step-4');\n }\n }\n\n \/\/ FIX : Logique de titres par mois b\u00e9tonn\u00e9e\n function renderDates() {\n const container = document.getElementById('date-list-container');\n container.innerHTML = '';\n const datesObj = database[selection.circuit].dates;\n \n const grouped = {};\n datesObj.forEach(dObj => {\n \/\/ On r\u00e9cup\u00e8re \"Mars 2026\" en extrayant tout ce qui suit le premier chiffre + espace\n const monthYear = dObj.jour.split(' ').slice(1).join(' ');\n if (!grouped[monthYear]) grouped[monthYear] = [];\n grouped[monthYear].push(dObj);\n });\n\n for (const month in grouped) {\n const groupDiv = document.createElement('div');\n groupDiv.className = 'snd-month-group';\n \n const title = document.createElement('div');\n title.className = 'snd-month-title';\n title.innerText = month;\n \n const grid = document.createElement('div');\n grid.className = 'snd-dates-grid';\n \n grouped[month].forEach(dObj => {\n const badge = document.createElement('div');\n badge.className = 'snd-date-badge';\n badge.innerText = dObj.jour;\n badge.onclick = () => nextStep('date', dObj, badge);\n grid.appendChild(badge);\n });\n \n groupDiv.appendChild(title);\n groupDiv.appendChild(grid);\n container.appendChild(groupDiv);\n }\n }\n\n function renderTimes() {\n const container = document.getElementById('time-slots-container');\n container.innerHTML = '';\n selection.availableTimes.forEach(tStr => {\n const tDiv = document.createElement('div');\n tDiv.className = 'snd-time-slot';\n tDiv.innerText = tStr;\n tDiv.onclick = () => nextStep('time', tStr, tDiv);\n container.appendChild(tDiv);\n });\n }\n\n function renderFormulas() {\n const fContainer = document.getElementById('formula-options');\n fContainer.innerHTML = '';\n database[selection.circuit].formulas.forEach((f, i) => {\n const card = document.createElement('div');\n card.className = `snd-card ${i === 0 ? 'active' : ''}`;\n if(i === 0) { selection.formula = f.name; selection.formulaPrice = f.price; }\n card.onclick = () => { \n selection.formula = f.name; selection.formulaPrice = f.price; calculateTotal(); \n document.querySelectorAll('#formula-options .snd-card').forEach(c => c.classList.remove('active')); card.classList.add('active');\n };\n card.innerHTML = `<div style=\"font-weight: 800; font-size: 20px; margin-bottom: 5px;\">${f.name}<\/div><div style=\"font-size:14px; opacity:0.7; margin-bottom:15px;\">${f.desc}<\/div><div style=\"font-weight: 800; font-size: 22px; color: var(--accent-orange);\">${f.price}\u20ac<\/div>`;\n fContainer.appendChild(card);\n });\n\n const oContainer = document.getElementById('extra-options-container');\n oContainer.innerHTML = '';\n database[selection.circuit].options.forEach(opt => {\n const item = document.createElement('div');\n item.className = \"snd-option-row\";\n item.innerHTML = `\n <div style=\"display: flex; align-items: center;\">\n <input type=\"checkbox\" data-name=\"${opt.name}\" value=\"${opt.price}\" onchange=\"calculateTotal()\" style=\"transform:scale(1.4); cursor:pointer; margin-right: 15px;\"> \n <span>${opt.name}<\/span>\n <\/div>\n <span style=\"color:var(--accent-orange); font-weight:bold; font-size: 18px;\">+${opt.price}\u20ac<\/span>\n `;\n oContainer.appendChild(item);\n });\n calculateTotal();\n }\n\n function calculateTotal() {\n let optTotal = 0; selection.options = [];\n document.querySelectorAll('#extra-options-container input:checked').forEach(cb => {\n optTotal += parseInt(cb.value); selection.options.push(cb.getAttribute('data-name'));\n });\n selection.total = selection.formulaPrice + optTotal;\n document.getElementById('price-display').innerText = selection.total + '\u20ac';\n }\n\n function showCustomerForm() { showStep('step-5'); }\n\n function sendFinalRequest() {\n const cust = { nom: document.getElementById('cust-lastname').value, prenom: document.getElementById('cust-firstname').value, email: document.getElementById('cust-email').value, tel: document.getElementById('cust-tel').value };\n if(!cust.nom || !cust.email || !cust.tel) { alert(\"Veuillez remplir vos coordonn\u00e9es.\"); return; }\n const body = `Bonjour,\\n\\nDEMANDE DE STAGE :\\n\\n- Client : ${cust.nom.toUpperCase()} ${cust.prenom}\\n- Email : ${cust.email}\\n- Tel : ${cust.tel}\\n\\n- Circuit : ${selection.circuit}\\n- Formule : ${selection.formula}\\n- Date : ${selection.date}\\n- Heure : ${selection.time}\\n- Options : ${selection.options.join(', ') || 'Aucune'}\\n\\nTOTAL : ${selection.total}\u20ac`;\n window.location.href = `mailto:contact@skillsndrive.fr?subject=R\u00e9servation ${selection.circuit}&body=${encodeURIComponent(body)}`;\n }\n<\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>R\u00e9servation Skills n’Drive Configurez votre stage sur mesure \ufe0f Pr\u00eat \u00e0 faire le plein de sensations ? S\u00e9lectionnez votre circuit, choisissez la date parfaite et fa\u00e7onnez l’exp\u00e9rience de pilotage de vos r\u00eaves. 1. Choisissez votre circuit Le Mans Circuit Bugatti Dreux Ouest Parisien Magny-Cours Circuit F1 2. R\u00e9servez votre date 3. D\u00e9finissez votre cr\u00e9neau horaire […]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-335","page","type-page","status-publish","hentry"],"yoast_head":"\n<title>R\u00e9servation stage de pilotage - WordPress<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/skillsndrive.fr\/index.php\/reservation\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"R\u00e9servation stage de pilotage\" \/>\n<meta property=\"og:description\" content=\"R\u00e9servation Skills n’Drive Configurez votre stage sur mesure \ufe0f Pr\u00eat \u00e0 faire le plein de sensations ? S\u00e9lectionnez votre circuit, choisissez la date parfaite et fa\u00e7onnez l’exp\u00e9rience de pilotage de vos r\u00eaves. 1. Choisissez votre circuit Le Mans Circuit Bugatti Dreux Ouest Parisien Magny-Cours Circuit F1 2. R\u00e9servez votre date 3. D\u00e9finissez votre cr\u00e9neau horaire […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/skillsndrive.fr\/index.php\/reservation\/\" \/>\n<meta property=\"og:site_name\" content=\"WordPress\" \/>\n<meta property=\"article:modified_time\" content=\"2026-04-14T19:54:19+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\n\t<meta name=\"twitter:data1\" content=\"8 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/skillsndrive.fr\/index.php\/reservation\/\",\"url\":\"https:\/\/skillsndrive.fr\/index.php\/reservation\/\",\"name\":\"R\u00e9servation stage de pilotage - WordPress\",\"isPartOf\":{\"@id\":\"https:\/\/skillsndrive.fr\/#website\"},\"datePublished\":\"2026-04-14T09:59:41+00:00\",\"dateModified\":\"2026-04-14T19:54:19+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/skillsndrive.fr\/index.php\/reservation\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/skillsndrive.fr\/index.php\/reservation\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/skillsndrive.fr\/index.php\/reservation\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Accueil\",\"item\":\"https:\/\/skillsndrive.fr\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"R\u00e9servation stage de pilotage\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/skillsndrive.fr\/#website\",\"url\":\"https:\/\/skillsndrive.fr\/\",\"name\":\"WordPress\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/skillsndrive.fr\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"}]}<\/script>\n","yoast_head_json":{"title":"R\u00e9servation stage de pilotage - WordPress","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/skillsndrive.fr\/index.php\/reservation\/","og_locale":"fr_FR","og_type":"article","og_title":"R\u00e9servation stage de pilotage","og_description":"R\u00e9servation Skills n’Drive Configurez votre stage sur mesure \ufe0f Pr\u00eat \u00e0 faire le plein de sensations ? S\u00e9lectionnez votre circuit, choisissez la date parfaite et fa\u00e7onnez l’exp\u00e9rience de pilotage de vos r\u00eaves. 1. Choisissez votre circuit Le Mans Circuit Bugatti Dreux Ouest Parisien Magny-Cours Circuit F1 2. R\u00e9servez votre date 3. D\u00e9finissez votre cr\u00e9neau horaire […]","og_url":"https:\/\/skillsndrive.fr\/index.php\/reservation\/","og_site_name":"WordPress","article_modified_time":"2026-04-14T19:54:19+00:00","twitter_card":"summary_large_image","twitter_misc":{"Dur\u00e9e de lecture estim\u00e9e":"8 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/skillsndrive.fr\/index.php\/reservation\/","url":"https:\/\/skillsndrive.fr\/index.php\/reservation\/","name":"R\u00e9servation stage de pilotage - WordPress","isPartOf":{"@id":"https:\/\/skillsndrive.fr\/#website"},"datePublished":"2026-04-14T09:59:41+00:00","dateModified":"2026-04-14T19:54:19+00:00","breadcrumb":{"@id":"https:\/\/skillsndrive.fr\/index.php\/reservation\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/skillsndrive.fr\/index.php\/reservation\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/skillsndrive.fr\/index.php\/reservation\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Accueil","item":"https:\/\/skillsndrive.fr\/"},{"@type":"ListItem","position":2,"name":"R\u00e9servation stage de pilotage"}]},{"@type":"WebSite","@id":"https:\/\/skillsndrive.fr\/#website","url":"https:\/\/skillsndrive.fr\/","name":"WordPress","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/skillsndrive.fr\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"}]}},"_links":{"self":[{"href":"https:\/\/skillsndrive.fr\/index.php\/wp-json\/wp\/v2\/pages\/335","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/skillsndrive.fr\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/skillsndrive.fr\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/skillsndrive.fr\/index.php\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/skillsndrive.fr\/index.php\/wp-json\/wp\/v2\/comments?post=335"}],"version-history":[{"count":0,"href":"https:\/\/skillsndrive.fr\/index.php\/wp-json\/wp\/v2\/pages\/335\/revisions"}],"wp:attachment":[{"href":"https:\/\/skillsndrive.fr\/index.php\/wp-json\/wp\/v2\/media?parent=335"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

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

\n\t\t\t\t

\n\t\t\t\t\t\n\n\n \n \n R\u00e9servation Skills n'Drive<\/title>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\n <style>\n :root {\n --bg-dark: #0a0f1c; \n --panel-bg: #141b2d; \n --panel-hover: #1e273f;\n --accent-orange: #ff5a00; \n --text-main: #ffffff; \n --text-muted: #abb8cc;\n --border-radius: 24px;\n }\n \n body, html { \n margin: 0; padding: 0; min-height: 100vh; \n background: var(--bg-dark); \n font-family: 'Poppins', sans-serif; \n color: var(--text-main); \n scroll-behavior: smooth; \n }\n \n .snd-booking-wrapper { \n width: 100%; max-width: 1200px; \n margin: 0 auto; padding: 50px 20px; \n box-sizing: border-box; \n }\n \n .snd-header { text-align: center; margin-bottom: 60px; }\n .snd-header h2 { font-size: 42px; margin-bottom: 15px; font-weight: 800; color: #fff; letter-spacing: -1px; }\n .snd-header p { color: var(--text-muted); font-size: 18px; max-width: 700px; margin: 0 auto; line-height: 1.6; }\n .snd-header .highlight { color: var(--accent-orange); font-weight: 600; }\n\n \/* Style des blocs d'\u00e9tapes *\/\n .snd-step-container {\n background: var(--panel-bg);\n border-radius: var(--border-radius);\n padding: 40px 50px;\n margin-bottom: 30px;\n box-shadow: 0 10px 40px rgba(0,0,0,0.2);\n transition: all 0.5s ease;\n \/* On ajoute une marge pour que le scroll 'start' ne colle pas trop au bord *\/\n scroll-margin-top: 20px; \n }\n \n .h-hidden { display: none; opacity: 0; transform: translateY(20px); }\n \n h3 { font-size: 16px; color: var(--accent-orange); text-transform: uppercase; letter-spacing: 2px; margin-top: 0; margin-bottom: 30px; font-weight: 700; }\n\n .snd-grid-circuits { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 25px; }\n .snd-grid-formulas { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 20px; }\n \n .snd-card { \n background: rgba(255,255,255,0.03); border: 2px solid rgba(255,255,255,0.05); \n border-radius: 20px; padding: 30px 25px; cursor: pointer; \n text-align: center; color: #fff; transition: 0.3s; \n display: flex; flex-direction: column; justify-content: center;\n }\n .snd-card:hover { transform: translateY(-5px); background: var(--panel-hover); border-color: rgba(255,255,255,0.1); }\n .snd-card.active { border-color: var(--accent-orange); background: rgba(255, 90, 0, 0.1); box-shadow: 0 0 25px rgba(255, 90, 0, 0.15); }\n \n \/* ===== BOITES DES MOIS ===== *\/\n .snd-month-group {\n background: rgba(255, 255, 255, 0.02);\n border-radius: 20px;\n border: 1px solid rgba(255, 255, 255, 0.05);\n padding: 30px;\n margin-bottom: 40px;\n }\n .snd-month-title {\n color: var(--accent-orange);\n font-size: 22px;\n font-weight: 800;\n text-transform: uppercase;\n margin: 0 0 20px 0;\n padding-bottom: 12px;\n border-bottom: 2px solid rgba(255, 255, 255, 0.08);\n display: block !important;\n }\n .snd-dates-grid {\n display: flex;\n flex-wrap: wrap;\n gap: 12px;\n }\n\n .snd-date-badge { \n background: rgba(255,255,255,0.05); padding: 14px 24px; border-radius: 12px; \n cursor: pointer; font-size: 15px; font-weight: 500; transition: 0.2s; \n border: 1px solid rgba(255,255,255,0.1);\n }\n .snd-date-badge:hover { background: rgba(255,255,255,0.1); transform: translateY(-2px); }\n .snd-date-badge.selected { background: var(--accent-orange); font-weight: 700; border-color: var(--accent-orange); box-shadow: 0 5px 15px rgba(255, 90, 0, 0.3); }\n \n .snd-time-slot { \n background: rgba(255,255,255,0.05); padding: 16px 35px; \n border-radius: 14px; cursor: pointer; font-weight: 600; \n margin: 0 12px 12px 0; display: inline-block; \n transition: 0.2s; border: 1px solid rgba(255,255,255,0.1); font-size: 17px;\n }\n .snd-time-slot.selected { background: #fff; color: var(--bg-dark); font-weight: 800; box-shadow: 0 5px 15px rgba(255, 255, 255, 0.2); }\n \n .snd-option-row {\n display: flex; justify-content: space-between; align-items: center; \n padding: 22px 25px; background: rgba(255,255,255,0.03); \n margin-bottom: 15px; border-radius: 16px; border: 1px solid rgba(255,255,255,0.05);\n }\n\n .snd-form { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }\n .snd-form.full { grid-column: span 2; }\n .snd-form input { \n background: rgba(255,255,255,0.03); border: 1px solid rgba(255,255,255,0.1); \n padding: 22px; border-radius: 16px; color: #fff; font-size: 16px; outline: none; font-family: 'Poppins', sans-serif;\n width: 100%; box-sizing: border-box;\n }\n \n .snd-summary { font-size: 36px; font-weight: 800; margin-top: 30px; padding-top: 30px; text-align: center; border-top: 1px solid rgba(255,255,255,0.1);}\n #price-display { color: var(--accent-orange); }\n \n .snd-cta-btn { \n background: var(--accent-orange); color: #fff; border: none; \n padding: 24px; border-radius: 16px; font-size: 20px; \n font-weight: 700; cursor: pointer; margin-top: 35px; \n width: 100%; transition: 0.3s;\n }\n\n @media (max-width: 768px) { \n .snd-booking-wrapper { padding: 30px 15px; }\n .snd-form { grid-template-columns: 1fr; }\n .snd-form.full { grid-column: span 1; }\n .snd-step-container { padding: 30px 20px; }\n }\n <\/style>\n<\/head>\n<body>\n\n<div class=\"snd-booking-wrapper\">\n \n <div class=\"snd-header\">\n <h2>Configurez votre stage sur mesure \ufe0f<\/h2>\n <p>Pr\u00eat \u00e0 faire le plein de sensations ? S\u00e9lectionnez <span class=\"highlight\">votre circuit<\/span>, choisissez la <span class=\"highlight\">date parfaite<\/span> et fa\u00e7onnez <span class=\"highlight\">l'exp\u00e9rience de pilotage<\/span> de vos r\u00eaves.<\/p>\n <\/div>\n\n <div class=\"snd-step-container\" id=\"step-1\">\n <h3>1. Choisissez votre circuit<\/h3>\n <div class=\"snd-grid-circuits\" id=\"circuit-selection\">\n <div class=\"snd-card\" onclick=\"nextStep('circuit', 'Le Mans', this)\">\n <div style=\"font-weight: 800; font-size: 20px; margin-bottom: 5px;\">Le Mans<\/div>\n <div style=\"font-size: 13px; opacity: 0.7;\">Circuit Bugatti<\/div>\n <\/div>\n <div class=\"snd-card\" onclick=\"nextStep('circuit', 'Dreux', this)\">\n <div style=\"font-weight: 800; font-size: 20px; margin-bottom: 5px;\">Dreux<\/div>\n <div style=\"font-size: 13px; opacity: 0.7;\">Ouest Parisien<\/div>\n <\/div>\n <div class=\"snd-card\" onclick=\"nextStep('circuit', 'Magny-Cours', this)\">\n <div style=\"font-weight: 800; font-size: 20px; margin-bottom: 5px;\">Magny-Cours<\/div>\n <div style=\"font-size: 13px; opacity: 0.7;\">Circuit F1<\/div>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"snd-step-container h-hidden\" id=\"step-2\">\n <h3>2. R\u00e9servez votre date<\/h3>\n <div id=\"date-list-container\"><\/div>\n <\/div>\n \n <div class=\"snd-step-container h-hidden\" id=\"step-3\">\n <h3>3. D\u00e9finissez votre cr\u00e9neau horaire<\/h3>\n <div id=\"time-slots-container\"><\/div>\n <\/div>\n\n <div class=\"snd-step-container h-hidden\" id=\"step-4\">\n <h3>4. S\u00e9lectionnez votre formule<\/h3>\n <div class=\"snd-grid-formulas\" id=\"formula-options\" style=\"margin-bottom: 30px;\"><\/div>\n \n <h3 style=\"margin-top: 50px; border-top: 1px solid rgba(255,255,255,0.1); padding-top: 40px;\">Compl\u00e9tez votre exp\u00e9rience (Options)<\/h3>\n <div id=\"extra-options-container\"><\/div>\n \n <div class=\"snd-summary\">Total : <span id=\"price-display\">0\u20ac<\/span><\/div>\n <button class=\"snd-cta-btn\" onclick=\"showCustomerForm()\" style=\"background:#2a3655\">Passer aux informations du pilote<\/button>\n <\/div>\n \n <div class=\"snd-step-container h-hidden\" id=\"step-5\">\n <h3>5. Informations du pilote<\/h3>\n <div class=\"snd-form\">\n <input type=\"text\" id=\"cust-lastname\" placeholder=\"Nom\">\n <input type=\"text\" id=\"cust-firstname\" placeholder=\"Pr\u00e9nom\">\n <input type=\"email\" id=\"cust-email\" placeholder=\"Adresse Email\" class=\"snd-form full\">\n <input type=\"tel\" id=\"cust-tel\" placeholder=\"Num\u00e9ro de T\u00e9l\u00e9phone\" class=\"snd-form full\">\n <\/div>\n <button class=\"snd-cta-btn\" onclick=\"sendFinalRequest()\">R\u00e9server mon stage maintenant<\/button>\n <\/div>\n\n<\/div>\n\n<script>\n const database = {\n \"Le Mans\": {\n dates: [\n { jour: \"14 Mars 2026\", creneaux: [\"08:30\", \"10:30\", \"14:00\", \"16:00\"] },\n { jour: \"18 Mars 2026\", creneaux: [\"08:30\", \"10:30\", \"14:00\", \"16:00\"] },\n { jour: \"25 Juillet 2026\", creneaux: [\"08:30\", \"10:30\", \"14:00\", \"16:00\"] },\n { jour: \"26 Juillet 2026\", creneaux: [\"08:30\", \"10:30\", \"14:00\", \"16:00\"] },\n { jour: \"31 Juillet 2026\", creneaux: [\"08:30\", \"10:30\", \"14:00\", \"16:00\"] },\n { jour: \"26 Ao\u00fbt 2026\", creneaux: [\"08:30\", \"10:30\", \"14:00\", \"16:00\"] },\n { jour: \"31 Ao\u00fbt 2026\", creneaux: [\"08:30\", \"10:30\", \"14:00\", \"16:00\"] },\n { jour: \"06 Septembre 2026\", creneaux: [\"08:30\", \"10:30\", \"14:00\", \"16:00\"] },\n { jour: \"20 Septembre 2026\", creneaux: [\"08:30\", \"10:30\", \"14:00\", \"16:00\"] },\n { jour: \"31 Octobre 2026\", creneaux: [\"08:30\", \"10:30\", \"14:00\", \"16:00\"] },\n { jour: \"01 Novembre 2026\", creneaux: [\"08:30\", \"10:30\", \"14:00\", \"16:00\"] },\n { jour: \"21 Novembre 2026\", creneaux: [\"08:30\", \"10:30\", \"14:00\", \"16:00\"] },\n { jour: \"22 Novembre 2026\", creneaux: [\"08:30\", \"10:30\", \"14:00\", \"16:00\"] }\n ],\n formulas: [\n { name: \"Initiation\", desc: \"5 tours\", price: 399 },\n { name: \"D\u00e9couverte\", desc: \"8 tours\", price: 649 },\n { name: \"Performance\", desc: \"15 tours\", price: 1149 },\n { name: \"Intensif\", desc: \"20 tours\", price: 1499 },\n { name: \"24h \u2013 100 km\", desc: \"24 tours \/ 100 km\", price: 1800 },\n { name: \"Grand Prix\", desc: \"50 tours \/ 210 km\", price: 3600 },\n { name: \"Endurance\", desc: \"60 tours \/ 250 km\", price: 4200 }\n ],\n options: [{ name: \"Bapt\u00eame de piste (1 tour)\", price: 59 }, { name: \"Bapt\u00eame de piste (2 tours)\", price: 99 }, { name: \"Vid\u00e9o embarqu\u00e9e\", price: 59 }]\n },\n \"Dreux\": {\n dates: [{ jour: \"24 Mai 2026\", creneaux: [\"08:30\", \"10:30\", \"14:00\", \"16:00\"] }],\n formulas: [{ name: \"D\u00e9couverte\", desc: \"10 tours\", price: 299 }, { name: \"Performance\", desc: \"15 tours\", price: 429 }, { name: \"Intensif\", desc: \"20 tours\", price: 549 }, { name: \"Grand Prix\", desc: \"40 tours\", price: 1099 }],\n options: [{ name: \"Bapt\u00eame de piste (1 tour)\", price: 29 }, { name: \"Bapt\u00eame de piste (2 tours)\", price: 49 }, { name: \"Vid\u00e9o embarqu\u00e9e\", price: 39 }]\n },\n \"Magny-Cours\": {\n dates: [{ jour: \"22 Mai 2026\", creneaux: [\"08:30\", \"10:30\", \"14:00\", \"16:00\"] }],\n formulas: [{ name: \"D\u00e9couverte\", desc: \"8 tours\", price: 699 }, { name: \"Performance\", desc: \"15 tours\", price: 1199 }, { name: \"Intensif\", desc: \"20 tours\", price: 1549 }, { name: \"Sprint\", desc: \"25 tours\", price: 1900 }, { name: \"Grand Prix\", desc: \"50 tours \/ 220 km\", price: 3600 }, { name: \"Endurance\", desc: \"60 tours \/ 260 km\", price: 4200 }],\n options: [{ name: \"Bapt\u00eame de piste (1 tour)\", price: 59 }, { name: \"Bapt\u00eame de piste (2 tours)\", price: 99 }, { name: \"Vid\u00e9o embarqu\u00e9e\", price: 59 }]\n }\n };\n\n let selection = { circuit: '', date: '', availableTimes: [], time: '', formula: '', formulaPrice: 0, options: [], total: 0 };\n\n \/\/ FIX : On remplace 'center' par 'start' pour arriver pile en haut de section\n function showStep(id) { \n document.getElementById(id).classList.remove('h-hidden'); \n setTimeout(() => { \n document.getElementById(id).scrollIntoView({ behavior: 'smooth', block: 'start' }); \n }, 150);\n }\n\n function nextStep(type, value, el) {\n if (type === 'circuit') {\n selection.circuit = value;\n document.querySelectorAll('#circuit-selection .snd-card').forEach(c => c.classList.remove('active'));\n el.classList.add('active');\n renderDates(); showStep('step-2');\n } \n else if (type === 'date') {\n selection.date = value.jour; \n selection.availableTimes = value.creneaux;\n document.querySelectorAll('.snd-date-badge').forEach(b => b.classList.remove('selected'));\n el.classList.add('selected');\n renderTimes(); showStep('step-3');\n } \n else if (type === 'time') {\n selection.time = value;\n document.querySelectorAll('.snd-time-slot').forEach(s => s.classList.remove('selected'));\n el.classList.add('selected');\n renderFormulas(); showStep('step-4');\n }\n }\n\n \/\/ FIX : Logique de titres par mois b\u00e9tonn\u00e9e\n function renderDates() {\n const container = document.getElementById('date-list-container');\n container.innerHTML = '';\n const datesObj = database[selection.circuit].dates;\n \n const grouped = {};\n datesObj.forEach(dObj => {\n \/\/ On r\u00e9cup\u00e8re \"Mars 2026\" en extrayant tout ce qui suit le premier chiffre + espace\n const monthYear = dObj.jour.split(' ').slice(1).join(' ');\n if (!grouped[monthYear]) grouped[monthYear] = [];\n grouped[monthYear].push(dObj);\n });\n\n for (const month in grouped) {\n const groupDiv = document.createElement('div');\n groupDiv.className = 'snd-month-group';\n \n const title = document.createElement('div');\n title.className = 'snd-month-title';\n title.innerText = month;\n \n const grid = document.createElement('div');\n grid.className = 'snd-dates-grid';\n \n grouped[month].forEach(dObj => {\n const badge = document.createElement('div');\n badge.className = 'snd-date-badge';\n badge.innerText = dObj.jour;\n badge.onclick = () => nextStep('date', dObj, badge);\n grid.appendChild(badge);\n });\n \n groupDiv.appendChild(title);\n groupDiv.appendChild(grid);\n container.appendChild(groupDiv);\n }\n }\n\n function renderTimes() {\n const container = document.getElementById('time-slots-container');\n container.innerHTML = '';\n selection.availableTimes.forEach(tStr => {\n const tDiv = document.createElement('div');\n tDiv.className = 'snd-time-slot';\n tDiv.innerText = tStr;\n tDiv.onclick = () => nextStep('time', tStr, tDiv);\n container.appendChild(tDiv);\n });\n }\n\n function renderFormulas() {\n const fContainer = document.getElementById('formula-options');\n fContainer.innerHTML = '';\n database[selection.circuit].formulas.forEach((f, i) => {\n const card = document.createElement('div');\n card.className = `snd-card ${i === 0 ? 'active' : ''}`;\n if(i === 0) { selection.formula = f.name; selection.formulaPrice = f.price; }\n card.onclick = () => { \n selection.formula = f.name; selection.formulaPrice = f.price; calculateTotal(); \n document.querySelectorAll('#formula-options .snd-card').forEach(c => c.classList.remove('active')); card.classList.add('active');\n };\n card.innerHTML = `<div style=\"font-weight: 800; font-size: 20px; margin-bottom: 5px;\">${f.name}<\/div><div style=\"font-size:14px; opacity:0.7; margin-bottom:15px;\">${f.desc}<\/div><div style=\"font-weight: 800; font-size: 22px; color: var(--accent-orange);\">${f.price}\u20ac<\/div>`;\n fContainer.appendChild(card);\n });\n\n const oContainer = document.getElementById('extra-options-container');\n oContainer.innerHTML = '';\n database[selection.circuit].options.forEach(opt => {\n const item = document.createElement('div');\n item.className = \"snd-option-row\";\n item.innerHTML = `\n <div style=\"display: flex; align-items: center;\">\n <input type=\"checkbox\" data-name=\"${opt.name}\" value=\"${opt.price}\" onchange=\"calculateTotal()\" style=\"transform:scale(1.4); cursor:pointer; margin-right: 15px;\"> \n <span>${opt.name}<\/span>\n <\/div>\n <span style=\"color:var(--accent-orange); font-weight:bold; font-size: 18px;\">+${opt.price}\u20ac<\/span>\n `;\n oContainer.appendChild(item);\n });\n calculateTotal();\n }\n\n function calculateTotal() {\n let optTotal = 0; selection.options = [];\n document.querySelectorAll('#extra-options-container input:checked').forEach(cb => {\n optTotal += parseInt(cb.value); selection.options.push(cb.getAttribute('data-name'));\n });\n selection.total = selection.formulaPrice + optTotal;\n document.getElementById('price-display').innerText = selection.total + '\u20ac';\n }\n\n function showCustomerForm() { showStep('step-5'); }\n\n function sendFinalRequest() {\n const cust = { nom: document.getElementById('cust-lastname').value, prenom: document.getElementById('cust-firstname').value, email: document.getElementById('cust-email').value, tel: document.getElementById('cust-tel').value };\n if(!cust.nom || !cust.email || !cust.tel) { alert(\"Veuillez remplir vos coordonn\u00e9es.\"); return; }\n const body = `Bonjour,\\n\\nDEMANDE DE STAGE :\\n\\n- Client : ${cust.nom.toUpperCase()} ${cust.prenom}\\n- Email : ${cust.email}\\n- Tel : ${cust.tel}\\n\\n- Circuit : ${selection.circuit}\\n- Formule : ${selection.formula}\\n- Date : ${selection.date}\\n- Heure : ${selection.time}\\n- Options : ${selection.options.join(', ') || 'Aucune'}\\n\\nTOTAL : ${selection.total}\u20ac`;\n window.location.href = `mailto:contact@skillsndrive.fr?subject=R\u00e9servation ${selection.circuit}&body=${encodeURIComponent(body)}`;\n }\n<\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>R\u00e9servation Skills n’Drive Configurez votre stage sur mesure \ufe0f Pr\u00eat \u00e0 faire le plein de sensations ? S\u00e9lectionnez votre circuit, choisissez la date parfaite et fa\u00e7onnez l’exp\u00e9rience de pilotage de vos r\u00eaves. 1. Choisissez votre circuit Le Mans Circuit Bugatti Dreux Ouest Parisien Magny-Cours Circuit F1 2. R\u00e9servez votre date 3. D\u00e9finissez votre cr\u00e9neau horaire […]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-335","page","type-page","status-publish","hentry"],"yoast_head":"\n<title>R\u00e9servation stage de pilotage - WordPress<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/skillsndrive.fr\/index.php\/reservation\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"R\u00e9servation stage de pilotage\" \/>\n<meta property=\"og:description\" content=\"R\u00e9servation Skills n’Drive Configurez votre stage sur mesure \ufe0f Pr\u00eat \u00e0 faire le plein de sensations ? S\u00e9lectionnez votre circuit, choisissez la date parfaite et fa\u00e7onnez l’exp\u00e9rience de pilotage de vos r\u00eaves. 1. Choisissez votre circuit Le Mans Circuit Bugatti Dreux Ouest Parisien Magny-Cours Circuit F1 2. R\u00e9servez votre date 3. D\u00e9finissez votre cr\u00e9neau horaire […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/skillsndrive.fr\/index.php\/reservation\/\" \/>\n<meta property=\"og:site_name\" content=\"WordPress\" \/>\n<meta property=\"article:modified_time\" content=\"2026-04-14T19:54:19+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\n\t<meta name=\"twitter:data1\" content=\"8 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/skillsndrive.fr\/index.php\/reservation\/\",\"url\":\"https:\/\/skillsndrive.fr\/index.php\/reservation\/\",\"name\":\"R\u00e9servation stage de pilotage - WordPress\",\"isPartOf\":{\"@id\":\"https:\/\/skillsndrive.fr\/#website\"},\"datePublished\":\"2026-04-14T09:59:41+00:00\",\"dateModified\":\"2026-04-14T19:54:19+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/skillsndrive.fr\/index.php\/reservation\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/skillsndrive.fr\/index.php\/reservation\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/skillsndrive.fr\/index.php\/reservation\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Accueil\",\"item\":\"https:\/\/skillsndrive.fr\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"R\u00e9servation stage de pilotage\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/skillsndrive.fr\/#website\",\"url\":\"https:\/\/skillsndrive.fr\/\",\"name\":\"WordPress\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/skillsndrive.fr\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"}]}<\/script>\n","yoast_head_json":{"title":"R\u00e9servation stage de pilotage - WordPress","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/skillsndrive.fr\/index.php\/reservation\/","og_locale":"fr_FR","og_type":"article","og_title":"R\u00e9servation stage de pilotage","og_description":"R\u00e9servation Skills n’Drive Configurez votre stage sur mesure \ufe0f Pr\u00eat \u00e0 faire le plein de sensations ? S\u00e9lectionnez votre circuit, choisissez la date parfaite et fa\u00e7onnez l’exp\u00e9rience de pilotage de vos r\u00eaves. 1. Choisissez votre circuit Le Mans Circuit Bugatti Dreux Ouest Parisien Magny-Cours Circuit F1 2. R\u00e9servez votre date 3. D\u00e9finissez votre cr\u00e9neau horaire […]","og_url":"https:\/\/skillsndrive.fr\/index.php\/reservation\/","og_site_name":"WordPress","article_modified_time":"2026-04-14T19:54:19+00:00","twitter_card":"summary_large_image","twitter_misc":{"Dur\u00e9e de lecture estim\u00e9e":"8 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/skillsndrive.fr\/index.php\/reservation\/","url":"https:\/\/skillsndrive.fr\/index.php\/reservation\/","name":"R\u00e9servation stage de pilotage - WordPress","isPartOf":{"@id":"https:\/\/skillsndrive.fr\/#website"},"datePublished":"2026-04-14T09:59:41+00:00","dateModified":"2026-04-14T19:54:19+00:00","breadcrumb":{"@id":"https:\/\/skillsndrive.fr\/index.php\/reservation\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/skillsndrive.fr\/index.php\/reservation\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/skillsndrive.fr\/index.php\/reservation\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Accueil","item":"https:\/\/skillsndrive.fr\/"},{"@type":"ListItem","position":2,"name":"R\u00e9servation stage de pilotage"}]},{"@type":"WebSite","@id":"https:\/\/skillsndrive.fr\/#website","url":"https:\/\/skillsndrive.fr\/","name":"WordPress","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/skillsndrive.fr\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"}]}},"_links":{"self":[{"href":"https:\/\/skillsndrive.fr\/index.php\/wp-json\/wp\/v2\/pages\/335","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/skillsndrive.fr\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/skillsndrive.fr\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/skillsndrive.fr\/index.php\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/skillsndrive.fr\/index.php\/wp-json\/wp\/v2\/comments?post=335"}],"version-history":[{"count":0,"href":"https:\/\/skillsndrive.fr\/index.php\/wp-json\/wp\/v2\/pages\/335\/revisions"}],"wp:attachment":[{"href":"https:\/\/skillsndrive.fr\/index.php\/wp-json\/wp\/v2\/media?parent=335"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}