{"id":2311,"date":"2025-11-01T00:22:27","date_gmt":"2025-11-01T00:22:27","guid":{"rendered":"http:\/\/flyvalt.cluster100.hosting.ovh.net\/index.php\/service-guide\/"},"modified":"2025-12-07T21:31:14","modified_gmt":"2025-12-07T21:31:14","slug":"service-guide","status":"publish","type":"page","link":"https:\/\/fly-valet.fr\/en\/service-guide\/","title":{"rendered":"Service Guide"},"content":{"rendered":"<style>\n  :root{\n    --rouge-adopark:#DC2626;\n    --rouge-hover:#B91C1C;\n    --noir:#1F2937;\n    --gris:#6B7280;\n    --blanc:#FFFFFF;\n  }\n  *{box-sizing:border-box;margin:0;padding:0}\n  html,body{font-family:'Poppins',sans-serif;color:var(--noir);line-height:1.6}\n  a{text-decoration:none}\n  \/* ===== Header \/ Nav ===== *\/\n  .main-header{\n    position:sticky;\n    top:0;\n    left:0;\n    width:100%;\n    z-index:9999;\n    padding:1rem 0;\n    background-color:rgba(255,255,255,.4);\n    transition:background-color .4s ease, box-shadow .2s ease;\n  }\n  .main-header.scrolled{background-color:var(--blanc);box-shadow:0 2px 10px rgba(0,0,0,.1)}\n  body.admin-bar .main-header{top:32px}\n  .navbar{\n    max-width:1400px;\n    margin:0 auto;\n    padding:0 40px;\n    display:flex;\n    justify-content:space-between;\n    align-items:center;\n    gap:14px\n  }\n  .nav-logo a{display:flex;align-items:center}\n  .nav-logo img{height:50px;width:auto;display:block}\n  .nav-menu{\n    display:flex;\n    list-style:none;\n    gap:2rem;\n    margin:0;\n    padding:0;\n    z-index:990;\n  }\n  .nav-menu a{\n    color:var(--noir);\n    font-weight:600;\n    position:relative;\n    padding-bottom:5px\n  }\n  .nav-menu a::after{\n    content:'';\n    position:absolute;\n    bottom:0;\n    left:0;\n    width:100%;\n    height:2px;\n    background:var(--rouge-adopark);\n    transform:scaleX(0);\n    transform-origin:left;\n    transition:transform .3s\n  }\n  .nav-menu a:hover::after{transform:scaleX(1)}\n  .nav-right{\n    display:flex;\n    align-items:center;\n    gap:14px;\n    position:relative;\n    z-index:1002;\n  }\n  .nav-cta a{\n    background:var(--rouge-adopark);\n    color:var(--blanc);\n    padding:12px 24px;\n    border-radius:6px;\n    font-weight:600;\n    transition:background .3s;\n    -webkit-tap-highlight-color: transparent;\n    touch-action: manipulation;\n    min-height:44px;\n    display:inline-flex;\n    align-items:center;\n    justify-content:center;\n    white-space:nowrap;\n  }\n  .nav-cta a:hover{background:var(--rouge-hover)}\n  .hamburger{\n    display:none;\n    cursor:pointer;\n    z-index:10001;\n  }\n  .bar{\n    display:block;\n    width:25px;\n    height:3px;\n    margin:5px auto;\n    background:var(--noir);\n    transition:all .25s ease;\n  }\n  \/* \"X\" state of burger *\/\n  .hamburger.is-open .bar:nth-child(1){\n    transform:translateY(8px) rotate(45deg);\n  }\n  .hamburger.is-open .bar:nth-child(2){\n    opacity:0;\n  }\n  .hamburger.is-open .bar:nth-child(3){\n    transform:translateY(-8px) rotate(-45deg);\n  }\n  \/* ===== Responsive \/ Mobile ===== *\/\n  @media(max-width:992px){\n    body{\n      overflow-x:hidden;\n    }\n    .navbar{\n      padding:0 16px;\n      gap:10px;\n    }\n    .nav-logo img{\n      height:40px;\n      max-width:160px;\n      object-fit:contain;\n    }\n    .nav-menu{\n      display:none;\n      flex-direction:column;\n    }\n    \/* Simple burger button: 3 stacked lines *\/\n    .hamburger{\n      display:flex;\n      flex-direction:column;\n      justify-content:space-between;\n      align-items:center;\n      width:24px;\n      height:18px;\n      border-radius:0;\n      background:transparent;\n      cursor:pointer;\n    }\n    .hamburger .bar{\n      width:100%;\n      height:2px;\n      margin:0;\n      background:var(--noir);\n    }\n    .hamburger.is-open{\n      background:transparent;\n    }\n    \/* Mobile menu: dropdown under header *\/\n    .nav-menu.active{\n      display:flex;\n      position:absolute;\n      top:100%;\n      left:0;\n      width:100%;\n      background:rgba(31,41,55,.97);\n      padding:1rem 1.5rem 1.2rem;\n      gap:0.8rem;\n      z-index:10000;\n      align-items:flex-start;\n      border-top:1px solid rgba(255,255,255,.06);\n      box-shadow:0 16px 32px rgba(0,0,0,.35);\n    }\n    .nav-menu.active li{\n      width:100%;\n    }\n    .nav-menu.active a{\n      display:block;\n      width:100%;\n      color:var(--blanc);\n      font-size:.98rem;\n      padding:.2rem 0;\n    }\n    .nav-cta a{\n      font-size:.9rem;\n      padding:8px 14px;\n      min-height:40px;\n      line-height:1.1;\n      border-radius:6px;\n    }\n    .nav-right{\n      gap:10px;\n      flex-shrink:0;\n    }\n    #fv-quick-links .fv-icon-btn{\n      width:38px;\n      height:38px;\n      border-radius:10px;\n    }\n  }\n  @media(max-width:420px){\n    .navbar{\n      padding:0 10px;\n    }\n    .nav-logo img{\n      height:34px;\n      max-width:135px;\n    }\n    .nav-cta a{\n      font-size:.8rem;\n      padding:6px 10px;\n      min-height:36px;\n      border-radius:5px;\n    }\n    #fv-quick-links{\n      gap:8px;\n    }\n    #fv-quick-links .fv-icon-btn{\n      width:34px;\n      height:34px;\n    }\n    .hamburger .bar{\n      width:20px;\n    }\n  }\n  \/* Account icon *\/\n  #fv-quick-links{display:flex;gap:12px;align-items:center}\n  #fv-quick-links .fv-icon-btn{\n    position:relative;\n    display:inline-flex;\n    align-items:center;\n    justify-content:center;\n    width:42px;\n    height:42px;\n    border-radius:12px;\n    background:#fff;\n    border:1px solid #eee;\n    box-shadow:0 4px 12px rgba(0,0,0,.08);\n    transition:transform .12s ease, box-shadow .15s ease;\n    text-decoration:none;\n  }\n  #fv-quick-links .fv-icon-btn:hover{\n    transform:translateY(-1px);\n    box-shadow:0 10px 20px rgba(0,0,0,.12);\n  }\n  #fv-quick-links svg{\n    width:22px;\n    height:22px;\n    fill:#111;\n    display:block;\n  }\n  #fv-quick-links .fv-badge{\n    position:absolute;\n    right:-6px;\n    top:-6px;\n    min-width:20px;\n    height:20px;\n    padding:0 6px;\n    border-radius:999px;\n    background:#e11e1e;\n    color:#fff;\n    font-size:12px;\n    line-height:20px;\n    display:inline-flex;\n    align-items:center;\n    justify-content:center;\n    font-weight:700;\n  }\n<\/style>\n<header>\n<nav>\n      <a href=\"https:\/\/fly-valet.fr\/en\/\"><br \/>\n        <img decoding=\"async\" src=\"https:\/\/fly-valet.fr\/wp-content\/uploads\/2025\/11\/Logo-1-scaled.png\" alt=\"Adopark Logo\"><br \/>\n      <\/a><\/p>\n<ul>\n<li><a href=\"https:\/\/fly-valet.fr\/en\/\">Home<\/a><\/li>\n<li><a href=\"https:\/\/fly-valet.fr\/en\/customer-reviews-2\/\">Customer reviews<\/a><\/li>\n<li><a href=\"https:\/\/fly-valet.fr\/en\/service-guide\/\">Service guide<\/a><\/li>\n<li><a href=\"https:\/\/fly-valet.fr\/en\/contact\/\">Contact<\/a><\/li>\n<\/ul>\n<p>      <a href=\"https:\/\/fly-valet.fr\/en\/booking\/\">Book now<\/a><br \/>\n        <a href=\"https:\/\/fly-valet.fr\/en\/my-account\/\"\n           aria-label=\"My account\" title=\"My account\"><br \/>\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n            <path d=\"M12 12a5 5 0 1 0-5-5 5 5 0 0 0 5 5Zm0 2c-5 0-9 2.5-9 5.5A1.5 1.5 0 0 0 4.5 21h15A1.5 1.5 0 0 0 21 19.5C21 16.5 17 14 12 14Z\"\/>\n          <\/svg><br \/>\n        <\/a><br \/>\n  \n<div class=\"wpml-ls-statics-shortcode_actions wpml-ls wpml-ls-legacy-dropdown-click js-wpml-ls-legacy-dropdown-click\">\n\t<ul role=\"menu\">\n\n\t\t<li class=\"wpml-ls-slot-shortcode_actions wpml-ls-item wpml-ls-item-en wpml-ls-current-language wpml-ls-last-item wpml-ls-item-legacy-dropdown-click\" role=\"none\">\n\n\t\t\t<a href=\"#\" class=\"js-wpml-ls-item-toggle wpml-ls-item-toggle\" role=\"menuitem\" title=\"Switch to English\">\n                                                    <img decoding=\"async\"\n            class=\"wpml-ls-flag\"\n            src=\"https:\/\/fly-valet.fr\/wp-content\/plugins\/sitepress-multilingual-cms\/res\/flags\/en.svg\"\n            alt=\"English\"\n            width=20\n            height=16\n    \/><\/a>\n\n\t\t\t<ul class=\"js-wpml-ls-sub-menu wpml-ls-sub-menu\" role=\"menu\">\n\t\t\t\t\n\t\t\t\t\t<li class=\"wpml-ls-slot-shortcode_actions wpml-ls-item wpml-ls-item-fr wpml-ls-first-item\" role=\"none\">\n\t\t\t\t\t\t<a href=\"https:\/\/fly-valet.fr\/\" class=\"wpml-ls-link\" role=\"menuitem\" aria-label=\"Switch to French\" title=\"Switch to French\">\n                                                                <img decoding=\"async\"\n            class=\"wpml-ls-flag\"\n            src=\"https:\/\/fly-valet.fr\/wp-content\/plugins\/sitepress-multilingual-cms\/res\/flags\/fr.svg\"\n            alt=\"French\"\n            width=20\n            height=16\n    \/><\/a>\n\t\t\t\t\t<\/li>\n\n\t\t\t\t\n\t\t\t\t\t<li class=\"wpml-ls-slot-shortcode_actions wpml-ls-item wpml-ls-item-de\" role=\"none\">\n\t\t\t\t\t\t<a href=\"https:\/\/fly-valet.fr\/de\/\" class=\"wpml-ls-link\" role=\"menuitem\" aria-label=\"Switch to German\" title=\"Switch to German\">\n                                                                <img decoding=\"async\"\n            class=\"wpml-ls-flag\"\n            src=\"https:\/\/fly-valet.fr\/wp-content\/plugins\/sitepress-multilingual-cms\/res\/flags\/de.svg\"\n            alt=\"German\"\n            width=20\n            height=16\n    \/><\/a>\n\t\t\t\t\t<\/li>\n\n\t\t\t\t\t\t\t<\/ul>\n\n\t\t<\/li>\n\n\t<\/ul>\n<\/div>\n<br \/>\n  <\/nav>\n<\/header>\n<p>\t\t\t<!DOCTYPE html><br \/>\n<html lang=\"en\"><br \/>\n<head><br \/>\n<meta charset=\"utf-8\" \/><br \/>\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1\" \/><br \/>\n<title>Service Guide | ADO Park \u2013 Valet B\u00e2le-Mulhouse<\/title><br \/>\n<meta name=\"description\" content=\"The entire ADO Park booking and vehicle handover process: from online reservation to the return of your car, step by step.\" \/>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;600;700&#038;display=swap\" rel=\"stylesheet\">\n<style>\n:root {\n  --red-adopark:#DC2626;  \n  --red-hover:#B91C1C;    \n  --black:#1F2937;        \n  --gray:#6B7280;         \n  --white:#FFFFFF;        \n  --border: rgba(31,41,55,.12);\n  --card: #FFFFFF;\n  --shadow: 0 8px 24px rgba(31,41,55,.08);\n  --radius-xl: 18px;\n}\n* { box-sizing: border-box }\nhtml, body { height: 100% }\nbody {\n  margin: 0;\n  font-family: 'Poppins', system-ui, -apple-system, Segoe UI, Roboto, \"Helvetica Neue\", Arial;\n  color: var(--black);\n  background: var(--white);\n  line-height: 1.6;\n}\n.container { width: min(1100px, 92%); margin-inline: auto }\n\/* Hero *\/\n.hero { padding: 32px 0 12px }\n.eyebrow {\n  display: inline-flex;\n  align-items: center;\n  gap: 10px;\n  border: 1px solid var(--border);\n  padding: 6px 10px;\n  border-radius: 999px;\n  font-size: 14px;\n  color: var(--gray);\n}\nh1 { font-size: clamp(28px, 5vw, 46px); line-height: 1.2; margin: 10px 0 }\n.sub { color: var(--gray); max-width: 900px }\n\/* Timeline *\/\n.timeline { position: relative; margin: 24px 0 8px }\n.timeline::before {\n  content: \"\";\n  position: absolute;\n  left: 24px;\n  top: 0;\n  bottom: 0;\n  width: 2px;\n  background: var(--border);\n}\n.step {\n  position: relative;\n  margin-left: 60px;\n  background: var(--card);\n  border: 1px solid var(--border);\n  border-radius: var(--radius-xl);\n  padding: 18px 18px 16px;\n  box-shadow: var(--shadow);\n  transition: transform .25s ease, box-shadow .25s ease, border-color .2s ease, background-color .2s ease;\n}\n.step:hover, .step:focus-within {\n  transform: translateY(-4px);\n  box-shadow: 0 14px 40px rgba(31,41,55,.14);\n  border-color: var(--red-adopark);\n}\n.step + .step { margin-top: 16px }\n.bullet {\n  position: absolute;\n  left: -48px;\n  top: 18px;\n  width: 36px;\n  height: 36px;\n  border-radius: 50%;\n  background: var(--red-adopark);\n  color: #fff;\n  display: grid;\n  place-items: center;\n  font-weight: 700;\n  box-shadow: 0 6px 18px rgba(220,38,38,.25);\n  transition: transform .25s ease, background-color .2s ease;\n}\n.step:hover .bullet, .step:focus-within .bullet {\n  transform: scale(1.06);\n  background: var(--red-hover);\n}\n.bullet::after {\n  content: \"\";\n  position: absolute;\n  inset: -4px;\n  border-radius: 50%;\n  border: 2px solid rgba(220,38,38,.5);\n  opacity: 0;\n  transform: scale(.85);\n}\n.step:hover .bullet::after, .step:focus-within .bullet::after {\n  animation: pulseRing 1.2s ease-out infinite;\n  opacity: 1;\n}\n.step h3 { margin: 0 0 6px; font-size: 20px }\n.muted { color: var(--gray) }\n.checklist {\n  margin: 8px 0 0;\n  padding-left: 0;\n  list-style: none;\n  display: grid;\n  gap: 6px;\n}\n.checklist li { display: flex; gap: 10px; align-items: flex-start }\n.check {\n  flex: 0 0 20px;\n  width: 20px;\n  height: 20px;\n  border-radius: 6px;\n  border: 1px solid var(--border);\n  display: grid;\n  place-items: center;\n}\n.check svg { display: block }\n\/* Actions *\/\n.actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 10px }\n.btn {\n  appearance: none;\n  border: 1px solid var(--border);\n  background: #fff;\n  color: var(--black);\n  padding: 10px 14px;\n  border-radius: 10px;\n  cursor: pointer;\n  transition: all .15s ease;\n  font-weight: 600;\n  text-decoration: none;\n  display: inline-flex;\n  align-items: center;\n  gap: 10px;\n}\n.btn:hover { transform: translateY(-1px) }\n.btn-primary {\n  background: var(--red-adopark);\n  border-color: var(--red-adopark);\n  color: #fff;\n}\n.btn-primary:hover {\n  background: var(--red-hover);\n  border-color: var(--red-hover);\n}\n.badge {\n  border: 1px dashed var(--border);\n  padding: 6px 10px;\n  border-radius: 999px;\n  color: var(--gray);\n  font-size: 13px;\n}\n\/* Accordion (optional details) *\/\ndetails { margin-top: 8px }\nsummary { cursor: pointer; user-select: none; font-weight: 600 }\nsummary::-webkit-details-marker { display: none }\n.summary { display: flex; align-items: center; gap: 8px }\n\/* Responsive *\/\n@media (max-width:700px){\n  .timeline::before{left:18px}\n  .step{margin-left:48px}\n  .bullet{left:-38px}\n}\n@keyframes pulseRing{\n  0%{ transform: scale(.85); opacity:.8; }\n  70%{ transform: scale(1.35); opacity:0; }\n  100%{ transform: scale(1.35); opacity:0; }\n}\n@media (prefers-reduced-motion: reduce){\n  .step,*{ transition:none !important; }\n  .step:hover .bullet::after, .step:focus-within .bullet::after{ animation:none !important; opacity:0; }\n}\n<\/style>\n<p><\/head><br \/>\n<body><br \/>\n<main><\/p>\n<section id=\"guide\">\n  \ud83d\udcc5 Service Guide<\/p>\n<h1>The Booking &#038; Handover Process<\/h1>\n<p>Here\u2019s how your ADO Park experience works \u2014 from online booking to getting your vehicle back. Simple, fast, and transparent.<\/p>\n<p>    <!-- Step 1 --><\/p>\n<article tabindex=\"0\">\n      1<\/p>\n<h3>Online Booking<\/h3>\n<p>Book in less than 5 minutes on our website.<\/p>\n<ul>\n<li>\u2705Departure \/ return dates and times<\/li>\n<li>\u2705Outbound &#038; return flight numbers (real-time tracking)<\/li>\n<li>\u2705Vehicle registration number<\/li>\n<li>\u2705Mobile phone number<\/li>\n<li>\u2705Create your customer account \u221210% on the 1st booking<\/li>\n<\/ul>\n<p>        <a href=\"http:\/\/flyvalt.cluster100.hosting.ovh.net\/en\/index.php\/booking\/\">Book Now<\/a><br \/>\n        <a href=\"#faq\">View FAQ<\/a><br \/>\n    <\/article>\n<p>    <!-- Step 2 --><\/p>\n<article tabindex=\"0\">\n      2<\/p>\n<h3>The Day Before Departure<\/h3>\n<p>You will automatically receive by email:<\/p>\n<ul>\n<li>\ud83d\udce7Your booking summary<\/li>\n<li>\ud83d\uddfa\ufe0fThe access map to the Express Parking (French side)<\/li>\n<li>\u260e\ufe0fInstructions to contact your valet<\/li>\n<\/ul>\n<\/article>\n<p>    <!-- Step 3 --><\/p>\n<article tabindex=\"0\">\n      3<\/p>\n<h3>Departure Day<\/h3>\n<ul>\n<li>\ud83d\udcdeCall your valet <b>30 minutes before<\/b> your arrival to confirm<\/li>\n<li>\ud83d\udccdMeet at the Express Parking (French side) \u2014 your valet will be waiting for you<\/li>\n<li>\ud83c\udd7f\ufe0fHand over your keys and vehicle<\/li>\n<\/ul>\n<p>        <button id=\"copyPhone\" data-copy=\"+33XXXXXXXXX\">Copy valet\u2019s phone number<\/button><br \/>\n        <button id=\"openMap\">View Route<\/button><\/p>\n<details>\n<summary>\u2139\ufe0f Useful details<\/summary>\n<p>        Have your booking number ready and keep your phone handy to ensure a smooth handover.<br \/>\n      <\/details>\n<\/article>\n<p>    <!-- Step 4 --><\/p>\n<article tabindex=\"0\">\n      4<\/p>\n<h3>The Day Before Return<\/h3>\n<p>You will automatically receive:<\/p>\n<ul>\n<li>\ud83d\udce7Your return information summary<\/li>\n<li>\ud83d\udccdThe meeting point for the vehicle return<\/li>\n<\/ul>\n<\/article>\n<p>    <!-- Step 5 --><\/p>\n<article tabindex=\"0\">\n      5<\/p>\n<h3>Return Day<\/h3>\n<ul>\n<li>\ud83e\uddf3Call your valet <b>after collecting your luggage<\/b><\/li>\n<li>\ud83d\ude97Your vehicle will be returned to you at the Express Parking (French side), ready to go<\/li>\n<\/ul>\n<\/article>\n<p>    <!-- Step 6 \/ After Parking --><\/p>\n<article tabindex=\"0\">\n      \u2705<\/p>\n<h3>After Parking<\/h3>\n<p>An email with photos confirms that your vehicle is safely parked in our premium indoor facility, covered and monitored 24\/7.<\/p>\n<\/article>\n<section id=\"faq\" style=\"margin:22px 0 60px\">\n<h3 style=\"margin:0 0 10px\">Frequently Asked Questions<\/h3>\n<details>\n<summary>Which documents should I prepare?<\/summary>\n<p>      Driver\u2019s license, vehicle registration, booking number, and flight number. Make sure your phone is reachable.<br \/>\n    <\/details>\n<details>\n<summary>Where exactly is the Express Parking on the French side?<\/summary>\n<p>      The exact location is included in the pre-departure email. You can also launch directions via the \u201cView Route\u201d button.<br \/>\n    <\/details>\n<\/section>\n<p>    <a href=\"http:\/\/flyvalt.cluster100.hosting.ovh.net\/en\/index.php\/booking\/\">Book Online<\/a><br \/>\n    <a href=\"mailto:contact@adopark.fr?subject=Question%20about%20the%20guide\">Contact the Team<\/a><br \/>\n<\/section>\n<p><\/main><br \/>\n<\/body><br \/>\n<\/html><br \/>\n\t\t\t\t\t<!DOCTYPE html><br \/>\n<html lang=\"en\"><br \/>\n<head><br \/>\n    <meta charset=\"UTF-8\"><br \/>\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"><br \/>\n    <title>Valet Service Process &#8211; Icons and Arrows<\/title>\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;600;700;800&#038;display=swap\" rel=\"stylesheet\">\n<style>\n        \/* ============================================= *\/\n        \/* --- STYLES G\u00c9N\u00c9RAUX --- *\/\n        \/* ============================================= *\/\n        .roadmap-section * {\n            box-sizing: border-box; \/* Assure une mise en page pr\u00e9visible *\/\n        }\n        .roadmap-section {\n            --rouge: #DC2626;\n            --rouge-hover: #B91C1C; \/* Nouvelle variable pour le rouge au survol *\/\n            --rouge-rgb: 220, 38, 38; \/* RGB pour les ombres *\/\n            --noir: #1F2937;\n            --gris: #6B7280;\n            --blanc: #FFFFFF;\n            --ligne-couleur: #E5E7EB;\n            font-family: \"Poppins\", system-ui, sans-serif;\n            background-color: #F9FAFB;\n            padding: 60px 20px;\n        }\n        .roadmap-section .sec-head {\n            text-align: center;\n            margin-bottom: 60px;\n            max-width: 760px;\n            margin-left: auto;\n            margin-right: auto;\n        }\n        .roadmap-section .sec-title {\n            font-size: clamp(1.8rem, 2.5vw, 2.4rem);\n            color: var(--noir);\n            margin: 0 0 10px;\n            font-weight: 800;\n        }\n        .roadmap-section .sec-sub {\n            color: var(--gris);\n            font-size: 1.1rem;\n            line-height: 1.6;\n        }\n        \/* ======================================== *\/\n        \/* --- DESIGN DE LA TIMELINE AVEC IC\u00d4NES --- *\/\n        \/* ======================================== *\/\n        .icon-timeline-container {\n            position: relative;\n            max-width: 800px;\n            margin: 0 auto;\n            padding: 20px 0;\n        }\n        .icon-timeline-container::after {\n            content: '';\n            position: absolute;\n            width: 2px;\n            background-color: var(--ligne-couleur);\n            top: 0;\n            bottom: 0;\n            left: 50%;\n            margin-left: -1px;\n            z-index: 0;\n        }\n        .timeline-card-item {\n            padding: 10px 0;\n            position: relative;\n            width: 50%;\n            opacity: 0;\n            transform: translateY(40px);\n            transition: all 0.6s ease-out;\n            z-index: 1;\n        }\n        .timeline-card-item.is-visible {\n            opacity: 1;\n            transform: translateY(0);\n        }\n        .timeline-card-item.left {\n            left: 0;\n        }\n        .timeline-card-item.right {\n            left: 50%;\n        }\n        .timeline-icon-wrapper {\n            position: absolute;\n            width: 50px;\n            height: 50px;\n            background-color: var(--blanc);\n            border: 2px solid var(--ligne-couleur);\n            border-radius: 50%;\n            top: 50%;\n            transform: translateY(-50%);\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            font-size: 1.6rem;\n            color: var(--rouge);\n            font-weight: 700;\n            box-shadow: 0 0 0 5px #F9FAFB;\n            transition: all 0.2s ease;\n        }\n        .timeline-card-item.left .timeline-icon-wrapper {\n            right: -25px;\n        }\n        .timeline-card-item.right .timeline-icon-wrapper {\n            left: -25px;\n        }\n        .timeline-card-item .timeline-arrow {\n            position: absolute;\n            width: 0;\n            height: 0;\n            border-top: 10px solid transparent;\n            border-bottom: 10px solid transparent;\n            top: 50%;\n            transform: translateY(-50%);\n        }\n        .timeline-card-item.left .timeline-arrow {\n            border-left: 10px solid var(--ligne-couleur);\n            right: -30px;\n        }\n        .timeline-card-item.right .timeline-arrow {\n            border-right: 10px solid var(--ligne-couleur);\n            left: -30px;\n        }\n        \/* La carte de contenu de l'\u00e9tape *\/\n        .timeline-card-content {\n            padding: 25px 30px;\n            background-color: var(--blanc);\n            border-radius: 12px;\n            border: 1px solid var(--ligne-couleur);\n            box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);\n            transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease; \/* Ajout border-color pour la transition *\/\n        }\n        \/* === MODIFICATION ICI pour le hover rouge === *\/\n        .timeline-card-content:hover {\n            transform: translateY(-5px);\n            border-color: var(--rouge); \/* Bordure rouge au survol *\/\n            box-shadow: 0 8px 30px rgba(var(--rouge-rgb), 0.15); \/* Ombre rouge au survol *\/\n        }\n        \/* =========================================== *\/\n        .timeline-card-content h4 {\n            margin: 0 0 8px 0;\n            font-size: 1.25rem;\n            font-weight: 700;\n            color: var(--noir);\n        }\n        .timeline-card-content p {\n            margin: 0;\n            font-size: 0.95rem;\n            color: var(--gris);\n            line-height: 1.7;\n        }\n        \/* --- Responsive pour les mobiles --- *\/\n        @media screen and (max-width: 768px) {\n            .icon-timeline-container::after {\n                left: 25px;\n            }\n            .timeline-card-item,\n            .timeline-card-item.left,\n            .timeline-card-item.right {\n                width: 100%;\n                left: 0;\n                padding-left: 70px;\n                padding-right: 15px;\n            }\n            .timeline-icon-wrapper,\n            .timeline-card-item.left .timeline-icon-wrapper,\n            .timeline-card-item.right .timeline-icon-wrapper {\n                left: 0;\n                top: 25px;\n                transform: none;\n            }\n            .timeline-arrow,\n            .timeline-card-item.left .timeline-arrow,\n            .timeline-card-item.right .timeline-arrow {\n                display: none;\n            }\n        }\n    <\/style>\n<p><\/head><br \/>\n<body><\/p>\n<section>\n<h2>How Your Valet Service Works<\/h2>\n<p>From booking to return, each step is designed to be simple, clear, and efficient.<\/p>\n<p>                \ud83d\uddd3\ufe0f<\/p>\n<h4>1) Online Booking<\/h4>\n<p>It takes less than 5 minutes. Enter your dates, times, flight number, and license plate to confirm.<\/p>\n<p>                \ud83d\udce7<\/p>\n<h4>2) The Day Before Departure<\/h4>\n<p>Receive an email with the summary, the <strong>access map<\/strong>, and the direct contact details for your valet.<\/p>\n<p>                \ud83d\ude97<\/p>\n<h4>3) Departure Day<\/h4>\n<p>Call your valet <strong>30 minutes before<\/strong> your arrival for perfect synchronization.<\/p>\n<p>                \ud83d\udcf2<\/p>\n<h4>4) The Day Before Your Return<\/h4>\n<p>A confirmation message is sent to you with the exact meeting point for the return.<\/p>\n<p>                \ud83d\udd11<\/p>\n<h4>5) Return Day<\/h4>\n<p>Call after collecting your luggage. Your vehicle will be waiting for you, ready to go.<\/p>\n<p>                \u2705<\/p>\n<h4>\u2705 After Parking<\/h4>\n<p>An email is sent to you with photos confirming that your car is safely parked in our lot.<\/p>\n<\/section>\n<p><\/body><br \/>\n<\/html>\t\t\t\t\t<!DOCTYPE html><br \/>\n<html lang=\"en\"><br \/>\n<head><br \/>\n  <meta charset=\"UTF-8\"><br \/>\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"><br \/>\n  <title>Additional Information<\/title>\n  <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n  <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n  <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;600;700;800&#038;display=swap\" rel=\"stylesheet\">\n<\/head><br \/>\n<body><\/p>\n<section>\n<style>\n      \/* --- Palette & Globals --- *\/\n      .res-page-info {\n        --red: #DC2626; --red-hover: #B91C1C; --red-rgb: 220, 38, 38;\n        --black: #1F2937; --gray: #6B7280; --light-gray: #F3F4F6; --white: #FFFFFF;\n        --shadow-color: 220, 223, 227;\n        font-family: \"Poppins\", system-ui, sans-serif;\n        color: var(--black);\n        background: var(--white); \/* Simple white background for this section *\/\n      }\n      \/* --- Containers & Typography --- *\/\n      .res-page-info .res-wrap { max-width: 1500px; margin: 0 auto; padding: 68px 25px; }\n      .res-page-info .micro { font-size: 1.9rem; color: var(--white); line-height: 1.6; }\n      \/* --- Section Titles --- *\/\n      .res-page-info .sec { padding: 42px 0; }\n      .res-page-info .sec-head { text-align: center; margin-bottom: 48px; }\n      .res-page-info .sec-title { \n        font-size: clamp(2.9rem, 2.5vw, 2.9rem); \n        margin: 0 0 8px; \n        font-weight: 800; \n      }\n      \/* --- Grid & Cards --- *\/\n      .res-page-info .grid { display: grid; gap: 24px; }\n      .res-page-info .grid-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }\n      @media (max-width: 980px) { .res-page-info .grid-3 { grid-template-columns: 1fr 1fr; } }\n      @media (max-width: 640px) { .res-page-info .grid-3 { grid-template-columns: 1fr; } }\n      .res-page-info .card { \n        background: var(--red);\n        border: 1px solid var(--red-hover);\n        border-radius: 16px; \n        padding: 28px 24px; \n        transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;\n        text-align: center;\n        box-shadow: 0 8px 25px rgba(var(--red-rgb), 0.4);\n      }\n      .res-page-info .card-shadow:hover { \n        transform: translateY(-6px); \n        box-shadow: 0 12px 35px rgba(var(--red-rgb), 0.6);\n      }\n      \/* --- Icon Style --- *\/\n      .res-page-info .icon {\n        display: inline-grid;\n        place-items: center;\n        width: 70px;\n        height: 60px;\n        border-radius: 50%;\n        background: var(--white);\n        color: var(--red);\n        font-size: 1.8rem;\n        margin-bottom: 16px;\n        box-shadow: 0 4px 10px rgba(0,0,0,0.15);\n      }\n      .res-page-info .card h2 {\n        font-size: 1.9rem;\n        margin-bottom: 8px;\n        color: var(--white);\n      }\n      \/* ---- Fade-in Animation ---- *\/\n      @keyframes fadeInUp { \n        from { opacity: 0; transform: translateY(30px); } \n        to { opacity: 1; transform: translateY(0); } \n      }\n      .res-page-info .animated-card { \n        opacity: 0; \n        animation: fadeInUp 0.8s ease-out forwards; \n      }\n      .res-page-info .animated-card:nth-child(1) { animation-delay: 0.2s; }\n      .res-page-info .animated-card:nth-child(2) { animation-delay: 0.4s; }\n      .res-page-info .animated-card:nth-child(3) { animation-delay: 0.6s; }\n    <\/style>\n<h2>Additional Information<\/h2>\n<p>          \ud83c\udff7\ufe0f<\/p>\n<h2>Transparent Pricing<\/h2>\n<p>Clear and fixed prices, displayed before confirmation. No surprises.<\/p>\n<p>          \ud83c\udf19<\/p>\n<h2>24\/7 Service<\/h2>\n<p>Available for all flights, including early mornings and late nights.<\/p>\n<p>          \ud83d\udee1\ufe0f<\/p>\n<h2>Insurance Included<\/h2>\n<p>Your vehicle is covered throughout the entire parking period.<\/p>\n<\/section>\n<p><\/body><br \/>\n<\/html><br \/>\n\t\t\t\t\t<!DOCTYPE html><br \/>\n<html lang=\"en\"><br \/>\n<head><br \/>\n    <meta charset=\"UTF-8\"><br \/>\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"><br \/>\n    <title>Adopark Footer &#8211; Large Design<\/title>\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;600;700&#038;display=swap\" rel=\"stylesheet\">\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0-beta3\/css\/all.min.css\">\n<style>\n        \/* --- COLOR VARIABLES AND GENERAL STYLES --- *\/\n        :root {\n            --rouge-adopark: #DC2626;\n            --rouge-hover: #B91C1C;\n            --noir: #1F2937;\n            --gris: #6B7280;\n            --blanc: #FFFFFF;\n            --fond-page: #F9FAFB;\n            --bordure-claire: #E5E7EB;\n        }\n        * {\n            box-sizing: border-box;\n            margin: 0;\n            padding: 0;\n        }\n        body {\n            font-family: 'Poppins', sans-serif;\n            display: flex;\n            flex-direction: column;\n            min-height: 100vh;\n            background-color: var(--fond-page);\n        }\n        main {\n            flex-grow: 1;\n        }\n        a {\n            text-decoration: none;\n            color: inherit;\n        }\n        \/* --- FOOTER DESIGN --- *\/\n        .light-footer {\n            background-color: var(--blanc);\n            color: var(--noir);\n            padding: 80px 40px 0 40px;\n            border-top: 1px solid var(--bordure-claire);\n        }\n        .footer-container {\n            max-width: 1400px;\n            margin: 0 auto;\n        }\n        .footer-grid {\n            display: grid;\n            grid-template-columns: 1.5fr 1fr 1fr 1.5fr; \n            gap: 70px;\n            padding-bottom: 60px;\n        }\n        .footer-column h3 {\n            color: var(--rouge-adopark);\n            font-size: 1.9rem;\n            margin-bottom: 25px;\n            font-weight: 700;\n            text-align: center;\n        }\n        \/* Column 1: Brand *\/\n        .brand-column h4 {\n            color: var(--noir);\n            font-size: 1.9rem;\n            margin-bottom: 15px;\n            font-weight: 700;\n        }\n        .brand-column p {\n            color: var(--gris);\n            line-height: 1.7;\n            font-size: 1rem;\n        }\n        \/* Columns 2 & 3: Lists *\/\n        .footer-column ul {\n            list-style: none;\n        }\n        .footer-column ul li {\n            margin-bottom: 15px;\n            font-size: 1.9rem;\n            color: var(--gris);\n        }\n        .footer-column ul a {\n            color: var(--noir);\n            font-size: 1.6rem;\n            transition: color 0.3s ease, padding-left 0.3s ease;\n            display: inline-block;\n        }\n        .footer-column ul a:hover {\n            color: var(--rouge-adopark);\n            padding-left: 5px;\n        }\n        \/* Column 4: Newsletter and GIF *\/\n        .newsletter-form {\n            position: relative;\n            margin-bottom: 20px;\n        }\n        .newsletter-form input {\n            width: 100%;\n            padding: 15px 20px;\n            background-color: var(--fond-page);\n            border: 1px solid var(--bordure-claire);\n            border-radius: 5px;\n            color: var(--noir);\n            font-family: 'Poppins', sans-serif;\n            font-size: 1rem;\n        }\n        .newsletter-form button {\n            position: absolute;\n            right: 5px;\n            top: 5px;\n            bottom: 5px;\n            background: none;\n            border: none;\n            color: var(--rouge-adopark);\n            cursor: pointer;\n            padding: 0 15px;\n            font-size: 1.2rem;\n            transition: color 0.3s ease;\n        }\n        .newsletter-form button:hover {\n            color: var(--rouge-hover);\n        }\n        .gif-placeholder {\n            background-color: var(--fond-page);\n            border: 1px dashed var(--bordure-claire);\n            border-radius: 5px;\n            padding: 20px;\n            text-align: center;\n            color: var(--gris);\n            min-height: 80px;\n            display: flex;\n            justify-content: center;\n            align-items: center;\n        }\n        .gif-placeholder p {\n            margin: 0;\n            font-style: italic;\n            font-size: 1rem;\n        }\n        \/* Sub-footer for copyright *\/\n        .footer-copyright {\n            text-align: center;\n            padding: 25px 0;\n            border-top: 1px solid var(--bordure-claire);\n            font-size: 0.9rem;\n            color: var(--gris);\n        }\n        \/* Responsive *\/\n        @media (max-width: 992px) {\n            .footer-grid {\n                grid-template-columns: 1fr 1fr;\n            }\n        }\n        @media (max-width: 768px) {\n            .footer-grid {\n                grid-template-columns: 1fr;\n                text-align: center;\n                gap: 40px;\n            }\n            .footer-column ul {\n                text-align: center;\n            }\n            .footer-column ul a:hover {\n                padding-left: 0;\n            }\n        }\n        \/* Reduce left column image size *\/\n        .brand-column img {\n            width: 60%;\n            max-width: 250px;\n            height: auto;\n            display: block;\n            margin-top: 20px;\n        }\n        \/* Reduce right column (car) image size *\/\n        .footer-car-img {\n            width: 60%;\n            max-width: 220px;\n            height: auto;\n            display: block;\n            margin: 0 auto;\n        }\n@media (max-width: 768px) {\n    \/* Center the logo in the brand column *\/\n    .brand-column img {\n        margin: 20px auto 0;\n    }\n}\n    <\/style>\n<p><\/head><br \/>\n<body><br \/>\n    <main><br \/>\n    <\/main><\/p>\n<footer>\n<h4>VALET SERVICE by ADOPARK<\/h4>\n<p>Premium valet service at Basel-Mulhouse Airport. Peace of mind and security guaranteed for your trips.<\/p>\n<p>                    <img decoding=\"async\" src=\"https:\/\/fly-valet.fr\/wp-content\/uploads\/2025\/11\/Logo-1-scaled.png\" alt=\"Top view of parking cars\"><\/p>\n<h3>Services<\/h3>\n<ul>\n<li><a href=\"https:\/\/fly-valet.fr\/en\/booking\/\" target=\"_blank\" rel=\"noopener noreferrer\">Book on Adopark \u2192<\/a><\/li>\n<li><a href=\"#\">24\/7 service<\/a><\/li>\n<li><a href=\"#\">Secure and covered parking<\/a><\/li>\n<\/ul>\n<h3>Contact<\/h3>\n<ul>\n<li><a href=\"mailto:valetservice@adopark.fr\">Email: valetservice@adopark.fr<\/a><\/li>\n<li>head office : 10 rue jean Monnet BARTENHEIM 68870<\/li>\n<\/ul>\n<h3>Stay informed<\/h3>\n<form action=\"#\">\n                        <input type=\"email\" placeholder=\"Enter your email\"><br \/>\n                        <button type=\"submit\" aria-label=\"Send\"><\/button><br \/>\n                    <\/form>\n<p>                    <img decoding=\"async\" src=\"https:\/\/fly-valet.fr\/wp-content\/uploads\/2025\/10\/depositphotos_52470577-stock-photo-red-car-on-white-background.jpg\" alt=\"Top view of parking cars\"><\/p>\n<p>\u00a9 2024 Valet Service by Adopark. Premium service for Basel-Mulhouse Airport.<a href=\"\" style=\"color: red;\">Site map<\/a><\/p>\n<\/footer>\n<p><\/body><br \/>\n<\/html><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Home Customer reviews Service guide Contact Book now Service Guide | ADO Park \u2013 Valet B\u00e2le-Mulhouse \ud83d\udcc5 Service Guide The Booking &#038; Handover Process Here\u2019s how your ADO Park experience works \u2014 from online booking to getting your vehicle back. Simple, fast, and transparent. 1 Online Booking Book in less than 5 minutes on our &hellip; <a href=\"https:\/\/fly-valet.fr\/en\/service-guide\/\" class=\"more-link\">Continue reading <span class=\"screen-reader-text\">Service Guide<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"_glsr_average":0,"_glsr_ranking":0,"_glsr_reviews":0,"footnotes":""},"class_list":["post-2311","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/fly-valet.fr\/en\/wp-json\/wp\/v2\/pages\/2311","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/fly-valet.fr\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/fly-valet.fr\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/fly-valet.fr\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/fly-valet.fr\/en\/wp-json\/wp\/v2\/comments?post=2311"}],"version-history":[{"count":62,"href":"https:\/\/fly-valet.fr\/en\/wp-json\/wp\/v2\/pages\/2311\/revisions"}],"predecessor-version":[{"id":6559,"href":"https:\/\/fly-valet.fr\/en\/wp-json\/wp\/v2\/pages\/2311\/revisions\/6559"}],"wp:attachment":[{"href":"https:\/\/fly-valet.fr\/en\/wp-json\/wp\/v2\/media?parent=2311"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}