{"id":9,"date":"2026-10-01T06:24:34","date_gmt":"2026-10-01T06:24:34","guid":{"rendered":"https:\/\/codassaytranstours.com\/?page_id=9"},"modified":"2026-10-01T06:26:54","modified_gmt":"2026-10-01T06:26:54","slug":"elementor-9","status":"publish","type":"page","link":"https:\/\/codassaytranstours.com\/","title":{"rendered":"Elementor #9"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"9\" class=\"elementor elementor-9\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2ef4fd5 e-flex e-con-boxed e-con e-parent\" data-id=\"2ef4fd5\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-31eb5a2 elementor-widget elementor-widget-html\" data-id=\"31eb5a2\" 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=\"fr\">\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>CODASSAYTRANSTOURS | Transport Touristique, Marchandises & Personnel au Maroc<\/title>\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=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n  \r\n  <style>\r\n    :root {\r\n      --primary-orange: #FF6B00;\r\n      --orange-hover: #E05D00;\r\n      --orange-light: rgba(255, 107, 0, 0.12);\r\n      --stripe-black: #0A0A0A;\r\n      --stripe-slate: #4A5568;\r\n      --light-bg: #F8FAFC;\r\n      --pure-white: #FFFFFF;\r\n      --border-color: #E2E8F0;\r\n      --card-shadow: 0 20px 40px -15px rgba(0,0,0,0.07);\r\n      --shadow-hover: 0 30px 60px -12px rgba(255, 107, 0, 0.25);\r\n    }\r\n\r\n    *, *::before, *::after {\r\n      box-sizing: border-box;\r\n      margin: 0;\r\n      padding: 0;\r\n      font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, sans-serif;\r\n    }\r\n\r\n    html, body {\r\n      width: 100%;\r\n      max-width: 100vw;\r\n      overflow-x: hidden !important;\r\n      background-color: var(--light-bg);\r\n      color: var(--stripe-slate);\r\n      line-height: 1.6;\r\n      -webkit-font-smoothing: antialiased;\r\n    }\r\n\r\n    \/* NAVIGATION *\/\r\n    header {\r\n      position: absolute;\r\n      top: 0;\r\n      left: 0;\r\n      width: 100%;\r\n      z-index: 100;\r\n    }\r\n\r\n    nav {\r\n      max-width: 1140px;\r\n      margin: 0 auto;\r\n      padding: 16px 20px;\r\n      display: flex;\r\n      justify-content: space-between;\r\n      align-items: center;\r\n      width: 100%;\r\n    }\r\n\r\n    \/* CONTENEUR DU LOGO EN CODE VECTORIEL SVG *\/\r\n    .logo-container {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: 12px;\r\n      text-decoration: none;\r\n      z-index: 90;\r\n      transition: transform 0.25s ease;\r\n    }\r\n\r\n    .logo-container:hover {\r\n      transform: translateY(-2px);\r\n    }\r\n\r\n    .logo-svg-brand {\r\n      height: 52px;\r\n      width: auto;\r\n      display: block;\r\n      filter: drop-shadow(0px 4px 8px rgba(0, 0, 0, 0.12));\r\n    }\r\n\r\n    .logo-text-brand {\r\n      display: flex;\r\n      flex-direction: column;\r\n    }\r\n\r\n    .logo-title {\r\n      font-size: 1.35rem;\r\n      font-weight: 800;\r\n      color: #0B2B60; \/* Bleu marine identique au mod\u00e8le *\/\r\n      letter-spacing: -0.5px;\r\n      line-height: 1;\r\n    }\r\n\r\n    .logo-title span {\r\n      color: var(--primary-orange); \/* Orange identique au mod\u00e8le *\/\r\n    }\r\n\r\n    .logo-slogan {\r\n      font-size: 0.58rem;\r\n      font-weight: 700;\r\n      color: #0B2B60;\r\n      letter-spacing: 1.8px;\r\n      text-transform: uppercase;\r\n      margin-top: 4px;\r\n      display: flex;\r\n      align-items: center;\r\n      gap: 6px;\r\n    }\r\n\r\n    .logo-slogan::before, .logo-slogan::after {\r\n      content: '';\r\n      display: inline-block;\r\n      height: 1.5px;\r\n      width: 14px;\r\n      background-color: var(--primary-orange);\r\n    }\r\n\r\n    .nav-links {\r\n      display: flex;\r\n      gap: 28px;\r\n      list-style: none;\r\n    }\r\n\r\n    .nav-links a {\r\n      color: var(--stripe-black);\r\n      text-decoration: none;\r\n      font-weight: 700;\r\n      font-size: 0.95rem;\r\n      transition: color 0.2s ease;\r\n    }\r\n\r\n    .nav-links a:hover {\r\n      color: var(--primary-orange) !important;\r\n    }\r\n\r\n    .mobile-burger {\r\n      display: none;\r\n      flex-direction: column;\r\n      justify-content: space-between;\r\n      width: 28px;\r\n      height: 20px;\r\n      background: transparent;\r\n      border: none;\r\n      cursor: pointer;\r\n      z-index: 110;\r\n      padding: 0;\r\n    }\r\n\r\n    .mobile-burger span {\r\n      width: 100%;\r\n      height: 3px;\r\n      background-color: var(--stripe-black);\r\n      border-radius: 2px;\r\n      transition: all 0.3s ease;\r\n    }\r\n\r\n    .mobile-burger:hover span {\r\n      background-color: var(--primary-orange);\r\n    }\r\n\r\n    .mobile-burger.open span:nth-child(1) {\r\n      transform: translateY(8px) rotate(45deg);\r\n      background-color: var(--primary-orange);\r\n    }\r\n    .mobile-burger.open span:nth-child(2) {\r\n      opacity: 0;\r\n    }\r\n    .mobile-burger.open span:nth-child(3) {\r\n      transform: translateY(-9px) rotate(-45deg);\r\n      background-color: var(--primary-orange);\r\n    }\r\n\r\n    \/* SECTION HERO *\/\r\n    .hero {\r\n      position: relative;\r\n      background: var(--pure-white);\r\n      padding: 130px 20px 80px;\r\n      width: 100%;\r\n      border-bottom: 1px solid var(--border-color);\r\n    }\r\n\r\n    .hero-container {\r\n      max-width: 1140px;\r\n      margin: 0 auto;\r\n      display: grid;\r\n      grid-template-columns: 1fr 390px;\r\n      gap: 40px;\r\n      align-items: center;\r\n      position: relative;\r\n      z-index: 20;\r\n      width: 100%;\r\n    }\r\n\r\n    .badge-stripe {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      background: var(--orange-light);\r\n      border: 1px solid rgba(255, 107, 0, 0.3);\r\n      padding: 4px 12px;\r\n      border-radius: 20px;\r\n      font-size: 0.8rem;\r\n      font-weight: 700;\r\n      color: var(--stripe-black);\r\n      margin-bottom: 16px;\r\n      max-width: 100%;\r\n    }\r\n\r\n    .badge-stripe .pill {\r\n      background: var(--primary-orange);\r\n      color: var(--pure-white);\r\n      padding: 2px 8px;\r\n      border-radius: 12px;\r\n      font-size: 0.7rem;\r\n      font-weight: 800;\r\n      margin-right: 8px;\r\n      flex-shrink: 0;\r\n    }\r\n\r\n    .hero h1 {\r\n      font-size: 2.6rem;\r\n      font-weight: 800;\r\n      line-height: 1.15;\r\n      letter-spacing: -1px;\r\n      color: var(--stripe-black);\r\n      margin-bottom: 16px;\r\n      word-break: break-word;\r\n    }\r\n\r\n    .hero h1 span {\r\n      color: var(--primary-orange);\r\n    }\r\n\r\n    .hero p {\r\n      font-size: 1.05rem;\r\n      color: var(--stripe-slate);\r\n      margin-bottom: 24px;\r\n      max-width: 520px;\r\n      line-height: 1.5;\r\n    }\r\n\r\n    .hero-ctas {\r\n      display: flex;\r\n      gap: 16px;\r\n      align-items: center;\r\n      flex-wrap: wrap;\r\n      margin-bottom: 30px;\r\n    }\r\n\r\n    .btn-orange {\r\n      background-color: var(--primary-orange);\r\n      color: var(--pure-white);\r\n      padding: 11px 24px;\r\n      border-radius: 24px;\r\n      font-weight: 700;\r\n      font-size: 0.9rem;\r\n      text-decoration: none;\r\n      box-shadow: 0 4px 15px rgba(255, 107, 0, 0.25);\r\n      transition: all 0.2s ease;\r\n      text-align: center;\r\n    }\r\n\r\n    .btn-orange:hover {\r\n      background-color: var(--orange-hover);\r\n    }\r\n\r\n    .link-black {\r\n      color: var(--stripe-black);\r\n      font-weight: 700;\r\n      text-decoration: none;\r\n      font-size: 0.9rem;\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: 6px;\r\n      transition: color 0.2s;\r\n    }\r\n\r\n    .link-black:hover {\r\n      color: var(--primary-orange);\r\n    }\r\n\r\n    .hero-stats-row {\r\n      display: flex;\r\n      gap: 20px;\r\n      border-top: 1px solid var(--border-color);\r\n      padding-top: 20px;\r\n      width: 100%;\r\n      flex-wrap: wrap;\r\n    }\r\n\r\n    .stat-item {\r\n      flex: 1 1 25%;\r\n      min-width: 90px;\r\n    }\r\n\r\n    .stat-item h4 {\r\n      color: var(--primary-orange);\r\n      font-size: 1.3rem;\r\n      font-weight: 800;\r\n      line-height: 1;\r\n    }\r\n\r\n    .stat-item p {\r\n      color: var(--stripe-slate);\r\n      font-size: 0.78rem;\r\n      margin-bottom: 0;\r\n    }\r\n\r\n    .hero-card {\r\n      background: var(--pure-white);\r\n      border-radius: 14px;\r\n      padding: 24px;\r\n      box-shadow: var(--card-shadow);\r\n      border: 1px solid var(--border-color);\r\n      width: 100%;\r\n      max-width: 100%;\r\n    }\r\n\r\n    .hero-card h3 {\r\n      font-size: 1.15rem;\r\n      font-weight: 800;\r\n      color: var(--stripe-black);\r\n      margin-bottom: 14px;\r\n      letter-spacing: -0.3px;\r\n    }\r\n\r\n    .form-group {\r\n      margin-bottom: 12px;\r\n    }\r\n\r\n    .form-group label {\r\n      display: block;\r\n      font-size: 0.8rem;\r\n      font-weight: 700;\r\n      color: var(--stripe-slate);\r\n      margin-bottom: 4px;\r\n    }\r\n\r\n    .form-control {\r\n      width: 100%;\r\n      padding: 10px 12px;\r\n      border: 1px solid var(--border-color);\r\n      border-radius: 6px;\r\n      font-size: 0.88rem;\r\n      background: #F8FAFC;\r\n      color: var(--stripe-black);\r\n      transition: all 0.2s;\r\n    }\r\n\r\n    .form-control:focus {\r\n      outline: none;\r\n      border-color: var(--primary-orange);\r\n      background: var(--pure-white);\r\n      box-shadow: 0 0 0 3px var(--orange-light);\r\n    }\r\n\r\n    .btn-card-submit {\r\n      width: 100%;\r\n      background: var(--stripe-black);\r\n      color: var(--pure-white);\r\n      border: none;\r\n      padding: 12px;\r\n      border-radius: 6px;\r\n      font-weight: 700;\r\n      font-size: 0.9rem;\r\n      cursor: pointer;\r\n      margin-top: 6px;\r\n      transition: background 0.2s;\r\n    }\r\n\r\n    .btn-card-submit:hover {\r\n      background: var(--primary-orange);\r\n    }\r\n\r\n    \/* SECTION GALERIE PHOTOS D\u00c9FILANTE *\/\r\n    .gallery-section {\r\n      width: 100%;\r\n      padding: 50px 0;\r\n      background: var(--pure-white);\r\n      border-bottom: 1px solid var(--border-color);\r\n      overflow: hidden;\r\n    }\r\n\r\n    .gallery-header {\r\n      max-width: 1140px;\r\n      margin: 0 auto 24px;\r\n      padding: 0 20px;\r\n    }\r\n\r\n    .gallery-slider {\r\n      display: flex;\r\n      width: 100%;\r\n      overflow: hidden;\r\n      position: relative;\r\n    }\r\n\r\n    .gallery-track {\r\n      display: flex;\r\n      gap: 20px;\r\n      width: max-content;\r\n      animation: scroll 30s linear infinite;\r\n    }\r\n\r\n    .gallery-track:hover {\r\n      animation-play-state: paused;\r\n    }\r\n\r\n    .gallery-item {\r\n      width: 320px;\r\n      height: 220px;\r\n      border-radius: 12px;\r\n      overflow: hidden;\r\n      flex-shrink: 0;\r\n      box-shadow: var(--card-shadow);\r\n      border: 1px solid var(--border-color);\r\n      position: relative;\r\n    }\r\n\r\n    .gallery-item img {\r\n      width: 100%;\r\n      height: 100%;\r\n      object-fit: cover;\r\n      transition: transform 0.4s ease;\r\n    }\r\n\r\n    .gallery-item:hover img {\r\n      transform: scale(1.08);\r\n    }\r\n\r\n    .gallery-caption {\r\n      position: absolute;\r\n      bottom: 0;\r\n      left: 0;\r\n      width: 100%;\r\n      background: linear-gradient(transparent, rgba(0,0,0,0.8));\r\n      color: var(--pure-white);\r\n      padding: 12px 16px;\r\n      font-size: 0.85rem;\r\n      font-weight: 700;\r\n    }\r\n\r\n    @keyframes scroll {\r\n      0% {\r\n        transform: translateX(0);\r\n      }\r\n      100% {\r\n        transform: translateX(calc(-340px * 6));\r\n      }\r\n    }\r\n\r\n    \/* SECTION ATOUTS *\/\r\n    .why-us-section {\r\n      max-width: 1140px;\r\n      margin: 70px auto 40px;\r\n      padding: 0 20px;\r\n      width: 100%;\r\n    }\r\n\r\n    .why-grid {\r\n      display: grid;\r\n      grid-template-columns: repeat(3, 1fr);\r\n      gap: 24px;\r\n      margin-top: 30px;\r\n    }\r\n\r\n    .why-card {\r\n      background: var(--pure-white);\r\n      border: 1px solid var(--border-color);\r\n      padding: 26px 22px;\r\n      border-radius: 14px;\r\n      transition: all 0.3s ease;\r\n    }\r\n\r\n    .why-card:hover {\r\n      border-color: var(--primary-orange);\r\n      transform: translateY(-4px);\r\n      box-shadow: var(--card-shadow);\r\n    }\r\n\r\n    .why-icon {\r\n      width: 48px;\r\n      height: 48px;\r\n      background: var(--orange-light);\r\n      border-radius: 12px;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      color: var(--primary-orange);\r\n      font-size: 1.4rem;\r\n      margin-bottom: 16px;\r\n      font-weight: 800;\r\n    }\r\n\r\n    .why-card h4 {\r\n      font-size: 1.1rem;\r\n      color: var(--stripe-black);\r\n      font-weight: 800;\r\n      margin-bottom: 8px;\r\n    }\r\n\r\n    .why-card p {\r\n      font-size: 0.88rem;\r\n      color: var(--stripe-slate);\r\n      line-height: 1.5;\r\n    }\r\n\r\n    \/* BANNI\u00c8RE COUVERTURE *\/\r\n    .coverage-banner {\r\n      background: var(--stripe-black);\r\n      color: var(--pure-white);\r\n      padding: 50px 20px;\r\n      margin: 70px 0;\r\n      position: relative;\r\n      width: 100%;\r\n    }\r\n\r\n    .coverage-container {\r\n      max-width: 1140px;\r\n      margin: 0 auto;\r\n      display: flex;\r\n      justify-content: space-between;\r\n      align-items: center;\r\n      gap: 30px;\r\n      flex-wrap: wrap;\r\n      width: 100%;\r\n    }\r\n\r\n    .coverage-text h3 {\r\n      font-size: 1.8rem;\r\n      font-weight: 800;\r\n      margin-bottom: 8px;\r\n    }\r\n\r\n    .coverage-text p {\r\n      color: #A0AEC0;\r\n      font-size: 0.95rem;\r\n    }\r\n\r\n    .coverage-pills {\r\n      display: flex;\r\n      gap: 10px;\r\n      flex-wrap: wrap;\r\n    }\r\n\r\n    .city-pill {\r\n      background: rgba(255, 255, 255, 0.1);\r\n      border: 1px solid rgba(255, 255, 255, 0.2);\r\n      padding: 6px 16px;\r\n      border-radius: 20px;\r\n      font-size: 0.85rem;\r\n      font-weight: 700;\r\n      color: var(--pure-white);\r\n    }\r\n\r\n    \/* SECTION PRESTATIONS *\/\r\n    .how-it-works {\r\n      max-width: 1140px;\r\n      margin: 60px auto 40px;\r\n      padding: 0 20px;\r\n      width: 100%;\r\n    }\r\n\r\n    .services-explain-grid {\r\n      display: grid;\r\n      grid-template-columns: 1fr;\r\n      gap: 32px;\r\n      margin-top: 30px;\r\n    }\r\n\r\n    .explain-card {\r\n      background: var(--pure-white);\r\n      padding: 32px;\r\n      border-radius: 16px;\r\n      border: 1px solid var(--border-color);\r\n      box-shadow: var(--card-shadow);\r\n    }\r\n\r\n    .explain-badge {\r\n      display: inline-block;\r\n      background: var(--orange-light);\r\n      color: var(--primary-orange);\r\n      font-weight: 800;\r\n      font-size: 0.8rem;\r\n      padding: 4px 12px;\r\n      border-radius: 20px;\r\n      margin-bottom: 12px;\r\n    }\r\n\r\n    .explain-card h3 {\r\n      font-size: 1.5rem;\r\n      color: var(--stripe-black);\r\n      font-weight: 800;\r\n      margin-bottom: 12px;\r\n    }\r\n\r\n    .explain-card p {\r\n      font-size: 0.94rem;\r\n      color: var(--stripe-slate);\r\n      line-height: 1.6;\r\n      margin-bottom: 16px;\r\n    }\r\n\r\n    .explain-list {\r\n      list-style: none;\r\n      margin-bottom: 20px;\r\n    }\r\n\r\n    .explain-list li {\r\n      font-size: 0.9rem;\r\n      font-weight: 600;\r\n      color: var(--stripe-black);\r\n      margin-bottom: 8px;\r\n      display: flex;\r\n      align-items: center;\r\n      gap: 8px;\r\n    }\r\n\r\n    .explain-list li::before {\r\n      content: \"\u2713\";\r\n      color: var(--primary-orange);\r\n      font-weight: 900;\r\n    }\r\n\r\n    .pricing-table-container {\r\n      display: grid;\r\n      grid-template-columns: repeat(2, 1fr);\r\n      gap: 20px;\r\n      margin: 20px 0;\r\n    }\r\n\r\n    .pricing-box {\r\n      background: var(--light-bg);\r\n      border: 1px solid var(--border-color);\r\n      border-radius: 12px;\r\n      padding: 20px;\r\n    }\r\n\r\n    .pricing-box.highlight-box {\r\n      border: 1.5px solid var(--primary-orange);\r\n      background: rgba(255, 107, 0, 0.03);\r\n    }\r\n\r\n    .pricing-box h4 {\r\n      font-size: 1.05rem;\r\n      color: var(--stripe-black);\r\n      font-weight: 800;\r\n      margin-bottom: 12px;\r\n      border-bottom: 2px solid var(--primary-orange);\r\n      padding-bottom: 6px;\r\n      display: inline-block;\r\n    }\r\n\r\n    .price-row {\r\n      display: flex;\r\n      justify-content: space-between;\r\n      align-items: center;\r\n      padding: 8px 0;\r\n      border-bottom: 1px dashed var(--border-color);\r\n      font-size: 0.88rem;\r\n    }\r\n\r\n    .price-row:last-child {\r\n      border-bottom: none;\r\n    }\r\n\r\n    .price-tag {\r\n      font-weight: 800;\r\n      color: var(--primary-orange);\r\n      background: var(--pure-white);\r\n      padding: 3px 10px;\r\n      border-radius: 6px;\r\n      border: 1px solid rgba(255, 107, 0, 0.2);\r\n    }\r\n\r\n    .vehicles-subblock {\r\n      margin-top: 24px;\r\n      padding-top: 20px;\r\n      border-top: 1px solid var(--border-color);\r\n    }\r\n\r\n    .vehicles-subblock h4 {\r\n      font-size: 1rem;\r\n      color: var(--stripe-black);\r\n      font-weight: 800;\r\n      margin-bottom: 12px;\r\n      display: flex;\r\n      align-items: center;\r\n      gap: 8px;\r\n    }\r\n\r\n    .vehicle-pills {\r\n      display: flex;\r\n      flex-wrap: wrap;\r\n      gap: 8px;\r\n    }\r\n\r\n    .v-pill {\r\n      background: #EDF2F7;\r\n      color: var(--stripe-black);\r\n      font-size: 0.82rem;\r\n      font-weight: 700;\r\n      padding: 6px 12px;\r\n      border-radius: 8px;\r\n      border: 1px solid var(--border-color);\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: 6px;\r\n    }\r\n\r\n    .v-pill span {\r\n      background: var(--primary-orange);\r\n      color: var(--pure-white);\r\n      font-size: 0.72rem;\r\n      padding: 1px 6px;\r\n      border-radius: 4px;\r\n    }\r\n\r\n    \/* GALERIE EXCURSIONS *\/\r\n    .tours-section {\r\n      max-width: 1140px;\r\n      margin: 60px auto 70px;\r\n      padding: 0 20px;\r\n      width: 100%;\r\n    }\r\n\r\n    .section-label {\r\n      color: var(--primary-orange);\r\n      font-weight: 800;\r\n      text-transform: uppercase;\r\n      font-size: 0.8rem;\r\n      letter-spacing: 1.5px;\r\n      margin-bottom: 8px;\r\n    }\r\n\r\n    .section-title {\r\n      font-size: 2.1rem;\r\n      color: var(--stripe-black);\r\n      font-weight: 800;\r\n      letter-spacing: -0.8px;\r\n      margin-bottom: 32px;\r\n      max-width: 700px;\r\n    }\r\n\r\n    .tours-grid {\r\n      display: grid;\r\n      grid-template-columns: repeat(3, 1fr);\r\n      gap: 24px;\r\n    }\r\n\r\n    .tour-card {\r\n      background: var(--pure-white);\r\n      border-radius: 14px;\r\n      overflow: hidden;\r\n      border: 1px solid var(--border-color);\r\n      box-shadow: var(--card-shadow);\r\n      transition: all 0.3s ease;\r\n      display: flex;\r\n      flex-direction: column;\r\n    }\r\n\r\n    .tour-card:hover {\r\n      transform: translateY(-6px);\r\n      box-shadow: var(--shadow-hover);\r\n      border-color: rgba(255, 107, 0, 0.4);\r\n    }\r\n\r\n    .tour-img {\r\n      height: 190px;\r\n      background-size: cover;\r\n      background-position: center;\r\n      position: relative;\r\n    }\r\n\r\n    .tour-tag {\r\n      position: absolute;\r\n      top: 12px;\r\n      left: 12px;\r\n      background: var(--stripe-black);\r\n      color: var(--pure-white);\r\n      font-size: 0.75rem;\r\n      font-weight: 800;\r\n      padding: 6px 12px;\r\n      border-radius: 16px;\r\n      text-transform: uppercase;\r\n    }\r\n\r\n    .tour-body {\r\n      padding: 22px 18px;\r\n      display: flex;\r\n      flex-direction: column;\r\n      flex-grow: 1;\r\n    }\r\n\r\n    .tour-meta {\r\n      display: flex;\r\n      gap: 12px;\r\n      font-size: 0.82rem;\r\n      color: var(--primary-orange);\r\n      font-weight: 700;\r\n      margin-bottom: 8px;\r\n      flex-wrap: wrap;\r\n    }\r\n\r\n    .tour-body h3 {\r\n      font-size: 1.15rem;\r\n      color: var(--stripe-black);\r\n      font-weight: 800;\r\n      margin-bottom: 12px;\r\n    }\r\n\r\n    .tour-day-item {\r\n      margin-bottom: 10px;\r\n      padding-bottom: 8px;\r\n      border-bottom: 1px dashed var(--border-color);\r\n    }\r\n    \r\n    .tour-day-title {\r\n      font-size: 0.85rem;\r\n      font-weight: 800;\r\n      color: var(--stripe-black);\r\n      margin-bottom: 2px;\r\n    }\r\n\r\n    .tour-day-desc {\r\n      font-size: 0.82rem;\r\n      color: var(--stripe-slate);\r\n      line-height: 1.45;\r\n    }\r\n\r\n    .tour-day-desc span {\r\n      color: var(--primary-orange);\r\n      font-weight: 700;\r\n    }\r\n\r\n    .tour-prices-box {\r\n      background: var(--light-bg);\r\n      border: 1px solid var(--border-color);\r\n      border-radius: 8px;\r\n      padding: 10px 12px;\r\n      margin-top: auto;\r\n      margin-bottom: 16px;\r\n    }\r\n\r\n    .tour-prices-title {\r\n      font-size: 0.8rem;\r\n      font-weight: 800;\r\n      color: var(--stripe-black);\r\n      margin-bottom: 6px;\r\n      text-transform: uppercase;\r\n      letter-spacing: 0.5px;\r\n    }\r\n\r\n    .tour-price-grid {\r\n      display: grid;\r\n      grid-template-columns: 1fr 1fr;\r\n      gap: 4px 10px;\r\n      font-size: 0.78rem;\r\n    }\r\n\r\n    .tour-price-item {\r\n      display: flex;\r\n      justify-content: space-between;\r\n      color: var(--stripe-slate);\r\n    }\r\n\r\n    .tour-price-item strong {\r\n      color: var(--primary-orange);\r\n      font-weight: 800;\r\n    }\r\n\r\n    .tour-footer {\r\n      display: flex;\r\n      justify-content: space-between;\r\n      align-items: center;\r\n      padding-top: 14px;\r\n      border-top: 1px solid var(--border-color);\r\n    }\r\n\r\n    .tour-price {\r\n      font-size: 0.85rem;\r\n      color: var(--stripe-slate);\r\n    }\r\n\r\n    .tour-price strong {\r\n      font-size: 1.15rem;\r\n      color: var(--primary-orange);\r\n      display: block;\r\n    }\r\n\r\n    .card-link {\r\n      background: var(--primary-orange);\r\n      color: var(--pure-white);\r\n      padding: 8px 16px;\r\n      border-radius: 20px;\r\n      font-weight: 700;\r\n      font-size: 0.82rem;\r\n      text-decoration: none;\r\n      transition: background 0.2s;\r\n    }\r\n\r\n    .card-link:hover {\r\n      background: var(--orange-hover);\r\n    }\r\n\r\n    \/* SECTION AVIS *\/\r\n    .reviews-section {\r\n      max-width: 1140px;\r\n      margin: 70px auto;\r\n      padding: 0 20px;\r\n      width: 100%;\r\n    }\r\n\r\n    .reviews-grid {\r\n      display: grid;\r\n      grid-template-columns: repeat(3, 1fr);\r\n      gap: 20px;\r\n      margin-top: 30px;\r\n    }\r\n\r\n    .review-card {\r\n      background: var(--pure-white);\r\n      border: 1px solid var(--border-color);\r\n      border-radius: 12px;\r\n      padding: 22px;\r\n      box-shadow: var(--card-shadow);\r\n    }\r\n\r\n    .stars {\r\n      color: #FFB800;\r\n      font-size: 1rem;\r\n      margin-bottom: 10px;\r\n    }\r\n\r\n    .review-card p {\r\n      font-size: 0.88rem;\r\n      color: var(--stripe-slate);\r\n      line-height: 1.5;\r\n      margin-bottom: 14px;\r\n      font-style: italic;\r\n    }\r\n\r\n    .reviewer-info {\r\n      font-size: 0.82rem;\r\n      font-weight: 700;\r\n      color: var(--stripe-black);\r\n    }\r\n\r\n    .reviewer-info span {\r\n      display: block;\r\n      font-weight: 500;\r\n      color: #A0AEC0;\r\n      font-size: 0.75rem;\r\n    }\r\n\r\n    \/* SECTION FAQ *\/\r\n    .faq-section {\r\n      max-width: 800px;\r\n      margin: 70px auto;\r\n      padding: 0 20px;\r\n      width: 100%;\r\n    }\r\n\r\n    .faq-item {\r\n      background: var(--pure-white);\r\n      border: 1px solid var(--border-color);\r\n      border-radius: 8px;\r\n      margin-bottom: 12px;\r\n      padding: 16px 20px;\r\n    }\r\n\r\n    .faq-item h4 {\r\n      font-size: 0.98rem;\r\n      color: var(--stripe-black);\r\n      font-weight: 700;\r\n      margin-bottom: 6px;\r\n    }\r\n\r\n    .faq-item p {\r\n      font-size: 0.88rem;\r\n      color: var(--stripe-slate);\r\n      line-height: 1.5;\r\n    }\r\n\r\n    \/* FOOTER *\/\r\n    footer {\r\n      background: var(--stripe-black);\r\n      color: #A0AEC0;\r\n      padding: 60px 20px 30px;\r\n      border-top: 3px solid var(--primary-orange);\r\n      width: 100%;\r\n    }\r\n\r\n    .footer-container {\r\n      max-width: 1140px;\r\n      margin: 0 auto;\r\n      display: grid;\r\n      grid-template-columns: 2fr 1fr 1fr 1.5fr;\r\n      gap: 40px;\r\n      margin-bottom: 40px;\r\n      width: 100%;\r\n    }\r\n\r\n    .footer-brand .logo-container {\r\n      margin-bottom: 16px;\r\n    }\r\n\r\n    .footer-brand .logo-title {\r\n      color: var(--pure-white);\r\n    }\r\n\r\n    .footer-brand .logo-slogan {\r\n      color: #A0AEC0;\r\n    }\r\n\r\n    .footer-brand p {\r\n      font-size: 0.88rem;\r\n      line-height: 1.6;\r\n      margin-bottom: 16px;\r\n      color: #A0AEC0;\r\n    }\r\n\r\n    .footer-col h4 {\r\n      color: var(--pure-white);\r\n      font-size: 1rem;\r\n      font-weight: 700;\r\n      margin-bottom: 18px;\r\n    }\r\n\r\n    .footer-col ul {\r\n      list-style: none;\r\n    }\r\n\r\n    .footer-col ul li {\r\n      margin-bottom: 10px;\r\n    }\r\n\r\n    .footer-col ul li a {\r\n      color: #A0AEC0;\r\n      text-decoration: none;\r\n      font-size: 0.88rem;\r\n      transition: color 0.2s;\r\n    }\r\n\r\n    .footer-col ul li a:hover {\r\n      color: var(--primary-orange);\r\n    }\r\n\r\n    .contact-info li {\r\n      font-size: 0.88rem;\r\n      margin-bottom: 12px;\r\n      display: flex;\r\n      align-items: flex-start;\r\n      gap: 10px;\r\n      color: #A0AEC0;\r\n    }\r\n\r\n    .footer-bottom {\r\n      max-width: 1140px;\r\n      margin: 0 auto;\r\n      padding-top: 24px;\r\n      border-top: 1px solid #2D3748;\r\n      display: flex;\r\n      justify-content: space-between;\r\n      align-items: center;\r\n      font-size: 0.8rem;\r\n      flex-wrap: wrap;\r\n      gap: 12px;\r\n      width: 100%;\r\n    }\r\n\r\n    \/* RESPONSIVE *\/\r\n    @media (max-width: 992px) {\r\n      .hero-container {\r\n        grid-template-columns: 1fr;\r\n        gap: 32px;\r\n      }\r\n\r\n      .why-grid, .reviews-grid, .tours-grid {\r\n        grid-template-columns: repeat(2, 1fr);\r\n      }\r\n\r\n      .pricing-table-container {\r\n        grid-template-columns: 1fr;\r\n      }\r\n\r\n      .footer-container {\r\n        grid-template-columns: 1fr 1fr;\r\n      }\r\n\r\n      .mobile-burger {\r\n        display: flex;\r\n      }\r\n\r\n      .nav-links {\r\n        position: fixed;\r\n        top: 0;\r\n        right: -100%;\r\n        width: 280px;\r\n        height: 100vh;\r\n        background-color: var(--stripe-black);\r\n        flex-direction: column;\r\n        justify-content: center;\r\n        align-items: center;\r\n        gap: 32px;\r\n        box-shadow: -10px 0 30px rgba(0,0,0,0.5);\r\n        transition: right 0.3s ease-in-out;\r\n        z-index: 105;\r\n      }\r\n\r\n      .nav-links.active {\r\n        right: 0;\r\n      }\r\n\r\n      .nav-links a {\r\n        font-size: 1.15rem;\r\n        color: var(--pure-white);\r\n        font-weight: 700;\r\n        transition: color 0.2s ease;\r\n      }\r\n\r\n      .nav-links a:hover {\r\n        color: var(--primary-orange) !important;\r\n      }\r\n    }\r\n\r\n    @media (max-width: 576px) {\r\n      nav {\r\n        padding: 12px 16px;\r\n      }\r\n\r\n      .logo-svg-brand {\r\n        height: 40px;\r\n      }\r\n\r\n      .logo-title {\r\n        font-size: 1.1rem;\r\n      }\r\n\r\n      .logo-slogan {\r\n        font-size: 0.48rem;\r\n      }\r\n\r\n      .hero {\r\n        padding: 95px 12px 50px;\r\n      }\r\n\r\n      .hero h1 {\r\n        font-size: 1.75rem;\r\n      }\r\n\r\n      .why-grid, .reviews-grid, .tours-grid {\r\n        grid-template-columns: 1fr;\r\n      }\r\n\r\n      .section-title {\r\n        font-size: 1.6rem;\r\n      }\r\n\r\n      .footer-container {\r\n        grid-template-columns: 1fr;\r\n        gap: 28px;\r\n      }\r\n\r\n      .footer-bottom {\r\n        flex-direction: column;\r\n        text-align: center;\r\n      }\r\n    }\r\n  <\/style>\r\n<\/head>\r\n<body>\r\n\r\n  <!-- Navigation -->\r\n  <header>\r\n    <nav>\r\n      <!-- RECONSTRUCTION EXACTE DU LOGO EN VECTORIEL SVG (GLOBE + VAGUES + CAR + AVION) -->\r\n      <a href=\"\/\" class=\"logo-container\">\r\n        <svg class=\"logo-svg-brand\" viewBox=\"0 0 240 160\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n          <defs>\r\n            <!-- D\u00e9grad\u00e9 Globe Bleu -->\r\n            <radialGradient id=\"globeGrad\" cx=\"30%\" cy=\"30%\" r=\"70%\">\r\n              <stop offset=\"0%\" stop-color=\"#2993EE\"\/>\r\n              <stop offset=\"60%\" stop-color=\"#0B52B5\"\/>\r\n              <stop offset=\"100%\" stop-color=\"#062B68\"\/>\r\n            <\/radialGradient>\r\n            <!-- D\u00e9grad\u00e9 Vague Orange -->\r\n            <linearGradient id=\"orangeWave\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\">\r\n              <stop offset=\"0%\" stop-color=\"#FF9900\"\/>\r\n              <stop offset=\"50%\" stop-color=\"#FF6B00\"\/>\r\n              <stop offset=\"100%\" stop-color=\"#D64800\"\/>\r\n            <\/linearGradient>\r\n            <!-- D\u00e9grad\u00e9 Vague Bleue Route -->\r\n            <linearGradient id=\"blueRoad\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\">\r\n              <stop offset=\"0%\" stop-color=\"#003580\"\/>\r\n              <stop offset=\"100%\" stop-color=\"#021B44\"\/>\r\n            <\/linearGradient>\r\n            <!-- D\u00e9grad\u00e9 Car Blanc\/Argent -->\r\n            <linearGradient id=\"busBody\" x1=\"0%\" y1=\"0%\" x2=\"0%\" y2=\"100%\">\r\n              <stop offset=\"0%\" stop-color=\"#FFFFFF\"\/>\r\n              <stop offset=\"70%\" stop-color=\"#E8ECEF\"\/>\r\n              <stop offset=\"100%\" stop-color=\"#C5D0D8\"\/>\r\n            <\/linearGradient>\r\n          <\/defs>\r\n\r\n          <!-- 1. GLOBE TERRESTRE BLEU -->\r\n          <circle cx=\"110\" cy=\"70\" r=\"58\" fill=\"url(#globeGrad)\"\/>\r\n          <!-- Continents (Formes Vectorielles Blanches) -->\r\n          <path d=\"M72 48C76 42 85 38 92 40C98 42 102 48 108 45C114 42 120 32 128 34C136 36 142 46 138 54C134 62 122 60 118 68C114 76 120 86 112 88C104 90 92 82 86 76C80 70 68 54 72 48Z\" fill=\"#FFFFFF\" opacity=\"0.88\"\/>\r\n          <path d=\"M125 78C132 75 142 80 148 86C154 92 162 98 158 106C154 114 140 118 132 112C124 106 120 96 122 88C124 80 118 81 125 78Z\" fill=\"#FFFFFF\" opacity=\"0.88\"\/>\r\n          <!-- M\u00e9ridiens & \u00c9quateur -->\r\n          <ellipse cx=\"110\" cy=\"70\" rx=\"58\" ry=\"20\" stroke=\"#FFFFFF\" stroke-width=\"1\" opacity=\"0.3\" fill=\"none\"\/>\r\n          <ellipse cx=\"110\" cy=\"70\" rx=\"25\" ry=\"58\" stroke=\"#FFFFFF\" stroke-width=\"1\" opacity=\"0.3\" fill=\"none\"\/>\r\n\r\n          <!-- 2. VAGUE D'ORBITE ORANGE (ENTOURANT LE GLOBE) -->\r\n          <path d=\"M20 75C20 75 18 102 50 118C82 134 150 110 185 68C200 50 205 35 205 35C205 35 192 48 172 62C140 84 80 110 52 98C32 90 30 75 20 75Z\" fill=\"url(#orangeWave)\"\/>\r\n\r\n          <!-- 3. AVION EN VOL (EN HAUT \u00c0 DROITE DE LA VAGUE) -->\r\n          <g transform=\"translate(162, 18) rotate(-15) scale(0.95)\">\r\n            <path d=\"M0 22 L24 14 L52 10 L60 0 L66 2 L58 14 L82 11 L88 6 L92 7 L88 15 L98 16 L96 20 L86 19 L82 28 L76 27 L80 18 L52 18 L28 32 L20 31 L32 19 Z\" fill=\"#0B2B60\"\/>\r\n          <\/g>\r\n\r\n          <!-- 4. ROUTE EN RUBAN (VAGUE BLEUE DU BAS) -->\r\n          <path d=\"M10 120C40 120 70 145 130 145C170 145 205 130 205 130L170 115C130 125 80 110 40 105L10 120Z\" fill=\"url(#blueRoad)\"\/>\r\n          <!-- Ligne jaune centrale de la route -->\r\n          <path d=\"M25 116C50 118 80 132 130 135C155 136 185 126 185 126\" stroke=\"#FF9900\" stroke-width=\"3\" stroke-dasharray=\"8 5\" fill=\"none\"\/>\r\n\r\n          <!-- 5. AUTOCAR \/ CAR MODERN DE FACE ET PROFIL -->\r\n          <g transform=\"translate(62, 70)\">\r\n            <!-- Ombre du car -->\r\n            <ellipse cx=\"65\" cy=\"62\" rx=\"55\" ry=\"8\" fill=\"#000000\" opacity=\"0.3\"\/>\r\n            <!-- Corps du car -->\r\n            <path d=\"M15 48 C12 35 20 18 35 12 C55 5 105 8 115 15 C120 18 122 30 120 48 L115 56 L15 56 Z\" fill=\"url(#busBody)\"\/>\r\n            <!-- Pare-brise avant -->\r\n            <path d=\"M92 14 C100 16 112 22 110 32 L95 32 L90 16 Z\" fill=\"#0B2B60\"\/>\r\n            <!-- Vitres lat\u00e9rales -->\r\n            <path d=\"M35 16 L86 16 L90 32 L30 32 Z\" fill=\"#0B2B60\"\/>\r\n            <!-- S\u00e9parateurs de vitres -->\r\n            <line x1=\"48\" y1=\"16\" x2=\"46\" y2=\"32\" stroke=\"#FFFFFF\" stroke-width=\"2\"\/>\r\n            <line x1=\"62\" y1=\"16\" x2=\"60\" y2=\"32\" stroke=\"#FFFFFF\" stroke-width=\"2\"\/>\r\n            <line x1=\"76\" y1=\"16\" x2=\"74\" y2=\"32\" stroke=\"#FFFFFF\" stroke-width=\"2\"\/>\r\n            <!-- Phares avant -->\r\n            <ellipse cx=\"112\" cy=\"42\" rx=\"4\" ry=\"2\" fill=\"#FFCC00\"\/>\r\n            <!-- Calandre avant -->\r\n            <rect x=\"100\" y=\"44\" width=\"14\" height=\"6\" rx=\"2\" fill=\"#0B2B60\"\/>\r\n            <!-- Roues -->\r\n            <circle cx=\"38\" cy=\"54\" r=\"8\" fill=\"#111111\"\/>\r\n            <circle cx=\"38\" cy=\"54\" r=\"4\" fill=\"#DDDDDD\"\/>\r\n            <circle cx=\"92\" cy=\"54\" r=\"8\" fill=\"#111111\"\/>\r\n            <circle cx=\"92\" cy=\"54\" r=\"4\" fill=\"#DDDDDD\"\/>\r\n          <\/g>\r\n        <\/svg>\r\n\r\n        <!-- TYPOGRAPHIE OFFICIELLE (NOUVEAU STYLE EXACT DU LOGO) -->\r\n        <div class=\"logo-text-brand\">\r\n          <div class=\"logo-title\">Codassaytrans<span>tours<\/span><\/div>\r\n          <div class=\"logo-slogan\">Voyagez en toute confiance<\/div>\r\n        <\/div>\r\n      <\/a>\r\n      \r\n      <!-- Bouton Burger Mobile -->\r\n      <button class=\"mobile-burger\" id=\"burgerBtn\" aria-label=\"Menu Mobile\">\r\n        <span><\/span>\r\n        <span><\/span>\r\n        <span><\/span>\r\n      <\/button>\r\n\r\n      <!-- Menu de Navigation -->\r\n      <ul class=\"nav-links\" id=\"navMenu\">\r\n        <li><a href=\"\/\">Accueil<\/a><\/li>\r\n        <li><a href=\"#galerie\">Galerie<\/a><\/li>\r\n        <li><a href=\"#atouts\">Pourquoi Nous<\/a><\/li>\r\n        <li><a href=\"#services\">Prestations<\/a><\/li>\r\n        <li><a href=\"#circuits\">Excursions<\/a><\/li>\r\n        <li><a href=\"#faq\">FAQ<\/a><\/li>\r\n      <\/ul>\r\n    <\/nav>\r\n  <\/header>\r\n\r\n  <!-- Hero Section -->\r\n  <section class=\"hero\">\r\n    <div class=\"hero-container\">\r\n      <div>\r\n        <div class=\"badge-stripe\">\r\n          <span class=\"pill\">Leader<\/span> Transport Touristique, Personnel & Logistique\r\n        <\/div>\r\n        <h1>Voyagez & transportez en toute <span>s\u00e9r\u00e9nit\u00e9<\/span> avec CODASSAYTRANSTOURS<\/h1>\r\n        <p>Transferts a\u00e9roports sur-mesure, exp\u00e9dition express de colis, navettes de personnel et circuits touristiques \u00e0 travers tout le Royaume du Maroc et l'Europe.<\/p>\r\n        \r\n        <div class=\"hero-ctas\">\r\n          <a href=\"#devis\" class=\"btn-orange\">Obtenir un Devis Gratuit &rarr;<\/a>\r\n          <a href=\"#circuits\" class=\"link-black\">Explorer nos Excursions &rsaquo;<\/a>\r\n        <\/div>\r\n\r\n        <!-- Chiffres Cl\u00e9s -->\r\n        <div class=\"hero-stats-row\">\r\n          <div class=\"stat-item\">\r\n            <h4>+10,000<\/h4>\r\n            <p>Passagers transport\u00e9s<\/p>\r\n          <\/div>\r\n          <div class=\"stat-item\">\r\n            <h4>99.8%<\/h4>\r\n            <p>Ponctualit\u00e9 garantie<\/p>\r\n          <\/div>\r\n          <div class=\"stat-item\">\r\n            <h4>100%<\/h4>\r\n            <p>Chauffeurs Agr\u00e9\u00e9s<\/p>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Formulaire Floating avec Redirection WhatsApp -->\r\n      <div class=\"hero-card\" id=\"devis\">\r\n        <h3>R\u00e9servation & Devis Express<\/h3>\r\n        <form id=\"whatsappForm\">\r\n          <div class=\"form-group\">\r\n            <label>Nom complet<\/label>\r\n            <input type=\"text\" id=\"nom\" class=\"form-control\" placeholder=\"Ex: Karim Benali\" required>\r\n          <\/div>\r\n          <div class=\"form-group\">\r\n            <label>T\u00e9l\u00e9phone \/ WhatsApp<\/label>\r\n            <input type=\"tel\" id=\"telephone\" class=\"form-control\" placeholder=\"+212 6...\" required>\r\n          <\/div>\r\n          <div class=\"form-group\">\r\n            <label>Type de prestation<\/label>\r\n            <select id=\"prestation\" class=\"form-control\" required>\r\n              <option value=\"\" disabled selected>S\u00e9lectionner le service<\/option>\r\n              <option value=\"Transport Touristique \/ Transfert\">Transport Touristique \/ Transfert<\/option>\r\n              <option value=\"Transport de Marchandises \/ Colis Express\">Transport de Marchandises & Colis<\/option>\r\n              <option value=\"Transport International Europe\">Transport International Export \/ Import<\/option>\r\n              <option value=\"Transport de Personnel d'Entreprise\">Transport de Personnel d'Entreprise<\/option>\r\n              <option value=\"Excursion \/ Circuit Sur-Mesure\">Excursion Touristique \/ Circuit<\/option>\r\n            <\/select>\r\n          <\/div>\r\n          <div class=\"form-group\">\r\n            <label>Ville de d\u00e9part \/ Lieu<\/label>\r\n            <input type=\"text\" id=\"ville\" class=\"form-control\" placeholder=\"Ex: Agadir, Marrakech, Dakhla...\" required>\r\n          <\/div>\r\n          <button type=\"submit\" class=\"btn-card-submit\">Envoyer sur WhatsApp &rarr;<\/button>\r\n        <\/form>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- 1\u00e8re SECTION APRES HERO : GALERIE PHOTOS D\u00c9FILANTE -->\r\n  <section class=\"gallery-section\" id=\"galerie\">\r\n    <div class=\"gallery-header\">\r\n      <div class=\"section-label\">Aper\u00e7u en Images<\/div>\r\n      <h2 class=\"section-title\">Galerie Photos & Flotte en Action<\/h2>\r\n    <\/div>\r\n\r\n    <div class=\"gallery-slider\">\r\n      <div class=\"gallery-track\">\r\n        <!-- Photos de la galerie -->\r\n        <div class=\"gallery-item\">\r\n          <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1544620347-c4fd4a3d5957?q=80&w=600\" alt=\"Transport Touristique\">\r\n          <div class=\"gallery-caption\">Flotte & Minibus Confort<\/div>\r\n        <\/div>\r\n        <div class=\"gallery-item\">\r\n          <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1507525428034-b723cf961d3e?q=80&w=600\" alt=\"Dakhla Surf Trip\">\r\n          <div class=\"gallery-caption\">Lagon de Dakhla<\/div>\r\n        <\/div>\r\n        <div class=\"gallery-item\">\r\n          <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1580674684081-7617fbf3d745?q=80&w=600\" alt=\"Camions & Logistics\">\r\n          <div class=\"gallery-caption\">Transport de Marchandises<\/div>\r\n        <\/div>\r\n        <div class=\"gallery-item\">\r\n          <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1548013146-72479768bada?q=80&w=600\" alt=\"A\u00eft Benhaddou\">\r\n          <div class=\"gallery-caption\">Kasbah A\u00eft Benhaddou<\/div>\r\n        <\/div>\r\n        <div class=\"gallery-item\">\r\n          <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1539037116277-4db20889f2d4?q=80&w=600\" alt=\"Essaouira\">\r\n          <div class=\"gallery-caption\">C\u00f4te d'Essaouira<\/div>\r\n        <\/div>\r\n        <div class=\"gallery-item\">\r\n          <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1512552288940-3a300922a275?q=80&w=600\" alt=\"Legzira Beach\">\r\n          <div class=\"gallery-caption\">Plage de Legzira<\/div>\r\n        <\/div>\r\n\r\n        <!-- Duplication pour le d\u00e9filement continu -->\r\n        <div class=\"gallery-item\">\r\n          <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1544620347-c4fd4a3d5957?q=80&w=600\" alt=\"Transport Touristique\">\r\n          <div class=\"gallery-caption\">Flotte & Minibus Confort<\/div>\r\n        <\/div>\r\n        <div class=\"gallery-item\">\r\n          <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1507525428034-b723cf961d3e?q=80&w=600\" alt=\"Dakhla Surf Trip\">\r\n          <div class=\"gallery-caption\">Lagon de Dakhla<\/div>\r\n        <\/div>\r\n        <div class=\"gallery-item\">\r\n          <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1580674684081-7617fbf3d745?q=80&w=600\" alt=\"Camions & Logistics\">\r\n          <div class=\"gallery-caption\">Transport de Marchandises<\/div>\r\n        <\/div>\r\n        <div class=\"gallery-item\">\r\n          <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1548013146-72479768bada?q=80&w=600\" alt=\"A\u00eft Benhaddou\">\r\n          <div class=\"gallery-caption\">Kasbah A\u00eft Benhaddou<\/div>\r\n        <\/div>\r\n        <div class=\"gallery-item\">\r\n          <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1539037116277-4db20889f2d4?q=80&w=600\" alt=\"Essaouira\">\r\n          <div class=\"gallery-caption\">C\u00f4te d'Essaouira<\/div>\r\n        <\/div>\r\n        <div class=\"gallery-item\">\r\n          <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1512552288940-3a300922a275?q=80&w=600\" alt=\"Legzira Beach\">\r\n          <div class=\"gallery-caption\">Plage de Legzira<\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- SECTION POURQUOI NOUS CHOISIR -->\r\n  <section class=\"why-us-section\" id=\"atouts\">\r\n    <div class=\"section-label\">Nos Engagements Exclusifs<\/div>\r\n    <h2 class=\"section-title\">Pourquoi confier vos trajets & marchandises \u00e0 CODASSAYTRANSTOURS ?<\/h2>\r\n\r\n    <div class=\"why-grid\">\r\n      <div class=\"why-card\">\r\n        <div class=\"why-icon\">\ud83d\ude98<\/div>\r\n        <h4>Flotte R\u00e9cente & Diversifi\u00e9e<\/h4>\r\n        <p>Du v\u00e9hicule VIP haut de gamme au camion frigorifique, en passant par les minibus 29 places. Tous nos v\u00e9hicules sont climatis\u00e9s, nettoy\u00e9s quotidiennement et r\u00e9vis\u00e9s rigoureusement.<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"why-card\">\r\n        <div class=\"why-icon\">\u26a1<\/div>\r\n        <h4>Livraison Express & D\u00e9lais Garantis<\/h4>\r\n        <p>Un r\u00e9seau logistique r\u00e9actif garantissant des exp\u00e9ditions sous 24h \u00e0 48h au Maroc et liaisons r\u00e9guli\u00e8res vers l'Europe. Un suivi rigoureux de vos colis en temps r\u00e9el.<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"why-card\">\r\n        <div class=\"why-icon\">\ud83d\udee1\ufe0f<\/div>\r\n        <h4>S\u00e9curit\u00e9 & Assurances Tout Risques<\/h4>\r\n        <p>Chaque passager et chaque marchandise confi\u00e9e b\u00e9n\u00e9ficie d'une couverture d'assurance int\u00e9grale conforme aux exigences strictes du Minist\u00e8re des Transports marocain.<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"why-card\">\r\n        <div class=\"why-icon\">\ud83d\udc68\u200d\u2708\ufe0f<\/div>\r\n        <h4>Chauffeurs Exp\u00e9riment\u00e9s & Professionnels<\/h4>\r\n        <p>Conducteurs bilingues, courtois, exp\u00e9riment\u00e9s sur les routes nationales et autoroutes. Form\u00e9s \u00e0 la conduite d\u00e9fensive et au parfait accueil des clients touristiques.<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"why-card\">\r\n        <div class=\"why-icon\">\ud83c\udff7\ufe0f<\/div>\r\n        <h4>Tarification Transparente Sans Surprise<\/h4>\r\n        <p>Pas de co\u00fbts cach\u00e9s. Nos tarifs sont clairs, forfaitaires et annonc\u00e9s \u00e0 l'avance, que ce soit pour une excursion d'une journ\u00e9e ou l'envoi de colis volumineux.<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"why-card\">\r\n        <div class=\"why-icon\">\ud83c\udfa7<\/div>\r\n        <h4>Support Client & Assistance 24\/7<\/h4>\r\n        <p>Une \u00e9quipe r\u00e9active joignable en permanence via WhatsApp ou t\u00e9l\u00e9phone pour adapter vos r\u00e9servations, g\u00e9rer vos urgences de livraison ou personnaliser vos trajets.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- BANNI\u00c8RE ZONE D'INTERVENTION -->\r\n  <section class=\"coverage-banner\">\r\n    <div class=\"coverage-container\">\r\n      <div class=\"coverage-text\">\r\n        <h3>Une couverture logistique Nationale & Internationale<\/h3>\r\n        <p>Liaisons r\u00e9guli\u00e8res et rapides entre le Maroc et tous les pays d'Europe.<\/p>\r\n      <\/div>\r\n      <div class=\"coverage-pills\">\r\n        <span class=\"city-pill\">\ud83d\udccd Agadir<\/span>\r\n        <span class=\"city-pill\">\ud83d\udccd Marrakech<\/span>\r\n        <span class=\"city-pill\">\ud83d\udccd Dakhla<\/span>\r\n        <span class=\"city-pill\">\ud83d\udccd Ouarzazate<\/span>\r\n        <span class=\"city-pill\">\ud83d\udccd Tinghir<\/span>\r\n        <span class=\"city-pill\">\ud83d\udccd Essaouira<\/span>\r\n        <span class=\"city-pill\">\ud83c\udf0d Europe (Export \/ Import)<\/span>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- SECTION DETAIL DES PRESTATIONS -->\r\n  <section class=\"how-it-works\" id=\"services\">\r\n    <div class=\"section-label\">D\u00e9tail Compl\u00eat des Prestations<\/div>\r\n    <h2 class=\"section-title\">Des solutions sur-mesure pour Particuliers, Touristes & Entreprises<\/h2>\r\n\r\n    <div class=\"services-explain-grid\">\r\n      \r\n      <!-- PRESTATION 1: TRANSPORT TOURISTIQUE -->\r\n      <div class=\"explain-card\">\r\n        <span class=\"explain-badge\">Domaine Touristique<\/span>\r\n        <h3>Transport Touristique & Transferts VIP<\/h3>\r\n        <p>Faites l'exp\u00e9rience du confort ultime pour vos navettes a\u00e9roport, circuits guid\u00e9s et excursions priv\u00e9es. Nos chauffeurs vous accompagnent avec professionnalisme et discr\u00e9tion.<\/p>\r\n        \r\n        <ul class=\"explain-list\">\r\n          <li>Transferts directs A\u00e9roports (Agadir Al Massira, Marrakech Menara, Dakhla, etc.) vers H\u00f4tels\/Riads<\/li>\r\n          <li>Accompagnement VIP, prise en charge imm\u00e9diate et aide au port des bagages<\/li>\r\n          <li>Circuits personnalis\u00e9s dans le Grand Sud, Haut-Atlas et le d\u00e9sert saharien<\/li>\r\n          <li>Si\u00e8ges enfants et r\u00e9hausseurs disponibles gratuitement sur demande<\/li>\r\n        <\/ul>\r\n\r\n        <div class=\"vehicles-subblock\">\r\n          <h4>\ud83d\ude90 Flotte D\u00e9di\u00e9e au Transport Touristique :<\/h4>\r\n          <div class=\"vehicle-pills\">\r\n            <div class=\"v-pill\">Mercedes Sprinter <span>24 pls<\/span><\/div>\r\n            <div class=\"v-pill\">Volkswagen Crafter <span>18 pls<\/span><\/div>\r\n            <div class=\"v-pill\">Iveco Daily Cuby <span>29 pls<\/span><\/div>\r\n            <div class=\"v-pill\">Iveco Daily Line <span>25 pls<\/span><\/div>\r\n            <div class=\"v-pill\">Ford Tourneo <span>9 pls<\/span><\/div>\r\n            <div class=\"v-pill\">Renault Trafic <span>9 pls<\/span><\/div>\r\n            <div class=\"v-pill\">Volkswagen Caravelle <span>8 pls<\/span><\/div>\r\n            <div class=\"v-pill\">Kia Carnival <span>6 pls<\/span><\/div>\r\n            <div class=\"v-pill\">Skoda Kodiaq <span>5 pls<\/span><\/div>\r\n            <div class=\"v-pill\">Skoda Octavia <span>5 pls<\/span><\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- PRESTATION 2: TRANSPORT MARCHANDISES & COLIS -->\r\n      <div class=\"explain-card\">\r\n        <span class=\"explain-badge\">Domaine Logistique & Fret<\/span>\r\n        <h3>Transport de Marchandises & Messagerie Colis Express<\/h3>\r\n        <p>Acheminement s\u00e9curis\u00e9, rapide et \u00e9conomique de vos paquets, marchandises industrielles et colis entre les principales villes du Royaume et \u00e0 l'international.<\/p>\r\n\r\n        <div class=\"pricing-table-container\">\r\n          <div class=\"pricing-box\">\r\n            <h4>\ud83d\udce6 Agadir &harr; Marrakech<\/h4>\r\n            <div class=\"price-row\">\r\n              <span>Envoi Normal Colis<\/span>\r\n              <span class=\"price-tag\">28 DH \/ colis<\/span>\r\n            <\/div>\r\n            <div class=\"price-row\">\r\n              <span>Livraison Express<\/span>\r\n              <span class=\"price-tag\">200 DH \/ colis<\/span>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"pricing-box\">\r\n            <h4>\ud83d\ude9a Agadir &harr; Dakhla<\/h4>\r\n            <div class=\"price-row\">\r\n              <span>Envoi Standard Colis<\/span>\r\n              <span class=\"price-tag\">100 DH \/ colis<\/span>\r\n            <\/div>\r\n            <div class=\"price-row\">\r\n              <span>Livraison Express (48h Maxi)<\/span>\r\n              <span class=\"price-tag\">400 DH \/ colis<\/span>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"pricing-box\">\r\n            <h4>\ud83d\udce6 Agadir &harr; Ouarzazate<\/h4>\r\n            <div class=\"price-row\">\r\n              <span>Envoi Standard Colis<\/span>\r\n              <span class=\"price-tag\">50 DH \/ colis<\/span>\r\n            <\/div>\r\n            <div class=\"price-row\">\r\n              <span>Livraison Express<\/span>\r\n              <span class=\"price-tag\">100 DH \/ colis<\/span>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"pricing-box highlight-box\">\r\n            <h4>\ud83c\udf0d Agadir &harr; Tous les pays d'Europe<\/h4>\r\n            <div class=\"price-row\">\r\n              <span>Export & Import International<\/span>\r\n              <span class=\"price-tag\">15 \u20ac \/ kg<\/span>\r\n            <\/div>\r\n            <div class=\"price-row\">\r\n              <span>Service de Livraison<\/span>\r\n              <span class=\"price-tag\">\u00c0 Domicile<\/span>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <ul class=\"explain-list\">\r\n          <li>Transport marchandise international (Export & Import de Agadir vers tous les pays d'Europe)<\/li>\r\n          <li>Livraison directement \u00e0 domicile pour vos envois internationaux<\/li>\r\n          <li>Acheminement s\u00e9curis\u00e9 avec tra\u00e7abilit\u00e9 et accus\u00e9 de r\u00e9ception<\/li>\r\n          <li>Service de Ramassage \u00e0 domicile ou en d\u00e9p\u00f4t selon votre convenance<\/li>\r\n          <li>Solutions adapt\u00e9es aux professionnels de l'E-commerce et entreprises industrielles<\/li>\r\n        <\/ul>\r\n\r\n        <div class=\"vehicles-subblock\">\r\n          <h4>\ud83d\ude9b Flotte D\u00e9di\u00e9e aux Marchandises & Colis :<\/h4>\r\n          <div class=\"vehicle-pills\">\r\n            <div class=\"v-pill\">Renault Express Van<\/div>\r\n            <div class=\"v-pill\">Renault Trafic Van<\/div>\r\n            <div class=\"v-pill\">Renault Master Van<\/div>\r\n            <div class=\"v-pill\">Camionnette Kia K2500<\/div>\r\n            <div class=\"v-pill\">Iveco Daily Fourgon<\/div>\r\n            <div class=\"v-pill\">Truck Volvo Euro 6<\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- PRESTATION 3: TRANSPORT DE PERSONNEL -->\r\n      <div class=\"explain-card\">\r\n        <span class=\"explain-badge\">Domaine Entreprises & Personnel<\/span>\r\n        <h3>Transport de Personnel d'Entreprises & Navettes Corporate<\/h3>\r\n        <p>Des liaisons quotidiennes fiables et ponctuelles pour acheminer vos employ\u00e9s, collaborateurs et \u00e9quipes techniques vers leurs sites de travail ou \u00e9v\u00e9nements.<\/p>\r\n        \r\n        <ul class=\"explain-list\">\r\n          <li>Contrats mensuels et annuels flexibles adapt\u00e9s aux horaires de vos \u00e9quipes<\/li>\r\n          <li>V\u00e9hicules r\u00e9cents garantissant s\u00e9curit\u00e9 et confort optimal sur le trajet<\/li>\r\n          <li>Ponctualit\u00e9 exemplaire \u00e9vitant tout retard de production<\/li>\r\n        <\/ul>\r\n\r\n        <div class=\"vehicles-subblock\">\r\n          <h4>\ud83d\ude8c Flotte D\u00e9di\u00e9e au Transport de Personnel :<\/h4>\r\n          <div class=\"vehicle-pills\">\r\n            <div class=\"v-pill\">Renault Master <span>17 pls<\/span><\/div>\r\n            <div class=\"v-pill\">Fiat Ducato <span>17 pls<\/span><\/div>\r\n            <div class=\"v-pill\">Volkswagen Crafter <span>17 pls<\/span><\/div>\r\n            <div class=\"v-pill\">Ford Transit <span>18 pls<\/span><\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- SECTION GALERIE EXCURSIONS -->\r\n  <section class=\"tours-section\" id=\"circuits\">\r\n    <div class=\"section-label\">Offres Sp\u00e9ciales Excursions<\/div>\r\n    <h2 class=\"section-title\">Nos circuits & s\u00e9jours phares<\/h2>\r\n\r\n    <div class=\"tours-grid\">\r\n      \r\n      <!-- CIRCUIT 1 -->\r\n      <div class=\"tour-card\">\r\n        <div class=\"tour-img\" style=\"background-image: url('https:\/\/images.unsplash.com\/photo-1539037116277-4db20889f2d4?q=80&w=800');\">\r\n          <span class=\"tour-tag\">Villes & Cascades<\/span>\r\n        <\/div>\r\n        <div class=\"tour-body\">\r\n          <div class=\"tour-meta\">\r\n            <span>\u23f1\ufe0f 3 Jours<\/span>\r\n            <span>\ud83d\udccd Agadir &rarr; M'kech &rarr; Beni Mellal &rarr; Essaouira<\/span>\r\n          <\/div>\r\n          <h3>Circuit Marrakech, Beni Mellal & Essaouira<\/h3>\r\n          \r\n          <div class=\"tour-day-item\">\r\n            <div class=\"tour-day-title\">1er jour : Agadir &rarr; Marrakech<\/div>\r\n            <div class=\"tour-day-desc\">\r\n              <span>Inclus :<\/span> H\u00f4tel + D\u00eener + Petit-d\u00e9jeuner, visite de Jamaa El Fna, la Vieille ville, la Mosqu\u00e9e Koutoubia, ballon dirigeable (montgolfi\u00e8re) et tour en quad.\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"tour-day-item\">\r\n            <div class=\"tour-day-title\">2\u00e8me jour : Marrakech &rarr; Beni Mellal<\/div>\r\n            <div class=\"tour-day-desc\">\r\n              <span>Inclus :<\/span> Visite des cascades d'Ouzoud + D\u00e9jeuner.\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"tour-day-item\">\r\n            <div class=\"tour-day-title\">3\u00e8me jour : Marrakech &rarr; Essaouira<\/div>\r\n            <div class=\"tour-day-desc\">\r\n              <span>Inclus :<\/span> H\u00f4tel + D\u00eener + Petit-d\u00e9jeuner, visite des zones touristiques.\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"tour-prices-box\">\r\n            <div class=\"tour-prices-title\">Tarifs par personne (selon groupe)<\/div>\r\n            <div class=\"tour-price-grid\">\r\n              <div class=\"tour-price-item\"><span>8 pers. :<\/span> <strong>120 - 160 \u20ac<\/strong><\/div>\r\n              <div class=\"tour-price-item\"><span>17 pers. :<\/span> <strong>100 - 130 \u20ac<\/strong><\/div>\r\n              <div class=\"tour-price-item\"><span>21 \u00e0 40 pers. :<\/span> <strong>80 - 100 \u20ac<\/strong><\/div>\r\n              <div class=\"tour-price-item\"><span>+40 pers. :<\/span> <strong>60 - 80 \u20ac<\/strong><\/div>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"tour-footer\">\r\n            <div class=\"tour-price\">\u00c0 partir de <strong>60 \u20ac<\/strong><\/div>\r\n            <a href=\"#devis\" class=\"card-link\">R\u00e9server &rarr;<\/a>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- CIRCUIT 2 -->\r\n      <div class=\"tour-card\">\r\n        <div class=\"tour-img\" style=\"background-image: url('https:\/\/images.unsplash.com\/photo-1548013146-72479768bada?q=80&w=800');\">\r\n          <span class=\"tour-tag\">Kasbahs & D\u00e9sert<\/span>\r\n        <\/div>\r\n        <div class=\"tour-body\">\r\n          <div class=\"tour-meta\">\r\n            <span>\u23f1\ufe0f 3 Jours<\/span>\r\n            <span>\ud83d\udccd Agadir &rarr; Ouarzazate &rarr; Tinghir &rarr; Merzouga<\/span>\r\n          <\/div>\r\n          <h3>Circuit Ouarzazate, Tinghir & Merzouga<\/h3>\r\n          \r\n          <div class=\"tour-day-item\">\r\n            <div class=\"tour-day-title\">1er jour : Agadir &rarr; Ouarzazate<\/div>\r\n            <div class=\"tour-day-desc\">\r\n              <span>Inclus :<\/span> H\u00f4tel + D\u00eener + Petit-d\u00e9jeuner, visite de la Kasbah A\u00eft Benhaddou.\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"tour-day-item\">\r\n            <div class=\"tour-day-title\">2\u00e8me jour : Ouarzazate &rarr; Tinghir<\/div>\r\n            <div class=\"tour-day-desc\">\r\n              <span>Inclus :<\/span> Visite des gorges du Toudra et Saghrou + D\u00e9jeuner.\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"tour-day-item\">\r\n            <div class=\"tour-day-title\">3\u00e8me jour : Tinghir &rarr; Merzouga<\/div>\r\n            <div class=\"tour-day-desc\">\r\n              <span>Inclus :<\/span> H\u00f4tel + D\u00eener au d\u00e9sert, balade \/ conduite \u00e0 dos de chameau.\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"tour-prices-box\">\r\n            <div class=\"tour-prices-title\">Tarifs par personne (selon groupe)<\/div>\r\n            <div class=\"tour-price-grid\">\r\n              <div class=\"tour-price-item\"><span>8 pers. :<\/span> <strong>160 - 180 \u20ac<\/strong><\/div>\r\n              <div class=\"tour-price-item\"><span>17 pers. :<\/span> <strong>130 - 140 \u20ac<\/strong><\/div>\r\n              <div class=\"tour-price-item\"><span>21 \u00e0 40 pers. :<\/span> <strong>100 - 120 \u20ac<\/strong><\/div>\r\n              <div class=\"tour-price-item\"><span>+40 pers. :<\/span> <strong>80 - 100 \u20ac<\/strong><\/div>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"tour-footer\">\r\n            <div class=\"tour-price\">\u00c0 partir de <strong>80 \u20ac<\/strong><\/div>\r\n            <a href=\"#devis\" class=\"card-link\">R\u00e9server &rarr;<\/a>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- CIRCUIT 3 -->\r\n      <div class=\"tour-card\">\r\n        <div class=\"tour-img\" style=\"background-image: url('https:\/\/images.unsplash.com\/photo-1507525428034-b723cf961d3e?q=80&w=800');\">\r\n          <span class=\"tour-tag\">Surf & Sahara<\/span>\r\n        <\/div>\r\n        <div class=\"tour-body\">\r\n          <div class=\"tour-meta\">\r\n            <span>\u23f1\ufe0f 2 Jours<\/span>\r\n            <span>\ud83d\udccd Agadir &rarr; Dakhla<\/span>\r\n          <\/div>\r\n          <h3>Circuit Agadir &rarr; Dakhla<\/h3>\r\n          \r\n          <div class=\"tour-day-item\">\r\n            <div class=\"tour-day-title\">1er jour : Agadir &rarr; Route Dakhla<\/div>\r\n            <div class=\"tour-day-desc\">\r\n              Sur la route, visite du Sahara marocain.\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"tour-day-item\">\r\n            <div class=\"tour-day-title\">2\u00e8me jour : Lagon de Dakhla<\/div>\r\n            <div class=\"tour-day-desc\">\r\n              <span>Inclus :<\/span> H\u00f4tel + D\u00eener + Petit-d\u00e9jeuner + Session de Surf.\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"tour-prices-box\" style=\"margin-top: 18px;\">\r\n            <div class=\"tour-prices-title\">Tarifs par personne (selon groupe)<\/div>\r\n            <div class=\"tour-price-grid\">\r\n              <div class=\"tour-price-item\"><span>8 pers. :<\/span> <strong>300 \u20ac<\/strong><\/div>\r\n              <div class=\"tour-price-item\"><span>17 pers. :<\/span> <strong>220 \u20ac<\/strong><\/div>\r\n              <div class=\"tour-price-item\"><span>21 \u00e0 40 pers. :<\/span> <strong>180 \u20ac<\/strong><\/div>\r\n              <div class=\"tour-price-item\"><span>+40 pers. :<\/span> <strong>120 \u20ac<\/strong><\/div>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"tour-footer\">\r\n            <div class=\"tour-price\">\u00c0 partir de <strong>120 \u20ac<\/strong><\/div>\r\n            <a href=\"#devis\" class=\"card-link\">R\u00e9server &rarr;<\/a>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- SECTION T\u00c9MOIGNAGES -->\r\n  <section class=\"reviews-section\">\r\n    <div class=\"section-label\">Avis Clients V\u00e9rifi\u00e9s<\/div>\r\n    <h2 class=\"section-title\">Ce que disent nos passagers et partenaires<\/h2>\r\n\r\n    <div class=\"reviews-grid\">\r\n      <div class=\"review-card\">\r\n        <div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n        <p>\"Le circuit Agadir-Dakhla Surf \u00e9tait incroyable. Chauffeur au top, v\u00e9hicule confortable et organisation irr\u00e9prochable !\"<\/p>\r\n        <div class=\"reviewer-info\">\r\n          Hamza K.\r\n          <span>Voyageur Surf<\/span>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"review-card\">\r\n        <div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n        <p>\"L'excursion dans le d\u00e9sert et Essaouira \u00e9tait magnifique. Un grand merci \u00e0 l'\u00e9quipe pour cette exp\u00e9rience inoubliable.\"<\/p>\r\n        <div class=\"reviewer-info\">\r\n          Elena & Thomas\r\n          <span>Circuit F\u00e9vrier<\/span>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"review-card\">\r\n        <div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n        <p>\"Service de transport de marchandises et navettes au top. Tr\u00e8s professionnel et r\u00e9actif !\"<\/p>\r\n        <div class=\"reviewer-info\">\r\n          Youssef M.\r\n          <span>Partenaire Pro<\/span>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- SECTION FAQ -->\r\n  <section class=\"faq-section\" id=\"faq\">\r\n    <div style=\"text-align: center; margin-bottom: 30px;\">\r\n      <div class=\"section-label\">Questions Fr\u00e9quentes<\/div>\r\n      <h2 class=\"section-title\" style=\"margin: 0 auto;\">Vos questions, nos r\u00e9ponses<\/h2>\r\n    <\/div>\r\n\r\n    <div class=\"faq-item\">\r\n      <h4>Comment r\u00e9server une excursion ou un transfert ?<\/h4>\r\n      <p>Vous pouvez remplir notre formulaire en ligne ou nous contacter directement sur WhatsApp. Notre \u00e9quipe vous r\u00e9pond imm\u00e9diatement pour valider les d\u00e9tails et les dates de votre voyage.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"faq-item\">\r\n      <h4>Les prix indiqu\u00e9s pour les excursions incluent-ils le v\u00e9hicule et le chauffeur ?<\/h4>\r\n      <p>Oui, nos tarifs comprennent la mise \u00e0 disposition d'un v\u00e9hicule r\u00e9cent, priv\u00e9, climatis\u00e9 avec chauffeur professionnel d\u00e9di\u00e9 durant toute la dur\u00e9e du trajet.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"faq-item\">\r\n      <h4>Quels sont les tarifs pour l'envoi de colis ?<\/h4>\r\n      <p>Agadir-Marrakech (Standard: 28 DH \/ Express: 200 DH), Agadir-Dakhla (Standard: 100 DH \/ Express: 400 DH), Agadir-Ouarzazate (Standard: 50 DH \/ Express: 100 DH). Pour l'international vers l'Europe, le tarif est de 15 \u20ac \/ kg avec livraison \u00e0 domicile.<\/p>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- FOOTER -->\r\n  <footer>\r\n    <div class=\"footer-container\">\r\n      <div class=\"footer-brand\">\r\n        <!-- LOGO FOOTER -->\r\n        <a href=\"\/\" class=\"logo-container\">\r\n          <svg class=\"logo-svg-brand\" viewBox=\"0 0 240 160\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n            <circle cx=\"110\" cy=\"70\" r=\"58\" fill=\"url(#globeGrad)\"\/>\r\n            <path d=\"M72 48C76 42 85 38 92 40C98 42 102 48 108 45C114 42 120 32 128 34C136 36 142 46 138 54C134 62 122 60 118 68C114 76 120 86 112 88C104 90 92 82 86 76C80 70 68 54 72 48Z\" fill=\"#FFFFFF\" opacity=\"0.88\"\/>\r\n            <path d=\"M125 78C132 75 142 80 148 86C154 92 162 98 158 106C154 114 140 118 132 112C124 106 120 96 122 88C124 80 118 81 125 78Z\" fill=\"#FFFFFF\" opacity=\"0.88\"\/>\r\n            <path d=\"M20 75C20 75 18 102 50 118C82 134 150 110 185 68C200 50 205 35 205 35C205 35 192 48 172 62C140 84 80 110 52 98C32 90 30 75 20 75Z\" fill=\"url(#orangeWave)\"\/>\r\n            <g transform=\"translate(162, 18) rotate(-15) scale(0.95)\">\r\n              <path d=\"M0 22 L24 14 L52 10 L60 0 L66 2 L58 14 L82 11 L88 6 L92 7 L88 15 L98 16 L96 20 L86 19 L82 28 L76 27 L80 18 L52 18 L28 32 L20 31 L32 19 Z\" fill=\"#FFFFFF\"\/>\r\n            <\/g>\r\n            <path d=\"M10 120C40 120 70 145 130 145C170 145 205 130 205 130L170 115C130 125 80 110 40 105L10 120Z\" fill=\"url(#blueRoad)\"\/>\r\n            <path d=\"M25 116C50 118 80 132 130 135C155 136 185 126 185 126\" stroke=\"#FF9900\" stroke-width=\"3\" stroke-dasharray=\"8 5\" fill=\"none\"\/>\r\n            <g transform=\"translate(62, 70)\">\r\n              <path d=\"M15 48 C12 35 20 18 35 12 C55 5 105 8 115 15 C120 18 122 30 120 48 L115 56 L15 56 Z\" fill=\"url(#busBody)\"\/>\r\n              <path d=\"M92 14 C100 16 112 22 110 32 L95 32 L90 16 Z\" fill=\"#0B2B60\"\/>\r\n              <path d=\"M35 16 L86 16 L90 32 L30 32 Z\" fill=\"#0B2B60\"\/>\r\n            <\/g>\r\n          <\/svg>\r\n          <div class=\"logo-text-brand\">\r\n            <div class=\"logo-title\">Codassaytrans<span>tours<\/span><\/div>\r\n            <div class=\"logo-slogan\">Voyagez en toute confiance<\/div>\r\n          <\/div>\r\n        <\/a>\r\n        <p>Votre partenaire de confiance pour le transport touristique, la logistique de marchandises nationale & internationale, et le transport de personnel.<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"footer-col\">\r\n        <h4>Navigation<\/h4>\r\n        <ul>\r\n          <li><a href=\"\/\">Accueil<\/a><\/li>\r\n          <li><a href=\"#galerie\">Galerie<\/a><\/li>\r\n          <li><a href=\"#atouts\">Pourquoi Nous<\/a><\/li>\r\n          <li><a href=\"#services\">Prestations<\/a><\/li>\r\n          <li><a href=\"#circuits\">Excursions<\/a><\/li>\r\n          <li><a href=\"#faq\">FAQ<\/a><\/li>\r\n        <\/ul>\r\n      <\/div>\r\n\r\n      <div class=\"footer-col\">\r\n        <h4>Nos Services<\/h4>\r\n        <ul>\r\n          <li><a href=\"#services\">Transport Touristique<\/a><\/li>\r\n          <li><a href=\"#services\">Transport de Personnel<\/a><\/li>\r\n          <li><a href=\"#services\">Messagerie & Colis Express<\/a><\/li>\r\n          <li><a href=\"#services\">Transport International Europe<\/a><\/li>\r\n          <li><a href=\"#circuits\">Circuits Sur-Mesure<\/a><\/li>\r\n        <\/ul>\r\n      <\/div>\r\n\r\n      <div class=\"footer-col\">\r\n        <h4>Contact & Infos<\/h4>\r\n        <ul class=\"contact-info\">\r\n          <li>\ud83d\udccd Agadir, Souss-Massa, Maroc<\/li>\r\n          <li>\ud83d\udcde +212 6 67 18 17 39<\/li>\r\n          <li>\ud83d\udcde +212 6 62 11 61 30<\/li>\r\n          <li>\u2709\ufe0f contact@codassaytranstours.com<\/li>\r\n          <li>\u23f1\ufe0f Service disponible 24\/7<\/li>\r\n        <\/ul>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"footer-bottom\">\r\n      <div>&copy; 2026 CODASSAYTRANSTOURS. Tous droits r\u00e9serv\u00e9s.<\/div>\r\n      <div>Con\u00e7u pour le Transport & La Logistique au Maroc & \u00e0 l'International<\/div>\r\n    <\/div>\r\n  <\/footer>\r\n\r\n  <script>\r\n    \/\/ Menu Mobile\r\n    const burgerBtn = document.getElementById('burgerBtn');\r\n    const navMenu = document.getElementById('navMenu');\r\n\r\n    burgerBtn.addEventListener('click', () => {\r\n      burgerBtn.classList.toggle('open');\r\n      navMenu.classList.toggle('active');\r\n    });\r\n\r\n    \/\/ Formulaire WhatsApp\r\n    document.getElementById('whatsappForm').addEventListener('submit', function(e) {\r\n      e.preventDefault();\r\n      \r\n      const nom = document.getElementById('nom').value;\r\n      const telephone = document.getElementById('telephone').value;\r\n      const prestation = document.getElementById('prestation').value;\r\n      const ville = document.getElementById('ville').value;\r\n\r\n      const phoneNumber = \"212667181739\"; \r\n\r\n      const message = `Bonjour CODASSAYTRANSTOURS,%0A%0AJe souhaite demander un devis \/ r\u00e9server une prestation :%0A- *Nom* : ${encodeURIComponent(nom)}%0A- *T\u00e9l\u00e9phone* : ${encodeURIComponent(telephone)}%0A- *Service* : ${encodeURIComponent(prestation)}%0A- *Ville \/ Lieu* : ${encodeURIComponent(ville)}`;\r\n\r\n      window.open(`https:\/\/wa.me\/${phoneNumber}?text=${message}`, '_blank');\r\n    });\r\n  <\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>CODASSAYTRANSTOURS | Transport Touristique, Marchandises &#038; Personnel au Maroc Codassaytranstours Voyagez en toute confiance Accueil Galerie Pourquoi Nous Prestations Excursions FAQ Leader Transport Touristique, Personnel &#038; Logistique Voyagez &#038; transportez en toute s\u00e9r\u00e9nit\u00e9 avec CODASSAYTRANSTOURS Transferts a\u00e9roports sur-mesure, exp\u00e9dition express de colis, navettes de personnel et circuits touristiques \u00e0 travers tout le Royaume du Maroc [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-9","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/codassaytranstours.com\/index.php?rest_route=\/wp\/v2\/pages\/9","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/codassaytranstours.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/codassaytranstours.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/codassaytranstours.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/codassaytranstours.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=9"}],"version-history":[{"count":4,"href":"https:\/\/codassaytranstours.com\/index.php?rest_route=\/wp\/v2\/pages\/9\/revisions"}],"predecessor-version":[{"id":14,"href":"https:\/\/codassaytranstours.com\/index.php?rest_route=\/wp\/v2\/pages\/9\/revisions\/14"}],"wp:attachment":[{"href":"https:\/\/codassaytranstours.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=9"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}