{"id":2337,"date":"2025-10-31T23:29:32","date_gmt":"2025-10-31T22:29:32","guid":{"rendered":"http:\/\/flyvalt.cluster100.hosting.ovh.net\/index.php\/rates\/"},"modified":"2026-09-09T11:07:26","modified_gmt":"2026-09-09T09:07:26","slug":"rates","status":"publish","type":"page","link":"https:\/\/fly-valet.fr\/en\/rates\/","title":{"rendered":"Rates"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"2337\" class=\"elementor elementor-2337\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1bc6061 e-con-full e-transform e-flex e-con e-parent\" data-id=\"1bc6061\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_transform_translateX_effect&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:-86,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:-608,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-91fb680 e-transform elementor-widget elementor-widget-shortcode\" data-id=\"91fb680\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_transform_translateX_effect&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:708,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><div class=\"lang-switcher-wpml\">\n  \n<div role=\"navigation\" aria-label=\"Language Switcher\" class=\"wpml-ls-statics-shortcode_actions wpml-ls wpml-ls-legacy-dropdown-click js-wpml-ls-legacy-dropdown-click\">\n\t<ul>\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\">\n\n\t\t\t\t\t\t\t\t\t<a href=\"#\" hreflang=\"en\" lang=\"en\" class=\"js-wpml-ls-item-toggle wpml-ls-item-toggle\" aria-current=\"page\" aria-expanded=\"false\" aria-controls=\"wpml-ls-submenu-click-default\" aria-haspopup=\"true\" aria-label=\"Language switcher, click to open then tab to navigate\" tabindex=\"0\" role=\"button\" title=\"Switch to English\">\n\t\t\t\t                                    <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            loading=\"lazy\"\n            width=20\n            height=16\n    \/><\/a>\n\n\t\t\t<ul id=\"wpml-ls-submenu-click-default\" class=\"js-wpml-ls-sub-menu wpml-ls-sub-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\">\n\t\t\t\t\t\t<a href=\"https:\/\/fly-valet.fr\/\" hreflang=\"fr\" lang=\"fr\" class=\"wpml-ls-link\" aria-label=\"Switch to French\" title=\"Switch to French\">\n\t\t\t\t\t\t\t                                    <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            loading=\"lazy\"\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\">\n\t\t\t\t\t\t<a href=\"https:\/\/fly-valet.fr\/de\/\" hreflang=\"de\" lang=\"de\" class=\"wpml-ls-link\" aria-label=\"Switch to German\" title=\"Switch to German\">\n\t\t\t\t\t\t\t                                    <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            loading=\"lazy\"\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\n<\/div>\n\n<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d3d4cae e-con-full e-flex e-con e-parent\" data-id=\"d3d4cae\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-06d6da5 elementor-widget elementor-widget-html\" data-id=\"06d6da5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n  :root{\r\n    --rouge-adopark:#DC2626;\r\n    --rouge-hover:#B91C1C;\r\n    --noir:#1F2937;\r\n    --gris:#6B7280;\r\n    --blanc:#FFFFFF;\r\n  }\r\n  *{box-sizing:border-box;margin:0;padding:0}\r\n  html,body{font-family:'Poppins',sans-serif;color:var(--noir);line-height:1.6}\r\n  a{text-decoration:none}\r\n\r\n  \/* ===== Header \/ Nav ===== *\/\r\n  .main-header{\r\n    position:sticky;\r\n    top:0;\r\n    left:0;\r\n    width:100%;\r\n    z-index:9999;\r\n    padding:1rem 0;\r\n    background-color:rgba(255,255,255,.4);\r\n    transition:background-color .4s ease, box-shadow .2s ease;\r\n  }\r\n  .main-header.scrolled{background-color:var(--blanc);box-shadow:0 2px 10px rgba(0,0,0,.1)}\r\n  body.admin-bar .main-header{top:32px}\r\n\r\n  .navbar{\r\n    max-width:1400px;\r\n    margin:0 auto;\r\n    padding:0 40px;\r\n    display:flex;\r\n    justify-content:space-between;\r\n    align-items:center;\r\n    gap:14px\r\n  }\r\n  .nav-logo a{display:flex;align-items:center}\r\n  .nav-logo img{height:50px;width:auto;display:block}\r\n\r\n  .nav-menu{\r\n    display:flex;\r\n    list-style:none;\r\n    gap:2rem;\r\n    margin:0;\r\n    padding:0;\r\n    z-index:990;\r\n  }\r\n  .nav-menu a{\r\n    color:var(--noir);\r\n    font-weight:600;\r\n    position:relative;\r\n    padding-bottom:5px\r\n  }\r\n  .nav-menu a::after{\r\n    content:'';\r\n    position:absolute;\r\n    bottom:0;\r\n    left:0;\r\n    width:100%;\r\n    height:2px;\r\n    background:var(--rouge-adopark);\r\n    transform:scaleX(0);\r\n    transform-origin:left;\r\n    transition:transform .3s\r\n  }\r\n  .nav-menu a:hover::after{transform:scaleX(1)}\r\n\r\n  .nav-right{\r\n    display:flex;\r\n    align-items:center;\r\n    gap:14px;\r\n    position:relative;\r\n    z-index:1002;\r\n  }\r\n\r\n  .nav-cta a{\r\n    background:var(--rouge-adopark);\r\n    color:var(--blanc);\r\n    padding:12px 24px;\r\n    border-radius:6px;\r\n    font-weight:600;\r\n    transition:background .3s;\r\n    -webkit-tap-highlight-color: transparent;\r\n    touch-action: manipulation;\r\n    min-height:44px;\r\n    display:inline-flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n    white-space:nowrap;\r\n  }\r\n  .nav-cta a:hover{background:var(--rouge-hover)}\r\n\r\n  .hamburger{\r\n    display:none;\r\n    cursor:pointer;\r\n    z-index:10001;\r\n  }\r\n  .bar{\r\n    display:block;\r\n    width:25px;\r\n    height:3px;\r\n    margin:5px auto;\r\n    background:var(--noir);\r\n    transition:all .25s ease;\r\n  }\r\n\r\n  \/* Burger \"X\" state *\/\r\n  .hamburger.is-open .bar:nth-child(1){\r\n    transform:translateY(8px) rotate(45deg);\r\n  }\r\n  .hamburger.is-open .bar:nth-child(2){\r\n    opacity:0;\r\n  }\r\n  .hamburger.is-open .bar:nth-child(3){\r\n    transform:translateY(-8px) rotate(-45deg);\r\n  }\r\n\r\n  \/* ===== Responsive \/ Mobile ===== *\/\r\n  @media(max-width:992px){\r\n    body{\r\n      overflow-x:hidden;\r\n    }\r\n\r\n    .navbar{\r\n      padding:0 16px;\r\n      gap:10px;\r\n    }\r\n\r\n    .nav-logo img{\r\n      height:40px;\r\n      max-width:160px;\r\n      object-fit:contain;\r\n    }\r\n\r\n    .nav-menu{\r\n      display:none;\r\n      flex-direction:column;\r\n    }\r\n\r\n    \/* Burger \/ X button: dark circle + white bars *\/\r\n    .hamburger{\r\n      display:flex;\r\n      align-items:center;\r\n      justify-content:center;\r\n      width:32px;\r\n      height:35px;\r\n      border-radius:999px;\r\n      background:red;\r\n    }\r\n    .hamburger .bar{\r\n      background:#fff;\r\n      width:22px;\r\n    }\r\n    .hamburger.is-open{\r\n      background:red;\r\n    }\r\n\r\n    \/* Mobile menu: dropdown under header *\/\r\n    .nav-menu.active{\r\n      display:flex;\r\n      position:absolute;\r\n      top:100%;              \/* under nav bar *\/\r\n      left:0;\r\n      width:100%;\r\n      background:rgba(31,41,55,.97);\r\n      padding:1rem 1.5rem 1.2rem;\r\n      gap:0.8rem;\r\n      z-index:10000;\r\n      align-items:flex-start;\r\n      border-top:1px solid rgba(255,255,255,.06);\r\n      box-shadow:0 16px 32px rgba(0,0,0,.35);\r\n    }\r\n    .nav-menu.active li{\r\n      width:100%;\r\n    }\r\n    .nav-menu.active a{\r\n      display:block;\r\n      width:100%;\r\n      color:var(--blanc);\r\n      font-size:.98rem;\r\n      padding:.2rem 0;\r\n    }\r\n\r\n    .nav-cta a{\r\n      font-size:.9rem;\r\n      padding:8px 14px;\r\n      min-height:40px;\r\n      line-height:1.1;\r\n      border-radius:6px;\r\n    }\r\n\r\n    .nav-right{\r\n      gap:10px;\r\n      flex-shrink:0;\r\n    }\r\n\r\n    #fv-quick-links .fv-icon-btn{\r\n      width:38px;\r\n      height:38px;\r\n      border-radius:10px;\r\n    }\r\n  }\r\n\r\n  @media(max-width:420px){\r\n    .navbar{\r\n      padding:0 10px;\r\n    }\r\n\r\n    .nav-logo img{\r\n      height:34px;\r\n      max-width:135px;\r\n    }\r\n\r\n    .nav-cta a{\r\n      font-size:.8rem;\r\n      padding:6px 10px;\r\n      min-height:36px;\r\n      border-radius:5px;\r\n    }\r\n\r\n    #fv-quick-links{\r\n      gap:8px;\r\n    }\r\n\r\n    #fv-quick-links .fv-icon-btn{\r\n      width:34px;\r\n      height:34px;\r\n    }\r\n\r\n    .hamburger .bar{\r\n      width:20px;\r\n    }\r\n  }\r\n\r\n  \/* Account icon *\/\r\n  #fv-quick-links{display:flex;gap:12px;align-items:center}\r\n  #fv-quick-links .fv-icon-btn{\r\n    position:relative;\r\n    display:inline-flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n    width:42px;\r\n    height:42px;\r\n    border-radius:12px;\r\n    background:#fff;\r\n    border:1px solid #eee;\r\n    box-shadow:0 4px 12px rgba(0,0,0,.08);\r\n    transition:transform .12s ease, box-shadow .15s ease;\r\n    text-decoration:none;\r\n  }\r\n  #fv-quick-links .fv-icon-btn:hover{\r\n    transform:translateY(-1px);\r\n    box-shadow:0 10px 20px rgba(0,0,0,.12);\r\n  }\r\n  #fv-quick-links svg{\r\n    width:22px;\r\n    height:22px;\r\n    fill:#111;\r\n    display:block;\r\n  }\r\n  #fv-quick-links .fv-badge{\r\n    position:absolute;\r\n    right:-6px;\r\n    top:-6px;\r\n    min-width:20px;\r\n    height:20px;\r\n    padding:0 6px;\r\n    border-radius:999px;\r\n    background:#e11e1e;\r\n    color:#fff;\r\n    font-size:12px;\r\n    line-height:20px;\r\n    display:inline-flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n    font-weight:700;\r\n  }\r\n<\/style>\r\n\r\n<header class=\"main-header\">\r\n  <nav class=\"navbar\">\r\n    <div class=\"nav-logo\">\r\n      <a href=\"#\">\r\n        <img decoding=\"async\" src=\"https:\/\/fly-valet.fr\/wp-content\/uploads\/2025\/11\/Logo-1-scaled.png\" alt=\"Adopark Logo\">\r\n      <\/a>\r\n    <\/div>\r\n\r\n    <ul class=\"nav-menu\">\r\n      <li><a href=\"http:\/\/flyvalt.cluster100.hosting.ovh.net\/\">Home<\/a><\/li>\r\n      <li><a href=\"http:\/\/flyvalt.cluster100.hosting.ovh.net\/#apropos\">About<\/a><\/li>\r\n      <li><a href=\"http:\/\/flyvalt.cluster100.hosting.ovh.net\/index.php\/reservation\/\">Booking<\/a><\/li>\r\n      <li><a href=\"http:\/\/flyvalt.cluster100.hosting.ovh.net\/index.php\/tarifs\/\">Prices<\/a><\/li>\r\n      <li><a href=\"https:\/\/fly-valet.fr\/avis-clients-2\/\">Customer reviews<\/a><\/li>\r\n      <li><a href=\"http:\/\/flyvalt.cluster100.hosting.ovh.net\/index.php\/guide-du-service\/\">Service guide<\/a><\/li>\r\n      <li><a href=\"http:\/\/flyvalt.cluster100.hosting.ovh.net\/index.php\/contact\/\">Contact<\/a><\/li>\r\n    <\/ul>\r\n\r\n    <div class=\"nav-right\">\r\n      <div class=\"nav-cta\"><a href=\"https:\/\/fly-valet.fr\/reservation\/\">Book now<\/a><\/div>\r\n      \r\n      <div id=\"fv-quick-links\">\r\n        <a class=\"fv-icon-btn\" href=\"http:\/\/flyvalt.cluster100.hosting.ovh.net\/index.php\/mon-compte\/\"\r\n           aria-label=\"My account\" title=\"My account\">\r\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\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\"\/>\r\n          <\/svg>\r\n        <\/a>\r\n      <\/div>\r\n\r\n      <div class=\"hamburger\" aria-label=\"Menu\" aria-expanded=\"false\" aria-controls=\"primary-menu\">\r\n        <span class=\"bar\"><\/span><span class=\"bar\"><\/span><span class=\"bar\"><\/span>\r\n      <\/div>\r\n    <\/div>\r\n  <\/nav>\r\n<\/header>\r\n\r\n<script>\r\ndocument.addEventListener('DOMContentLoaded', function () {\r\n  var header   = document.querySelector('.main-header');\r\n  var navbar   = document.querySelector('nav.navbar');\r\n  if (!navbar) return;\r\n\r\n  var hamburger = navbar.querySelector('.hamburger');\r\n  var navMenu   = navbar.querySelector('.nav-menu');\r\n\r\n  function toggleMenu(force){\r\n    if (!navMenu || !hamburger) return;\r\n    var willOpen = (typeof force === 'boolean')\r\n      ? force\r\n      : !navMenu.classList.contains('active');\r\n\r\n    if (willOpen){\r\n      navMenu.classList.add('active');\r\n      hamburger.classList.add('is-open');          \/\/ burger -> visible X\r\n      hamburger.setAttribute('aria-expanded','true');\r\n    } else {\r\n      navMenu.classList.remove('active');\r\n      hamburger.classList.remove('is-open');       \/\/ X -> burger\r\n      hamburger.setAttribute('aria-expanded','false');\r\n    }\r\n  }\r\n\r\n  if (hamburger && navMenu) {\r\n    hamburger.addEventListener('click', function(e){\r\n      e.preventDefault();\r\n      e.stopPropagation();\r\n      toggleMenu();\r\n    });\r\n\r\n    window.addEventListener('resize', function(){\r\n      if (window.innerWidth > 992){\r\n        navMenu.classList.remove('active');\r\n        hamburger.classList.remove('is-open');\r\n        hamburger.setAttribute('aria-expanded','false');\r\n      }\r\n    });\r\n  }\r\n\r\n  if (header){\r\n    window.addEventListener('scroll', function(){\r\n      if (window.scrollY > 50) {\r\n        header.classList.add('scrolled');\r\n      } else {\r\n        header.classList.remove('scrolled');\r\n      }\r\n    });\r\n  }\r\n\r\n  \/\/ Optional WooCommerce part\r\n  (function(){\r\n    var countEl = document.getElementById('fv-cart-count');\r\n    if(!countEl) return;\r\n\r\n    var ENDPOINT = '\/?wc-ajax=get_refreshed_fragments';\r\n\r\n    function setCount(n){ countEl.textContent = String(n); }\r\n\r\n    function extractCountFromHTML(html){\r\n      var div = document.createElement('div');\r\n      div.innerHTML = html;\r\n      return div.querySelectorAll('.woocommerce-mini-cart .mini_cart_item').length || 0;\r\n    }\r\n\r\n    function refresh(){\r\n      fetch(ENDPOINT, { credentials:'same-origin' })\r\n        .then(function(res){ return res.json(); })\r\n        .then(function(data){\r\n          var frag = data && data.fragments && data.fragments['div.widget_shopping_cart_content'];\r\n          if(frag){ setCount(extractCountFromHTML(frag)); }\r\n        })\r\n        .catch(function(e){});\r\n    }\r\n\r\n    refresh();\r\n\r\n    if(window.jQuery){\r\n      jQuery(document.body).on('added_to_cart removed_from_cart wc_fragments_refreshed', refresh);\r\n    }\r\n\r\n    setInterval(refresh, 30000);\r\n  })();\r\n\r\n});\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-194e26f e-con-full e-flex e-con e-parent\" data-id=\"194e26f\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b6fdf32 elementor-widget elementor-widget-html\" data-id=\"b6fdf32\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n  <meta charset=\"utf-8\" \/>\r\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\" \/>\r\n  <title>Rates | ADO Park \u2013 Valet Parking Basel-Mulhouse<\/title>\r\n  <meta name=\"description\" content=\"Daily price grid, simulation, options, and summary. Modern, clear, and professional interface.\" \/>\r\n  <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n  <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n  <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;600;800&display=swap\" rel=\"stylesheet\">\r\n  <style>\r\n    :root{\r\n      \/* Light theme: white background + alternating red \/ black \/ gray *\/\r\n      --bg:#ffffff;\r\n      --bg-2:#ffffff;\r\n      --glass:rgba(0,0,0,.03);\r\n      --stroke:#e5e7eb;\r\n      --ink:#0b1210;\r\n      --muted:#4b5563;\r\n      --brand:#ff3b30;\r\n      --brand-2:#111111;\r\n      --ok:#22c55e;\r\n      --radius:18px;\r\n      --shadow:0 12px 28px rgba(0,0,0,.08);\r\n      --max:1120px;\r\n    }\r\n\r\n    *{box-sizing:border-box}\r\n    html,body{margin:0}\r\n    body{\r\n      font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;\r\n      color:var(--ink);\r\n      background: var(--bg);\r\n    }\r\n    .container{width:min(var(--max),92%); margin-inline:auto}\r\n\r\n    \/* Header *\/\r\n    header{padding:28px 0 10px}\r\n    .kicker{display:inline-flex; gap:8px; align-items:center; font-size:12px; color:var(--muted);\r\n      border:1px solid var(--stroke); border-radius:999px; padding:6px 10px; backdrop-filter:blur(8px); background:#f3f4f6}\r\n    h1{font-size:clamp(28px,4.4vw,42px); line-height:1.08; margin:10px 0 6px}\r\n    .sub{margin:0; color:var(--muted); max-width:820px}\r\n\r\n    \/* Cards (light glass) *\/\r\n    .section{margin:22px 0}\r\n    .card{\r\n      border:1px solid var(--stroke);\r\n      border-radius:var(--radius);\r\n      background:linear-gradient(180deg, #ffffff, #f8fafc);\r\n      backdrop-filter: blur(8px);\r\n      box-shadow: var(--shadow);\r\n      overflow:hidden;\r\n    }\r\n    .inner{padding:18px}\r\n\r\n    \/* Table *\/\r\n    table{width:100%; border-collapse:separate; border-spacing:0; overflow:hidden; border-radius:14px; border:1px solid var(--stroke)}\r\n    th,td{padding:12px 14px; text-align:left}\r\n    thead th{\r\n      background:linear-gradient(135deg, var(--brand), var(--brand-2));\r\n      color:#fff; font-weight:700; letter-spacing:.2px;\r\n    }\r\n    tbody tr:nth-child(odd){background:#f8fafc}\r\n    tbody tr:nth-child(even){background:#f1f5f9}\r\n    tbody tr:hover{background:#fee2e2} \/* slight red on hover *\/\r\n    .mono{font-variant-numeric:tabular-nums}\r\n\r\n    \/* Controls *\/\r\n    .toolbar{display:flex; gap:14px; flex-wrap:wrap; align-items:flex-end; margin-bottom:12px}\r\n    .field{display:grid; gap:6px; min-width:220px}\r\n    label span{font-size:13px; color:var(--muted)}\r\n    .input{\r\n      width:100%; padding:12px 14px; border-radius:12px; border:1px solid var(--stroke);\r\n      background:#f8fafc; color:var(--ink); outline:none;\r\n    }\r\n    .input::placeholder{color:#9ca3af}\r\n    .range{width:100%}\r\n    .pill{border:1px solid var(--stroke); padding:6px 10px; border-radius:999px; color:#111; font-size:12px; background:#e5e7eb}\r\n\r\n    \/* Middle grid *\/\r\n    .grid-2{display:grid; grid-template-columns:1fr 1fr; gap:20px}\r\n    @media (max-width: 900px){ .grid-2{grid-template-columns:1fr} }\r\n\r\n    \/* Gauge card *\/\r\n    .gauge-wrap{display:flex; gap:18px; align-items:center; flex-wrap:wrap}\r\n    .gauge{\r\n      width:140px; height:140px; border-radius:50%; position:relative;\r\n      background:\r\n        conic-gradient(var(--brand) calc(var(--p,0)*1%), #111111 0);\r\n      display:grid; place-items:center; border:1px solid var(--stroke);\r\n      box-shadow: inset 0 0 20px rgba(0,0,0,.06);\r\n    }\r\n    .gauge::after{\r\n      content:\"\"; position:absolute; inset:10px; border-radius:50%;\r\n      background:linear-gradient(180deg, #ffffff, #f3f4f6);\r\n      border:1px solid var(--stroke);\r\n    }\r\n    .gauge-value{position:relative; font-weight:800; font-size:22px}\r\n\r\n    \/* Options *\/\r\n    .option{\r\n      display:flex; justify-content:space-between; align-items:center; gap:12px;\r\n      border:1px dashed var(--stroke); border-radius:14px; padding:12px 14px;\r\n      background:#fafafa;\r\n    }\r\n    .muted{color:var(--muted); font-size:13px}\r\n\r\n    \/* Summary bottom *\/\r\n    .summary-rows{display:grid; gap:10px; border-top:1px solid var(--stroke); padding-top:12px}\r\n    .row{display:flex; justify-content:space-between; align-items:center}\r\n    .total{display:flex; justify-content:space-between; align-items:center; font-size:22px; font-weight:800; padding-top:10px}\r\n    .actions{display:flex; justify-content:flex-end; margin-top:14px}\r\n    .btn{\r\n      appearance:none; border:none; cursor:pointer; text-decoration:none;\r\n      padding:12px 16px; border-radius:12px; font-weight:800; color:#fff;\r\n      background:linear-gradient(135deg, #111111, #4b5563); \/* black \u2192 gray *\/\r\n      box-shadow:0 8px 24px rgba(0,0,0,.12), inset 0 -2px 0 rgba(255,255,255,.08);\r\n      transition:transform .15s ease, filter .15s ease;\r\n    }\r\n    .btn:hover{transform:translateY(-1px); filter:brightness(1.05)}\r\n\r\n    \/* Progress bar in summary *\/\r\n    .progress{height:10px; background:#e5e7eb; border-radius:999px; overflow:hidden; border:1px solid var(--stroke)}\r\n    .progress > span{display:block; height:100%; width:0%; background:linear-gradient(90deg, var(--brand), var(--brand-2))}\r\n\r\n    footer{padding:28px 0 44px; color:var(--muted); font-size:14px; text-align:center}\r\n    .h2{margin:0 0 10px; font-size:18px; letter-spacing:.2px}\r\n    .lead{margin:6px 0 0; color:var(--muted)}\r\n  \r\n    \/* ===== Recap (redesign) ===== *\/\r\n    .recap .recap-head{display:flex;justify-content:space-between;align-items:center;gap:12px}\r\n    .chip{padding:6px 10px;border-radius:999px;font-size:12px;border:1px solid var(--stroke)}\r\n    .chip--brand{background:#fee2e2;border-color:#fecaca;color:#991b1b}\r\n    .chip--dark{background:#111;color:#fff;border-color:#111}\r\n    .progress.progress--thin{height:8px;background:#ededed;margin:6px 0 14px}\r\n    .sum{display:grid;gap:8px}\r\n    .sum-item{display:flex;justify-content:space-between;align-items:center;background:#f8fafc;border:1px solid var(--stroke);border-radius:12px;padding:12px 14px}\r\n    .sum-item:nth-child(2){background:#ffffff}\r\n    .sum-item--options{background:#f1f5f9}\r\n    .sum-label{color:var(--muted)}\r\n    .sum-value{font-weight:700}\r\n    .total-wrap{margin-top:6px;border-top:1px solid var(--stroke);padding-top:12px;display:flex;flex-direction:column;gap:6px}\r\n    .total-main{display:flex;justify-content:space-between;align-items:center}\r\n    .big-total{font-size:28px;font-weight:800;color:#111}\r\n    .tot-note{font-size:12px;color:#6b7280}\r\n  <\/style>\r\n<\/head>\r\n<body>\r\n\r\n  <header class=\"container\">\r\n    <span class=\"kicker\">\r\n      <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\"><path d=\"M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20Zm0 6v6\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\"\/><circle cx=\"12\" cy=\"16.5\" r=\"1\" fill=\"currentColor\"\/><\/svg>\r\n      Rates Section\r\n    <\/span>\r\n    <h1>A clear, straightforward rate<\/h1>\r\n    <p class=\"sub\">Check the daily grid, adjust the duration, add options. The total updates automatically.<\/p>\r\n  <\/header>\r\n\r\n  <main class=\"container\">\r\n\r\n    <section class=\"section card\">\r\n      <div class=\"inner\">\r\n        <div class=\"h2\">Daily price grid<\/div>\r\n\r\n        <div class=\"toolbar\" role=\"group\" aria-label=\"Grid controls\"><div class=\"field\" style=\"flex:1 1 320px\">\r\n            <span>Duration simulation<\/span>\r\n            <input class=\"range\" id=\"days\" type=\"range\" min=\"1\" max=\"30\" value=\"2\" aria-label=\"Duration slider (days)\"\/>\r\n            <div style=\"display:flex; gap:10px; align-items:center; flex-wrap:wrap\">\r\n              <span class=\"pill\" id=\"daysBadge\">2 days<\/span>\r\n              <span class=\"pill\" id=\"totalBadge\">Total: \u2014 \u20ac<\/span>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <label class=\"field\" style=\"max-width:160px\">\r\n            <span>Duration (days)<\/span>\r\n            <input class=\"input\" id=\"daysInput\" type=\"number\" min=\"1\" max=\"30\" value=\"2\" aria-label=\"Duration in days\"\/>\r\n          <\/label>\r\n        <\/div>\r\n\r\n        <table aria-label=\"Table of daily rates\">\r\n          <thead><tr><th>Day<\/th><th>Base Price<\/th><th>Launch Offer<\/th><\/tr><\/thead>\r\n          <tbody id=\"priceTable\">\r\n            <\/tbody>\r\n        <\/table>\r\n      <\/div>\r\n    <\/section>\r\n\r\n    <section class=\"section grid-2\">\r\n      <article class=\"card\">\r\n        <div class=\"inner\">\r\n          <div class=\"h2\">Duration & simulation<\/div>\r\n          <p class=\"lead\">Adjust the duration. The gauge indicates the proportion relative to 30 days.<\/p>\r\n\r\n          <div class=\"gauge-wrap\" style=\"margin-top:8px\">\r\n            <div class=\"gauge\" id=\"gauge\" style=\"--p: 6\">\r\n              <div class=\"gauge-value\" id=\"gaugeValue\">2 d<\/div>\r\n            <\/div>\r\n\r\n            <div style=\"flex:1 1 260px; min-width:240px\">\r\n              <label class=\"field\" style=\"margin-bottom:8px\">\r\n                <span>Slider<\/span>\r\n                <input class=\"range\" id=\"days2\" type=\"range\" min=\"1\" max=\"30\" value=\"2\" aria-label=\"Secondary duration slider\"\/>\r\n              <\/label>\r\n\r\n              <div style=\"display:flex; gap:12px; flex-wrap:wrap\">\r\n                <label class=\"field\" style=\"max-width:160px\">\r\n                  <span>Duration (days)<\/span>\r\n                  <input class=\"input\" id=\"daysInput2\" type=\"number\" min=\"1\" max=\"30\" value=\"2\" aria-label=\"Duration in days (copy)\"\/>\r\n                <\/label>\r\n\r\n                <div class=\"summary-rows\" style=\"flex:1 1 220px; min-width:220px; margin:0\">\r\n                  <div class=\"row\"><span>Price \/ day<\/span><span class=\"mono\" id=\"sumDaily\">\u2014 \u20ac<\/span><\/div>\r\n                  <div class=\"row\"><span>Duration<\/span><span class=\"mono\" id=\"sumDays\">2 days<\/span><\/div>\r\n                <\/div>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <article class=\"card\">\r\n        <div class=\"inner\">\r\n          <div class=\"h2\">Options<\/div>\r\n\r\n          <div class=\"option\" aria-live=\"polite\">\r\n            <div>\r\n              <div style=\"display:flex; gap:8px; align-items:center\">\r\n                <strong>Digital vehicle inspection<\/strong> <span class=\"pill\">Included<\/span>\r\n              <\/div>\r\n              <div class=\"muted\">Certified photo report at drop-off and pick-up. Parking location sent.<\/div>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <label class=\"option\" style=\"margin-top:10px\">\r\n            <div>\r\n              <strong>Interior cleaning<\/strong>\r\n              <div class=\"muted\">Your vehicle clean upon your return.<\/div>\r\n            <\/div>\r\n            <div style=\"display:flex; gap:10px; align-items:center\">\r\n              <span class=\"mono\">80 \u20ac<\/span>\r\n              <input type=\"checkbox\" id=\"optClean\" aria-label=\"Add interior cleaning (80 \u20ac)\">\r\n            <\/div>\r\n          <\/label>\r\n\r\n          <label class=\"option\" style=\"margin-top:10px\">\r\n            <div>\r\n              <strong>Electric charging<\/strong>\r\n              <div class=\"muted\">Return with a charged battery.<\/div>\r\n            <\/div>\r\n            <div style=\"display:flex; gap:10px; align-items:center\">\r\n              <span class=\"mono\">20 \u20ac<\/span>\r\n              <input type=\"checkbox\" id=\"optCharge\" aria-label=\"Add electric charging (20 \u20ac)\">\r\n            <\/div>\r\n          <\/label>\r\n\r\n          <div class=\"option\" style=\"margin-top:10px\">\r\n            <div>\r\n              <strong>Fuel top-up<\/strong>\r\n              <div class=\"muted\">Price of fuel + 10 \u20ac service fee. <span class=\"pill\" style=\"margin-left:6px\">Optional<\/span><\/div>\r\n            <\/div>\r\n            <input class=\"input mono\" id=\"fuelEstimate\" type=\"number\" min=\"0\" step=\"1\" placeholder=\"Estimate \u20ac\" style=\"width:150px\" aria-label=\"Fuel estimate\">\r\n          <\/div>\r\n\r\n          <div class=\"option\" style=\"margin-top:10px\">\r\n            <strong>Cancellation insurance<\/strong>\r\n            <span class=\"pill\">Included<\/span>\r\n          <\/div>\r\n\r\n          <div class=\"option\" style=\"margin-top:10px\">\r\n            <strong>Vehicle under cover<\/strong>\r\n            <span class=\"pill\">Included<\/span>\r\n          <\/div>\r\n        <\/div>\r\n      <\/article>\r\n    <\/section>\r\n\r\n    <section class=\"section card\">\r\n      <div class=\"inner recap\">\r\n        <div class=\"recap-head\">\r\n          <div class=\"h2\">Summary<\/div>\r\n          <div class=\"recap-badges\">\r\n            <span class=\"chip chip--dark\">Overview<\/span>\r\n            <span class=\"chip chip--brand\">Estimate<\/span>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"progress progress--thin\" aria-hidden=\"true\"><span id=\"bar\"><\/span><\/div>\r\n\r\n        <div class=\"sum\">\r\n          <div class=\"sum-item\">\r\n            <span class=\"sum-label\">Price per day<\/span>\r\n            <span class=\"sum-value mono\" id=\"sumDailyBottom\">\u2014 \u20ac<\/span>\r\n          <\/div>\r\n          <div class=\"sum-item\">\r\n            <span class=\"sum-label\">Duration<\/span>\r\n            <span class=\"sum-value mono\" id=\"sumDaysBottom\">2 days<\/span>\r\n          <\/div>\r\n          <div class=\"sum-item sum-item--options\">\r\n            <span class=\"sum-label\">Options<\/span>\r\n            <span class=\"sum-value mono\" id=\"sumOptionsBottom\">\u2014 \u20ac<\/span>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"total-wrap\">\r\n          <div class=\"total-main\">\r\n            <span>Estimated total<\/span>\r\n            <span class=\"mono big-total\" id=\"estTotal\">\u2014 \u20ac<\/span>\r\n          <\/div>\r\n          <div class=\"tot-note\">Taxes included \u2022 Excluding actual fuel cost<\/div>\r\n        <\/div>\r\n\r\n        <div class=\"actions\" style=\"margin-top:14px\">\r\n          <a class=\"btn\" href=\"https:\/\/www.adopark.fr\/parking-aeroport-proche-bale-mulhouse###\" aria-label=\"Go to reservation page\">Book now<\/a>\r\n        <\/div>\r\n      <\/div>\r\n    <\/section>\r\n\r\n  <\/main>\r\n\r\n \r\n\r\n  <script>\r\n  \/* ========= Settings ========= *\/\r\n  const MAX_DAYS   = 30;\r\n  let CURRENCY_CODE = 'EUR';\r\n  let CURRENCY_SYMBOL = '\u20ac';\r\n\r\n  \/* ========= Grid Data =========\r\n     Source: Launch Offer (Winter 2025\/2026)\r\n     Rule: beyond 21 days, +7\u20ac \/ day (offer)\r\n  ==================================== *\/\r\n  const OFFER_PRICES = {\r\n    1:35,  2:45,  3:60,  4:70,  5:85,\r\n    6:90,  7:95,  8:99,  9:106, 10:112,\r\n    11:118,12:124,13:130,14:136,15:142,\r\n    16:149,17:156,18:163,19:170,20:177,\r\n    21:184\r\n  };\r\n  const BASE_PRICES = {\r\n    1:40,  2:55,  3:70,  4:85,  5:95,\r\n    6:110, 7:115, 8:120, 9:127, 10:134,\r\n    11:141,12:148,13:155,14:162,15:169,\r\n    16:176,17:182,18:188,19:194,20:200,\r\n    21:206\r\n  };\r\n  const EXTRA_AFTER_21 = 7; \/\/ \u20ac\/day after D21 (offer)\r\n\r\n  \/* ========= Helpers ========= *\/\r\n  const fmt = (n) => new Intl.NumberFormat(\r\n    'en-US', \/\/ <- Modified for US\/English number format\r\n    { style:'currency', currency:CURRENCY_CODE, maximumFractionDigits:0 }\r\n  ).format(n);\r\n\r\n  function getOfferTotal(days){\r\n    const d = Math.max(1, Math.min(MAX_DAYS, parseInt(days||1,10)));\r\n    if (d <= 21) return OFFER_PRICES[d];\r\n    return OFFER_PRICES[21] + (d - 21) * EXTRA_AFTER_21;\r\n  }\r\n  function getBaseTotal(days){\r\n    const d = Math.max(1, Math.min(MAX_DAYS, parseInt(days||1,10)));\r\n    if (d <= 21) return BASE_PRICES[d];\r\n    return BASE_PRICES[21] + (d - 21) * EXTRA_AFTER_21;\r\n  }\r\n\r\n  \/* ========= Selectors ========= *\/\r\n  const daysSlider = document.getElementById('days');\r\n  const daysInput = document.getElementById('daysInput');\r\n  const daysBadge = document.getElementById('daysBadge');\r\n  const totalBadge = document.getElementById('totalBadge');\r\n  const priceTable = document.getElementById('priceTable');\r\n\r\n  const daysSlider2 = document.getElementById('days2');\r\n  const daysInput2  = document.getElementById('daysInput2');\r\n\r\n  const optClean = document.getElementById('optClean');\r\n  const optCharge = document.getElementById('optCharge');\r\n  const fuelEstimate = document.getElementById('fuelEstimate');\r\n\r\n  const gauge = document.getElementById('gauge');\r\n  const gaugeValue = document.getElementById('gaugeValue');\r\n  const bar = document.getElementById('bar');\r\n\r\n  const sumDaily = document.getElementById('sumDaily');\r\n  const sumDays  = document.getElementById('sumDays');\r\n  const sumDailyBottom = document.getElementById('sumDailyBottom');\r\n  const sumDaysBottom  = document.getElementById('sumDaysBottom');\r\n  const sumOptionsBottom = document.getElementById('sumOptionsBottom');\r\n  const estTotal = document.getElementById('estTotal');\r\n\r\n  \/* ========= Logic ========= *\/\r\n  function updateTable(){\r\n    const rows = Array.from({length:MAX_DAYS}, (_,i)=>i+1);\r\n    priceTable.innerHTML = rows.map(r=>{\r\n      const totalOffer = getOfferTotal(r);\r\n      const totalBase  = getBaseTotal(r);\r\n      return `<tr><td>Day ${r}<\/td><td class=\"mono\">${fmt(totalBase)}<\/td><td class=\"mono\">${fmt(totalOffer)}<\/td><\/tr>`;\r\n    }).join('');\r\n  }\r\n\r\n  function setDays(val){\r\n    const v = Math.min(MAX_DAYS, Math.max(1, parseInt(val||1,10)));\r\n    \/\/ sync top\r\n    daysSlider.value = v; daysInput.value = v;\r\n    \/\/ sync middle\r\n    if(daysSlider2) daysSlider2.value = v;\r\n    if(daysInput2)  daysInput2.value  = v;\r\n\r\n    const total = getBaseTotal(v);\r\n    const avgPerDay = total \/ v;\r\n\r\n    daysBadge.textContent  = `${v} ${v>1?'days':'day'}`;\r\n    totalBadge.textContent = `Total: ${fmt(total)}`;\r\n\r\n    \/\/ gauge \/ bar\r\n    const p = (v\/MAX_DAYS)*100;\r\n    gauge.style.setProperty('--p', p);\r\n    gaugeValue.textContent = `${v} d`; \/\/ \"d\" for days\r\n    bar.style.width = `${p}%`;\r\n\r\n    \/\/ recap duration\r\n    sumDays.textContent = daysBadge.textContent;\r\n    sumDaysBottom.textContent = daysBadge.textContent;\r\n  }\r\n\r\n  function estimate(){\r\n    const v = parseInt(daysInput.value||2,10);\r\n    const base = getBaseTotal(v);\r\n    const opts = (optClean?.checked?80:0) + (optCharge?.checked?20:0) + (fuelEstimate.value?parseFloat(fuelEstimate.value):0);\r\n\r\n    const avgPerDay = base \/ Math.max(1,v);\r\n    const dailyTxt = fmt(avgPerDay);\r\n\r\n    sumDaily.textContent = dailyTxt;\r\n    sumDailyBottom.textContent = dailyTxt;\r\n    sumOptionsBottom.textContent = opts===0 ? '\u2014 \u20ac' : fmt(opts);\r\n    estTotal.textContent = fmt(base + opts);\r\n  }\r\n\r\n  \/* ========= Events ========= *\/\r\n  daysSlider.addEventListener('input', e=>{ setDays(e.target.value); estimate(); });\r\n  daysInput.addEventListener('input',  e=>{ setDays(e.target.value); estimate(); });\r\n\r\n  if(daysSlider2) daysSlider2.addEventListener('input', e=>{ setDays(e.target.value); estimate(); });\r\n  if(daysInput2)  daysInput2.addEventListener('input',  e=>{ setDays(e.target.value); estimate(); });\r\n\r\n  [optClean,optCharge,fuelEstimate].forEach(el=> el && el.addEventListener('input', estimate));\r\n\r\n  \/* ========= Init ========= *\/\r\n  (function init(){\r\n    try{\r\n      \/\/ 1) Range max\r\n      daysSlider.max = MAX_DAYS;\r\n      if(daysSlider2) daysSlider2.max = MAX_DAYS;\r\n      if(daysInput2)  daysInput2.max  = MAX_DAYS;\r\n\r\n      \/\/ 2) Table + totals\r\n      updateTable();\r\n      setDays(daysSlider.value);\r\n      estimate();\r\n    } catch(e){\r\n      console.error(e);\r\n      updateTable();\r\n      setDays(daysSlider.value);\r\n      estimate();\r\n    }\r\n  })();\r\n\r\n  \/\/ footer year\r\n  document.getElementById('year').textContent = new Date().getFullYear();\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e0597a7 e-con-full e-flex e-con e-parent\" data-id=\"e0597a7\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d9963e7 elementor-widget elementor-widget-html\" data-id=\"d9963e7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>Adopark Footer - Large Design<\/title>\r\n    \r\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;600;700&display=swap\" rel=\"stylesheet\">\r\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0-beta3\/css\/all.min.css\">\r\n\r\n    <style>\r\n        \/* --- COLOR VARIABLES AND GENERAL STYLES --- *\/\r\n        :root {\r\n            --rouge-adopark: #DC2626;\r\n            --rouge-hover: #B91C1C;\r\n            --noir: #1F2937;\r\n            --gris: #6B7280;\r\n            --blanc: #FFFFFF;\r\n            --fond-page: #F9FAFB;\r\n            --bordure-claire: #E5E7EB;\r\n        }\r\n\r\n        * {\r\n            box-sizing: border-box;\r\n            margin: 0;\r\n            padding: 0;\r\n        }\r\n\r\n        body {\r\n            font-family: 'Poppins', sans-serif;\r\n            display: flex;\r\n            flex-direction: column;\r\n            min-height: 100vh;\r\n            background-color: var(--fond-page);\r\n        }\r\n\r\n        main {\r\n            flex-grow: 1;\r\n        }\r\n        \r\n        a {\r\n            text-decoration: none;\r\n            color: inherit;\r\n        }\r\n\r\n        \/* --- FOOTER DESIGN --- *\/\r\n        .light-footer {\r\n            background-color: var(--blanc);\r\n            color: var(--noir);\r\n            padding: 80px 40px 0 40px;\r\n            border-top: 1px solid var(--bordure-claire);\r\n        }\r\n\r\n        .footer-container {\r\n            max-width: 1400px;\r\n            margin: 0 auto;\r\n        }\r\n\r\n        .footer-grid {\r\n            display: grid;\r\n            grid-template-columns: 1.5fr 1fr 1fr 1.5fr; \r\n            gap: 70px;\r\n            padding-bottom: 60px;\r\n        }\r\n\r\n        .footer-column h3 {\r\n            color: var(--rouge-adopark);\r\n            font-size: 1.9rem;\r\n            margin-bottom: 25px;\r\n            font-weight: 700;\r\n            text-align: center;\r\n        }\r\n\r\n        \/* Column 1: Brand *\/\r\n        .brand-column h4 {\r\n            color: var(--noir);\r\n            font-size: 1.9rem;\r\n            margin-bottom: 15px;\r\n            font-weight: 700;\r\n        }\r\n\r\n        .brand-column p {\r\n            color: var(--gris);\r\n            line-height: 1.7;\r\n            font-size: 1rem;\r\n        }\r\n\r\n        \/* Columns 2 & 3: Lists *\/\r\n        .footer-column ul {\r\n            list-style: none;\r\n        }\r\n\r\n        .footer-column ul li {\r\n            margin-bottom: 15px;\r\n            font-size: 1.9rem;\r\n            color: var(--gris);\r\n        }\r\n\r\n        .footer-column ul a {\r\n            color: var(--noir);\r\n            font-size: 1.6rem;\r\n            transition: color 0.3s ease, padding-left 0.3s ease;\r\n            display: inline-block;\r\n        }\r\n\r\n        .footer-column ul a:hover {\r\n            color: var(--rouge-adopark);\r\n            padding-left: 5px;\r\n        }\r\n\r\n        \/* Column 4: Newsletter and GIF *\/\r\n        .newsletter-form {\r\n            position: relative;\r\n            margin-bottom: 20px;\r\n        }\r\n\r\n        .newsletter-form input {\r\n            width: 100%;\r\n            padding: 15px 20px;\r\n            background-color: var(--fond-page);\r\n            border: 1px solid var(--bordure-claire);\r\n            border-radius: 5px;\r\n            color: var(--noir);\r\n            font-family: 'Poppins', sans-serif;\r\n            font-size: 1rem;\r\n        }\r\n\r\n        .newsletter-form button {\r\n            position: absolute;\r\n            right: 5px;\r\n            top: 5px;\r\n            bottom: 5px;\r\n            background: none;\r\n            border: none;\r\n            color: var(--rouge-adopark);\r\n            cursor: pointer;\r\n            padding: 0 15px;\r\n            font-size: 1.2rem;\r\n            transition: color 0.3s ease;\r\n        }\r\n\r\n        .newsletter-form button:hover {\r\n            color: var(--rouge-hover);\r\n        }\r\n\r\n        .gif-placeholder {\r\n            background-color: var(--fond-page);\r\n            border: 1px dashed var(--bordure-claire);\r\n            border-radius: 5px;\r\n            padding: 20px;\r\n            text-align: center;\r\n            color: var(--gris);\r\n            min-height: 80px;\r\n            display: flex;\r\n            justify-content: center;\r\n            align-items: center;\r\n        }\r\n\r\n        .gif-placeholder p {\r\n            margin: 0;\r\n            font-style: italic;\r\n            font-size: 1rem;\r\n        }\r\n\r\n        \/* Sub-footer for copyright *\/\r\n        .footer-copyright {\r\n            text-align: center;\r\n            padding: 25px 0;\r\n            border-top: 1px solid var(--bordure-claire);\r\n            font-size: 0.9rem;\r\n            color: var(--gris);\r\n        }\r\n\r\n        \/* Responsive *\/\r\n        @media (max-width: 992px) {\r\n            .footer-grid {\r\n                grid-template-columns: 1fr 1fr;\r\n            }\r\n        }\r\n        @media (max-width: 768px) {\r\n            .footer-grid {\r\n                grid-template-columns: 1fr;\r\n                text-align: center;\r\n                gap: 40px;\r\n            }\r\n            .footer-column ul {\r\n                text-align: center;\r\n            }\r\n            .footer-column ul a:hover {\r\n                padding-left: 0;\r\n            }\r\n        }\r\n\r\n        \/* Reduce left column image size *\/\r\n        .brand-column img {\r\n            width: 60%;\r\n            max-width: 250px;\r\n            height: auto;\r\n            display: block;\r\n            margin-top: 20px;\r\n        }\r\n\r\n        \/* Reduce right column (car) image size *\/\r\n        .footer-car-img {\r\n            width: 60%;\r\n            max-width: 220px;\r\n            height: auto;\r\n            display: block;\r\n            margin: 0 auto;\r\n        }\r\n@media (max-width: 768px) {\r\n    \/* Center the logo in the brand column *\/\r\n    .brand-column img {\r\n        margin: 20px auto 0;\r\n    }\r\n}\r\n\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n    <main>\r\n    <\/main>\r\n\r\n    <footer class=\"light-footer\">\r\n        <div class=\"footer-container\">\r\n            <div class=\"footer-grid\">\r\n                <div class=\"footer-column brand-column\">\r\n                    <h4>VALET SERVICE by ADOPARK<\/h4>\r\n                    <p>Premium valet service at Basel-Mulhouse Airport. Peace of mind and security guaranteed for your trips.<\/p>\r\n                    <img decoding=\"async\" src=\"https:\/\/fly-valet.fr\/wp-content\/uploads\/2025\/11\/Logo-1-scaled.png\" alt=\"Top view of parking cars\">\r\n                <\/div>\r\n\r\n                <div class=\"footer-column\">\r\n                    <h3>Services<\/h3>\r\n                    <ul>\r\n                        <li><a href=\"https:\/\/fly-valet.fr\/reservation\/\" target=\"_blank\" rel=\"noopener noreferrer\">Book on Adopark \u2192<\/a><\/li>\r\n                        <li><a href=\"#\">24\/7 service<\/a><\/li>\r\n                        <li><a href=\"#\">Secure and covered parking<\/a><\/li>\r\n                        <li><a href=\"#\">WeProov vehicle inspection<\/a><\/li>\r\n                    <\/ul>\r\n                <\/div>\r\n\r\n                <div class=\"footer-column\">\r\n                    <h3>Contact<\/h3>\r\n                    <ul>\r\n                        <li><a href=\"mailto:valetservice@adopark.fr\">Email: valetservice@adopark.fr<\/a><\/li>\r\n                        <li>Address: Basel-Mulhouse Airport, 68300 Saint-Louis<\/li>\r\n                    <\/ul>\r\n                <\/div>\r\n                \r\n                <div class=\"footer-column\">\r\n                    <h3>Stay informed<\/h3>\r\n                    <form action=\"#\" class=\"newsletter-form\">\r\n                        <input type=\"email\" placeholder=\"Enter your email\">\r\n                        <button type=\"submit\" aria-label=\"Send\"><i class=\"fas fa-arrow-right\"><\/i><\/button>\r\n                    <\/form>\r\n\r\n                    <img decoding=\"async\" class=\"footer-car-img\" 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\">\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n        <div class=\"footer-copyright\">\r\n            <p>\u00a9 2024 Valet Service by Adopark. Premium service for Basel-Mulhouse Airport.<\/p>\r\n        <\/div>\r\n    <\/footer>\r\n\r\n<\/body>\r\n<\/html>\r\n\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>Home About Booking Prices Customer reviews Service guide Contact Book now Rates | ADO Park \u2013 Valet Parking Basel-Mulhouse Rates Section A clear, straightforward rate Check the daily grid, adjust the duration, add options. The total updates automatically. Daily price grid Duration simulation 2 days Total: \u2014 \u20ac Duration (days) Day Base Price Launch Offer &hellip; <a href=\"https:\/\/fly-valet.fr\/en\/rates\/\" class=\"more-link\">Continue reading <span class=\"screen-reader-text\">Rates<\/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-2337","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Rates - Valet Service<\/title>\n<meta name=\"robots\" content=\"noindex, follow\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Rates - Valet Service\" \/>\n<meta property=\"og:description\" content=\"Home About Booking Prices Customer reviews Service guide Contact Book now Rates | ADO Park \u2013 Valet Parking Basel-Mulhouse Rates Section A clear, straightforward rate Check the daily grid, adjust the duration, add options. The total updates automatically. Daily price grid Duration simulation 2 days Total: \u2014 \u20ac Duration (days) Day Base Price Launch Offer &hellip; Continue reading Rates\" \/>\n<meta property=\"og:url\" content=\"https:\/\/fly-valet.fr\/en\/rates\/\" \/>\n<meta property=\"og:site_name\" content=\"Valet Service\" \/>\n<meta property=\"article:modified_time\" content=\"2026-09-09T09:07:26+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/fly-valet.fr\/wp-content\/uploads\/2025\/11\/Logo-1-scaled.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/fly-valet.fr\\\/en\\\/rates\\\/\",\"url\":\"https:\\\/\\\/fly-valet.fr\\\/en\\\/rates\\\/\",\"name\":\"Rates - Valet Service\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/fly-valet.fr\\\/en\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/fly-valet.fr\\\/en\\\/rates\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/fly-valet.fr\\\/en\\\/rates\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/fly-valet.fr\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/Logo-1-scaled.png\",\"datePublished\":\"2025-10-31T22:29:32+00:00\",\"dateModified\":\"2026-09-09T09:07:26+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/fly-valet.fr\\\/en\\\/rates\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/fly-valet.fr\\\/en\\\/rates\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/fly-valet.fr\\\/en\\\/rates\\\/#primaryimage\",\"url\":\"https:\\\/\\\/fly-valet.fr\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/Logo-1-scaled.png\",\"contentUrl\":\"https:\\\/\\\/fly-valet.fr\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/Logo-1-scaled.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/fly-valet.fr\\\/en\\\/rates\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Accueil\",\"item\":\"https:\\\/\\\/fly-valet.fr\\\/en\\\/home-2\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Rates\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/fly-valet.fr\\\/en\\\/#website\",\"url\":\"https:\\\/\\\/fly-valet.fr\\\/en\\\/\",\"name\":\"Fly Valet\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\\\/\\\/fly-valet.fr\\\/en\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/fly-valet.fr\\\/en\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/fly-valet.fr\\\/en\\\/#organization\",\"name\":\"Fly Valet\",\"url\":\"https:\\\/\\\/fly-valet.fr\\\/en\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/fly-valet.fr\\\/en\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/fly-valet.fr\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/Logo-1-scaled.png\",\"contentUrl\":\"https:\\\/\\\/fly-valet.fr\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/Logo-1-scaled.png\",\"width\":2560,\"height\":1179,\"caption\":\"Fly Valet\"},\"image\":{\"@id\":\"https:\\\/\\\/fly-valet.fr\\\/en\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Rates - Valet Service","robots":{"index":"noindex","follow":"follow"},"og_locale":"en_US","og_type":"article","og_title":"Rates - Valet Service","og_description":"Home About Booking Prices Customer reviews Service guide Contact Book now Rates | ADO Park \u2013 Valet Parking Basel-Mulhouse Rates Section A clear, straightforward rate Check the daily grid, adjust the duration, add options. The total updates automatically. Daily price grid Duration simulation 2 days Total: \u2014 \u20ac Duration (days) Day Base Price Launch Offer &hellip; Continue reading Rates","og_url":"https:\/\/fly-valet.fr\/en\/rates\/","og_site_name":"Valet Service","article_modified_time":"2026-09-09T09:07:26+00:00","og_image":[{"url":"https:\/\/fly-valet.fr\/wp-content\/uploads\/2025\/11\/Logo-1-scaled.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/fly-valet.fr\/en\/rates\/","url":"https:\/\/fly-valet.fr\/en\/rates\/","name":"Rates - Valet Service","isPartOf":{"@id":"https:\/\/fly-valet.fr\/en\/#website"},"primaryImageOfPage":{"@id":"https:\/\/fly-valet.fr\/en\/rates\/#primaryimage"},"image":{"@id":"https:\/\/fly-valet.fr\/en\/rates\/#primaryimage"},"thumbnailUrl":"https:\/\/fly-valet.fr\/wp-content\/uploads\/2025\/11\/Logo-1-scaled.png","datePublished":"2025-10-31T22:29:32+00:00","dateModified":"2026-09-09T09:07:26+00:00","breadcrumb":{"@id":"https:\/\/fly-valet.fr\/en\/rates\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/fly-valet.fr\/en\/rates\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/fly-valet.fr\/en\/rates\/#primaryimage","url":"https:\/\/fly-valet.fr\/wp-content\/uploads\/2025\/11\/Logo-1-scaled.png","contentUrl":"https:\/\/fly-valet.fr\/wp-content\/uploads\/2025\/11\/Logo-1-scaled.png"},{"@type":"BreadcrumbList","@id":"https:\/\/fly-valet.fr\/en\/rates\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Accueil","item":"https:\/\/fly-valet.fr\/en\/home-2\/"},{"@type":"ListItem","position":2,"name":"Rates"}]},{"@type":"WebSite","@id":"https:\/\/fly-valet.fr\/en\/#website","url":"https:\/\/fly-valet.fr\/en\/","name":"Fly Valet","description":"","publisher":{"@id":"https:\/\/fly-valet.fr\/en\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/fly-valet.fr\/en\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/fly-valet.fr\/en\/#organization","name":"Fly Valet","url":"https:\/\/fly-valet.fr\/en\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/fly-valet.fr\/en\/#\/schema\/logo\/image\/","url":"https:\/\/fly-valet.fr\/wp-content\/uploads\/2025\/11\/Logo-1-scaled.png","contentUrl":"https:\/\/fly-valet.fr\/wp-content\/uploads\/2025\/11\/Logo-1-scaled.png","width":2560,"height":1179,"caption":"Fly Valet"},"image":{"@id":"https:\/\/fly-valet.fr\/en\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/fly-valet.fr\/en\/wp-json\/wp\/v2\/pages\/2337","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=2337"}],"version-history":[{"count":61,"href":"https:\/\/fly-valet.fr\/en\/wp-json\/wp\/v2\/pages\/2337\/revisions"}],"predecessor-version":[{"id":9116,"href":"https:\/\/fly-valet.fr\/en\/wp-json\/wp\/v2\/pages\/2337\/revisions\/9116"}],"wp:attachment":[{"href":"https:\/\/fly-valet.fr\/en\/wp-json\/wp\/v2\/media?parent=2337"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}