{"id":1544,"date":"2026-09-08T13:00:03","date_gmt":"2026-09-08T13:00:03","guid":{"rendered":"https:\/\/truckly.io\/?page_id=1544"},"modified":"2026-10-07T21:01:02","modified_gmt":"2026-10-07T21:01:02","slug":"trucklytravel1","status":"publish","type":"page","link":"https:\/\/truckly.io\/en\/trucklytravel1\/","title":{"rendered":"LP ads Fran\u00e7ois"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1544\" class=\"elementor elementor-1544\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-192478b e-con-full e-flex e-con e-parent\" data-id=\"192478b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2f9b09d elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"2f9b09d\" 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 { box-sizing: border-box; margin: 0; padding: 0; }\n.trk-lp { --font-head: \"Poppins\", \"Inter\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif; --font-body: \"Inter\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif; font-family: var(--font-body); overflow-x: hidden; }\n\n\/* ============ HERO ============ *\/\n.trk-hero { --green: #1FBF75; --purple: #522CEC; --grad: linear-gradient(135deg, #522CEC 0%, #0891b2 50%, #1FBF75 100%); --grad-btn: linear-gradient(90deg, #6C3CE9 0%, #522CEC 100%); --dark: #1a1f35; --muted: #6b7280; --bg2: #f5f6fb; color: var(--dark); }\n.trk-hero .hero { background: var(--bg2); display: grid; grid-template-columns: 1fr 1fr; align-items: center; padding: 48px 60px 56px; gap: 56px; position: relative; overflow: hidden; min-height: 80vh; }\n.trk-hero .hero::before { content: \"\"; position: absolute; top: -200px; right: -150px; width: 650px; height: 650px; border-radius: 50%; background: radial-gradient(circle, rgba(108,92,231,.2) 0%, transparent 70%); pointer-events: none; }\n.trk-hero .hero::after { content: \"\"; position: absolute; bottom: -150px; left: -80px; width: 500px; height: 500px; border-radius: 50%; background: radial-gradient(circle, rgba(45,224,122,.1) 0%, transparent 70%); pointer-events: none; }\n.trk-hero .hero-copy { position: relative; z-index: 2; }\n\n\/* Logo Truckly hero *\/\n.trk-hero .partner-lockup { display: flex; align-items: center; margin-bottom: 22px; }\n.trk-hero .partner-lockup img { display: block; }\n.trk-hero .partner-logo-truckly { height: 32px; width: auto; }\n.trk-hero .hero-tagline-top { display: inline-flex; align-items: center; gap: 8px; font-family: var(--font-head); font-size: 0.82rem; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; color: var(--green); margin-bottom: 18px; }\n.trk-hero .hero h1 { font-family: var(--font-head); font-size: clamp(2.4rem, 4.5vw, 4rem); font-weight: 700; line-height: 1.15; margin-bottom: 24px; }\n.trk-hero .hero h1 .grad { background: var(--grad); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }\n.trk-hero .hero-sub { font-family: var(--font-body); font-size: 1rem; color: rgba(26,31,53,.75); line-height: 1.75; margin-bottom: 36px; max-width: 460px; }\n.trk-hero .hero-actions { display: flex; gap: 14px; flex-wrap: wrap; margin-bottom: 24px; }\n.trk-hero .btn-primary { background: var(--grad-btn); color: #fff !important; border: none; border-radius: 50px; padding: 16px 36px; font-family: var(--font-head); font-weight: 700; font-size: 1rem; cursor: pointer; transition: opacity .2s, transform .2s; display: inline-block; text-decoration: none !important; }\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 { width: 100%; border-radius: 24px; overflow: hidden; box-shadow: 0 40px 80px rgba(0,0,0,.4); aspect-ratio: 4\/3; }\n.trk-hero .hero-photo img { width: 100%; height: 100%; object-fit: cover; display: block; }\n\n\/* TRUSTPILOT *\/\n.trk-hero .trustpilot-bar { background: #ffffff; border-top: 1px solid rgba(26,31,53,.08); padding: 20px 60px 0; display: flex; align-items: center; justify-content: center; }\n.trk-hero .tp-logo-img { height: 34px; width: auto; display: block; }\n\n\/* MARQUEE PRESSE *\/\n.trk-hero .press-marquee-bar { background: #ffffff; border-bottom: 1px solid rgba(26,31,53,.08); padding: 14px 0 20px; overflow: hidden; position: relative; }\n.trk-hero .press-marquee-bar::before, .trk-hero .press-marquee-bar::after { content: ''; position: absolute; top: 0; bottom: 0; width: 80px; z-index: 2; pointer-events: none; }\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 { display: flex; width: max-content; animation: trk-marquee 28s linear infinite; }\n.trk-hero .press-marquee-track:hover { animation-play-state: paused; }\n.trk-hero .marquee-set { display: flex; align-items: center; gap: 96px; padding-right: 96px; flex-shrink: 0; }\n.trk-hero .marquee-set img { height: 52px; width: auto; min-width: 120px; max-width: 260px; object-fit: contain; object-position: center; opacity: 0.75; flex-shrink: 0; display: block; }\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@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 .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, .trk-hero .press-marquee-bar::after { width: 32px; }\n}\n\n\/* ============ COCAMIONNAGE ============ *\/\n.truckly-cocamionnage { --violet:#6C3CE9; --violet-dark:#4B23B8; --violet-light:#F1ECFF; --green:#1FBF75; --ink:#1E1533; --ink-soft:#5B5470; --border:#EAE4FB; --radius-lg:28px; --radius-md:18px; color:var(--ink); padding:88px 0; }\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 { position:relative; height:clamp(260px,32vw,400px); max-width:1180px; margin:0 auto; overflow:hidden; cursor:grab; outline:none; touch-action:pan-y; }\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 { position:absolute; top:50%; left:50%; border-radius:26px; overflow:hidden; will-change:transform,filter,opacity; box-shadow:0 16px 34px -14px rgba(20,20,31,.20); transition:transform 1s cubic-bezier(.65,.05,.36,1), filter 1s ease, opacity 1s ease; }\n.truckly-cocamionnage .tks-slide.is-front { box-shadow:0 24px 54px -12px rgba(20,20,31,.30); }\n.truckly-cocamionnage .tks-slide img { width:100% !important; height:100% !important; max-width:none !important; object-fit:cover !important; object-position:center; display:block; border:0; }\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\/* exemples de trajets *\/\n.truckly-cocamionnage .trips-heading { text-align:center; font-size:21px; margin:60px 0 28px; }\n@media (max-width:768px) {\n  .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) {\n  .truckly-cocamionnage .trips-grid { grid-template-columns:1fr; max-width:420px; margin:0 auto; }\n}\n.truckly-cocamionnage .trip-card { background:#fff; border:1px solid var(--border); border-radius:var(--radius-lg); padding:22px; box-shadow:0 24px 50px -30px rgba(76,30,180,.28); display:flex; flex-direction:column; gap:16px; }\n.truckly-cocamionnage .trip-head { display:flex; align-items:center; gap:12px; }\n.truckly-cocamionnage .trip-avatar { width:46px; height:46px; border-radius:50%; object-fit:cover; border:2px solid #fff; box-shadow:0 0 0 2px var(--violet-light); flex-shrink:0; }\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 { display:inline-flex; align-items:center; gap:4px; margin-top:2px; background:var(--violet-light); color:var(--violet-dark); font-size:11px; font-weight:700; letter-spacing:.02em; padding:3px 9px; border-radius:999px; }\n.truckly-cocamionnage .trip-rating { font-size:13px; font-weight:700; color:#00b67a; white-space:nowrap; }\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 { position:absolute; top:50%; left:0; transform:translate(-50%,-50%); width:14px; height:14px; animation:truckly-fly 3.6s linear infinite; }\n.truckly-cocamionnage .mover-dot { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:6px; height:6px; border-radius:50%; background:var(--green); box-shadow:0 0 0 2px #fff; }\n.truckly-cocamionnage .mover-ping { position:absolute; inset:0; border-radius:50%; border:1.5px solid var(--green); animation:truckly-ping 1.8s ease-out infinite; }\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.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.truckly-cocamionnage .trip-footer { display:flex; align-items:center; justify-content:space-between; gap:10px; padding-top:14px; border-top:1px solid var(--border); }\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 { background:var(--violet); color:#fff; padding:10px 18px; border-radius:999px; font-weight:600; font-size:13.5px; text-decoration:none; white-space:nowrap; }\n.truckly-cocamionnage .cta-wrap { text-align:center; margin-top:40px; }\n.truckly-cocamionnage .btn-primary { background:var(--violet); color:#fff; padding:15px 28px; border-radius:999px; font-weight:600; font-size:15px; box-shadow:0 12px 26px rgba(108,60,233,.3); display:inline-flex; align-items:center; gap:8px; text-decoration:none; }\n@media (max-width:768px) {\n  .truckly-cocamionnage { padding:56px 0; }\n}\n\n\/* ============ COMMENT CA MARCHE ============ *\/\n.trk-how { --green: #0e8a4a; --grad-btn: linear-gradient(90deg, #5b4fd6 0%, #0e8a4a 100%); --dark: #1a1f35; --muted: #6b7280; color: var(--dark); }\n.trk-how .how { background: #fff; padding: 96px 60px; }\n.trk-how .how-inner { max-width: 1100px; margin: 0 auto; display: grid; grid-template-columns: 1fr 1fr; gap: 80px; align-items: center; }\n.trk-how .section-eyebrow { font-family: var(--font-head); font-size: 0.75rem; font-weight: 700; color: var(--green); letter-spacing: 2px; text-transform: uppercase; margin-bottom: 14px; }\n.trk-how .section-title { font-family: var(--font-head); font-size: clamp(1.9rem, 3vw, 2.8rem); font-weight: 700; line-height: 1.15; margin-bottom: 32px; }\n.trk-how .steps { display: flex; flex-direction: column; }\n.trk-how .step { display: flex; gap: 22px; padding: 0 0 40px; position: relative; }\n.trk-how .step:last-child { padding-bottom: 0; }\n.trk-how .step:not(:last-child)::before { content: \"\"; position: absolute; left: 23px; top: 48px; bottom: 4px; width: 2px; background: rgba(26,31,53,.12); }\n.trk-how .step-num { flex-shrink: 0; width: 48px; height: 48px; border-radius: 50%; background: var(--grad-btn); display: flex; align-items: center; justify-content: center; font-family: var(--font-head); font-weight: 700; font-size: 1.05rem; color: #fff; position: relative; z-index: 1; box-shadow: 0 6px 16px rgba(91,79,214,.28); }\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@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 { --green: #0e8a4a; --dark: #1a1f35; --bg2: #f5f6fb; color: var(--dark); }\n.trk-cond .experience { background: var(--bg2); padding: 96px 60px; }\n.trk-cond .exp-inner { max-width: 1100px; margin: 0 auto; }\n.trk-cond .exp-header { margin-bottom: 48px; }\n.trk-cond .section-eyebrow { font-family: var(--font-head); font-size: 0.75rem; font-weight: 700; color: var(--green); letter-spacing: 2px; text-transform: uppercase; margin-bottom: 14px; }\n.trk-cond .section-title { font-family: var(--font-head); font-size: clamp(1.9rem, 3vw, 2.8rem); font-weight: 700; line-height: 1.15; margin-bottom: 14px; }\n.trk-cond .exp-layout { display: grid; grid-template-columns: 1fr 1fr; gap: 56px; align-items: center; }\n.trk-cond .exp-text p { font-family: var(--font-body); font-size: 1rem; line-height: 1.8; }\n.trk-cond .exp-photo { border-radius: 20px; overflow: hidden; box-shadow: 0 24px 60px rgba(0,0,0,.25); }\n.trk-cond .exp-photo img { width: 100%; height: 100%; object-fit: cover; display: block; aspect-ratio: 4\/3; }\n.trk-cond .partner-tag { display: inline-flex; align-items: center; gap: 8px; font-family: var(--font-head); background: rgba(14,138,74,.1); border: 1px solid rgba(14,138,74,.3); border-radius: 8px; padding: 8px 16px; font-size: 0.82rem; font-weight: 700; color: var(--green); margin-top: 24px; }\n@media (max-width: 960px) {\n  .trk-cond .experience { padding: 64px 24px; }\n  .trk-cond .exp-layout { grid-template-columns: 1fr; }\n}\n\n\/* ============ CTA TRAJETS ============ *\/\n.trk-cta-trajets { background: #fff; text-align: center; padding: 64px 24px; }\n.trk-cta-trajets__text { font-family: var(--font-body); color: #5B5470; font-size: 1rem; margin-bottom: 20px; }\n.trk-cta-trajets__btn { display: inline-flex; align-items: center; gap: 8px; background: linear-gradient(90deg, #6C3CE9 0%, #522CEC 100%); color: #fff !important; font-family: var(--font-head); font-weight: 700; font-size: 1rem; padding: 16px 36px; border-radius: 50px; text-decoration: none !important; transition: opacity .2s, transform .2s; }\n.trk-cta-trajets__btn:hover { opacity: .88; transform: translateY(-2px); }\n\n\/* ============ AVIS VOYAGEURS ============ *\/\n.trk-testimonials { background: #ffffff; padding: 88px 24px; }\n.trk-testimonials__inner { max-width: 1180px; margin: 0 auto; }\n.trk-testimonials__head { text-align: center; margin-bottom: 44px; }\n.trk-testimonials__eyebrow { display: block; font-family: var(--font-head); font-weight: 700; font-size: 13px; letter-spacing: .08em; text-transform: uppercase; color: #1FBF75; margin-bottom: 14px; }\n.trk-testimonials__title { font-family: var(--font-head); font-weight: 700; font-size: clamp(28px, 4vw, 40px); line-height: 1.15; color: #1E1533; margin: 0; }\n.trk-testimonials__stars { color: #1FBF75; font-size: 18px; letter-spacing: 3px; margin-bottom: 18px; }\n.trk-testimonials__quote { font-family: var(--font-body); font-style: italic; color: #5B5470; font-size: 16.5px; line-height: 1.65; margin: 0 0 24px; }\n.trk-testimonials__highlight { color: #16A366; font-weight: 600; font-style: normal; }\n.trk-testimonials__author { display: flex; align-items: center; gap: 14px; margin-top: auto; }\n.trk-testimonials__avatar { flex-shrink: 0; width: 44px; height: 44px; border-radius: 50%; background: linear-gradient(135deg, #6C3CE9 0%, #1FBF75 100%); color: #fff; font-family: var(--font-head); font-weight: 700; font-size: 16px; display: flex; align-items: center; justify-content: center; }\n.trk-testimonials__name { font-family: var(--font-head); font-weight: 700; font-size: 15px; color: #1E1533; }\n.trk-testimonials__route { font-family: var(--font-body); font-size: 13.5px; color: #8A84A0; }\n.trk-testimonials__featured { background: #FAF9FD; border: 1px solid #EAE4FB; border-radius: 24px; padding: 40px 44px; margin-bottom: 22px; box-shadow: 0 24px 50px -34px rgba(76,30,180,.25); }\n.trk-testimonials__featured .trk-testimonials__quote { font-size: 19px; }\n.trk-testimonials__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; }\n.trk-testimonials__card { background: #FAF9FD; border: 1px solid #EAE4FB; border-radius: 20px; padding: 30px; display: flex; flex-direction: column; box-shadow: 0 20px 44px -34px rgba(76,30,180,.2); }\n@media (max-width: 900px) {\n  .trk-testimonials__grid { grid-template-columns: 1fr; }\n}\n@media (max-width: 640px) {\n  .trk-testimonials { padding: 56px 18px; }\n  .trk-testimonials__featured { padding: 28px 24px; }\n  .trk-testimonials__card { padding: 24px; }\n}\n\n\/* ============ FAQ ============ *\/\n.trkl-faq { --trkl-violet: #6556DF; --trkl-violet-soft: rgba(101, 86, 223, 0.08); --trkl-violet-soft-2: rgba(101, 86, 223, 0.16); --trkl-green: #1CD77B; --trkl-green-soft: #E3FFE1; --trkl-text: #262626; --trkl-text-muted: #6A6A6A; --trkl-white: #FFFFFF; --trkl-bg: #FAFAFA; --trkl-border: #ECECEC; --trkl-radius-lg: 28px; --trkl-radius-md: 20px; --trkl-font-head: var(--font-head); --trkl-font-body: var(--font-body); background: var(--trkl-white); padding: 48px 16px; }\n.trkl-faq__inner { max-width: 780px; margin: 0 auto; }\n.trkl-faq__head { text-align: center; margin-bottom: 36px; }\n.trkl-faq__eyebrow { display: inline-block; font-family: var(--trkl-font-head); font-weight: 600; font-size: 12px; letter-spacing: 0.08em; text-transform: uppercase; color: var(--trkl-violet); background: var(--trkl-violet-soft); padding: 6px 16px; border-radius: 999px; margin-bottom: 14px; }\n.trkl-faq__title { font-family: var(--trkl-font-head); font-weight: 700; color: var(--trkl-text); font-size: 26px; line-height: 1.25; margin: 0 0 10px; }\n.trkl-faq__subtitle { font-family: var(--trkl-font-body); color: var(--trkl-text-muted); font-size: 15px; line-height: 1.6; max-width: 480px; margin: 0 auto; }\n@media (min-width: 640px) {\n  .trkl-faq__title { font-size: 32px; }\n  .trkl-faq__subtitle { font-size: 16px; }\n}\n.trkl-faq__list { display: flex; flex-direction: column; gap: 12px; }\n.trkl-faq__item { background: var(--trkl-bg); border: 1px solid var(--trkl-border); border-radius: var(--trkl-radius-md); overflow: hidden; transition: border-color 0.25s ease, background 0.25s ease, box-shadow 0.25s ease; }\n.trkl-faq__item.is-open { background: var(--trkl-white); border-color: var(--trkl-violet-soft-2); box-shadow: 0 8px 24px rgba(101, 86, 223, 0.10); }\n.trkl-faq__q { margin: 0; }\n.trkl-faq__trigger { display: block; position: relative; width: 100%; background: none !important; background-color: transparent !important; border: none !important; cursor: pointer; padding: 18px 20px; text-align: left; font-family: var(--trkl-font-head); font-weight: 600; font-size: 15.5px; line-height: 1.4; color: var(--trkl-text) !important; -webkit-tap-highlight-color: transparent; box-shadow: none !important; }\n.trkl-faq__trigger > span:first-child { display: block; white-space: normal; overflow-wrap: break-word; word-break: break-word; }\n.trkl-faq__trigger:hover, .trkl-faq__trigger:focus, .trkl-faq__trigger:active { background: none !important; background-color: transparent !important; border: none !important; color: var(--trkl-violet) !important; box-shadow: none !important; }\n.trkl-faq__trigger:focus-visible { outline: 2px solid var(--trkl-violet); outline-offset: -2px; border-radius: var(--trkl-radius-md); }\n.trkl-faq__badge { display: none; position: absolute; top: 50%; right: 20px; transform: translateY(-50%); width: 32px; height: 32px; border-radius: 50%; background: var(--trkl-violet-soft); color: var(--trkl-violet); align-items: center; justify-content: center; transition: background 0.25s ease, color 0.25s ease; }\n.trkl-faq__item.is-open .trkl-faq__badge { background: var(--trkl-violet); color: var(--trkl-white); }\n.trkl-faq__chevron { width: 16px; height: 16px; transition: transform 0.3s ease; }\n.trkl-faq__item.is-open .trkl-faq__chevron { transform: rotate(180deg); }\n.trkl-faq__panel { display: grid; grid-template-rows: 0fr; transition: grid-template-rows 0.35s ease; }\n.trkl-faq__item.is-open .trkl-faq__panel { grid-template-rows: 1fr; }\n.trkl-faq__panel-inner { overflow: hidden; min-height: 0; }\n.trkl-faq__panel p { margin: 0; padding: 0 20px 20px; font-family: var(--trkl-font-body); font-size: 14.5px; line-height: 1.65; color: var(--trkl-text-muted); }\n.trkl-faq__item.is-open .trkl-faq__panel p { color: var(--trkl-text); }\n.trkl-faq__cta-text { font-weight: 600; color: var(--trkl-text) !important; }\n.trkl-faq__cta-group { display: flex; flex-wrap: wrap; gap: 10px; padding: 0 20px 20px; }\n.trkl-faq__cta { flex: 1 1 160px; display: inline-flex; align-items: center; justify-content: center; text-align: center; font-family: var(--trkl-font-head); font-weight: 600; font-size: 14px; text-decoration: none; padding: 12px 18px; border-radius: 999px; white-space: nowrap; transition: transform 0.2s ease, box-shadow 0.2s ease; }\n.trkl-faq__cta:hover { transform: translateY(-1px); }\n.trkl-faq__cta:focus-visible { outline: 2px solid var(--trkl-text); outline-offset: 2px; }\n.trkl-faq__cta--violet { background: var(--trkl-violet); color: var(--trkl-white); box-shadow: 0 6px 16px rgba(101, 86, 223, 0.25); }\n.trkl-faq__cta--violet:hover { box-shadow: 0 8px 20px rgba(101, 86, 223, 0.32); }\n.trkl-faq__cta--green { background: var(--trkl-green); color: #0B3D24; box-shadow: 0 6px 16px rgba(28, 215, 123, 0.25); }\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, .trkl-faq__chevron, .trkl-faq__item { transition: none !important; }\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        <\/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 11.08V12a10 10 0 1 1-5.93-9.14\"\/><polyline points=\"22 4 12 14.01 9 11.01\"\/><\/svg>\n          Conducteurs professionnels v\u00e9rifi\u00e9s\n        <\/div>\n        <h1>Voyagez partout en France,<br><span class=\"grad\">simple et abordable<\/span><\/h1>\n        <p class=\"hero-sub\">Truckly vous permet de voyager <b>sans stress<\/b> avec des conducteurs professionnels qui font d\u00e9j\u00e0 la route. Et 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=francois_v2&utm_content=ad1_6ct\" 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 voyager en camion avec Truckly ?<\/h2>\n        <p>Ces camions effectuent d\u00e9j\u00e0 ces trajets au quotidien. 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      <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\udd12 V\u00e9rifi\u00e9<\/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>Brian\u00e7on<\/span><span class=\"arrow\">\u2192<\/span><span class=\"dest\">Manosque<\/span>\n          <\/div>\n          <div class=\"trip-footer\">\n            <div class=\"trip-price\">20 \u20ac<span>par personne<\/span><\/div>\n            <a class=\"trip-cta\" href=\"https:\/\/app.truckly.io\/auth?utm_source=meta&utm_medium=paid_social&utm_campaign=francois_v2&utm_content=ad1_6ct\" 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\udd12 V\u00e9rifi\u00e9<\/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>S\u00e8te<\/span><span class=\"arrow\">\u2192<\/span><span class=\"dest\">Marseille<\/span>\n          <\/div>\n          <div class=\"trip-footer\">\n            <div class=\"trip-price\">21 \u20ac<span>par personne<\/span><\/div>\n            <a class=\"trip-cta\" href=\"https:\/\/app.truckly.io\/auth?utm_source=meta&utm_medium=paid_social&utm_campaign=francois_v2&utm_content=ad1_6ct\" 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\udd12 V\u00e9rifi\u00e9<\/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>Paris<\/span><span class=\"arrow\">\u2192<\/span><span class=\"dest\">Rouen<\/span>\n          <\/div>\n          <div class=\"trip-footer\">\n            <div class=\"trip-price\">15 \u20ac<span>par personne<\/span><\/div>\n            <a class=\"trip-cta\" href=\"https:\/\/app.truckly.io\/auth?utm_source=meta&utm_medium=paid_social&utm_campaign=francois_v2&utm_content=ad1_6ct\" 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=francois_v2&utm_content=ad1_6ct\" target=\"_blank\" rel=\"noopener\" id=\"CTA2bouton\">Trouver mon trajet \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 pour partir avec Truckly<\/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 votre destination. Des trajets sont propos\u00e9s chaque jour partout en France.<\/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 d\u00e8s la mont\u00e9e \u00e0 bord.<\/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 parcourent la France au quotidien. 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              Conducteurs professionnels v\u00e9rifi\u00e9s\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\" \/>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ============ CTA TRAJETS ============ -->\n  <div class=\"trk-cta-trajets\">\n    <p class=\"trk-cta-trajets__text\">Pr\u00eat \u00e0 embarquer&nbsp;? D\u00e9couvrez les trajets disponibles d\u00e8s maintenant.<\/p>\n    <a href=\"https:\/\/app.truckly.io\/auth?utm_source=meta&utm_medium=paid_social&utm_campaign=francois_v2&utm_content=ad1_6ct\" target=\"_blank\" rel=\"noopener\" id=\"CTA3bouton\" class=\"trk-cta-trajets__btn\">Voir les trajets<\/a>\n  <\/div>\n\n  <!-- ============ AVIS VOYAGEURS ============ -->\n  <section class=\"trk-testimonials\">\n    <div class=\"trk-testimonials__inner\">\n      <div class=\"trk-testimonials__head\">\n        <span class=\"trk-testimonials__eyebrow\">Retours d'exp\u00e9rience<\/span>\n        <h2 class=\"trk-testimonials__title\">Les avis des voyageurs<\/h2>\n      <\/div>\n\n      <div class=\"trk-testimonials__featured\">\n        <div class=\"trk-testimonials__stars\" aria-hidden=\"true\">\u2605\u2605\u2605\u2605\u2605<\/div>\n        <p class=\"trk-testimonials__quote\">\"Rien \u00e0 dire, chauffeur au top, j'ai pu prendre mes grosses valises <span class=\"trk-testimonials__highlight\">sans avoir le stress du vol ou de l'amende<\/span>, je fais le retour avec vous !\"<\/p>\n        <div class=\"trk-testimonials__author\">\n          <span class=\"trk-testimonials__avatar\" aria-hidden=\"true\">A<\/span>\n          <div>\n            <div class=\"trk-testimonials__name\">Audrey<\/div>\n            <div class=\"trk-testimonials__route\">Paris <span aria-hidden=\"true\">\u2192<\/span> Lyon<\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"trk-testimonials__grid\">\n        <div class=\"trk-testimonials__card\">\n          <div class=\"trk-testimonials__stars\" aria-hidden=\"true\">\u2605\u2605\u2605\u2605\u2605<\/div>\n          <p class=\"trk-testimonials__quote\">\"C'\u00e9tait ma premi\u00e8re exp\u00e9rience avec Truckly, pour faire Paris \u2192 Toulouse. \u00c9tant une femme seule, j'avais des appr\u00e9hensions, mais la g\u00e9rante de l'appli m'a \u00e9norm\u00e9ment rassur\u00e9e et le chauffeur \u00e9tait tr\u00e8s sympa. Victoire de la France en direct dans la cabine, et je me suis endormie pour la fin du trajet. \u00c0 refaire !\"<\/p>\n          <div class=\"trk-testimonials__author\">\n            <span class=\"trk-testimonials__avatar\" aria-hidden=\"true\">C<\/span>\n            <div>\n              <div class=\"trk-testimonials__name\">Charlotte R.<\/div>\n              <div class=\"trk-testimonials__route\">Paris <span aria-hidden=\"true\">\u2192<\/span> Toulouse<\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"trk-testimonials__card\">\n          <div class=\"trk-testimonials__stars\" aria-hidden=\"true\">\u2605\u2605\u2605\u2605\u2605<\/div>\n          <p class=\"trk-testimonials__quote\">\"J'ai r\u00e9serv\u00e9 un trajet de N\u00eemes \u00e0 Eyragues avec un chauffeur qui s'appelait Marc. Exp\u00e9rience tr\u00e8s diff\u00e9rente du covoiturage&nbsp;: on prend le temps, on appr\u00e9cie le voyage, \u00eatre en cabine de camion offre une vue imprenable sur les alentours. Marc \u00e9tait tr\u00e8s agr\u00e9able. Le trajet \u00e9tait moins cher que lors de mes covoiturages habituels. Je recommande et retenterai l'exp\u00e9rience !\"<\/p>\n          <div class=\"trk-testimonials__author\">\n            <span class=\"trk-testimonials__avatar\" aria-hidden=\"true\">V<\/span>\n            <div>\n              <div class=\"trk-testimonials__name\">Valentin<\/div>\n              <div class=\"trk-testimonials__route\">N\u00eemes <span aria-hidden=\"true\">\u2192<\/span> Eyragues<\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"trk-testimonials__card\">\n          <div class=\"trk-testimonials__stars\" aria-hidden=\"true\">\u2605\u2605\u2605\u2605\u2605<\/div>\n          <p class=\"trk-testimonials__quote\">\"Tr\u00e8s bon voyage avec Fran\u00e7ois, on a papot\u00e9, il m'a donn\u00e9 une bouteille d'eau (j'avais oubli\u00e9 la mienne), il m'a propos\u00e9 plusieurs fois \u00e0 manger, il conduit bien. Mon fils avait 10 minutes de retard, Fran\u00e7ois n'a pas voulu me laisser attendre, et cerise sur le g\u00e2teau, c'est la premi\u00e8re fois que je voyageais en camion, c'est tr\u00e8s agr\u00e9able. Je vous trouve tr\u00e8s comp\u00e9tents et m\u00eame au-del\u00e0, que du positif avec Truckly. Merciiiii !\"<\/p>\n          <div class=\"trk-testimonials__author\">\n            <span class=\"trk-testimonials__avatar\" aria-hidden=\"true\">G<\/span>\n            <div>\n              <div class=\"trk-testimonials__name\">Guenaelle<\/div>\n              <div class=\"trk-testimonials__route\">Donzenac <span aria-hidden=\"true\">\u2192<\/span> Lille<\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\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\/* ===== 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>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Conducteurs professionnels v\u00e9rifi\u00e9s Voyagez partout en France,simple et abordable Truckly vous permet de voyager sans stress avec des conducteurs professionnels qui font d\u00e9j\u00e0 la route. Et il y a enfin toute la place qu&rsquo;il faut pour vos bagages, votre v\u00e9lo ou votre instrument de musique. R\u00e9server mon trajet Le co-camionnage Comment voyager en camion avec [&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-1544","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\/1544","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=1544"}],"version-history":[{"count":18,"href":"https:\/\/truckly.io\/en\/wp-json\/wp\/v2\/pages\/1544\/revisions"}],"predecessor-version":[{"id":1610,"href":"https:\/\/truckly.io\/en\/wp-json\/wp\/v2\/pages\/1544\/revisions\/1610"}],"wp:attachment":[{"href":"https:\/\/truckly.io\/en\/wp-json\/wp\/v2\/media?parent=1544"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}