{"id":7068,"date":"2026-04-16T20:00:06","date_gmt":"2026-04-16T19:00:06","guid":{"rendered":"https:\/\/vtcmaroc.com\/?page_id=7068"},"modified":"2026-05-08T13:55:22","modified_gmt":"2026-05-08T12:55:22","slug":"navette-aeroport","status":"publish","type":"page","link":"https:\/\/vtcmaroc.com\/en_US\/navette-aeroport\/","title":{"rendered":"Navette A\u00e9roport"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"7068\" class=\"elementor elementor-7068\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c87caa5 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-parent\" data-id=\"c87caa5\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-cd5d594 elementor-widget elementor-widget-html\" data-id=\"cd5d594\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- ============================================================\n     VTC MAROC \u2014 Hero Navette A\u00e9roport\n     Usage : Section Elementor pleine largeur, padding 0\n     Remplacer l'URL de la photo par votre image r\u00e9elle\n     ============================================================ -->\n\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,600;1,300;1,400&family=DM+Sans:wght@300;400;500;600&display=swap\" rel=\"stylesheet\">\n\n<style>\n.h4 *, .h4 *::before, .h4 *::after { box-sizing: border-box; margin: 0; padding: 0; }\n\n\/* \u2550\u2550 HERO WRAPPER \u2550\u2550 *\/\n.h4 {\n  font-family: 'DM Sans', sans-serif;\n  width: 100%;\n  min-height: 100vh;\n  position: relative;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  overflow: hidden;\n}\n\n\/* Photo de fond \u2014 remplacez l'URL par votre image *\/\n.h4-bg {\n  position: absolute;\n  inset: 0;\n  background-image: url('https:\/\/images.unsplash.com\/photo-1436491865332-7a61a109cc05?w=1600&q=80');\n  background-size: cover;\n  background-position: center 60%;\n  transform: scale(1.04);\n  animation: h4-zoom 12s ease-out both;\n}\n\n@keyframes h4-zoom {\n  from { transform: scale(1.1); }\n  to   { transform: scale(1.04); }\n}\n\n\/* Overlay d\u00e9grad\u00e9 *\/\n.h4-overlay {\n  position: absolute;\n  inset: 0;\n  background: linear-gradient(\n    105deg,\n    rgba(8,8,8,0.88) 0%,\n    rgba(8,8,8,0.65) 45%,\n    rgba(8,8,8,0.30) 100%\n  );\n}\n\n\/* \u2550\u2550 CONTENU \u2550\u2550 *\/\n.h4-inner {\n  position: relative;\n  z-index: 2;\n  width: 100%;\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: 80px 48px;\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 80px;\n  align-items: center;\n  animation: h4-in 0.9s cubic-bezier(0.4,0,0.2,1) both;\n}\n\n@keyframes h4-in {\n  from { opacity: 0; transform: translateY(20px); }\n  to   { opacity: 1; transform: translateY(0); }\n}\n\n\/* \u2550\u2550 PARTIE GAUCHE \u2014 Texte \u2550\u2550 *\/\n.h4-left {\n  display: flex;\n  flex-direction: column;\n  gap: 0;\n}\n\n.h4-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 10px;\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.32em;\n  text-transform: uppercase;\n  color: rgba(255,255,255,0.5);\n  margin-bottom: 28px;\n}\n\n.h4-badge-dot {\n  width: 7px;\n  height: 7px;\n  background: #fff;\n  border-radius: 50%;\n  animation: h4-pulse 2.5s ease infinite;\n  flex-shrink: 0;\n}\n\n@keyframes h4-pulse {\n  0%,100% { opacity: 1; transform: scale(1); }\n  50%      { opacity: 0.3; transform: scale(0.6); }\n}\n\n.h4-left h1 {\n  font-family: 'Cormorant Garamond', serif !important;\n  font-size: clamp(52px, 6vw, 80px) !important;\n  font-weight: 300 !important;\n  line-height: 1.08 !important;\n  color: #fff !important;\n  margin: 0 0 28px 0 !important;\n  padding: 0 !important;\n  border: none !important;\n  letter-spacing: -0.02em;\n}\n\n.h4-left h1 em {\n  font-style: italic;\n  color: rgba(255,255,255,0.65);\n}\n\n.h4-divider {\n  width: 48px;\n  height: 1px;\n  background: rgba(255,255,255,0.3);\n  margin-bottom: 24px;\n}\n\n.h4-desc {\n  font-size: 16px;\n  font-weight: 300;\n  color: rgba(255,255,255,0.55);\n  line-height: 1.75;\n  margin-bottom: 40px;\n}\n\n.h4-features {\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n}\n\n.h4-feature {\n  display: flex;\n  align-items: center;\n  gap: 14px;\n}\n\n.h4-feature-ico {\n  width: 32px;\n  height: 32px;\n  border: 1px solid rgba(255,255,255,0.15);\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n  color: rgba(255,255,255,0.5);\n}\n\n.h4-feature-ico svg { width: 14px; height: 14px; }\n\n.h4-feature-txt {\n  font-size: 13px;\n  font-weight: 300;\n  color: rgba(255,255,255,0.5);\n  letter-spacing: 0.03em;\n}\n\n\/* \u2550\u2550 PARTIE DROITE \u2014 Formulaire \u2550\u2550 *\/\n.h4-form {\n  background: rgba(255,255,255,0.97);\n  backdrop-filter: blur(20px);\n  padding: 40px 36px 36px;\n  border-top: 3px solid #0a0a0a;\n}\n\n.h4-form-title {\n  font-size: 11px;\n  font-weight: 600;\n  letter-spacing: 0.26em;\n  text-transform: uppercase;\n  color: #999;\n  margin-bottom: 24px;\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  font-family: 'DM Sans', sans-serif;\n}\n\n.h4-form-title::after {\n  content: '';\n  flex: 1;\n  height: 1px;\n  background: #eee;\n}\n\n\/* Toggle *\/\n.h4-toggle {\n  display: flex;\n  margin-bottom: 22px;\n  border-bottom: 1.5px solid #eee;\n}\n\ndiv.h4 div.h4-form div.h4-toggle button.h4-tab,\ndiv.h4 div.h4-form div.h4-toggle button.h4-tab:hover,\ndiv.h4 div.h4-form div.h4-toggle button.h4-tab:focus,\ndiv.h4 div.h4-form div.h4-toggle button.h4-tab:active,\ndiv.h4 div.h4-form div.h4-toggle button.h4-tab.h4-active {\n  background: transparent !important;\n  background-color: transparent !important;\n  background-image: none !important;\n  border: none !important;\n  border-radius: 0 !important;\n  box-shadow: none !important;\n  outline: none !important;\n  -webkit-appearance: none !important;\n  appearance: none !important;\n  padding: 0 0 13px 0 !important;\n  margin: 0 24px 0 0 !important;\n  font-family: 'DM Sans', sans-serif !important;\n  font-size: 13px !important;\n  font-weight: 400 !important;\n  letter-spacing: 0.04em !important;\n  text-transform: none !important;\n  cursor: pointer !important;\n  position: relative !important;\n  transition: color 0.2s !important;\n  display: inline-block !important;\n  line-height: 1 !important;\n  text-decoration: none !important;\n}\n\ndiv.h4 div.h4-form div.h4-toggle button.h4-tab { color: #bbb !important; }\ndiv.h4 div.h4-form div.h4-toggle button.h4-tab:hover { color: #555 !important; }\ndiv.h4 div.h4-form div.h4-toggle button.h4-tab.h4-active { color: #0a0a0a !important; font-weight: 600 !important; }\n\ndiv.h4 div.h4-form div.h4-toggle button.h4-tab::after {\n  content: '' !important;\n  position: absolute !important;\n  bottom: -1.5px !important;\n  left: 0 !important; right: 0 !important;\n  height: 2px !important;\n  background: #0a0a0a !important;\n  transform: scaleX(0) !important;\n  transition: transform 0.25s ease !important;\n}\n\ndiv.h4 div.h4-form div.h4-toggle button.h4-tab.h4-active::after {\n  transform: scaleX(1) !important;\n}\n\n\/* Champs *\/\n.h4-fields { display: flex; flex-direction: column; gap: 0; }\n\n.h4-field {\n  display: flex;\n  flex-direction: column;\n  padding: 13px 0;\n  border-bottom: 1px solid #f0f0f0;\n  position: relative;\n  transition: border-color 0.2s;\n}\n\n.h4-field:first-child { padding-top: 0; }\n.h4-field:focus-within { border-bottom-color: #0a0a0a; }\n\n.h4-field label {\n  font-size: 11px !important;\n  font-weight: 600 !important;\n  letter-spacing: 0.2em !important;\n  text-transform: uppercase !important;\n  color: #aaa !important;\n  margin: 0 0 6px 0 !important;\n  padding: 0 !important;\n  transition: color 0.2s;\n  font-family: 'DM Sans', sans-serif !important;\n  display: block !important;\n}\n\n.h4-field:focus-within label { color: #0a0a0a !important; }\n\n.h4-field label .req { color: #0a0a0a; margin-left: 2px; font-size: 13px; }\n\n.h4-opt {\n  font-size: 10px;\n  font-weight: 300;\n  color: #bbb;\n  font-style: italic;\n  margin-left: 5px;\n  text-transform: none;\n  letter-spacing: 0.03em;\n}\n\n.h4-field input,\n.h4-field select,\n.h4-field textarea {\n  background: transparent !important;\n  border: none !important;\n  border-radius: 0 !important;\n  outline: none !important;\n  box-shadow: none !important;\n  padding: 0 28px 0 0 !important;\n  font-family: 'DM Sans', sans-serif !important;\n  font-size: 15px !important;\n  font-weight: 400 !important;\n  color: #0a0a0a !important;\n  line-height: 1.4 !important;\n  width: 100% !important;\n  margin: 0 !important;\n  -webkit-appearance: none;\n  appearance: none;\n  resize: none !important;\n}\n\n.h4-field textarea { min-height: 55px; padding: 0 !important; line-height: 1.6 !important; }\n.h4-field input::placeholder, .h4-field textarea::placeholder { color: #ccc; font-weight: 300; }\n.h4-field select { cursor: pointer; }\n.h4-field select option { background: #fff; color: #0a0a0a; }\n.h4-field input[type=\"date\"], .h4-field input[type=\"time\"] { color-scheme: light; }\n\n.h4-field-ico {\n  position: absolute;\n  right: 0; bottom: 15px;\n  color: #ddd;\n  pointer-events: none;\n  transition: color 0.2s;\n}\n\n.h4-field:focus-within .h4-field-ico { color: #888; }\n.h4-field-ico svg { width: 15px; height: 15px; }\n\n.h4-row {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 0 24px;\n}\n\n\/* CTA *\/\n.h4-cta {\n  margin-top: 22px;\n  width: 100%;\n  padding: 18px 22px;\n  background: #0a0a0a;\n  border: none !important;\n  border-radius: 0 !important;\n  color: #fff !important;\n  font-family: 'DM Sans', sans-serif !important;\n  font-size: 11px !important;\n  font-weight: 600 !important;\n  letter-spacing: 0.22em !important;\n  text-transform: uppercase !important;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 14px;\n  position: relative;\n  overflow: hidden;\n  transition: color 0.3s;\n  box-shadow: none !important;\n}\n\n.h4-cta::before {\n  content: '';\n  position: absolute;\n  inset: 0;\n  background: #fff;\n  transform: translateX(-101%);\n  transition: transform 0.45s cubic-bezier(0.77,0,0.18,1);\n}\n\n.h4-cta:hover::before { transform: translateX(0); }\n.h4-cta:hover { color: #0a0a0a !important; }\n.h4-cta > * { position: relative; z-index: 1; }\n\n.h4-cta-arrow {\n  width: 34px;\n  height: 34px;\n  border: 1px solid rgba(255,255,255,0.25);\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  transition: border-color 0.3s, transform 0.3s;\n  flex-shrink: 0;\n}\n\n.h4-cta:hover .h4-cta-arrow { border-color: rgba(0,0,0,0.15); transform: translateX(4px); }\n.h4-cta-arrow svg { width: 13px; height: 13px; }\n\n\/* Validation *\/\n@keyframes h4-shake {\n  0%,100% { transform: translateX(0); }\n  25%,75% { transform: translateX(-5px); }\n  50%     { transform: translateX(5px); }\n}\n\n.h4-err { animation: h4-shake 0.35s ease; }\n.h4-err label { color: #c0392b !important; }\n.h4-err { border-bottom-color: #c0392b !important; }\n\n\/* \u2550\u2550 RESPONSIVE \u2550\u2550 *\/\n@media (max-width: 900px) {\n  .h4-inner {\n    grid-template-columns: 1fr;\n    gap: 48px;\n    padding: 60px 28px;\n  }\n  .h4-left h1 { font-size: clamp(44px, 8vw, 64px) !important; }\n}\n\n@media (max-width: 540px) {\n  .h4-form { padding: 28px 22px 24px; }\n  .h4-row { grid-template-columns: 1fr; gap: 0; }\n  .h4-inner { padding: 48px 20px; }\n}\n<\/style>\n\n<div class=\"h4\">\n\n  <!-- Photo fond -->\n  <div class=\"h4-bg\"><\/div>\n  <div class=\"h4-overlay\"><\/div>\n\n  <div class=\"h4-inner\">\n\n    <!-- \u2500\u2500 GAUCHE \u2014 Texte \u2500\u2500 -->\n    <div class=\"h4-left\">\n      <div class=\"h4-badge\">\n        <span class=\"h4-badge-dot\"><\/span>\n        Disponible 24h\/24\n      <\/div>\n\n      <h1>Navette<br><em>A\u00e9roport.<\/em><\/h1>\n\n      <div class=\"h4-divider\"><\/div>\n\n      <p class=\"h4-desc\">\n        Transfert priv\u00e9 entre l'a\u00e9roport<br>\n        Menara et votre h\u00f4tel \u2014 ponctuel,<br>\n        confortable, sans stress.\n      <\/p>\n\n      <div class=\"h4-features\">\n        <div class=\"h4-feature\">\n          <span class=\"h4-feature-ico\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\">\n              <circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M12 6v6l4 2\"\/>\n            <\/svg>\n          <\/span>\n          <span class=\"h4-feature-txt\">Suivi de vol en temps r\u00e9el<\/span>\n        <\/div>\n        <div class=\"h4-feature\">\n          <span class=\"h4-feature-ico\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\">\n              <path d=\"M17 21v-2a4 4 0 00-4-4H5a4 4 0 00-4 4v2\"\/><circle cx=\"9\" cy=\"7\" r=\"4\"\/>\n              <path d=\"M23 21v-2a4 4 0 00-3-3.87M16 3.13a4 4 0 010 7.75\"\/>\n            <\/svg>\n          <\/span>\n          <span class=\"h4-feature-txt\">Accueil personnalis\u00e9 avec panneau<\/span>\n        <\/div>\n        <div class=\"h4-feature\">\n          <span class=\"h4-feature-ico\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\">\n              <rect x=\"2\" y=\"7\" width=\"20\" height=\"14\" rx=\"2\"\/>\n              <path d=\"M16 7V5a2 2 0 00-2-2h-4a2 2 0 00-2 2v2\"\/>\n            <\/svg>\n          <\/span>\n          <span class=\"h4-feature-txt\">Aide aux bagages incluse<\/span>\n        <\/div>\n        <div class=\"h4-feature\">\n          <span class=\"h4-feature-ico\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\">\n              <path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/>\n            <\/svg>\n          <\/span>\n          <span class=\"h4-feature-txt\">Annulation gratuite<\/span>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- \u2500\u2500 DROITE \u2014 Formulaire \u2500\u2500 -->\n    <div class=\"h4-form\">\n\n      <div class=\"h4-form-title\">R\u00e9server ma navette<\/div>\n\n      <div class=\"h4-toggle\">\n        <button class=\"h4-tab h4-active\" id=\"h4-arr\" onclick=\"h4SetDir('arrivee')\">\u2708 Arriv\u00e9e<\/button>\n        <button class=\"h4-tab\" id=\"h4-dep\" onclick=\"h4SetDir('depart')\">\u2708 D\u00e9part<\/button>\n      <\/div>\n\n      <div class=\"h4-fields\">\n\n        <!-- A\u00e9roport -->\n        <div class=\"h4-field\" id=\"h4-wrap-aero\">\n          <label for=\"h4-aero\">A\u00e9roport <span class=\"req\">*<\/span><\/label>\n          <select id=\"h4-aero\">\n            <option value=\"\">\u2014 S\u00e9lectionner \u2014<\/option>\n            <option>RAK \u2014 Marrakech Menara<\/option>\n            <option>CMN \u2014 Casablanca Mohammed V<\/option>\n            <option>AGA \u2014 Agadir Al Massira<\/option>\n            <option>FEZ \u2014 F\u00e8s Sa\u00efss<\/option>\n            <option>TNG \u2014 Tanger Ibn Batouta<\/option>\n            <option>Autre a\u00e9roport<\/option>\n          <\/select>\n          <span class=\"h4-field-ico\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\">\n              <path d=\"M22 2L11 13M22 2l-7 20-4-9-9-4 20-7z\"\/>\n            <\/svg>\n          <\/span>\n        <\/div>\n\n        <!-- Adresse -->\n        <div class=\"h4-field\" id=\"h4-wrap-adresse\">\n          <label for=\"h4-adresse\" id=\"h4-lbl-adresse\">Adresse de destination <span class=\"req\">*<\/span><\/label>\n          <input type=\"text\" id=\"h4-adresse\" placeholder=\"H\u00f4tel, riad, adresse\u2026\" autocomplete=\"off\"\/>\n          <span class=\"h4-field-ico\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\">\n              <path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0118 0z\"\/>\n              <circle cx=\"12\" cy=\"10\" r=\"3\"\/>\n            <\/svg>\n          <\/span>\n        <\/div>\n\n        <!-- Date + Heure -->\n        <div class=\"h4-row\">\n          <div class=\"h4-field\" id=\"h4-wrap-date\">\n            <label for=\"h4-date\">Date <span class=\"req\">*<\/span><\/label>\n            <input type=\"date\" id=\"h4-date\"\/>\n          <\/div>\n          <div class=\"h4-field\" id=\"h4-wrap-heure\">\n            <label for=\"h4-heure\" id=\"h4-lbl-heure\">Heure d'arriv\u00e9e <span class=\"req\">*<\/span><\/label>\n            <input type=\"time\" id=\"h4-heure\" value=\"09:00\"\/>\n          <\/div>\n        <\/div>\n\n        <!-- N\u00b0 de vol -->\n        <div class=\"h4-field\" id=\"h4-wrap-vol\">\n          <label for=\"h4-vol\">N\u00b0 de vol <span class=\"req\">*<\/span><\/label>\n          <input type=\"text\" id=\"h4-vol\" placeholder=\"Ex : AT 502, FR 1234\u2026\" autocomplete=\"off\"\/>\n          <span class=\"h4-field-ico\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\">\n              <path d=\"M21 16v-2l-8-5V3.5a1.5 1.5 0 00-3 0V9l-8 5v2l8-2.5V19l-2 1.5V22l3.5-1 3.5 1v-1.5L13 19v-5.5l8 2.5z\"\/>\n            <\/svg>\n          <\/span>\n        <\/div>\n\n        <!-- Passagers + Bagages -->\n        <div class=\"h4-row\">\n          <div class=\"h4-field\" id=\"h4-wrap-pass\">\n            <label for=\"h4-pass\">Passagers <span class=\"req\">*<\/span><\/label>\n            <select id=\"h4-pass\">\n              <option value=\"\">\u2014 Choisir \u2014<\/option>\n              <option>1 passager<\/option><option>2 passagers<\/option><option>3 passagers<\/option>\n              <option>4 passagers<\/option><option>5 passagers<\/option><option>6 passagers<\/option>\n              <option>7+ passagers<\/option>\n            <\/select>\n            <span class=\"h4-field-ico\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\">\n                <path d=\"M20 21v-2a4 4 0 00-4-4H8a4 4 0 00-4 4v2\"\/><circle cx=\"12\" cy=\"7\" r=\"4\"\/>\n              <\/svg>\n            <\/span>\n          <\/div>\n          <div class=\"h4-field\" id=\"h4-wrap-bag\">\n            <label for=\"h4-bag\">Bagages <span class=\"req\">*<\/span><\/label>\n            <select id=\"h4-bag\">\n              <option value=\"\">\u2014 Choisir \u2014<\/option>\n              <option>0 bagage<\/option><option>1 bagage<\/option><option>2 bagages<\/option>\n              <option>3 bagages<\/option><option>4+ bagages<\/option>\n            <\/select>\n            <span class=\"h4-field-ico\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\">\n                <rect x=\"2\" y=\"7\" width=\"20\" height=\"14\" rx=\"2\"\/>\n                <path d=\"M16 7V5a2 2 0 00-2-2h-4a2 2 0 00-2 2v2\"\/>\n              <\/svg>\n            <\/span>\n          <\/div>\n        <\/div>\n\n        <!-- Message -->\n        <div class=\"h4-field\">\n          <label for=\"h4-msg\">Message <span class=\"h4-opt\">(facultatif)<\/span><\/label>\n          <textarea id=\"h4-msg\" placeholder=\"Demandes sp\u00e9ciales, instructions d'acc\u00e8s\u2026\"><\/textarea>\n        <\/div>\n\n      <\/div><!-- \/fields -->\n\n      <button class=\"h4-cta\" onclick=\"h4Submit()\">\n        <span>Envoyer ma demande<\/span>\n        <span class=\"h4-cta-arrow\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n            <path d=\"M5 12h14M14 6l6 6-6 6\"\/>\n          <\/svg>\n        <\/span>\n      <\/button>\n\n    <\/div><!-- \/form -->\n\n  <\/div><!-- \/inner -->\n\n<\/div><!-- \/h4 -->\n\n<script>\n(function () {\n  var dir = 'arrivee';\n\n  var today = new Date().toISOString().split('T')[0];\n  var dDate = document.getElementById('h4-date');\n  if (dDate) { dDate.min = today; dDate.value = today; }\n\n  window.h4SetDir = function (d) {\n    dir = d;\n    document.getElementById('h4-arr').classList.toggle('h4-active', d === 'arrivee');\n    document.getElementById('h4-dep').classList.toggle('h4-active', d === 'depart');\n    var la = document.getElementById('h4-lbl-adresse');\n    var lh = document.getElementById('h4-lbl-heure');\n    var ia = document.getElementById('h4-adresse');\n    if (d === 'arrivee') {\n      if (la) la.innerHTML = 'Adresse de destination <span class=\"req\">*<\/span>';\n      if (lh) lh.innerHTML = 'Heure d\\'arriv\u00e9e <span class=\"req\">*<\/span>';\n    } else {\n      if (la) la.innerHTML = 'Adresse de d\u00e9part <span class=\"req\">*<\/span>';\n      if (lh) lh.innerHTML = 'Heure de d\u00e9collage <span class=\"req\">*<\/span>';\n    }\n  };\n\n  window.h4Submit = function () {\n    var aero    = ((document.getElementById('h4-aero')    ||{}).value||'').trim();\n    var adresse = ((document.getElementById('h4-adresse') ||{}).value||'').trim();\n    var date    = ((document.getElementById('h4-date')    ||{}).value||'').trim();\n    var heure   = ((document.getElementById('h4-heure')   ||{}).value||'').trim();\n    var vol     = ((document.getElementById('h4-vol')     ||{}).value||'').trim();\n    var pass    = ((document.getElementById('h4-pass')    ||{}).value||'').trim();\n    var bag     = ((document.getElementById('h4-bag')     ||{}).value||'').trim();\n    var msg     = ((document.getElementById('h4-msg')     ||{}).value||'').trim();\n\n    var ok = true;\n    if (!aero    || aero==='\u2014 S\u00e9lectionner \u2014') { h4Err('h4-wrap-aero');    ok=false; }\n    if (!adresse)                               { h4Err('h4-wrap-adresse'); ok=false; }\n    if (!date)                                  { h4Err('h4-wrap-date');    ok=false; }\n    if (!heure)                                 { h4Err('h4-wrap-heure');   ok=false; }\n    if (!vol)                                   { h4Err('h4-wrap-vol');     ok=false; }\n    if (!pass || pass==='\u2014 Choisir \u2014')          { h4Err('h4-wrap-pass');    ok=false; }\n    if (!bag  || bag ==='\u2014 Choisir \u2014')          { h4Err('h4-wrap-bag');     ok=false; }\n    if (!ok) return;\n\n    var sens  = dir==='arrivee' ? 'Arriv\u00e9e a\u00e9roport' : 'D\u00e9part a\u00e9roport';\n    var sujet = 'Navette A\u00e9roport \u2014 ' + sens + ' \u2014 ' + aero;\n    var corps =\n      'Bonjour,\\n\\nJe souhaite r\u00e9server une navette a\u00e9roport :\\n\\n' +\n      '\u2022 Sens          : ' + sens    + '\\n' +\n      '\u2022 A\u00e9roport      : ' + aero    + '\\n' +\n      (dir==='arrivee'\n        ? '\u2022 Destination   : ' + adresse + '\\n'\n        : '\u2022 Adresse d\u00e9part: ' + adresse + '\\n') +\n      '\u2022 Date          : ' + date    + '\\n' +\n      '\u2022 Heure         : ' + heure   + '\\n' +\n      '\u2022 N\u00b0 de vol     : ' + vol     + '\\n' +\n      '\u2022 Passagers     : ' + pass    + '\\n' +\n      '\u2022 Bagages       : ' + bag     + '\\n' +\n      (msg ? '\\nMessage :\\n' + msg + '\\n' : '') +\n      '\\nMerci de confirmer disponibilit\u00e9 et tarif.\\n\\nCordialement';\n\n    window.location.href =\n      'mailto:contact@vtcmaroc.com' +\n      '?subject=' + encodeURIComponent(sujet) +\n      '&body='    + encodeURIComponent(corps);\n  };\n\n  function h4Err(id) {\n    var el = document.getElementById(id);\n    if (!el) return;\n    el.classList.remove('h4-err');\n    void el.offsetWidth;\n    el.classList.add('h4-err');\n    setTimeout(function(){ el.classList.remove('h4-err'); }, 1800);\n  }\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-44e9f14 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-parent\" data-id=\"44e9f14\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7284394 elementor-widget elementor-widget-shortcode\" data-id=\"7284394\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><\/div>\n\t\t\t\t\t\t<\/div>\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>Disponible 24h\/24 NavetteA\u00e9roport. Transfert priv\u00e9 entre l&rsquo;a\u00e9roport Menara et votre h\u00f4tel \u2014 ponctuel, confortable, sans stress. Suivi de vol en temps r\u00e9el Accueil personnalis\u00e9 avec panneau Aide aux bagages incluse Annulation gratuite R\u00e9server ma navette \u2708 Arriv\u00e9e \u2708 D\u00e9part A\u00e9roport * \u2014 S\u00e9lectionner \u2014RAK \u2014 Marrakech MenaraCMN \u2014 Casablanca Mohammed VAGA \u2014 Agadir Al MassiraFEZ \u2014 F\u00e8s Sa\u00efssTNG \u2014 Tanger Ibn BatoutaAutre a\u00e9roport Adresse de destination * Date * Heure d&rsquo;arriv\u00e9e * N\u00b0 de vol * Passagers * \u2014 Choisir \u20141 passager2 passagers3 passagers4 passagers5 passagers6 passagers7+ passagers Bagages * \u2014 Choisir \u20140 bagage1 bagage2 bagages3 bagages4+ bagages Message (facultatif) Envoyer ma demande<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-7068","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.7 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Navette A\u00e9roport - VTC MAROC<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/vtcmaroc.com\/en_US\/navette-aeroport\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Navette A\u00e9roport - VTC MAROC\" \/>\n<meta property=\"og:description\" content=\"Disponible 24h\/24 NavetteA\u00e9roport. Transfert priv\u00e9 entre l&rsquo;a\u00e9roport Menara et votre h\u00f4tel \u2014 ponctuel, confortable, sans stress. Suivi de vol en temps r\u00e9el Accueil personnalis\u00e9 avec panneau Aide aux bagages incluse Annulation gratuite R\u00e9server ma navette \u2708 Arriv\u00e9e \u2708 D\u00e9part A\u00e9roport * \u2014 S\u00e9lectionner \u2014RAK \u2014 Marrakech MenaraCMN \u2014 Casablanca Mohammed VAGA \u2014 Agadir Al MassiraFEZ \u2014 F\u00e8s Sa\u00efssTNG \u2014 Tanger Ibn BatoutaAutre a\u00e9roport Adresse de destination * Date * Heure d&rsquo;arriv\u00e9e * N\u00b0 de vol * Passagers * \u2014 Choisir \u20141 passager2 passagers3 passagers4 passagers5 passagers6 passagers7+ passagers Bagages * \u2014 Choisir \u20140 bagage1 bagage2 bagages3 bagages4+ bagages Message (facultatif) Envoyer ma demande\" \/>\n<meta property=\"og:url\" content=\"https:\/\/vtcmaroc.com\/en_US\/navette-aeroport\/\" \/>\n<meta property=\"og:site_name\" content=\"VTC MAROC\" \/>\n<meta property=\"article:modified_time\" content=\"2026-05-08T12:55:22+00:00\" \/>\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=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/vtcmaroc.com\\\/navette-aeroport\\\/\",\"url\":\"https:\\\/\\\/vtcmaroc.com\\\/navette-aeroport\\\/\",\"name\":\"Navette A\u00e9roport - VTC MAROC\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/vtcmaroc.com\\\/#website\"},\"datePublished\":\"2026-04-16T19:00:06+00:00\",\"dateModified\":\"2026-05-08T12:55:22+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/vtcmaroc.com\\\/navette-aeroport\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/vtcmaroc.com\\\/navette-aeroport\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/vtcmaroc.com\\\/navette-aeroport\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/vtcmaroc.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Navette A\u00e9roport\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/vtcmaroc.com\\\/#website\",\"url\":\"https:\\\/\\\/vtcmaroc.com\\\/\",\"name\":\"VTC MAROC\",\"description\":\"Chauffeur priv&eacute; a Marrakech\",\"publisher\":{\"@id\":\"https:\\\/\\\/vtcmaroc.com\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/vtcmaroc.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/vtcmaroc.com\\\/#organization\",\"name\":\"VTC MAROC\",\"url\":\"https:\\\/\\\/vtcmaroc.com\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/vtcmaroc.com\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/vtcmaroc.com\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/favicon_vtc-1.svg\",\"contentUrl\":\"https:\\\/\\\/vtcmaroc.com\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/favicon_vtc-1.svg\",\"width\":512,\"height\":512,\"caption\":\"VTC MAROC\"},\"image\":{\"@id\":\"https:\\\/\\\/vtcmaroc.com\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Navette A\u00e9roport - VTC MAROC","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/vtcmaroc.com\/en_US\/navette-aeroport\/","og_locale":"en_US","og_type":"article","og_title":"Navette A\u00e9roport - VTC MAROC","og_description":"Disponible 24h\/24 NavetteA\u00e9roport. Transfert priv\u00e9 entre l&rsquo;a\u00e9roport Menara et votre h\u00f4tel \u2014 ponctuel, confortable, sans stress. Suivi de vol en temps r\u00e9el Accueil personnalis\u00e9 avec panneau Aide aux bagages incluse Annulation gratuite R\u00e9server ma navette \u2708 Arriv\u00e9e \u2708 D\u00e9part A\u00e9roport * \u2014 S\u00e9lectionner \u2014RAK \u2014 Marrakech MenaraCMN \u2014 Casablanca Mohammed VAGA \u2014 Agadir Al MassiraFEZ \u2014 F\u00e8s Sa\u00efssTNG \u2014 Tanger Ibn BatoutaAutre a\u00e9roport Adresse de destination * Date * Heure d&rsquo;arriv\u00e9e * N\u00b0 de vol * Passagers * \u2014 Choisir \u20141 passager2 passagers3 passagers4 passagers5 passagers6 passagers7+ passagers Bagages * \u2014 Choisir \u20140 bagage1 bagage2 bagages3 bagages4+ bagages Message (facultatif) Envoyer ma demande","og_url":"https:\/\/vtcmaroc.com\/en_US\/navette-aeroport\/","og_site_name":"VTC MAROC","article_modified_time":"2026-05-08T12:55:22+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/vtcmaroc.com\/navette-aeroport\/","url":"https:\/\/vtcmaroc.com\/navette-aeroport\/","name":"Navette A\u00e9roport - VTC MAROC","isPartOf":{"@id":"https:\/\/vtcmaroc.com\/#website"},"datePublished":"2026-04-16T19:00:06+00:00","dateModified":"2026-05-08T12:55:22+00:00","breadcrumb":{"@id":"https:\/\/vtcmaroc.com\/navette-aeroport\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/vtcmaroc.com\/navette-aeroport\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/vtcmaroc.com\/navette-aeroport\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/vtcmaroc.com\/"},{"@type":"ListItem","position":2,"name":"Navette A\u00e9roport"}]},{"@type":"WebSite","@id":"https:\/\/vtcmaroc.com\/#website","url":"https:\/\/vtcmaroc.com\/","name":"VTC MAROC","description":"Chauffeur priv&eacute; a Marrakech","publisher":{"@id":"https:\/\/vtcmaroc.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/vtcmaroc.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/vtcmaroc.com\/#organization","name":"VTC MAROC","url":"https:\/\/vtcmaroc.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/vtcmaroc.com\/#\/schema\/logo\/image\/","url":"https:\/\/vtcmaroc.com\/wp-content\/uploads\/2026\/05\/favicon_vtc-1.svg","contentUrl":"https:\/\/vtcmaroc.com\/wp-content\/uploads\/2026\/05\/favicon_vtc-1.svg","width":512,"height":512,"caption":"VTC MAROC"},"image":{"@id":"https:\/\/vtcmaroc.com\/#\/schema\/logo\/image\/"}}]}},"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/vtcmaroc.com\/en_US\/wp-json\/wp\/v2\/pages\/7068","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/vtcmaroc.com\/en_US\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/vtcmaroc.com\/en_US\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/vtcmaroc.com\/en_US\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/vtcmaroc.com\/en_US\/wp-json\/wp\/v2\/comments?post=7068"}],"version-history":[{"count":0,"href":"https:\/\/vtcmaroc.com\/en_US\/wp-json\/wp\/v2\/pages\/7068\/revisions"}],"wp:attachment":[{"href":"https:\/\/vtcmaroc.com\/en_US\/wp-json\/wp\/v2\/media?parent=7068"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}