{"id":1307,"date":"2026-08-07T10:35:15","date_gmt":"2026-08-07T10:35:15","guid":{"rendered":"https:\/\/truckly.io\/?page_id=1307"},"modified":"2026-09-03T12:56:27","modified_gmt":"2026-09-03T12:56:27","slug":"truckly-amp1","status":"publish","type":"page","link":"https:\/\/truckly.io\/en\/truckly-amp1\/","title":{"rendered":"LP ads1 AMP"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1307\" class=\"elementor elementor-1307\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9060d51 e-con-full e-flex e-con e-parent\" data-id=\"9060d51\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0f01572 elementor-widget elementor-widget-html\" data-id=\"0f01572\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<meta charset=\"UTF-8\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@600;700;800;900&family=Inter:wght@400;500;600&display=swap\" rel=\"stylesheet\">\n\n<style>\n\/* ============ RESET + BASE PARTAG\u00c9E ============ *\/\n.trk-lp, .trk-lp *, .trk-lp *::before, .trk-lp *::after {\n  box-sizing: border-box; margin: 0; padding: 0;\n}\n.trk-lp {\n  --font-head: \"Poppins\", \"Inter\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif;\n  --font-body: \"Inter\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif;\n  font-family: var(--font-body);\n  overflow-x: hidden;\n}\n\n\/* ============ HERO ============ *\/\n.trk-hero {\n  --green:    #1FBF75;\n  --purple:   #522CEC;\n  --grad:     linear-gradient(135deg, #522CEC 0%, #0891b2 50%, #1FBF75 100%);\n  --grad-btn: linear-gradient(90deg, #6C3CE9 0%, #522CEC 100%);\n  --dark:     #1a1f35;\n  --muted:    #6b7280;\n  --bg2:      #f5f6fb;\n  color: var(--dark);\n}\n.trk-hero .hero {\n  background: var(--bg2);\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  align-items: center;\n  padding: 48px 60px 56px;\n  gap: 56px;\n  position: relative;\n  overflow: hidden;\n  min-height: 80vh;\n}\n.trk-hero .hero::before {\n  content: \"\";\n  position: absolute; top: -200px; right: -150px;\n  width: 650px; height: 650px; border-radius: 50%;\n  background: radial-gradient(circle, rgba(108,92,231,.2) 0%, transparent 70%);\n  pointer-events: none;\n}\n.trk-hero .hero::after {\n  content: \"\";\n  position: absolute; bottom: -150px; left: -80px;\n  width: 500px; height: 500px; border-radius: 50%;\n  background: radial-gradient(circle, rgba(45,224,122,.1) 0%, transparent 70%);\n  pointer-events: none;\n}\n.trk-hero .hero-copy { position: relative; z-index: 2; }\n\n\/* Lockup de partenariat Truckly x AMP *\/\n.trk-hero .partner-lockup {\n  display: flex; align-items: center; gap: 14px;\n  margin-bottom: 22px;\n}\n.trk-hero .partner-lockup img { display: block; }\n.trk-hero .partner-logo-truckly { height: 32px; width: auto; }\n.trk-hero .partner-x { font-family: var(--font-head); font-weight: 600; font-size: 1.3rem; color: var(--muted); }\n.trk-hero .partner-logo-amp { height: 54px; width: auto; }\n\n.trk-hero .hero-tagline-top {\n  display: inline-flex; align-items: center; gap: 8px;\n  font-family: var(--font-head);\n  font-size: 0.82rem; font-weight: 700;\n  letter-spacing: 2px; text-transform: uppercase;\n  color: var(--green); margin-bottom: 18px;\n}\n.trk-hero .hero h1 {\n  font-family: var(--font-head);\n  font-size: clamp(2.4rem, 4.5vw, 4rem);\n  font-weight: 700; line-height: 1.15;\n  margin-bottom: 24px;\n}\n.trk-hero .hero h1 .grad {\n  background: var(--grad);\n  -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;\n}\n.trk-hero .hero-sub {\n  font-family: var(--font-body);\n  font-size: 1rem; color: rgba(26,31,53,.75);\n  line-height: 1.75; margin-bottom: 36px; max-width: 460px;\n}\n.trk-hero .hero-actions { display: flex; gap: 14px; flex-wrap: wrap; margin-bottom: 24px; }\n.trk-hero .btn-primary {\n  background: var(--grad-btn); color: #fff !important;\n  border: none; border-radius: 50px;\n  padding: 16px 36px;\n  font-family: var(--font-head); font-weight: 700; font-size: 1rem;\n  cursor: pointer; transition: opacity .2s, transform .2s;\n  display: inline-block; text-decoration: none !important;\n}\n.trk-hero .btn-primary:hover { opacity: .88; transform: translateY(-2px); }\n.trk-hero .hero-visual { position: relative; z-index: 2; }\n.trk-hero .hero-photo {\n  width: 100%; border-radius: 24px; overflow: hidden;\n  box-shadow: 0 40px 80px rgba(0,0,0,.4); aspect-ratio: 4\/3;\n}\n.trk-hero .hero-photo img { width: 100%; height: 100%; object-fit: cover; display: block; }\n\n\/* TRUSTPILOT *\/\n.trk-hero .trustpilot-bar {\n  background: #ffffff;\n  border-top: 1px solid rgba(26,31,53,.08);\n  padding: 20px 60px 0;\n  display: flex; align-items: center; justify-content: center;\n}\n.trk-hero .tp-logo-img { height: 34px; width: auto; display: block; }\n\n\/* MARQUEE PRESSE *\/\n.trk-hero .press-marquee-bar {\n  background: #ffffff;\n  border-bottom: 1px solid rgba(26,31,53,.08);\n  padding: 14px 0 20px;\n  overflow: hidden; position: relative;\n}\n.trk-hero .press-marquee-bar::before,\n.trk-hero .press-marquee-bar::after {\n  content: ''; position: absolute; top: 0; bottom: 0;\n  width: 80px; z-index: 2; pointer-events: none;\n}\n.trk-hero .press-marquee-bar::before { left: 0; background: linear-gradient(to right, #fff, transparent); }\n.trk-hero .press-marquee-bar::after  { right: 0; background: linear-gradient(to left, #fff, transparent); }\n.trk-hero .press-marquee-track {\n  display: flex; width: max-content;\n  animation: trk-marquee 28s linear infinite;\n}\n.trk-hero .press-marquee-track:hover { animation-play-state: paused; }\n.trk-hero .marquee-set {\n  display: flex; align-items: center;\n  gap: 96px; padding-right: 96px; flex-shrink: 0;\n}\n.trk-hero .marquee-set img {\n  height: 52px; width: auto; min-width: 120px; max-width: 260px;\n  object-fit: contain; object-position: center; opacity: 0.75;\n  flex-shrink: 0; display: block;\n}\n.trk-hero .marquee-set img:hover { opacity: 1; }\n@keyframes trk-marquee {\n  from { transform: translateX(0); }\n  to   { transform: translateX(-50%); }\n}\n\n@media (max-width: 960px) {\n  .trk-hero .hero { grid-template-columns: 1fr; padding: 40px 24px 48px; min-height: auto; }\n  .trk-hero .hero-visual { display: none; }\n  .trk-hero .trustpilot-bar { padding: 16px 24px 0; }\n}\n@media (max-width: 640px) {\n  .trk-hero .partner-logo-truckly { height: 26px; }\n  .trk-hero .partner-logo-amp { height: 42px; }\n  .trk-hero .marquee-set { gap: 32px; padding-right: 32px; }\n  .trk-hero .marquee-set img { height: 32px; max-width: 130px; }\n  .trk-hero .press-marquee-bar::before,\n  .trk-hero .press-marquee-bar::after { width: 32px; }\n}\n\n\/* ============ COCAMIONNAGE ============ *\/\n.truckly-cocamionnage{\n  --violet:#6C3CE9;\n  --violet-dark:#4B23B8;\n  --violet-light:#F1ECFF;\n  --green:#1FBF75;\n  --ink:#1E1533;\n  --ink-soft:#5B5470;\n  --border:#EAE4FB;\n  --radius-lg:28px;\n  --radius-md:18px;\n  color:var(--ink);\n  padding:88px 0;\n}\n.truckly-cocamionnage h2, .truckly-cocamionnage h3{font-family:var(--font-head);font-weight:700;line-height:1.15}\n.truckly-cocamionnage .wrap{max-width:1180px;margin:0 auto;padding:0 24px}\n.truckly-cocamionnage .section-head{text-align:center;max-width:640px;margin:0 auto 52px}\n.truckly-cocamionnage .section-head h2{font-size:34px;margin:14px 0 12px}\n.truckly-cocamionnage .section-head p{color:var(--ink-soft);font-size:16px;margin:0}\n.truckly-cocamionnage .eyebrow{font-family:var(--font-head);color:var(--violet);font-weight:700;font-size:13px;letter-spacing:.06em;text-transform:uppercase}\n\n\/* slider photos *\/\n.truckly-cocamionnage .tks-wrap{ margin:0 auto 44px; max-width:1180px; }\n.truckly-cocamionnage .tks-stage{\n  position:relative;\n  height:clamp(260px,32vw,400px);\n  max-width:1180px;\n  margin:0 auto;\n  overflow:hidden;\n  cursor:grab;\n  outline:none;\n  touch-action:pan-y;\n}\n.truckly-cocamionnage .tks-stage.is-dragging{ cursor:grabbing; }\n.truckly-cocamionnage .tks-stage:focus-visible{ box-shadow:0 0 0 3px rgba(101,86,223,.35); border-radius:20px; }\n.truckly-cocamionnage .tks-track{ position:absolute; inset:0; }\n.truckly-cocamionnage .tks-slide{\n  position:absolute; top:50%; left:50%;\n  border-radius:26px; overflow:hidden;\n  will-change:transform,filter,opacity;\n  box-shadow:0 16px 34px -14px rgba(20,20,31,.20);\n  transition:transform 1s cubic-bezier(.65,.05,.36,1), filter 1s ease, opacity 1s ease;\n}\n.truckly-cocamionnage .tks-slide.is-front{ box-shadow:0 24px 54px -12px rgba(20,20,31,.30); }\n.truckly-cocamionnage .tks-slide img{\n  width:100% !important; height:100% !important;\n  max-width:none !important;\n  object-fit:cover !important; object-position:center;\n  display:block; border:0;\n}\n.truckly-cocamionnage .tks-dots{ display:flex; flex-wrap:wrap; justify-content:center; gap:8px; margin-top:20px; }\n.truckly-cocamionnage .tks-dot{ width:7px; height:7px; border-radius:999px; background:#DBDBE7; transition:all .4s ease; flex-shrink:0; }\n.truckly-cocamionnage .tks-dot.is-active{ width:24px; background:linear-gradient(90deg,#1CD77B,#6556DF); }\n@media (max-width:640px){\n  .truckly-cocamionnage .tks-stage{ height:min(88vw,340px); }\n  .truckly-cocamionnage .tks-dots{ gap:6px; margin-top:16px; }\n  .truckly-cocamionnage .tks-dot{ width:6px; height:6px; }\n  .truckly-cocamionnage .tks-dot.is-active{ width:18px; }\n}\n\n\/* \u00e9tapes 01\/02\/03 *\/\n.truckly-cocamionnage .steps{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}\n@media (max-width:800px){ .truckly-cocamionnage .steps{grid-template-columns:1fr} }\n.truckly-cocamionnage .step-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius-md);padding:30px}\n.truckly-cocamionnage .step-num{\n  width:40px;height:40px;border-radius:12px;background:var(--violet-light);color:var(--violet-dark);\n  display:flex;align-items:center;justify-content:center;font-family:var(--font-head);font-weight:800;margin-bottom:16px;\n}\n.truckly-cocamionnage .step-card h3{font-size:18px;margin-bottom:8px}\n.truckly-cocamionnage .step-card p{color:var(--ink-soft);font-size:14.5px;margin:0}\n\n\/* exemples de trajets *\/\n.truckly-cocamionnage .trips-heading{text-align:center;font-size:21px;margin:60px 0 28px}\n@media (max-width:768px){ .truckly-cocamionnage .trips-heading{margin:44px 0 24px} }\n\n.truckly-cocamionnage .trips-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}\n@media (max-width:900px){ .truckly-cocamionnage .trips-grid{grid-template-columns:1fr;max-width:420px;margin:0 auto} }\n\n.truckly-cocamionnage .trip-card{\n  background:#fff;border:1px solid var(--border);border-radius:var(--radius-lg);\n  padding:22px;box-shadow:0 24px 50px -30px rgba(76,30,180,.28);\n  display:flex;flex-direction:column;gap:16px;\n}\n.truckly-cocamionnage .trip-head{display:flex;align-items:center;gap:12px}\n.truckly-cocamionnage .trip-avatar{\n  width:46px;height:46px;border-radius:50%;object-fit:cover;\n  border:2px solid #fff;box-shadow:0 0 0 2px var(--violet-light);flex-shrink:0;\n}\n.truckly-cocamionnage .trip-driver{flex:1;min-width:0}\n.truckly-cocamionnage .driver-name{font-family:var(--font-head);font-weight:700;font-size:15px}\n.truckly-cocamionnage .carrier-badge{\n  display:inline-flex;align-items:center;gap:4px;margin-top:2px;\n  background:var(--violet-light);color:var(--violet-dark);\n  font-size:11px;font-weight:700;letter-spacing:.02em;\n  padding:3px 9px;border-radius:999px;\n}\n.truckly-cocamionnage .trip-rating{font-size:13px;font-weight:700;color:#00b67a;white-space:nowrap}\n\n.truckly-cocamionnage .trip-route{display:flex;align-items:center;gap:8px}\n.truckly-cocamionnage .route-point{width:10px;height:10px;border-radius:50%;flex-shrink:0}\n.truckly-cocamionnage .route-point.start{background:var(--green)}\n.truckly-cocamionnage .route-point.end{background:var(--violet)}\n.truckly-cocamionnage .route-track{position:relative;flex:1;height:2px;background:repeating-linear-gradient(to right,#D9CCFB 0 6px,transparent 6px 12px)}\n.truckly-cocamionnage .route-mover{\n  position:absolute;top:50%;left:0;\n  transform:translate(-50%,-50%);\n  width:14px;height:14px;\n  animation:truckly-fly 3.6s linear infinite;\n}\n.truckly-cocamionnage .mover-dot{\n  position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);\n  width:6px;height:6px;border-radius:50%;\n  background:var(--green);\n  box-shadow:0 0 0 2px #fff;\n}\n.truckly-cocamionnage .mover-ping{\n  position:absolute;inset:0;border-radius:50%;\n  border:1.5px solid var(--green);\n  animation:truckly-ping 1.8s ease-out infinite;\n}\n.truckly-cocamionnage .trip-card:nth-child(2) .route-mover{animation-delay:-1.2s}\n.truckly-cocamionnage .trip-card:nth-child(3) .route-mover{animation-delay:-2.4s}\n@keyframes truckly-fly{\n  0%{left:0%;opacity:0}\n  8%{opacity:1}\n  92%{opacity:1}\n  100%{left:100%;opacity:0}\n}\n@keyframes truckly-ping{\n  0%{transform:scale(.6);opacity:.7}\n  100%{transform:scale(2.4);opacity:0}\n}\n@media (prefers-reduced-motion:reduce){\n  .truckly-cocamionnage .route-mover{animation:none;left:50%;opacity:1}\n  .truckly-cocamionnage .mover-ping{animation:none;opacity:0}\n}\n\n.truckly-cocamionnage .trip-cities{display:flex;align-items:center;flex-wrap:wrap;gap:6px;font-family:var(--font-head);font-weight:700;font-size:14.5px}\n.truckly-cocamionnage .trip-cities .arrow{color:var(--violet);font-weight:400}\n.truckly-cocamionnage .trip-cities .dest{color:var(--ink-soft);font-weight:600;font-size:13.5px}\n\n.truckly-cocamionnage .trip-footer{\n  display:flex;align-items:center;justify-content:space-between;gap:10px;\n  padding-top:14px;border-top:1px solid var(--border);\n}\n.truckly-cocamionnage .trip-price{font-family:var(--font-head);font-weight:800;font-size:19px;color:var(--violet-dark)}\n.truckly-cocamionnage .trip-price span{display:block;font-family:var(--font-body);font-weight:500;font-size:11px;color:var(--ink-soft)}\n.truckly-cocamionnage .trip-cta{\n  background:var(--violet);color:#fff;padding:10px 18px;border-radius:999px;\n  font-weight:600;font-size:13.5px;text-decoration:none;white-space:nowrap;\n}\n\n.truckly-cocamionnage .cta-wrap{text-align:center;margin-top:40px}\n.truckly-cocamionnage .btn-primary{\n  background:var(--violet);color:#fff;padding:15px 28px;border-radius:999px;\n  font-weight:600;font-size:15px;box-shadow:0 12px 26px rgba(108,60,233,.3);\n  display:inline-flex;align-items:center;gap:8px;text-decoration:none;\n}\n@media (max-width:768px){ .truckly-cocamionnage{padding:56px 0} }\n\n\/* ============ COMMENT CA MARCHE ============ *\/\n.trk-how {\n  --green:    #0e8a4a;\n  --grad-btn: linear-gradient(90deg, #5b4fd6 0%, #0e8a4a 100%);\n  --dark:     #1a1f35;\n  --muted:    #6b7280;\n  color: var(--dark);\n}\n.trk-how .how {\n  background: #fff;\n  padding: 96px 60px;\n}\n.trk-how .how-inner {\n  max-width: 1100px; margin: 0 auto;\n  display: grid; grid-template-columns: 1fr 1fr;\n  gap: 80px; align-items: center;\n}\n.trk-how .section-eyebrow {\n  font-family: var(--font-head);\n  font-size: 0.75rem; font-weight: 700;\n  color: var(--green); letter-spacing: 2px;\n  text-transform: uppercase; margin-bottom: 14px;\n}\n.trk-how .section-title {\n  font-family: var(--font-head);\n  font-size: clamp(1.9rem, 3vw, 2.8rem);\n  font-weight: 700;\n  line-height: 1.15; margin-bottom: 32px;\n}\n.trk-how .steps { display: flex; flex-direction: column; }\n.trk-how .step {\n  display: flex; gap: 22px; padding: 0 0 40px;\n  position: relative;\n}\n.trk-how .step:last-child { padding-bottom: 0; }\n.trk-how .step:not(:last-child)::before {\n  content: \"\";\n  position: absolute;\n  left: 23px; top: 48px; bottom: 4px;\n  width: 2px;\n  background: rgba(26,31,53,.12);\n}\n.trk-how .step-num {\n  flex-shrink: 0; width: 48px; height: 48px; border-radius: 50%;\n  background: var(--grad-btn);\n  display: flex; align-items: center; justify-content: center;\n  font-family: var(--font-head); font-weight: 700; font-size: 1.05rem; color: #fff;\n  position: relative; z-index: 1;\n  box-shadow: 0 6px 16px rgba(91,79,214,.28);\n}\n.trk-how .step > div:last-child { padding-top: 8px; }\n.trk-how .step h4 { font-family: var(--font-head); font-weight: 700; font-size: 1.05rem; margin-bottom: 6px; }\n.trk-how .step p  { font-family: var(--font-body); font-size: 0.92rem; color: var(--muted); line-height: 1.65; }\n\n@media (max-width: 960px) {\n  .trk-how .how { padding: 64px 24px; }\n  .trk-how .how-inner { grid-template-columns: 1fr; gap: 40px; }\n  .trk-how .how-visual { display: flex; justify-content: center; }\n}\n\n\/* ============ NOS CONDUCTEURS ============ *\/\n.trk-cond {\n  --green:    #0e8a4a;\n  --dark:     #1a1f35;\n  --bg2:      #f5f6fb;\n  color: var(--dark);\n}\n.trk-cond .experience {\n  background: var(--bg2);\n  padding: 96px 60px;\n}\n.trk-cond .exp-inner { max-width: 1100px; margin: 0 auto; }\n.trk-cond .exp-header { margin-bottom: 48px; }\n.trk-cond .section-eyebrow {\n  font-family: var(--font-head);\n  font-size: 0.75rem; font-weight: 700;\n  color: var(--green); letter-spacing: 2px;\n  text-transform: uppercase; margin-bottom: 14px;\n}\n.trk-cond .section-title {\n  font-family: var(--font-head);\n  font-size: clamp(1.9rem, 3vw, 2.8rem);\n  font-weight: 700;\n  line-height: 1.15; margin-bottom: 14px;\n}\n.trk-cond .exp-layout {\n  display: grid; grid-template-columns: 1fr 1fr;\n  gap: 56px; align-items: center;\n}\n.trk-cond .exp-text p { font-family: var(--font-body); font-size: 1rem; line-height: 1.8; }\n.trk-cond .exp-photo {\n  border-radius: 20px; overflow: hidden;\n  box-shadow: 0 24px 60px rgba(0,0,0,.25);\n}\n.trk-cond .exp-photo img { width: 100%; height: 100%; object-fit: cover; display: block; aspect-ratio: 4\/3; }\n.trk-cond .partner-tag {\n  display: inline-flex; align-items: center; gap: 8px;\n  font-family: var(--font-head);\n  background: rgba(14,138,74,.1);\n  border: 1px solid rgba(14,138,74,.3);\n  border-radius: 8px; padding: 8px 16px;\n  font-size: 0.82rem; font-weight: 700;\n  color: var(--green); margin-top: 24px;\n}\n\n@media (max-width: 960px) {\n  .trk-cond .experience { padding: 64px 24px; }\n  .trk-cond .exp-layout { grid-template-columns: 1fr; }\n}\n\n\/* ============ TRAJETS REGULIERS ============ *\/\n.truckly-trajets{\n  --violet:#6C3CE9;\n  --violet-dark:#4B23B8;\n  --violet-light:#F1ECFF;\n  --green:#1FBF75;\n  --ink:#1E1533;\n  --ink-soft:#5B5470;\n  --border:#EAE4FB;\n  --radius-md:18px;\n  color:var(--ink);\n  background:var(--violet-light);\n  padding:88px 0;\n  width:100vw;\n  position:relative;\n  left:50%;\n  right:50%;\n  margin-left:-50vw;\n  margin-right:-50vw;\n}\n.truckly-trajets h2{font-family:var(--font-head);font-weight:700;line-height:1.15}\n.truckly-trajets .wrap{max-width:1180px;margin:0 auto;padding:0 24px}\n.truckly-trajets .section-head{text-align:center;max-width:640px;margin:0 auto 52px}\n.truckly-trajets .section-head h2{font-size:34px;margin:14px 0 12px}\n.truckly-trajets .section-head p{font-family:var(--font-body);color:var(--ink-soft);font-size:16px;margin:0}\n.truckly-trajets .eyebrow{font-family:var(--font-head);color:var(--violet);font-weight:700;font-size:13px;letter-spacing:.06em;text-transform:uppercase}\n.truckly-trajets .routes-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:10px}\n@media (max-width:900px){ .truckly-trajets .routes-grid{grid-template-columns:repeat(2,1fr)} }\n@media (max-width:600px){ .truckly-trajets .routes-grid{grid-template-columns:1fr} }\n.truckly-trajets .route-tile{\n  background:#fff;border-radius:var(--radius-md);padding:22px;border:1px solid #E4D9FF;\n  display:flex;flex-direction:column;gap:10px;\n}\n.truckly-trajets .route-tile .from-to{font-family:var(--font-head);font-weight:700;font-size:16px;display:flex;align-items:center;gap:8px;color:var(--ink)}\n.truckly-trajets .route-tile .from-to .arrow{color:var(--violet)}\n.truckly-trajets .route-tile .tag{font-family:var(--font-head);font-size:12px;color:var(--green);font-weight:700}\n.truckly-trajets .route-tile p{font-family:var(--font-body);font-size:13.5px;color:var(--ink-soft);margin:0}\n.truckly-trajets .routes-note{font-family:var(--font-body);margin-top:22px;font-size:13.5px;color:var(--ink-soft);text-align:center}\n.truckly-trajets .cta-wrap{text-align:center;margin-top:36px}\n.truckly-trajets .btn-primary{\n  background:var(--violet);color:#fff;padding:15px 28px;border-radius:999px;\n  font-family:var(--font-head);font-weight:600;font-size:15px;box-shadow:0 12px 26px rgba(108,60,233,.3);\n  display:inline-flex;align-items:center;gap:8px;text-decoration:none;\n}\n@media (max-width:768px){ .truckly-trajets{padding:56px 0} }\n\n\/* ============ TRUSTPILOT + AVIS VOYAGEURS ============ *\/\n.trk-reviews-trust {\n  text-align: center;\n  padding: 48px 24px 0;\n}\n.trk-reviews-trust img { height: 34px; width: auto; display: inline-block; }\n\n.trk-reviews {\n  padding: 24px 24px 48px;\n}\n.trk-reviews .reviews-track-wrapper {\n  overflow: hidden;\n  width: 100%;\n}\n.trk-reviews .reviews-track {\n  display: flex;\n  gap: 20px;\n  transition: transform 0.42s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n  will-change: transform;\n}\n.trk-reviews .review-card {\n  background: rgba(255, 255, 255, 0.55);\n  backdrop-filter: blur(4px);\n  -webkit-backdrop-filter: blur(4px);\n  border: 2px solid #ffffff;\n  border-radius: 20px;\n  padding: 28px 28px 24px;\n  min-width: calc(50% - 10px);\n  max-width: calc(50% - 10px);\n  flex-shrink: 0;\n}\n.trk-reviews .review-header {\n  display: flex;\n  align-items: center;\n  gap: 18px;\n  margin-bottom: 22px;\n}\n.trk-reviews .review-avatar-wrap {\n  flex-shrink: 0;\n  width: 72px;\n  height: 72px;\n  border-radius: 50%;\n  padding: 3px;\n  background: linear-gradient(to right, #1BD77B, #6556DE);\n}\n.trk-reviews .review-avatar-wrap img,\n.trk-reviews .review-avatar-wrap .review-avatar-initials {\n  width: 100%;\n  height: 100%;\n  border-radius: 50%;\n  object-fit: cover;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background: #d9d9d9;\n  font-family: var(--font-head);\n  font-size: 20px;\n  font-weight: 600;\n  color: #777;\n}\n.trk-reviews .review-meta {\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n}\n.trk-reviews .review-author-name {\n  font-family: var(--font-head);\n  font-size: 22px;\n  font-weight: 700;\n  color: #111;\n  line-height: 1.2;\n}\n.trk-reviews .review-stars-row {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n.trk-reviews .review-stars-img {\n  height: 20px !important;\n  width: 107px !important;\n  max-width: none !important;\n  display: block !important;\n}\n.trk-reviews .review-score {\n  font-family: var(--font-body);\n  font-size: 15px;\n  font-weight: 500;\n  color: #444;\n}\n.trk-reviews .review-title {\n  font-family: var(--font-head);\n  font-size: 17px;\n  font-weight: 700;\n  color: #111;\n  margin: 0 0 10px;\n}\n.trk-reviews .review-text {\n  font-family: var(--font-body);\n  font-size: 14px;\n  line-height: 1.7;\n  color: #111;\n  margin: 0 0 14px;\n}\n.trk-reviews .review-date {\n  font-family: var(--font-body);\n  font-size: 13px;\n  color: #aaa;\n}\n.trk-reviews .reviews-controls {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  gap: 16px;\n  margin-top: 24px;\n}\n.trk-reviews .reviews-arrow {\n  width: 40px;\n  height: 40px;\n  border-radius: 50%;\n  border: 1.5px solid #bbb;\n  background: #fff;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  transition: border-color 0.2s, background 0.2s;\n  flex-shrink: 0;\n}\n.trk-reviews .reviews-arrow:hover:not(:disabled) {\n  border-color: #777;\n  background: #f0f0f0;\n}\n.trk-reviews .reviews-arrow:disabled {\n  opacity: 0.3;\n  cursor: default;\n}\n.trk-reviews .reviews-arrow svg {\n  width: 15px;\n  height: 15px;\n  stroke: #444;\n  fill: none;\n  stroke-width: 2.2;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n}\n.trk-reviews .reviews-dots {\n  display: flex;\n  gap: 7px;\n}\n.trk-reviews .reviews-dot {\n  width: 8px;\n  height: 8px;\n  border-radius: 50%;\n  background: #ccc;\n  border: none;\n  cursor: pointer;\n  padding: 0;\n  transition: background 0.2s, transform 0.2s;\n}\n.trk-reviews .reviews-dot.active {\n  background: #555;\n  transform: scale(1.25);\n}\n@media (max-width: 640px) {\n  .trk-reviews .review-card {\n    min-width: 100%;\n    max-width: 100%;\n    padding: 22px 20px 20px;\n  }\n  .trk-reviews { padding: 16px 14px 32px; }\n  .trk-reviews .review-author-name { font-size: 18px; }\n}\n\n\/* ============ FAQ ============ *\/\n.trkl-faq {\n  --trkl-violet: #6556DF;\n  --trkl-violet-soft: rgba(101, 86, 223, 0.08);\n  --trkl-violet-soft-2: rgba(101, 86, 223, 0.16);\n  --trkl-green: #1CD77B;\n  --trkl-green-soft: #E3FFE1;\n  --trkl-text: #262626;\n  --trkl-text-muted: #6A6A6A;\n  --trkl-white: #FFFFFF;\n  --trkl-bg: #FAFAFA;\n  --trkl-border: #ECECEC;\n  --trkl-radius-lg: 28px;\n  --trkl-radius-md: 20px;\n  --trkl-font-head: var(--font-head);\n  --trkl-font-body: var(--font-body);\n\n  background: var(--trkl-white);\n  padding: 48px 16px;\n}\n.trkl-faq__inner {\n  max-width: 780px;\n  margin: 0 auto;\n}\n.trkl-faq__head {\n  text-align: center;\n  margin-bottom: 36px;\n}\n.trkl-faq__eyebrow {\n  display: inline-block;\n  font-family: var(--trkl-font-head);\n  font-weight: 600;\n  font-size: 12px;\n  letter-spacing: 0.08em;\n  text-transform: uppercase;\n  color: var(--trkl-violet);\n  background: var(--trkl-violet-soft);\n  padding: 6px 16px;\n  border-radius: 999px;\n  margin-bottom: 14px;\n}\n.trkl-faq__title {\n  font-family: var(--trkl-font-head);\n  font-weight: 700;\n  color: var(--trkl-text);\n  font-size: 26px;\n  line-height: 1.25;\n  margin: 0 0 10px;\n}\n.trkl-faq__subtitle {\n  font-family: var(--trkl-font-body);\n  color: var(--trkl-text-muted);\n  font-size: 15px;\n  line-height: 1.6;\n  max-width: 480px;\n  margin: 0 auto;\n}\n@media (min-width: 640px) {\n  .trkl-faq__title { font-size: 32px; }\n  .trkl-faq__subtitle { font-size: 16px; }\n}\n.trkl-faq__list {\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n}\n.trkl-faq__item {\n  background: var(--trkl-bg);\n  border: 1px solid var(--trkl-border);\n  border-radius: var(--trkl-radius-md);\n  overflow: hidden;\n  transition: border-color 0.25s ease, background 0.25s ease, box-shadow 0.25s ease;\n}\n.trkl-faq__item.is-open {\n  background: var(--trkl-white);\n  border-color: var(--trkl-violet-soft-2);\n  box-shadow: 0 8px 24px rgba(101, 86, 223, 0.10);\n}\n.trkl-faq__q { margin: 0; }\n.trkl-faq__trigger {\n  display: block;\n  position: relative;\n  width: 100%;\n  background: none !important;\n  background-color: transparent !important;\n  border: none !important;\n  cursor: pointer;\n  padding: 18px 20px;\n  text-align: left;\n  font-family: var(--trkl-font-head);\n  font-weight: 600;\n  font-size: 15.5px;\n  line-height: 1.4;\n  color: var(--trkl-text) !important;\n  -webkit-tap-highlight-color: transparent;\n  box-shadow: none !important;\n}\n.trkl-faq__trigger > span:first-child {\n  display: block;\n  white-space: normal;\n  overflow-wrap: break-word;\n  word-break: break-word;\n}\n.trkl-faq__trigger:hover,\n.trkl-faq__trigger:focus,\n.trkl-faq__trigger:active {\n  background: none !important;\n  background-color: transparent !important;\n  border: none !important;\n  color: var(--trkl-violet) !important;\n  box-shadow: none !important;\n}\n.trkl-faq__trigger:focus-visible {\n  outline: 2px solid var(--trkl-violet);\n  outline-offset: -2px;\n  border-radius: var(--trkl-radius-md);\n}\n.trkl-faq__badge {\n  display: none;\n  position: absolute;\n  top: 50%;\n  right: 20px;\n  transform: translateY(-50%);\n  width: 32px;\n  height: 32px;\n  border-radius: 50%;\n  background: var(--trkl-violet-soft);\n  color: var(--trkl-violet);\n  align-items: center;\n  justify-content: center;\n  transition: background 0.25s ease, color 0.25s ease;\n}\n.trkl-faq__item.is-open .trkl-faq__badge {\n  background: var(--trkl-violet);\n  color: var(--trkl-white);\n}\n.trkl-faq__chevron {\n  width: 16px;\n  height: 16px;\n  transition: transform 0.3s ease;\n}\n.trkl-faq__item.is-open .trkl-faq__chevron {\n  transform: rotate(180deg);\n}\n.trkl-faq__panel {\n  display: grid;\n  grid-template-rows: 0fr;\n  transition: grid-template-rows 0.35s ease;\n}\n.trkl-faq__item.is-open .trkl-faq__panel {\n  grid-template-rows: 1fr;\n}\n.trkl-faq__panel-inner {\n  overflow: hidden;\n  min-height: 0;\n}\n.trkl-faq__panel p {\n  margin: 0;\n  padding: 0 20px 20px;\n  font-family: var(--trkl-font-body);\n  font-size: 14.5px;\n  line-height: 1.65;\n  color: var(--trkl-text-muted);\n}\n.trkl-faq__item.is-open .trkl-faq__panel p {\n  color: var(--trkl-text);\n}\n.trkl-faq__cta-text {\n  font-weight: 600;\n  color: var(--trkl-text) !important;\n}\n.trkl-faq__cta-group {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 10px;\n  padding: 0 20px 20px;\n}\n.trkl-faq__cta {\n  flex: 1 1 160px;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  text-align: center;\n  font-family: var(--trkl-font-head);\n  font-weight: 600;\n  font-size: 14px;\n  text-decoration: none;\n  padding: 12px 18px;\n  border-radius: 999px;\n  white-space: nowrap;\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n.trkl-faq__cta:hover { transform: translateY(-1px); }\n.trkl-faq__cta:focus-visible {\n  outline: 2px solid var(--trkl-text);\n  outline-offset: 2px;\n}\n.trkl-faq__cta--violet {\n  background: var(--trkl-violet);\n  color: var(--trkl-white);\n  box-shadow: 0 6px 16px rgba(101, 86, 223, 0.25);\n}\n.trkl-faq__cta--violet:hover { box-shadow: 0 8px 20px rgba(101, 86, 223, 0.32); }\n.trkl-faq__cta--green {\n  background: var(--trkl-green);\n  color: #0B3D24;\n  box-shadow: 0 6px 16px rgba(28, 215, 123, 0.25);\n}\n.trkl-faq__cta--green:hover { box-shadow: 0 8px 20px rgba(28, 215, 123, 0.32); }\n@media (min-width: 640px) {\n  .trkl-faq__trigger { font-size: 16.5px; padding: 20px 64px 20px 24px; }\n  .trkl-faq__badge { display: flex; right: 24px; }\n  .trkl-faq__panel p { padding: 0 24px 22px; font-size: 15px; }\n  .trkl-faq__cta-group { padding: 0 24px 24px; }\n  .trkl-faq__cta { flex: 0 0 auto; font-size: 14.5px; padding: 13px 22px; }\n}\n@media (prefers-reduced-motion: reduce) {\n  .trkl-faq__panel,\n  .trkl-faq__chevron,\n  .trkl-faq__item {\n    transition: none !important;\n  }\n}\n<\/style>\n\n<div class=\"trk-lp\">\n\n  <!-- ============ HERO ============ -->\n  <section class=\"trk-hero\">\n    <div class=\"hero\">\n      <div class=\"hero-copy\">\n        <div class=\"partner-lockup\">\n          <img decoding=\"async\" class=\"partner-logo-truckly\" src=\"https:\/\/truckly.io\/wp-content\/uploads\/2026\/03\/logo-truckly-.png\" alt=\"Truckly\" \/>\n          <span class=\"partner-x\" aria-hidden=\"true\">\u00d7<\/span>\n          <img decoding=\"async\" class=\"partner-logo-amp\" src=\"https:\/\/truckly.io\/wp-content\/uploads\/2026\/09\/logo-croped-AMP.png\" alt=\"A\u00e9roport Marseille Provence\" \/>\n        <\/div>\n        <div class=\"hero-tagline-top\">\n          <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07A19.5 19.5 0 0 1 4.69 12 19.79 19.79 0 0 1 1.63 3.43 2 2 0 0 1 3.6 1.27h3a2 2 0 0 1 2 1.72c.127.96.361 1.903.7 2.81a2 2 0 0 1-.45 2.11L7.91 8.5a16 16 0 0 0 5.55 5.55l.98-.98a2 2 0 0 1 2.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0 1 22 16.92z\"\/><\/svg>\n          Partenaire officiel de l'A\u00e9roport Marseille Provence\n        <\/div>\n        <h1>Rejoignez l'a\u00e9roport Marseille Provence,<br><span class=\"grad\">sans stress<\/span><\/h1>\n        <p class=\"hero-sub\">Truckly, partenaire officiel de l'A\u00e9roport Marseille Provence, vous permet de voyager sans stress avec des conducteurs professionnels qui font d\u00e9j\u00e0 la route. Et cette fois, il y a enfin toute la place qu'il faut pour vos bagages, votre v\u00e9lo ou votre instrument de musique.<\/p>\n        <div class=\"hero-actions\">\n          <a href=\"https:\/\/app.truckly.io\/auth?utm_source=meta&utm_medium=paid_social&utm_campaign=amp_paca_0826&utm_content=ad1_V2\" class=\"btn-primary\" id=\"CTA1bouton\">R\u00e9server mon trajet<\/a>\n        <\/div>\n      <\/div>\n      <div class=\"hero-visual\">\n        <div class=\"hero-photo\">\n          <img decoding=\"async\" src=\"https:\/\/truckly.io\/wp-content\/uploads\/2026\/08\/Cocamionnage-selfie-Truckly-1.png\" alt=\"Bienvenue \u00e0 bord Truckly\" \/>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"trustpilot-bar\">\n      <img decoding=\"async\" class=\"tp-logo-img\" src=\"https:\/\/truckly.io\/wp-content\/uploads\/2026\/05\/trustpilot2.svg\" alt=\"Trustpilot 5\/5 \u00e9toiles\" \/>\n    <\/div>\n\n    <div class=\"press-marquee-bar\">\n      <div class=\"press-marquee-track\">\n        <div class=\"marquee-set\">\n          <img decoding=\"async\" src=\"https:\/\/truckly.io\/wp-content\/uploads\/2026\/07\/la-tribune-logo.png\" alt=\"La Tribune\" \/>\n          <img decoding=\"async\" src=\"https:\/\/truckly.io\/wp-content\/uploads\/2026\/04\/tt-mrsll-logo-1.png\" alt=\"La Provence\" \/>\n          <img decoding=\"async\" src=\"https:\/\/truckly.io\/wp-content\/uploads\/2026\/07\/ici-logo.png\" alt=\"ICI\" \/>\n          <img decoding=\"async\" src=\"https:\/\/truckly.io\/wp-content\/uploads\/2026\/07\/TF1-logo.png\" alt=\"TF1\" \/>\n          <img decoding=\"async\" src=\"https:\/\/truckly.io\/wp-content\/uploads\/2026\/07\/les-echos-logo.png\" alt=\"Les \u00c9chos\" \/>\n          <img decoding=\"async\" src=\"https:\/\/truckly.io\/wp-content\/uploads\/2026\/07\/sud-radio-logo.png\" alt=\"Sud Radio\" \/>\n          <img decoding=\"async\" src=\"https:\/\/truckly.io\/wp-content\/uploads\/2026\/07\/M6-logo-1.png\" alt=\"M6\" \/>\n          <img decoding=\"async\" src=\"https:\/\/truckly.io\/wp-content\/uploads\/2026\/07\/RMC-logo.png\" alt=\"RMC\" \/>\n          <img decoding=\"async\" src=\"https:\/\/truckly.io\/wp-content\/uploads\/2026\/07\/France-2-logo.png\" alt=\"France 2\" \/>\n          <img decoding=\"async\" src=\"https:\/\/truckly.io\/wp-content\/uploads\/2026\/04\/BFM-business-logo-1.png\" alt=\"BFM Business\" \/>\n        <\/div>\n        <div class=\"marquee-set\" aria-hidden=\"true\">\n          <img decoding=\"async\" src=\"https:\/\/truckly.io\/wp-content\/uploads\/2026\/07\/la-tribune-logo.png\" alt=\"\" \/>\n          <img decoding=\"async\" src=\"https:\/\/truckly.io\/wp-content\/uploads\/2026\/04\/tt-mrsll-logo-1.png\" alt=\"\" \/>\n          <img decoding=\"async\" src=\"https:\/\/truckly.io\/wp-content\/uploads\/2026\/07\/ici-logo.png\" alt=\"\" \/>\n          <img decoding=\"async\" src=\"https:\/\/truckly.io\/wp-content\/uploads\/2026\/07\/TF1-logo.png\" alt=\"\" \/>\n          <img decoding=\"async\" src=\"https:\/\/truckly.io\/wp-content\/uploads\/2026\/07\/les-echos-logo.png\" alt=\"\" \/>\n          <img decoding=\"async\" src=\"https:\/\/truckly.io\/wp-content\/uploads\/2026\/07\/sud-radio-logo.png\" alt=\"\" \/>\n          <img decoding=\"async\" src=\"https:\/\/truckly.io\/wp-content\/uploads\/2026\/07\/M6-logo-1.png\" alt=\"\" \/>\n          <img decoding=\"async\" src=\"https:\/\/truckly.io\/wp-content\/uploads\/2026\/07\/RMC-logo.png\" alt=\"\" \/>\n          <img decoding=\"async\" src=\"https:\/\/truckly.io\/wp-content\/uploads\/2026\/07\/France-2-logo.png\" alt=\"\" \/>\n          <img decoding=\"async\" src=\"https:\/\/truckly.io\/wp-content\/uploads\/2026\/04\/BFM-business-logo-1.png\" alt=\"\" \/>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ============ COCAMIONNAGE ============ -->\n  <section id=\"comment-ca-marche\" class=\"truckly-cocamionnage\">\n    <div class=\"wrap\">\n      <div class=\"section-head\">\n        <div class=\"eyebrow\">Le co-camionnage<\/div>\n        <h2>Comment rejoindre l'a\u00e9roport en camion ?<\/h2>\n        <p>Ces camions effectuent d\u00e9j\u00e0 ces trajets au quotidien vers l'a\u00e9roport. Truckly ouvre simplement la place libre en cabine aux voyageurs.<\/p>\n      <\/div>\n\n      <div class=\"tks-wrap\" id=\"tksWrap\">\n        <div class=\"tks-stage\" id=\"tksStage\" tabindex=\"0\" aria-label=\"Galerie de voyageurs Truckly, naviguez avec les fl\u00e8ches\">\n          <div class=\"tks-track\" id=\"tksTrack\"><\/div>\n        <\/div>\n        <div class=\"tks-dots\" id=\"tksDots\"><\/div>\n      <\/div>\n\n      <div class=\"steps\">\n        <div class=\"step-card\">\n          <div class=\"step-num\">01<\/div>\n          <h3>Un trajet d\u00e9j\u00e0 pr\u00e9vu<\/h3>\n          <p>Un conducteur professionnel publie sur Truckly un trajet qu'il effectue vers ou depuis l'a\u00e9roport de Marseille Provence.<\/p>\n        <\/div>\n        <div class=\"step-card\">\n          <div class=\"step-num\">02<\/div>\n          <h3>Vous r\u00e9servez en ligne<\/h3>\n          <p>Choisissez votre trajet, r\u00e9glez votre place en quelques clics sur l'application Truckly, en toute s\u00e9curit\u00e9.<\/p>\n        <\/div>\n        <div class=\"step-card\">\n          <div class=\"step-num\">03<\/div>\n          <h3>Embarquement en cabine<\/h3>\n          <p>Rendez-vous au point de rendez-vous, montez \u00e0 bord et profitez d'un trajet confortable jusqu'\u00e0 l'a\u00e9roport.<\/p>\n        <\/div>\n      <\/div>\n\n      <h3 class=\"trips-heading\">Quelques trajets disponibles en ce moment<\/h3>\n\n      <div class=\"trips-grid\">\n\n        <div class=\"trip-card\">\n          <div class=\"trip-head\">\n            <img decoding=\"async\" class=\"trip-avatar\" src=\"https:\/\/truckly.io\/wp-content\/uploads\/2026\/07\/Tom-pp.png\" alt=\"Franck, conducteur Truckly\">\n            <div class=\"trip-driver\">\n              <div class=\"driver-name\">Franck<\/div>\n              <span class=\"carrier-badge\">\ud83d\ude9b S.T.A.R<\/span>\n            <\/div>\n            <div class=\"trip-rating\">\u2605 4.9<\/div>\n          <\/div>\n          <div class=\"trip-route\">\n            <div class=\"route-point start\"><\/div>\n            <div class=\"route-track\">\n              <div class=\"route-mover\">\n                <span class=\"mover-ping\"><\/span>\n                <span class=\"mover-dot\"><\/span>\n              <\/div>\n            <\/div>\n            <div class=\"route-point end\"><\/div>\n          <\/div>\n          <div class=\"trip-cities\">\n            <span>Avignon<\/span><span class=\"arrow\">\u2192<\/span><span class=\"dest\">A\u00e9roport Marseille Provence<\/span>\n          <\/div>\n          <div class=\"trip-footer\">\n            <div class=\"trip-price\">9,24 \u20ac<span>par personne<\/span><\/div>\n            <a class=\"trip-cta\" href=\"https:\/\/app.truckly.io\" target=\"_blank\" rel=\"noopener\">R\u00e9server<\/a>\n          <\/div>\n        <\/div>\n\n        <div class=\"trip-card\">\n          <div class=\"trip-head\">\n            <img decoding=\"async\" class=\"trip-avatar\" src=\"https:\/\/truckly.io\/wp-content\/uploads\/2026\/07\/louise-pp.png\" alt=\"St\u00e9phanie, conductrice Truckly\">\n            <div class=\"trip-driver\">\n              <div class=\"driver-name\">St\u00e9phanie<\/div>\n              <span class=\"carrier-badge\">\ud83d\ude9b S.T.A.R<\/span>\n            <\/div>\n            <div class=\"trip-rating\">\u2605 4.8<\/div>\n          <\/div>\n          <div class=\"trip-route\">\n            <div class=\"route-point start\"><\/div>\n            <div class=\"route-track\">\n              <div class=\"route-mover\">\n                <span class=\"mover-ping\"><\/span>\n                <span class=\"mover-dot\"><\/span>\n              <\/div>\n            <\/div>\n            <div class=\"route-point end\"><\/div>\n          <\/div>\n          <div class=\"trip-cities\">\n            <span>Montpellier<\/span><span class=\"arrow\">\u2192<\/span><span class=\"dest\">A\u00e9roport Marseille Provence<\/span>\n          <\/div>\n          <div class=\"trip-footer\">\n            <div class=\"trip-price\">16,68 \u20ac<span>par personne<\/span><\/div>\n            <a class=\"trip-cta\" href=\"https:\/\/app.truckly.io\" target=\"_blank\" rel=\"noopener\">R\u00e9server<\/a>\n          <\/div>\n        <\/div>\n\n        <div class=\"trip-card\">\n          <div class=\"trip-head\">\n            <img decoding=\"async\" class=\"trip-avatar\" src=\"https:\/\/truckly.io\/wp-content\/uploads\/2026\/07\/karim-pp.png\" alt=\"Marco, conducteur Truckly\">\n            <div class=\"trip-driver\">\n              <div class=\"driver-name\">Marco<\/div>\n              <span class=\"carrier-badge\">\ud83d\ude9b S.T.A.R<\/span>\n            <\/div>\n            <div class=\"trip-rating\">\u2605 4.9<\/div>\n          <\/div>\n          <div class=\"trip-route\">\n            <div class=\"route-point start\"><\/div>\n            <div class=\"route-track\">\n              <div class=\"route-mover\">\n                <span class=\"mover-ping\"><\/span>\n                <span class=\"mover-dot\"><\/span>\n              <\/div>\n            <\/div>\n            <div class=\"route-point end\"><\/div>\n          <\/div>\n          <div class=\"trip-cities\">\n            <span>Bormes-les-Mimosas<\/span><span class=\"arrow\">\u2192<\/span><span class=\"dest\">A\u00e9roport Marseille Provence<\/span>\n          <\/div>\n          <div class=\"trip-footer\">\n            <div class=\"trip-price\">14,04 \u20ac<span>par personne<\/span><\/div>\n            <a class=\"trip-cta\" href=\"https:\/\/app.truckly.io\" target=\"_blank\" rel=\"noopener\">R\u00e9server<\/a>\n          <\/div>\n        <\/div>\n\n      <\/div>\n\n      <div class=\"cta-wrap\">\n        <a class=\"btn-primary\" href=\"https:\/\/app.truckly.io\/auth?utm_source=meta&utm_medium=paid_social&utm_campaign=amp_paca_0826&utm_content=ad1_V2\" target=\"_blank\" rel=\"noopener\" id=\"CTA2bouton\">Trouver mon trajet a\u00e9roport \u2192<\/a>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ============ COMMENT CA MARCHE (3 \u00e9tapes) ============ -->\n  <section class=\"trk-how\" id=\"etapes\">\n    <div class=\"how\">\n      <div class=\"how-inner\">\n        <div>\n          <div class=\"section-eyebrow\">Comment \u00e7a marche<\/div>\n          <h2 class=\"section-title\">3 \u00e9tapes jusqu'\u00e0 l'a\u00e9roport<\/h2>\n          <div class=\"steps\">\n            <div class=\"step\">\n              <div class=\"step-num\">1<\/div>\n              <div>\n                <h4>Cherchez votre trajet<\/h4>\n                <p>Entrez votre ville de d\u00e9part et Marseille Provence comme destination. Des trajets vers l'a\u00e9roport sont propos\u00e9s chaque jour.<\/p>\n              <\/div>\n            <\/div>\n            <div class=\"step\">\n              <div class=\"step-num\">2<\/div>\n              <div>\n                <h4>R\u00e9servez en un clic<\/h4>\n                <p>Choisissez votre conducteur selon le trajet et les avis. Paiement s\u00e9curis\u00e9, confirmation rapide.<\/p>\n              <\/div>\n            <\/div>\n            <div class=\"step\">\n              <div class=\"step-num\">3<\/div>\n              <div>\n                <h4>Montez \u00e0 bord<\/h4>\n                <p>Le jour J, rejoignez votre conducteur au point de rendez-vous. Toute la place pour vos bagages. L'aventure commence avant m\u00eame l'a\u00e9roport.<\/p>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n        <div class=\"how-visual\" style=\"display:flex;justify-content:center;align-items:center;\">\n          <img decoding=\"async\" src=\"https:\/\/truckly.io\/wp-content\/uploads\/2026\/08\/new-view-app.png\" alt=\"Application Truckly\" style=\"max-width:220px;width:100%;border-radius:24px;\" \/>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ============ NOS CONDUCTEURS ============ -->\n  <section class=\"trk-cond\" id=\"nos-conducteurs\">\n    <div class=\"experience\">\n      <div class=\"exp-inner\">\n        <div class=\"exp-header\">\n          <div class=\"section-eyebrow\">Nos conducteurs<\/div>\n          <h2 class=\"section-title\">Derri\u00e8re chaque trajet, un vrai professionnel de la route<\/h2>\n        <\/div>\n        <div class=\"exp-layout\">\n          <div class=\"exp-text\">\n            <p>La plupart de nos conducteurs professionnels sont salari\u00e9s de soci\u00e9t\u00e9s de transport fran\u00e7aises qui font r\u00e9guli\u00e8rement la route vers Marseille Provence. En tant que partenaire officiel de l'A\u00e9roport Marseille Provence, Truckly s'engage sur la ponctualit\u00e9 et le professionnalisme \u00e0 chaque trajet. Truckly retient 20% de commission, et le reste est partag\u00e9 entre la soci\u00e9t\u00e9 de transport et le conducteur, \u00e0 parts \u00e9gales. Un mod\u00e8le simple, transparent, et juste pour tout le monde.<\/p>\n            <div class=\"partner-tag\">\n              <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"\/><polyline points=\"22 4 12 14.01 9 11.01\"\/><\/svg>\n              Partenaire officiel A\u00e9roport Marseille Provence\n            <\/div>\n          <\/div>\n          <div class=\"exp-photo\">\n            <img decoding=\"async\" src=\"https:\/\/truckly.io\/wp-content\/uploads\/2026\/07\/IMG_4496-scaled.jpg\" alt=\"Conducteur professionnel Truckly vers Marseille Provence\" \/>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ============ TRAJETS REGULIERS ============ -->\n  <section id=\"trajets\" class=\"truckly-trajets\">\n    <div class=\"wrap\">\n      <div class=\"section-head\">\n        <div class=\"eyebrow\">Trajets r\u00e9guliers<\/div>\n        <h2>Le nouveau moyen de transport pour rejoindre l'a\u00e9roport.<\/h2>\n        <p>Truckly dessert des villes de la r\u00e9gion PACA, en direct jusqu'\u00e0 l'a\u00e9roport.<\/p>\n      <\/div>\n      <div class=\"routes-grid\">\n        <div class=\"route-tile\">\n          <div class=\"from-to\">N\u00eemes <span class=\"arrow\">\u2192<\/span> Marignane<\/div>\n          <span class=\"tag\">\u25cf Trajets r\u00e9guliers<\/span>\n          <p>Truckly relie la ville \u00e0 l'a\u00e9roport en direct, plusieurs d\u00e9parts par semaine.<\/p>\n        <\/div>\n        <div class=\"route-tile\">\n          <div class=\"from-to\">Nice <span class=\"arrow\">\u2192<\/span> Marignane<\/div>\n          <span class=\"tag\">\u25cf Trajets r\u00e9guliers<\/span>\n          <p>Traversez la r\u00e9gion PACA en camion avec un conducteur professionnel jusqu'\u00e0 l'a\u00e9roport.<\/p>\n        <\/div>\n        <div class=\"route-tile\">\n          <div class=\"from-to\">Toulon <span class=\"arrow\">\u2192<\/span> Marignane<\/div>\n          <span class=\"tag\">\u25cb Trajets r\u00e9guliers<\/span>\n          <p>Trajet bient\u00f4t disponible, retrouvez ce voyage sur notre application.<\/p>\n        <\/div>\n        <div class=\"route-tile\">\n          <div class=\"from-to\">Avignon <span class=\"arrow\">\u2192<\/span> Marignane<\/div>\n          <span class=\"tag\">\u25cb Trajets r\u00e9guliers<\/span>\n          <p>Trajet bient\u00f4t disponible, retrouvez ce voyage sur notre application.<\/p>\n        <\/div>\n        <div class=\"route-tile\">\n          <div class=\"from-to\">Salon-de-Provence <span class=\"arrow\">\u2192<\/span> Marignane<\/div>\n          <span class=\"tag\">\u25cb Trajets r\u00e9guliers<\/span>\n          <p>Trajet bient\u00f4t disponible, retrouvez ce voyage sur notre application.<\/p>\n        <\/div>\n        <div class=\"route-tile\">\n          <div class=\"from-to\">Aubagne <span class=\"arrow\">\u2192<\/span> Marignane<\/div>\n          <span class=\"tag\">\u25cb Trajets r\u00e9guliers<\/span>\n          <p>Une alternative sympathique et plus verte pour rejoindre l'a\u00e9roport.<\/p>\n        <\/div>\n      <\/div>\n      <p class=\"routes-note\">Votre ville n'appara\u00eet pas ? Indiquez votre trajet sur l'application, de nouvelles tourn\u00e9es sont ajout\u00e9es r\u00e9guli\u00e8rement.<\/p>\n      <div class=\"cta-wrap\">\n        <a class=\"btn-primary\" href=\"https:\/\/app.truckly.io\/auth?utm_source=meta&utm_medium=paid_social&utm_campaign=amp_paca_0826&utm_content=ad1_V2\" target=\"_blank\" rel=\"noopener\" id=\"CTA3bouton\">Trouver mon trajet a\u00e9roport \u2192<\/a>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ============ TRUSTPILOT + RETOUR D'EXPERIENCE ============ -->\n  <div class=\"trk-reviews-trust\">\n    <img decoding=\"async\" src=\"https:\/\/truckly.io\/wp-content\/uploads\/2026\/05\/trustpilot2.svg\" alt=\"\" \/>\n  <\/div>\n\n  <div class=\"trk-reviews\">\n    <div class=\"reviews-track-wrapper\" id=\"reviewsWrapper\">\n      <div class=\"reviews-track\" id=\"reviewsTrack\">\n\n        <!-- AVIS 1 -->\n        <div class=\"review-card\">\n          <div class=\"review-header\">\n            <div class=\"review-avatar-wrap\">\n              <img decoding=\"async\" src=\"https:\/\/truckly.io\/wp-content\/uploads\/2026\/05\/seraphin1.png\" alt=\"S\u00e9raphin\" \/>\n            <\/div>\n            <div class=\"review-meta\">\n              <p class=\"review-author-name\">S\u00e9raphin<\/p>\n              <div class=\"review-stars-row\">\n                <img decoding=\"async\" class=\"review-stars-img\" src=\"https:\/\/cdn.trustpilot.net\/brand-assets\/4.1.0\/stars\/stars-5.svg\" alt=\"5 \u00e9toiles\" \/>\n                <span class=\"review-score\">5\/5<\/span>\n              <\/div>\n            <\/div>\n          <\/div>\n          <p class=\"review-title\">Super trajet en camion<\/p>\n          <p class=\"review-text\">\"Super trajet en camion, le chauffeur \u00e9tait tr\u00e8s sympa ! Le concept est int\u00e9ressant, je recommande vivement Truckly !\"<\/p>\n          <p class=\"review-date\">Dimanche 26 avril 2026<\/p>\n        <\/div>\n\n        <!-- AVIS 2 -->\n        <div class=\"review-card\">\n          <div class=\"review-header\">\n            <div class=\"review-avatar-wrap\">\n              <div class=\"review-avatar-initials\">AU<\/div>\n            <\/div>\n            <div class=\"review-meta\">\n              <p class=\"review-author-name\">Audrey<\/p>\n              <div class=\"review-stars-row\">\n                <img decoding=\"async\" class=\"review-stars-img\" src=\"https:\/\/cdn.trustpilot.net\/brand-assets\/4.1.0\/stars\/stars-5.svg\" alt=\"5 \u00e9toiles\" \/>\n                <span class=\"review-score\">5\/5<\/span>\n              <\/div>\n            <\/div>\n          <\/div>\n          <p class=\"review-title\">Parfait<\/p>\n          <p class=\"review-text\">\"Rien \u00e0 dire, chauffeur au top, j'ai pu prendre mes grosses valises sans avoir le stress du vol ou de l'amende, je fais le retour avec vous !\"<\/p>\n          <p class=\"review-date\">Mercredi 6 mai 2026<\/p>\n        <\/div>\n\n        <!-- AVIS 3 -->\n        <div class=\"review-card\">\n          <div class=\"review-header\">\n            <div class=\"review-avatar-wrap\">\n              <img decoding=\"async\" src=\"https:\/\/truckly.io\/wp-content\/uploads\/2026\/06\/Josette-pp.png\" alt=\"Josette\" \/>\n            <\/div>\n            <div class=\"review-meta\">\n              <p class=\"review-author-name\">Josette<\/p>\n              <div class=\"review-stars-row\">\n                <img decoding=\"async\" class=\"review-stars-img\" src=\"https:\/\/cdn.trustpilot.net\/brand-assets\/4.1.0\/stars\/stars-5.svg\" alt=\"5 \u00e9toiles\" \/>\n                <span class=\"review-score\">5\/5<\/span>\n              <\/div>\n            <\/div>\n          <\/div>\n          <p class=\"review-title\">Premi\u00e8re fois en camion \ud83c\udf82 et que du positif !<\/p>\n          <p class=\"review-text\">\"Tr\u00e8s bon voyage avec Fran\u00e7ois, on a papot\u00e9, il m'a donn\u00e9 une bouteille d'eau, il conduit bien. Mon fils avait 10 minutes de retard, Fran\u00e7ois n'a pas voulu me laisser attendre. C'est la premi\u00e8re fois que je voyageais en camion, c'est tr\u00e8s agr\u00e9able. Que du positif avec Truckly, merciiiiii !\"<\/p>\n          <p class=\"review-date\">Juin 2026<\/p>\n        <\/div>\n\n        <!-- AVIS 4 -->\n        <div class=\"review-card\">\n          <div class=\"review-header\">\n            <div class=\"review-avatar-wrap\">\n              <div class=\"review-avatar-initials\">MG<\/div>\n            <\/div>\n            <div class=\"review-meta\">\n              <p class=\"review-author-name\">Marie G.<\/p>\n              <div class=\"review-stars-row\">\n                <img decoding=\"async\" class=\"review-stars-img\" src=\"https:\/\/cdn.trustpilot.net\/brand-assets\/4.1.0\/stars\/stars-5.svg\" alt=\"5 \u00e9toiles\" \/>\n                <span class=\"review-score\">5\/5<\/span>\n              <\/div>\n            <\/div>\n          <\/div>\n          <p class=\"review-title\">Exp\u00e9rience Truckly incroyable<\/p>\n          <p class=\"review-text\">\"Exp\u00e9rience Truckly incroyable : chauffeur attentionn\u00e9, cabine nickel, super ambiance et trajet hyper fluide, je repars avec eux d\u00e8s que possible ! Merci\"<\/p>\n          <p class=\"review-date\">Jeudi 7 mai 2026<\/p>\n        <\/div>\n\n        <!-- AVIS 5 -->\n        <div class=\"review-card\">\n          <div class=\"review-header\">\n            <div class=\"review-avatar-wrap\">\n              <div class=\"review-avatar-initials\">QH<\/div>\n            <\/div>\n            <div class=\"review-meta\">\n              <p class=\"review-author-name\">Quentin H.<\/p>\n              <div class=\"review-stars-row\">\n                <img decoding=\"async\" class=\"review-stars-img\" src=\"https:\/\/cdn.trustpilot.net\/brand-assets\/4.1.0\/stars\/stars-5.svg\" alt=\"5 \u00e9toiles\" \/>\n                <span class=\"review-score\">5\/5<\/span>\n              <\/div>\n            <\/div>\n          <\/div>\n          <p class=\"review-title\">Premi\u00e8re fois dans un camion (\u00e9lectrique) \ud83d\ude2e<\/p>\n          <p class=\"review-text\">\"Trajet surprenant et original n\u00e9anmoins tr\u00e8s agr\u00e9able et responsable. Je recommande cette mani\u00e8re de voyager, attention toutefois \u00e0 ne pas \u00eatre trop press\u00e9 \ud83d\ude42 Ravi d'avoir \u00e9t\u00e9 un des premiers \u00e0 tenter l'exp\u00e9rience !\"<\/p>\n          <p class=\"review-date\">Lundi 4 mai 2026<\/p>\n        <\/div>\n\n        <!-- AVIS 6 -->\n        <div class=\"review-card\">\n          <div class=\"review-header\">\n            <div class=\"review-avatar-wrap\">\n              <div class=\"review-avatar-initials\">CA<\/div>\n            <\/div>\n            <div class=\"review-meta\">\n              <p class=\"review-author-name\">Craig A.<\/p>\n              <div class=\"review-stars-row\">\n                <img decoding=\"async\" class=\"review-stars-img\" src=\"https:\/\/cdn.trustpilot.net\/brand-assets\/4.1.0\/stars\/stars-5.svg\" alt=\"5 \u00e9toiles\" \/>\n                <span class=\"review-score\">5\/5<\/span>\n              <\/div>\n            <\/div>\n          <\/div>\n          <p class=\"review-title\">Super trajet<\/p>\n          <p class=\"review-text\">\"Un trajet original et abordable, merci \u00e0 mon conducteur (Philippe) pour le partage sur son m\u00e9tier ! \u00c0 refaire\"<\/p>\n          <p class=\"review-date\">Mercredi 29 avril 2026<\/p>\n        <\/div>\n\n        <!-- AVIS 7 -->\n        <div class=\"review-card\">\n          <div class=\"review-header\">\n            <div class=\"review-avatar-wrap\">\n              <div class=\"review-avatar-initials\">LC<\/div>\n            <\/div>\n            <div class=\"review-meta\">\n              <p class=\"review-author-name\">L\u00e9a C.<\/p>\n              <div class=\"review-stars-row\">\n                <img decoding=\"async\" class=\"review-stars-img\" src=\"https:\/\/cdn.trustpilot.net\/brand-assets\/4.1.0\/stars\/stars-5.svg\" alt=\"5 \u00e9toiles\" \/>\n                <span class=\"review-score\">5\/5<\/span>\n              <\/div>\n            <\/div>\n          <\/div>\n          <p class=\"review-title\">Voyager autrement, j'adore !<\/p>\n          <p class=\"review-text\">\"Super d\u00e9couverte ! Mon chauffeur \u00e9tait passionnant, on a discut\u00e9 pendant tout le trajet. Vue depuis la cabine au top, bagages illimit\u00e9s, et z\u00e9ro stress. Truckly c'est vraiment une alternative s\u00e9rieuse aux transports classiques.\"<\/p>\n          <p class=\"review-date\">Vendredi 1 mai 2026<\/p>\n        <\/div>\n\n      <\/div>\n    <\/div>\n\n    <!-- Contr\u00f4les -->\n    <div class=\"reviews-controls\">\n      <button class=\"reviews-arrow\" id=\"reviewsPrev\" aria-label=\"Pr\u00e9c\u00e9dent\" disabled>\n        <svg viewBox=\"0 0 24 24\"><polyline points=\"15 18 9 12 15 6\"\/><\/svg>\n      <\/button>\n      <div class=\"reviews-dots\" id=\"reviewsDots\"><\/div>\n      <button class=\"reviews-arrow\" id=\"reviewsNext\" aria-label=\"Suivant\">\n        <svg viewBox=\"0 0 24 24\"><polyline points=\"9 18 15 12 9 6\"\/><\/svg>\n      <\/button>\n    <\/div>\n  <\/div>\n\n  <!-- ============ FAQ ============ -->\n  <section class=\"trkl-faq\" id=\"faq\" aria-labelledby=\"trkl-faq-title\">\n    <div class=\"trkl-faq__inner\">\n\n      <header class=\"trkl-faq__head\">\n        <span class=\"trkl-faq__eyebrow\">FAQ<\/span>\n        <h2 class=\"trkl-faq__title\" id=\"trkl-faq-title\">\n          Tout savoir sur le co-camionnage\n        <\/h2>\n        <p class=\"trkl-faq__subtitle\">\n          Les r\u00e9ponses aux questions les plus fr\u00e9quentes sur le covoiturage\n          camion et le fonctionnement de Truckly.\n        <\/p>\n      <\/header>\n\n      <div class=\"trkl-faq__list\">\n\n        <div class=\"trkl-faq__item\">\n          <h3 class=\"trkl-faq__q\">\n            <button type=\"button\" class=\"trkl-faq__trigger\" aria-expanded=\"false\" aria-controls=\"trkl-faq-panel-1\" id=\"trkl-faq-header-1\">\n              <span>Qu'est-ce que le co-camionnage&nbsp;?<\/span>\n              <span class=\"trkl-faq__badge\" aria-hidden=\"true\">\n                <svg viewBox=\"0 0 24 24\" class=\"trkl-faq__chevron\"><path d=\"M6 9l6 6 6-6\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n              <\/span>\n            <\/button>\n          <\/h3>\n          <div id=\"trkl-faq-panel-1\" class=\"trkl-faq__panel\" role=\"region\" aria-labelledby=\"trkl-faq-header-1\" aria-hidden=\"true\">\n            <div class=\"trkl-faq__panel-inner\">\n              <p>Le co-camionnage est un covoiturage en camion&nbsp;: un conducteur qui effectue d\u00e9j\u00e0 un trajet en camion ou en utilitaire propose sa place libre \u00e0 des particuliers. Vous voyagez \u00e0 prix r\u00e9duit et le conducteur limite ses frais. L'exp\u00e9rience d'un voyage en camion est unique, confortable et inoubliable, avec de belles rencontres \u00e0 la cl\u00e9.<\/p>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"trkl-faq__item\">\n          <h3 class=\"trkl-faq__q\">\n            <button type=\"button\" class=\"trkl-faq__trigger\" aria-expanded=\"false\" aria-controls=\"trkl-faq-panel-2\" id=\"trkl-faq-header-2\">\n              <span>Co-camionnage, covoiturage classique&nbsp;: quelle diff\u00e9rence&nbsp;?<\/span>\n              <span class=\"trkl-faq__badge\" aria-hidden=\"true\">\n                <svg viewBox=\"0 0 24 24\" class=\"trkl-faq__chevron\"><path d=\"M6 9l6 6 6-6\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n              <\/span>\n            <\/button>\n          <\/h3>\n          <div id=\"trkl-faq-panel-2\" class=\"trkl-faq__panel\" role=\"region\" aria-labelledby=\"trkl-faq-header-2\" aria-hidden=\"true\">\n            <div class=\"trkl-faq__panel-inner\">\n              <p>Le co-camionnage reprend le principe du covoiturage classique, mais dans la cabine d'un camion conduit par un professionnel plut\u00f4t que dans une voiture. Le trajet existe d\u00e9j\u00e0&nbsp;: le conducteur travaille sur cet itin\u00e9raire, et vous profitez de la place libre \u00e0 ses c\u00f4t\u00e9s pour voyager \u00e0 moindre co\u00fbt, avec une exp\u00e9rience unique.<\/p>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"trkl-faq__item\">\n          <h3 class=\"trkl-faq__q\">\n            <button type=\"button\" class=\"trkl-faq__trigger\" aria-expanded=\"false\" aria-controls=\"trkl-faq-panel-3\" id=\"trkl-faq-header-3\">\n              <span>Comment fonctionne le co-camionnage sur Truckly&nbsp;?<\/span>\n              <span class=\"trkl-faq__badge\" aria-hidden=\"true\">\n                <svg viewBox=\"0 0 24 24\" class=\"trkl-faq__chevron\"><path d=\"M6 9l6 6 6-6\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n              <\/span>\n            <\/button>\n          <\/h3>\n          <div id=\"trkl-faq-panel-3\" class=\"trkl-faq__panel\" role=\"region\" aria-labelledby=\"trkl-faq-header-3\" aria-hidden=\"true\">\n            <div class=\"trkl-faq__panel-inner\">\n              <p>Un conducteur professionnel publie sur Truckly un trajet qu'il effectue d\u00e9j\u00e0 avec son camion, en indiquant l'itin\u00e9raire, la date et la place disponible. Vous r\u00e9servez votre si\u00e8ge et r\u00e9glez en ligne, puis embarquez \u00e0 ses c\u00f4t\u00e9s en cabine. Le trajet se d\u00e9roule comme un covoiturage classique, en toute s\u00e9curit\u00e9.<\/p>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"trkl-faq__item\">\n          <h3 class=\"trkl-faq__q\">\n            <button type=\"button\" class=\"trkl-faq__trigger\" aria-expanded=\"false\" aria-controls=\"trkl-faq-panel-4\" id=\"trkl-faq-header-4\">\n              <span>Comment trouver un trajet en covoiturage camion&nbsp;?<\/span>\n              <span class=\"trkl-faq__badge\" aria-hidden=\"true\">\n                <svg viewBox=\"0 0 24 24\" class=\"trkl-faq__chevron\"><path d=\"M6 9l6 6 6-6\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n              <\/span>\n            <\/button>\n          <\/h3>\n          <div id=\"trkl-faq-panel-4\" class=\"trkl-faq__panel\" role=\"region\" aria-labelledby=\"trkl-faq-header-4\" aria-hidden=\"true\">\n            <div class=\"trkl-faq__panel-inner\">\n              <p>Indiquez simplement votre trajet sur l'application Truckly&nbsp;: ville de d\u00e9part, destination et date souhait\u00e9e. Les trajets de conducteurs professionnels disponibles sur cet itin\u00e9raire s'affichent aussit\u00f4t. Vous choisissez celui qui vous convient, r\u00e9servez votre place en ligne et \u00e9changez directement avec le conducteur avant le d\u00e9part.<\/p>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"trkl-faq__item\">\n          <h3 class=\"trkl-faq__q\">\n            <button type=\"button\" class=\"trkl-faq__trigger\" aria-expanded=\"false\" aria-controls=\"trkl-faq-panel-5\" id=\"trkl-faq-header-5\">\n              <span>Le co-camionnage est-il moins cher qu'un billet de train ou de bus&nbsp;?<\/span>\n              <span class=\"trkl-faq__badge\" aria-hidden=\"true\">\n                <svg viewBox=\"0 0 24 24\" class=\"trkl-faq__chevron\"><path d=\"M6 9l6 6 6-6\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n              <\/span>\n            <\/button>\n          <\/h3>\n          <div id=\"trkl-faq-panel-5\" class=\"trkl-faq__panel\" role=\"region\" aria-labelledby=\"trkl-faq-header-5\" aria-hidden=\"true\">\n            <div class=\"trkl-faq__panel-inner\">\n              <p>Oui, le co-camionnage revient g\u00e9n\u00e9ralement moins cher qu'un billet de train ou de bus classique, car vous partagez un trajet que le conducteur effectue de toute fa\u00e7on. Cette formule permet de voyager \u00e0 petit prix tout en vivant une exp\u00e9rience originale, aux c\u00f4t\u00e9s d'un professionnel du transport routier.<\/p>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"trkl-faq__item\">\n          <h3 class=\"trkl-faq__q\">\n            <button type=\"button\" class=\"trkl-faq__trigger\" aria-expanded=\"false\" aria-controls=\"trkl-faq-panel-6\" id=\"trkl-faq-header-6\">\n              <span>Peut-on voyager en camion sur de longues distances&nbsp;?<\/span>\n              <span class=\"trkl-faq__badge\" aria-hidden=\"true\">\n                <svg viewBox=\"0 0 24 24\" class=\"trkl-faq__chevron\"><path d=\"M6 9l6 6 6-6\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n              <\/span>\n            <\/button>\n          <\/h3>\n          <div id=\"trkl-faq-panel-6\" class=\"trkl-faq__panel\" role=\"region\" aria-labelledby=\"trkl-faq-header-6\" aria-hidden=\"true\">\n            <div class=\"trkl-faq__panel-inner\">\n              <p>Oui, ce mode de transport fonctionne aussi bien pour des trajets courts que pour de longues distances. De nombreux conducteurs professionnels sur Truckly parcourent plusieurs centaines de kilom\u00e8tres \u00e0 travers la France, ce qui permet de traverser le pays en camion tout en profitant du confort de la cabine.<\/p>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"trkl-faq__item\">\n          <h3 class=\"trkl-faq__q\">\n            <button type=\"button\" class=\"trkl-faq__trigger\" aria-expanded=\"false\" aria-controls=\"trkl-faq-panel-7\" id=\"trkl-faq-header-7\">\n              <span>Combien de bagages peut-on emporter en co-camionnage&nbsp;?<\/span>\n              <span class=\"trkl-faq__badge\" aria-hidden=\"true\">\n                <svg viewBox=\"0 0 24 24\" class=\"trkl-faq__chevron\"><path d=\"M6 9l6 6 6-6\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n              <\/span>\n            <\/button>\n          <\/h3>\n          <div id=\"trkl-faq-panel-7\" class=\"trkl-faq__panel\" role=\"region\" aria-labelledby=\"trkl-faq-header-7\" aria-hidden=\"true\">\n            <div class=\"trkl-faq__panel-inner\">\n              <p>Les bagages sont g\u00e9n\u00e9ralement illimit\u00e9s, dans la limite de l'espace disponible en cabine et selon ce qu'indique chaque conducteur sur son trajet. Certains voyageurs t\u00e9moignent d'ailleurs avoir embarqu\u00e9 sans aucune contrainte de poids. Il reste conseill\u00e9 d'\u00e9changer avec le conducteur avant la r\u00e9servation pour confirmer l'espace disponible.<\/p>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"trkl-faq__item\">\n          <h3 class=\"trkl-faq__q\">\n            <button type=\"button\" class=\"trkl-faq__trigger\" aria-expanded=\"false\" aria-controls=\"trkl-faq-panel-8\" id=\"trkl-faq-header-8\">\n              <span>Le co-camionnage est-il l\u00e9gal&nbsp;?<\/span>\n              <span class=\"trkl-faq__badge\" aria-hidden=\"true\">\n                <svg viewBox=\"0 0 24 24\" class=\"trkl-faq__chevron\"><path d=\"M6 9l6 6 6-6\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n              <\/span>\n            <\/button>\n          <\/h3>\n          <div id=\"trkl-faq-panel-8\" class=\"trkl-faq__panel\" role=\"region\" aria-labelledby=\"trkl-faq-header-8\" aria-hidden=\"true\">\n            <div class=\"trkl-faq__panel-inner\">\n              <p>Oui, le co-camionnage est parfaitement l\u00e9gal en France. Truckly encadre chaque trajet avec un cadre l\u00e9gal, des assurances adapt\u00e9es et un accompagnement d\u00e9di\u00e9, aussi bien pour les conducteurs professionnels que pour les voyageurs. Le co-camionnage repose sur le m\u00eame principe que le covoiturage classique, appliqu\u00e9 au monde du transport routier.<\/p>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"trkl-faq__item\">\n          <h3 class=\"trkl-faq__q\">\n            <button type=\"button\" class=\"trkl-faq__trigger\" aria-expanded=\"false\" aria-controls=\"trkl-faq-panel-9\" id=\"trkl-faq-header-9\">\n              <span>Comment sont v\u00e9rifi\u00e9s les conducteurs sur Truckly&nbsp;?<\/span>\n              <span class=\"trkl-faq__badge\" aria-hidden=\"true\">\n                <svg viewBox=\"0 0 24 24\" class=\"trkl-faq__chevron\"><path d=\"M6 9l6 6 6-6\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n              <\/span>\n            <\/button>\n          <\/h3>\n          <div id=\"trkl-faq-panel-9\" class=\"trkl-faq__panel\" role=\"region\" aria-labelledby=\"trkl-faq-header-9\" aria-hidden=\"true\">\n            <div class=\"trkl-faq__panel-inner\">\n              <p>Chaque conducteur inscrit sur Truckly doit valider son identit\u00e9 et ses documents professionnels avant de pouvoir proposer un trajet. Truckly valide chaque trajet en amont et s'assure que le conducteur remplit toutes les conditions requises. Les trajets sont ainsi s\u00e9curis\u00e9s de bout en bout.<\/p>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"trkl-faq__item\">\n          <h3 class=\"trkl-faq__q\">\n            <button type=\"button\" class=\"trkl-faq__trigger\" aria-expanded=\"false\" aria-controls=\"trkl-faq-panel-10\" id=\"trkl-faq-header-10\">\n              <span>Suis-je assur\u00e9 pendant un trajet en co-camionnage&nbsp;?<\/span>\n              <span class=\"trkl-faq__badge\" aria-hidden=\"true\">\n                <svg viewBox=\"0 0 24 24\" class=\"trkl-faq__chevron\"><path d=\"M6 9l6 6 6-6\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n              <\/span>\n            <\/button>\n          <\/h3>\n          <div id=\"trkl-faq-panel-10\" class=\"trkl-faq__panel\" role=\"region\" aria-labelledby=\"trkl-faq-header-10\" aria-hidden=\"true\">\n            <div class=\"trkl-faq__panel-inner\">\n              <p>Oui, chaque trajet r\u00e9serv\u00e9 via Truckly est couvert par une assurance d\u00e9di\u00e9e&nbsp;: cadre l\u00e9gal, garanties et accompagnement sont assur\u00e9s par Truckly. Vous voyagez ainsi en toute s\u00e9curit\u00e9 aux c\u00f4t\u00e9s d'un conducteur professionnel. Les conditions pr\u00e9cises de cette couverture sont consultables avant chaque r\u00e9servation.<\/p>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"trkl-faq__item\">\n          <h3 class=\"trkl-faq__q\">\n            <button type=\"button\" class=\"trkl-faq__trigger\" aria-expanded=\"false\" aria-controls=\"trkl-faq-panel-11\" id=\"trkl-faq-header-11\">\n              <span>Comment devenir conducteur et proposer un trajet en co-camionnage&nbsp;?<\/span>\n              <span class=\"trkl-faq__badge\" aria-hidden=\"true\">\n                <svg viewBox=\"0 0 24 24\" class=\"trkl-faq__chevron\"><path d=\"M6 9l6 6 6-6\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n              <\/span>\n            <\/button>\n          <\/h3>\n          <div id=\"trkl-faq-panel-11\" class=\"trkl-faq__panel\" role=\"region\" aria-labelledby=\"trkl-faq-header-11\" aria-hidden=\"true\">\n            <div class=\"trkl-faq__panel-inner\">\n              <p>Il suffit de vous inscrire sur Truckly, renseigner vos trajets habituels et valider votre profil de conducteur professionnel. Une fois votre trajet ajout\u00e9 depuis l'application, Truckly vous met en relation avec un voyageur int\u00e9ress\u00e9. Le paiement est ensuite vers\u00e9 directement et en toute s\u00e9curit\u00e9 apr\u00e8s le trajet.<\/p>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"trkl-faq__item\">\n          <h3 class=\"trkl-faq__q\">\n            <button type=\"button\" class=\"trkl-faq__trigger\" aria-expanded=\"false\" aria-controls=\"trkl-faq-panel-12\" id=\"trkl-faq-header-12\">\n              <span>Combien peut-on gagner en co-camionnage sur un trajet&nbsp;?<\/span>\n              <span class=\"trkl-faq__badge\" aria-hidden=\"true\">\n                <svg viewBox=\"0 0 24 24\" class=\"trkl-faq__chevron\"><path d=\"M6 9l6 6 6-6\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n              <\/span>\n            <\/button>\n          <\/h3>\n          <div id=\"trkl-faq-panel-12\" class=\"trkl-faq__panel\" role=\"region\" aria-labelledby=\"trkl-faq-header-12\" aria-hidden=\"true\">\n            <div class=\"trkl-faq__panel-inner\">\n              <p>Le co-camionnage permet de g\u00e9n\u00e9rer un revenu additionnel sur chacun de vos trajets, sans changer votre organisation habituelle, simplement en accueillant un voyageur \u00e0 bord. Le gain varie selon la distance parcourue et le nombre de trajets propos\u00e9s, ce qui rentabilise chaque kilom\u00e8tre parcouru.<\/p>\n              <p class=\"trkl-faq__cta-text\">Pour estimer votre gain, voir la page qui vous correspond ci-dessous&nbsp;:<\/p>\n              <div class=\"trkl-faq__cta-group\">\n                <a class=\"trkl-faq__cta trkl-faq__cta--violet\" href=\"https:\/\/truckly.io\/conducteur\/\" target=\"_blank\" rel=\"noopener\">L'espace conducteur<\/a>\n                <a class=\"trkl-faq__cta trkl-faq__cta--green\" href=\"https:\/\/truckly.io\/pro\/\" target=\"_blank\" rel=\"noopener\">L'espace transporteur<\/a>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n\n      <\/div>\n    <\/div>\n  <\/section>\n\n<\/div>\n\n<script>\n\/* ===== Slider photos \"co-camionnage\" ===== *\/\n(function(){\n  var images = [\n    { src:'https:\/\/truckly.io\/wp-content\/uploads\/2026\/07\/IMG_8871-scaled.jpg', alt:'Voyageuse Truckly pendant son trajet' },\n    { src:'https:\/\/truckly.io\/wp-content\/uploads\/2026\/07\/Valentin-et-Marc2-scaled.jpg', alt:'Valentin et Marc, voyageurs Truckly' },\n    { src:'https:\/\/truckly.io\/wp-content\/uploads\/2026\/07\/Cabine-de-Francois-by-night2-scaled.jpg', alt:'Cabine du camion de Fran\u00e7ois, conducteur Truckly, de nuit' },\n    { src:'https:\/\/truckly.io\/wp-content\/uploads\/2026\/07\/Marion-condcutrice-1-scaled.jpg', alt:'Marion, conductrice Truckly' },\n    { src:'https:\/\/truckly.io\/wp-content\/uploads\/2026\/07\/IMG_9249-scaled.jpg', alt:'Trajet partag\u00e9 en Truckly' },\n    { src:'https:\/\/truckly.io\/wp-content\/uploads\/2026\/07\/Charlotte-voyageuse-scaled.jpg', alt:'Charlotte, voyageuse Truckly' },\n    { src:'https:\/\/truckly.io\/wp-content\/uploads\/2026\/07\/IMG_4496-scaled.jpg', alt:'Voyageur Truckly pendant son trajet' },\n    { src:'https:\/\/truckly.io\/wp-content\/uploads\/2026\/07\/Premier-voyageur-1.jpg', alt:'Premier voyageur Truckly' },\n    { src:'https:\/\/truckly.io\/wp-content\/uploads\/2026\/07\/IMG_9244-scaled.jpg', alt:'Trajet Truckly en cours' },\n    { src:'https:\/\/truckly.io\/wp-content\/uploads\/2026\/07\/Francois-conducteur.jpg', alt:'Fran\u00e7ois, conducteur Truckly' },\n    { src:'https:\/\/truckly.io\/wp-content\/uploads\/2026\/07\/Fabien-voyageur.jpg', alt:'Fabien, voyageur Truckly' }\n  ];\n\n  var stage = document.getElementById('tksStage');\n  var track = document.getElementById('tksTrack');\n  var dotsWrap = document.getElementById('tksDots');\n  if (!stage || !track || !dotsWrap) return;\n  var N = images.length;\n  var current = 0;\n  var mobileQuery = window.matchMedia('(max-width: 640px)');\n\n  var slideEls = images.map(function(im, i){\n    var el = document.createElement('div');\n    el.className = 'tks-slide';\n    var img = document.createElement('img');\n    img.src = im.src;\n    img.alt = im.alt;\n    img.loading = i < 3 ? 'eager' : 'lazy';\n    img.draggable = false;\n    el.appendChild(img);\n    track.appendChild(el);\n    return el;\n  });\n\n  var dotEls = images.map(function(){\n    var d = document.createElement('span');\n    d.className = 'tks-dot';\n    dotsWrap.appendChild(d);\n    return d;\n  });\n\n  function metrics(){\n    var h = stage.clientHeight;\n    var w = stage.clientWidth;\n    var isMobile = mobileQuery.matches;\n\n    if (isMobile){\n      var frontH = h;\n      var frontW = Math.min(w * 0.78, frontH * 0.78);\n      var step = frontW * 0.9;\n      return { isMobile: true, frontW: frontW, frontH: frontH, step: step };\n    }\n\n    var frontH = h;\n    var frontW = frontH * 0.76;\n    var gap = frontW * 0.10;\n    var halfGap = frontW \/ 2 + gap \/ 2;\n    var step = frontW * 0.8;\n    return { isMobile: false, frontW: frontW, frontH: frontH, halfGap: halfGap, step: step };\n  }\n\n  function styleFor(offset, m){\n    if (m.isMobile){\n      var step = m.step;\n      if (offset === 0) return { x: 0, scale: 1, blur: 0, opacity: 1, z: 5, front: true };\n      if (offset === 1) return { x: step, scale: .8, blur: 4, opacity: .45, z: 3 };\n      if (offset === 2) return { x: step * 1.85, scale: .6, blur: 8, opacity: 0, z: 1 };\n      if (offset === N - 1) return { x: -step, scale: .8, blur: 4, opacity: .45, z: 3 };\n      if (offset === N - 2) return { x: -step * 1.85, scale: .6, blur: 8, opacity: 0, z: 1 };\n      return { x: 0, scale: .5, blur: 8, opacity: 0, z: 0 };\n    }\n\n    var halfGap = m.halfGap, step = m.step;\n    if (offset === 0) return { x: -halfGap, scale: 1, blur: 0, opacity: 1, z: 5, front: true };\n    if (offset === 1) return { x: halfGap, scale: 1, blur: 0, opacity: 1, z: 5, front: true };\n    if (offset === 2) return { x: halfGap + step, scale: .82, blur: 3, opacity: .55, z: 3 };\n    if (offset === 3) return { x: halfGap + step * 2, scale: .64, blur: 7, opacity: .22, z: 2 };\n    if (offset === 4) return { x: halfGap + step * 3, scale: .5, blur: 9, opacity: 0, z: 1 };\n    if (offset === N - 1) return { x: -(halfGap + step), scale: .82, blur: 3, opacity: .55, z: 3 };\n    if (offset === N - 2) return { x: -(halfGap + step * 2), scale: .64, blur: 7, opacity: .22, z: 2 };\n    if (offset === N - 3) return { x: -(halfGap + step * 3), scale: .5, blur: 9, opacity: 0, z: 1 };\n    return { x: 0, scale: .5, blur: 9, opacity: 0, z: 0 };\n  }\n\n  function render(){\n    var m = metrics();\n    for (var i = 0; i < N; i++){\n      var offset = ((i - current) % N + N) % N;\n      var s = styleFor(offset, m);\n      var el = slideEls[i];\n      el.style.width = m.frontW + 'px';\n      el.style.height = m.frontH + 'px';\n      el.style.transform = 'translate(calc(-50% + ' + s.x + 'px), -50%) scale(' + s.scale + ')';\n      el.style.filter = 'blur(' + s.blur + 'px)';\n      el.style.opacity = s.opacity;\n      el.style.zIndex = s.z;\n      el.classList.toggle('is-front', !!s.front);\n    }\n    dotEls.forEach(function(d, i){ d.classList.toggle('is-active', i === current); });\n  }\n\n  function next(){\n    current = (current + 1) % N;\n    render();\n  }\n\n  function prev(){\n    current = (current - 1 + N) % N;\n    render();\n  }\n\n  render();\n\n  var timer = setInterval(next, 2000);\n  function restartAutoplay(){\n    clearInterval(timer);\n    timer = setInterval(next, 2000);\n  }\n\n  stage.addEventListener('mouseenter', function(){ clearInterval(timer); });\n  stage.addEventListener('mouseleave', function(){ restartAutoplay(); });\n\n  stage.addEventListener('keydown', function(e){\n    if (e.key === 'ArrowRight'){ next(); restartAutoplay(); }\n    else if (e.key === 'ArrowLeft'){ prev(); restartAutoplay(); }\n  });\n\n  var dragging = false;\n  var dragStartX = 0;\n  var dragDeltaX = 0;\n  var DRAG_THRESHOLD = 40;\n\n  stage.addEventListener('pointerdown', function(e){\n    dragging = true;\n    dragStartX = e.clientX;\n    dragDeltaX = 0;\n    stage.classList.add('is-dragging');\n    clearInterval(timer);\n    if (stage.setPointerCapture) stage.setPointerCapture(e.pointerId);\n  });\n\n  stage.addEventListener('pointermove', function(e){\n    if (!dragging) return;\n    dragDeltaX = e.clientX - dragStartX;\n  });\n\n  function endDrag(){\n    if (!dragging) return;\n    dragging = false;\n    stage.classList.remove('is-dragging');\n    if (dragDeltaX <= -DRAG_THRESHOLD) next();\n    else if (dragDeltaX >= DRAG_THRESHOLD) prev();\n    dragDeltaX = 0;\n    restartAutoplay();\n  }\n\n  stage.addEventListener('pointerup', endDrag);\n  stage.addEventListener('pointercancel', endDrag);\n  stage.addEventListener('pointerleave', function(){ if (dragging) endDrag(); });\n\n  var resizeTimeout;\n  function handleLayoutChange(){\n    clearTimeout(resizeTimeout);\n    resizeTimeout = setTimeout(function(){\n      slideEls.forEach(function(el){ el.style.transition = 'none'; });\n      render();\n      requestAnimationFrame(function(){\n        requestAnimationFrame(function(){\n          slideEls.forEach(function(el){ el.style.transition = ''; });\n        });\n      });\n    }, 120);\n  }\n  window.addEventListener('resize', handleLayoutChange);\n  if (mobileQuery.addEventListener) mobileQuery.addEventListener('change', handleLayoutChange);\n  else if (mobileQuery.addListener) mobileQuery.addListener(handleLayoutChange);\n})();\n\n\/* ===== Slider avis voyageurs ===== *\/\n(function () {\n  var track   = document.getElementById('reviewsTrack');\n  var wrapper = document.getElementById('reviewsWrapper');\n  var prevBtn = document.getElementById('reviewsPrev');\n  var nextBtn = document.getElementById('reviewsNext');\n  var dotsEl  = document.getElementById('reviewsDots');\n  if (!track || !wrapper || !prevBtn || !nextBtn || !dotsEl) return;\n  var cards   = track.querySelectorAll('.review-card');\n  var total   = cards.length;\n  var current = 0;\n\n  function perPage()  { return window.innerWidth <= 640 ? 1 : 2; }\n  function maxIndex() { return total - perPage(); }\n\n  function buildDots() {\n    dotsEl.innerHTML = '';\n    var n = maxIndex() + 1;\n    for (var i = 0; i < n; i++) {\n      var d = document.createElement('button');\n      d.className = 'reviews-dot' + (i === current ? ' active' : '');\n      d.setAttribute('aria-label', 'Avis ' + (i + 1));\n      d.dataset.i = i;\n      d.addEventListener('click', function () { goTo(+this.dataset.i); });\n      dotsEl.appendChild(d);\n    }\n  }\n\n  function goTo(idx) {\n    current = Math.max(0, Math.min(idx, maxIndex()));\n    var gap       = 20;\n    var cardWidth = cards[0].offsetWidth + gap;\n    track.style.transform = 'translateX(-' + current * cardWidth + 'px)';\n    prevBtn.disabled = current === 0;\n    nextBtn.disabled = current >= maxIndex();\n    dotsEl.querySelectorAll('.reviews-dot').forEach(function (d, i) {\n      d.classList.toggle('active', i === current);\n    });\n  }\n\n  var autoTimer;\n  function startAuto() {\n    clearInterval(autoTimer);\n    autoTimer = setInterval(function () {\n      goTo(current >= maxIndex() ? 0 : current + 1);\n    }, 4000);\n  }\n  function resetAuto() { startAuto(); }\n\n  prevBtn.addEventListener('click', function () { goTo(current - 1); resetAuto(); });\n  nextBtn.addEventListener('click', function () { goTo(current + 1); resetAuto(); });\n\n  dotsEl.addEventListener('click', function () { resetAuto(); });\n\n  wrapper.addEventListener('mouseenter', function () { clearInterval(autoTimer); });\n  wrapper.addEventListener('mouseleave', function () { startAuto(); });\n\n  var tx = 0;\n  wrapper.addEventListener('touchstart', function (e) { tx = e.changedTouches[0].clientX; clearInterval(autoTimer); }, { passive: true });\n  wrapper.addEventListener('touchend',   function (e) {\n    var dx = tx - e.changedTouches[0].clientX;\n    if (Math.abs(dx) > 40) goTo(dx > 0 ? current + 1 : current - 1);\n    startAuto();\n  }, { passive: true });\n\n  var timer;\n  window.addEventListener('resize', function () {\n    clearTimeout(timer);\n    timer = setTimeout(function () {\n      if (current > maxIndex()) current = maxIndex();\n      buildDots();\n      goTo(current);\n    }, 150);\n  });\n\n  buildDots();\n  goTo(0);\n  startAuto();\n})();\n\n\/* ===== FAQ accord\u00e9on ===== *\/\n(function () {\n  var root = document.currentScript.closest('.trkl-faq') || document.querySelector('.trkl-faq');\n  if (!root) return;\n\n  var items = root.querySelectorAll('.trkl-faq__item');\n\n  items.forEach(function (item) {\n    var trigger = item.querySelector('.trkl-faq__trigger');\n    var panel = item.querySelector('.trkl-faq__panel');\n\n    trigger.addEventListener('click', function () {\n      var isOpen = item.classList.contains('is-open');\n\n      items.forEach(function (other) {\n        if (other === item) return;\n        other.classList.remove('is-open');\n        other.querySelector('.trkl-faq__trigger').setAttribute('aria-expanded', 'false');\n        other.querySelector('.trkl-faq__panel').setAttribute('aria-hidden', 'true');\n      });\n\n      item.classList.toggle('is-open', !isOpen);\n      trigger.setAttribute('aria-expanded', String(!isOpen));\n      panel.setAttribute('aria-hidden', String(isOpen));\n    });\n  });\n})();\n<\/script>\n\n<script type=\"application\/ld+json\">\n{\n  \"@context\": \"https:\/\/schema.org\",\n  \"@type\": \"FAQPage\",\n  \"mainEntity\": [\n    {\n      \"@type\": \"Question\",\n      \"name\": \"Qu'est-ce que le co-camionnage ?\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"Le co-camionnage est un covoiturage en camion : un conducteur qui effectue d\u00e9j\u00e0 un trajet en camion ou en utilitaire propose sa place libre \u00e0 des particuliers. Vous voyagez \u00e0 prix r\u00e9duit et le conducteur limite ses frais. L'exp\u00e9rience d'un voyage en camion est unique, confortable et inoubliable, avec de belles rencontres \u00e0 la cl\u00e9.\"\n      }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"Co-camionnage, covoiturage classique : quelle diff\u00e9rence ?\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"Le co-camionnage reprend le principe du covoiturage classique, mais dans la cabine d'un camion conduit par un professionnel plut\u00f4t que dans une voiture. Le trajet existe d\u00e9j\u00e0 : le conducteur travaille sur cet itin\u00e9raire, et vous profitez de la place libre \u00e0 ses c\u00f4t\u00e9s pour voyager \u00e0 moindre co\u00fbt, avec une exp\u00e9rience unique.\"\n      }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"Comment fonctionne le co-camionnage sur Truckly ?\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"Un conducteur professionnel publie sur Truckly un trajet qu'il effectue d\u00e9j\u00e0 avec son camion, en indiquant l'itin\u00e9raire, la date et la place disponible. Vous r\u00e9servez votre si\u00e8ge et r\u00e9glez en ligne, puis embarquez \u00e0 ses c\u00f4t\u00e9s en cabine. Le trajet se d\u00e9roule comme un covoiturage classique, en toute s\u00e9curit\u00e9.\"\n      }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"Comment trouver un trajet en covoiturage camion ?\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"Indiquez simplement votre trajet sur l'application Truckly : ville de d\u00e9part, destination et date souhait\u00e9e. Les trajets de conducteurs professionnels disponibles sur cet itin\u00e9raire s'affichent aussit\u00f4t. Vous choisissez celui qui vous convient, r\u00e9servez votre place en ligne et \u00e9changez directement avec le conducteur avant le d\u00e9part.\"\n      }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"Le co-camionnage est-il moins cher qu'un billet de train ou de bus ?\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"Oui, le co-camionnage revient g\u00e9n\u00e9ralement moins cher qu'un billet de train ou de bus classique, car vous partagez un trajet que le conducteur effectue de toute fa\u00e7on. Cette formule permet de voyager \u00e0 petit prix tout en vivant une exp\u00e9rience originale, aux c\u00f4t\u00e9s d'un professionnel du transport routier.\"\n      }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"Peut-on voyager en camion sur de longues distances ?\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"Oui, ce mode de transport fonctionne aussi bien pour des trajets courts que pour de longues distances. De nombreux conducteurs professionnels sur Truckly parcourent plusieurs centaines de kilom\u00e8tres \u00e0 travers la France, ce qui permet de traverser le pays en camion tout en profitant du confort de la cabine.\"\n      }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"Combien de bagages peut-on emporter en co-camionnage ?\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"Les bagages sont g\u00e9n\u00e9ralement illimit\u00e9s, dans la limite de l'espace disponible en cabine et selon ce qu'indique chaque conducteur sur son trajet. Certains voyageurs t\u00e9moignent d'ailleurs avoir embarqu\u00e9 sans aucune contrainte de poids. Il reste conseill\u00e9 d'\u00e9changer avec le conducteur avant la r\u00e9servation pour confirmer l'espace disponible.\"\n      }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"Le co-camionnage est-il l\u00e9gal ?\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"Oui, le co-camionnage est parfaitement l\u00e9gal en France. Truckly encadre chaque trajet avec un cadre l\u00e9gal, des assurances adapt\u00e9es et un accompagnement d\u00e9di\u00e9, aussi bien pour les conducteurs professionnels que pour les voyageurs. Le co-camionnage repose sur le m\u00eame principe que le covoiturage classique, appliqu\u00e9 au monde du transport routier.\"\n      }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"Comment sont v\u00e9rifi\u00e9s les conducteurs sur Truckly ?\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"Chaque conducteur inscrit sur Truckly doit valider son identit\u00e9 et ses documents professionnels avant de pouvoir proposer un trajet. Truckly valide chaque trajet en amont et s'assure que le conducteur remplit toutes les conditions requises. Les trajets sont ainsi s\u00e9curis\u00e9s de bout en bout.\"\n      }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"Suis-je assur\u00e9 pendant un trajet en co-camionnage ?\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"Oui, chaque trajet r\u00e9serv\u00e9 via Truckly est couvert par une assurance d\u00e9di\u00e9e : cadre l\u00e9gal, garanties et accompagnement sont assur\u00e9s par Truckly. Vous voyagez ainsi en toute s\u00e9curit\u00e9 aux c\u00f4t\u00e9s d'un conducteur professionnel. Les conditions pr\u00e9cises de cette couverture sont consultables avant chaque r\u00e9servation.\"\n      }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"Comment devenir conducteur et proposer un trajet en co-camionnage ?\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"Il suffit de vous inscrire sur Truckly, renseigner vos trajets habituels et valider votre profil de conducteur professionnel. Une fois votre trajet ajout\u00e9 depuis l'application, Truckly vous met en relation avec un voyageur int\u00e9ress\u00e9. Le paiement est ensuite vers\u00e9 directement et en toute s\u00e9curit\u00e9 apr\u00e8s le trajet.\"\n      }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"Combien peut-on gagner en co-camionnage sur un trajet ?\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"Le co-camionnage permet de g\u00e9n\u00e9rer un revenu additionnel sur chacun de vos trajets, sans changer votre organisation habituelle, simplement en accueillant un voyageur \u00e0 bord. Le gain varie selon la distance parcourue et le nombre de trajets propos\u00e9s, ce qui rentabilise chaque kilom\u00e8tre parcouru.\"\n      }\n    }\n  ]\n}\n<\/script>\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>\u00d7 Partenaire officiel de l&rsquo;A\u00e9roport Marseille Provence Rejoignez l&rsquo;a\u00e9roport Marseille Provence,sans stress Truckly, partenaire officiel de l&rsquo;A\u00e9roport Marseille Provence, vous permet de voyager sans stress avec des conducteurs professionnels qui font d\u00e9j\u00e0 la route. Et cette fois, il y a enfin toute la place qu&rsquo;il faut pour vos bagages, votre v\u00e9lo ou votre instrument de [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-1307","page","type-page","status-publish","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/truckly.io\/en\/wp-json\/wp\/v2\/pages\/1307","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/truckly.io\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/truckly.io\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/truckly.io\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/truckly.io\/en\/wp-json\/wp\/v2\/comments?post=1307"}],"version-history":[{"count":56,"href":"https:\/\/truckly.io\/en\/wp-json\/wp\/v2\/pages\/1307\/revisions"}],"predecessor-version":[{"id":1498,"href":"https:\/\/truckly.io\/en\/wp-json\/wp\/v2\/pages\/1307\/revisions\/1498"}],"wp:attachment":[{"href":"https:\/\/truckly.io\/en\/wp-json\/wp\/v2\/media?parent=1307"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}